https://hititbetkktc.org/dist/animated-bg-grainient.3d31269d1db5ddef7d70.js

1(self.webpackChunkfolio=self.webpackChunkfolio||[]).push([[4770],{80723(e,n,a){"use strict";a.r(n),a.d(n,{default:()=>u});var o=a(31601),t=a.n(o),r=a(76314),l=a.n(r)()(t());l.push([e.id,"\n.grainient-root[data-v-2c2cbc5a] {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n",""]);const u=l},18580(e,n,a){"use strict";a.r(n),a.d(n,{default:()=>f});var o=a(20641),t=a(90033),r=a(29412),l=a(82459),u=a(4347),i=a(39040);const c=(0,o.pM)({__name:"Grainient",props:{timeSpeed:{default:.25},colorBalance:{default:0},warpStrength:{default:1},warpFrequency:{default:5},warpSpeed:{default:2},warpAmplitude:{default:50},blendAngle:{default:0},blendSoftness:{default:.05},rotationAmount:{default:500},noiseScale:{default:2},grainAmount:{default:.1},grainScale:{default:2},grainAnimated:{type:Boolean,default:!1},contrast:{default:1.5},gamma:{default:1},saturation:{default:1},centerX:{default:0},centerY:{default:0},zoom:{default:.9},color1:{default:"#FF9FFC"},color2:{default:"#5227FF"},color3:{default:"#B19EEF"},className:{default:""}},setup:function(e){var n=function(e){var n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return n?[parseInt(n[1],16)/255,parseInt(n[2],16)/255,parseInt(n[3],16)/255]:[1,1,1]},a=e,c=(0,o.rk)("containerRef"),f=null,s=function(){if(c.value){var e=new r.A({webgl:2,alpha:!0,antialias:!1,dpr:Math.min(window.devicePixelRatio||1,2)}),o=e.gl,t=o.canvas;t.style.width="100%",t.style.height="100%",t.style.display="block";var s=c.value;s.appendChild(t);var d=new l.l(o),m=new u.B(o,{vertex:"#version 300 es\nin vec2 position;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n}\n",fragment:"#version 300 es\nprecision highp float;\nuniform vec2 iResolution;\nuniform float iTime;\nuniform float uTimeSpeed;\nuniform float uColorBalance;\nuniform float uWarpStrength;\nuniform float uWarpFrequency;\nuniform float uWarpSpeed;\nuniform float uWarpAmplitude;\nuniform float uBlendAngle;\nuniform float uBlendSoftness;\nuniform float uRotationAmount;\nuniform float uNoiseScale;\nuniform float uGrainAmount;\nuniform float uGrainScale;\nuniform float uGrainAnimated;\nuniform float uContrast;\nuniform float uGamma;\nuniform float uSaturation;\nuniform vec2 uCenterOffset;\nuniform float uZoom;\nuniform vec3 uColor1;\nuniform vec3 uColor2;\nuniform vec3 uColor3;\nout vec4 fragColor;\n#define S(a,b,t) smoothstep(a,b,t)\nmat2 Rot(float a){float s=sin(a),c=cos(a);return mat2(c,-s,s,c);} \nvec2 hash(vec2 p){p=vec2(dot(p,vec2(2127.1,81.17)),dot(p,vec2(1269.5,283.37)));return fract(sin(p)*43758.5453);} \nfloat noise(vec2 p){vec2 i=floor(p),f=fract(p),u=f*f*(3.0-2.0*f);float n=mix(mix(dot(-1.0+2.0*hash(i+vec2(0.0,0.0)),f-vec2(0.0,0.0)),dot(-1.0+2.0*hash(i+vec2(1.0,0.0)),f-vec2(1.0,0.0)),u.x),mix(dot(-1.0+2.0*hash(i+vec2(0.0,1.0)),f-vec2(0.0,1.0)),dot(-1.0+2.0*hash(i+vec2(1.0,1.0)),f-vec2(1.0,1.0)),u.x),u.y);return 0.5+0.5*n;}\nvoid mainImage(out vec4 o, vec2 C){\n  float t=iTime*uTimeSpeed;\n  vec2 uv=C/iResolution.xy;\n  float ratio=iResolution.x/iResolution.y;\n  vec2 tuv=uv-0.5+uCenterOffset;\n  tuv/=max(uZoom,0.001);\n\n  float degree=noise(vec2(t*0.1,tuv.x*tuv.y)*uNoiseScale);\n  tuv.y*=1.0/ratio;\n  tuv*=Rot(radians((degree-0.5)*uRotationAmount+180.0));\n  tuv.y*=ratio;\n\n    float frequency=uWarpFrequency;\n  float ws=max(uWarpStrength,0.001);\n  float amplitude=uWarpAmplitude/ws;\n  float warpTime=t*uWarpSpeed;\n  tuv.x+=sin(tuv.y*frequency+warpTime)/amplitude;\n  tuv.y+=sin(tuv.x*(frequency*1.5)+warpTime)/(amplitude*0.5);\n\n  vec3 colLav=uColor1;\n  vec3 colOrg=uColor2;\n  vec3 colDark=uColor3;\n  float b=uColorBalance;\n  float s=max(uBlendSoftness,0.0);\n  mat2 blendRot=Rot(radians(uBlendAngle));\n  float blendX=(tuv*blendRot).x;\n  float edge0=-0.3-b-s;\n  float edge1=0.2-b+s;\n  float v0=0.5-b+s;\n  float v1=-0.3-b-s;\n  vec3 layer1=mix(colDark,colOrg,S(edge0,edge1,blendX));\n  vec3 layer2=mix(colOrg,colLav,S(edge0,edge1,blendX));\n  vec3 col=mix(layer1,layer2,S(v0,v1,tuv.y));\n\n  vec2 grainUv=uv*max(uGrainScale,0.001);\n  if(uGrainAnimated>0.5){grainUv+=vec2(iTime*0.05);} \n  float grain=fract(sin(dot(grainUv,vec2(12.9898,78.233)))*43758.5453);\n  col+=(grain-0.5)*uGrainAmount;\n\n  col=(col-0.5)*uContrast+0.5;\n  float luma=dot(col,vec3(0.2126,0.7152,0.0722));\n  col=mix(vec3(luma),col,uSaturation);\n  col=pow(max(col,0.0),vec3(1.0/max(uGamma,0.001)));\n  col=clamp(col,0.0,1.0);\n\n  o=vec4(col,1.0);\n}\nvoid main(){\n  vec4 o=vec4(0.0);\n  mainImage(o,gl_FragCoord.xy);\n  fragColor=o;\n}\n",uniforms:{iTime:{value:0},iResolution:{value:new Float32Array([1,1])},uTimeSpeed:{value:a.timeSpeed},uColorBalance:{value:a.colorBalance},uWarpStrength:{value:a.warpStrength},uWarpFrequency:{value:a.warpFrequency},uWarpSpeed:{value:a.warpSpeed},uWarpAmplitude:{value:a.warpAmplitude},uBlendAngle:{value:a.blendAngle},uBlendSoftness:{value:a.blendSoftness},uRotationAmount:{value:a.rotationAmount},uNoiseScale:{value:a.noiseScale},uGrainAmount:{value:a.grainAmount},uGrainScale:{value:a.grainScale},uGrainAnimated:{value:a.grainAnimated?1:0},uContrast:{value:a.contrast},uGamma:{value:a.gamma},uSaturation:{value:a.saturation},uCenterOffset:{value:new Float32Array([a.centerX,a.centerY])},uZoom:{value:a.zoom},uColor1:{value:new Float32Array(n(a.color1))},uColor2:{value:new Float32Array(n(a.color2))},uColor3:{value:new Float32Array(n(a.color3))}}}),v=new i.e(o,{geometry:d,program:m}),p=function(){var n=s.getBoundingClientRect(),a=Math.max(1,Math.floor(n.width)),t=Math.max(1,Math.floor(n.height));e.setSize(a,t);var r=m.uniforms.iResolution.value;r[0]=o.drawingBufferWidth,r[1]=o.drawingBufferHeight},g=new ResizeObserver(p);g.observe(s),p();var h=0,S=performance.now(),w=function(n){m.uniforms.iTime.value=.001*(n-S),e.render({scene:v}),h=requestAnimationFrame(w)};h=requestAnimationFrame(w),f=function(){cancelAnimationFrame(h),g.disconnect();try{s.removeChild(t)}catch(e){}}}};return(0,o.sV)(s),(0,o.xo)(function(){var e;null===(e=f)||void 0===e||e()}),(0,o.wB)(function(){return[a.timeSpeed,a.colorBalance,a.warpStrength,a.warpFrequency,a.warpSpeed,a.warpAmplitude,a.blendAngle,a.blendSoftness,a.rotationAmount,a.noiseScale,a.grainAmount,a.grainScale,a.grainAnimated,a.contrast,a.gamma,a.saturation,a.centerX,a.centerY,a.zoom,a.color1,a.color2,a.

1color3]},function(){var e;null===(e=f)||void 0===e||e(),s()},{deep:!0}),function(n,a){return(0,o.uX)(),(0,o.CE)("div",{ref_key:"containerRef",ref:c,class:(0,t.C4)(["grainient-root",e.className])},null,2)}}});a(57784);const f=(0,a(66262).A)(c,[["__scopeId","data-v-2c2cbc5a"]])},57784(e,n,a){var o=a(80723);o.__esModule&&(o=o.default),"string"==typeof o&&(o=[[e.id,o,""]]),o.locals&&(e.exports=o.locals);(0,a(70534).A)("83477276",o,!1,{})},82459(e,n,a){"use strict";a.d(n,{l:()=>t});var o=a(2727);class t extends o.V{constructor(e,{attributes:n={}}={}){Object.assign(n,{position:{size:2,data:new Float32Array([-1,-1,3,-1,-1,3])},uv:{size:2,data:new Float32Array([0,0,2,0,0,2])}}),super(e,n)}}}}]);