https://lo2s.com/_next/static/chunks/pages/404-ab88ca2b36dfd836.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[336],{4262:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/404",function(){return n(9678)}])},2704:(e,t,n)=>{"use strict";n.d(t,{A:()=>S});var i=n(4848),o=n(6540),r=n(5556),a=n.n(r),s=n(4164),l=n(9412),u=n(132),h=n(6144),c=n(3304),d=n(2727),p=n(4718),m=n(4347);let v=e=>{let t=new Set;do for(let n of Reflect.ownKeys(e))t.add([e,n]);while((e=Reflect.getPrototypeOf(e))&&e!==Object.prototype);return t};var g=n(8998),f=n(7083);class x{init(){!function(e){let{include:t,exclude:n}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=e=>{let i=t=>"string"==typeof t?e===t:t.test(e);return t?t.some(i):!n||!n.some(i)};for(let[t,n]of v(e.constructor.prototype)){if("constructor"===n||!i(n))continue;let o=Reflect.getOwnPropertyDescriptor(t,n);o&&"function"==typeof o.value&&(e[n]=e[n].bind(e))}}(this),this.createRenderer(),this.createCamera(),this.createScene(),this.createTexture(),this.loadImage(),this.createProgram(),this.createMesh(),this.onResize(),f.Ay.ticker.add(this.updateScene),this.addEventListeners()}createRenderer(){this.renderer=new l.A({canvas:this.element,alpha:!0,antialias:!0,dpr:Math.min(window.devicePixelRatio,3)}),this.gl=this.renderer.gl}createCamera(){this.camera=new u.i(this.gl),this.camera.fov=45,this.camera.position.z=20}createScene(){this.scene=new h.d}createTexture(){this.texture=new c.g(this.gl,{generateMipmaps:!1})}createMesh(){this.geometry=new d.V(this.gl,{position:{size:3,data:new Float32Array([-1,-1,0,1,-1,0,1,1,0,-1,1,0])},uv:{size:2,data:new Float32Array([0,0,1,0,1,1,0,1])},index:{data:new Uint16Array([0,1,2,0,2,3])}}),this.plane=new p.e(this.gl,{geometry:this.geometry,program:this.program}),this.plane.setParent(this.scene)}createProgram(){this.program=new m.B(this.gl,{depthTest:!1,depthWrite:!1,transparent:!0,fragment:"//#version 300 es\n//precision\n//\n//precision highp float;\n\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\n#ifdef GL_OES_standard_derivatives\n#extension GL_OES_standard_derivatives : enable\n#define GLSLIFY 1\n#endif\n\nuniform vec2 uImageSize;\nuniform vec2 uPlaneSize;\nuniform sampler2D tMap;\n\nuniform vec4 uColor;\nuniform vec2 uMouse;\nuniform float uSize;\nuniform float uStrength;\nuniform float uTime;\nuniform float uDir;\n\nuniform sampler2D uTexture1;\nuniform sampler2D uTexture2;\n\nvarying vec2 vUv;\n\nfloat aastep(float threshold, float value, vec2 uv, vec2 texelSize, sampler2D uTexture, float dir) {\n    // Вычисляем градиент вручную, используя соседние пиксели\n    float gradientX = texture2D(uTexture, uv + vec2(texelSize.x, 0.0)).r - texture2D(uTexture, uv - vec2(texelSize.x, .0)).r;\n    float gradientY = texture2D(uTexture, uv + vec2(0.0, texelSize.y)).r - texture2D(uTexture, uv - vec2(.0, texelSize.y)).r;\n\n    // Вычисляем длину градиента\n    float afwidth = length(vec2(gradientX, gradientY)) * 0.70710678118654757;\n\n    // Применяем smoothstep для сглаживания\n    if(dir == 1.0) {\n        return smoothstep(threshold - afwidth, threshold + afwidth, value);\n    } else {\n        return step(threshold, value);\n    }\n}\n\nfloat median(float r, float g, float b){\n    return max(min(r, g), min(max(r, g), b));\n}\n\nfloat smin3(float a, float b, float k){\n    float x = exp(-k*a);\n    float y = exp(-k*b);\n    return (a * x + b * y) / (x + y);\n}

1\n\nfloat smax2(float a, float b, float k){\n    return smin3(a, b, -k);\n}\n\nvoid main() {\n    vec2 ratio = vec2(\n        min((uPlaneSize.x / uPlaneSize.y) / (uImageSize.x / uImageSize.y), 1.0),\n        min((uPlaneSize.y / uPlaneSize.x) / (uImageSize.y / uImageSize.x), 1.0)\n    );\n\n    vec2 uv = vec2(\n        vUv.x * ratio.x + (1.0 - ratio.x) * 0.5,\n        vUv.y * ratio.y + (1.0 - ratio.y) * 0.5\n    );\n\n    float aspect = uPlaneSize.x / uPlaneSize.y;\n\n    vec2 m = uMouse;\n    m.y = 1. - m.y;\n    m.y /= aspect;\n\n    vec2 st = vUv;\n    st.y /= aspect;\n\n    float mDist = distance(vec2(m.x, m.y), vec2(st.x, st.y));\n    mDist = smoothstep(0., uSize / 100., mDist);\n\n    vec3 msd1 = texture2D(uTexture1, uv).rgb;\n    float sd1 = median(msd1.r, msd1.g, msd1.b);\n    vec3 msd2 = texture2D(uTexture1, uv).rgb;\n    float sd2 = median(msd2.r, msd2.g, msd2.b);\n\n    float i = clamp(mDist, 0., 1.);\n\n    float sdf = sd1 * i + (1. - i) * sd2;\n\n    float circle_factor = 51. - uStrength;\n\n    float c = 1. - mDist;\n    float e = smax2(smax2(c, c + sdf, 1.), sdf, 5.);\n\n    float f = e * (c / circle_factor) + (1. - (c / circle_factor)) * sdf;\n\n    vec3 color = vec3(aastep(0.5, f, uv, vec2(1.0) / uImageSize, uTexture1, uDir));\n\n    gl_FragColor = vec4(vec3(color), color.r) * uColor;\n\n//    gl_FragColor = vec4(vec3(e, 0., 0.), color.r);\n}",vertex:"precision highp float;\n#define GLSLIFY 1\n\nattribute vec3 position;\nattribute vec2 uv;\n\nuniform mat4 modelViewMatrix;\nuniform mat4 projectionMatrix;\n\nvarying vec2 vUv;\n\nvoid main() {\n    vUv = uv;\n\n    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}",uniforms:{uTexture1:{value:this.texture},uPosition:{value:0},uMouse:{value:[0,0]},uDir:{value:this.options.uDir},uSize:{value:this.options.size},uStrength:{value:this.options.strength},uPlaneSize:{value:[0,0]},uImageSize:{value:[0,0]},uColor:{value:this.options.color},uTime:{value:0}},cullFace:!1})}loadImage(){let e=new Image;e.src=this.textureUrl,e.onload=t=>{this.texture.image=e,this.program.uniforms.uImageSize.value=[e.naturalWidth,e.naturalHeight]}}setScale(){this.plane.scale.x=this.viewport.width,this.plane.scale.y=this.viewport.height,this.plane.program.uniforms.uPlaneSize.value=[this.plane.scale.x,this.plane.scale.y]}updateScene(){this.renderer.render({scene:this.scene,camera:this.camera});let e=this.mouse.y+window.__GLOBAL_SCROLL.scroll,t=(0,g.qE)(this.mouse.x-this.screen.left,0,this.screen.width),n=(0,g.qE)(e-this.screen.top,0,this.screen.height),i=(0,g.Cc)(this.previousMouse.x,t,.1),o=(0,g.Cc)(this.previousMouse.y,n,.1);this.previousMouse={x:(0,g.LI)(i,5),y:(0,g.LI)(o,5)};let r=(0,g.LI)(i/this.screen.width,5),a=(0,g.LI)(o/this.screen.height,5);this.plane.program.uniforms.uMouse.value=[r,a]}onResize(){this.w={width:window.innerWidth,height:window.innerHeight};let e=this.element.parentNode.getBoundingClientRect();this.screen={width:e.width,height:e.height,left:e.left,top:e.top+window.scrollY},this.renderer.setSize(this.screen.width,this.screen.height),this.camera.perspective({aspect:this.gl.canvas.width/this.gl.canvas.height});let t=Math.tan(this.camera.fov*(Math.PI/180)/2)*this.camera.position.z,n=t*this.camera.aspect;this.viewport={height:t,width:n},this.setScale()}onMouseMove(e){if(this.plane){let t=e.changedTouches&&e.changedTouches.length,n=t?e.changedTouches[0].clientX:e.clientX,i=t?e.changedTouches[0].clientY:e.clientY;this.mouse={x:n,y:i}}}addEventListeners(){window.addEventListener("resize",this.onResize),window.addEventListener("mousemove",this.onMouseMove,{passive:!0}),window.addEventListener("touchmove",this.onMouseMove,{passive:!0})}destroy(){f.Ay.ticker.remove(this.updateScene),window.removeEventListener("resize",this.onResize),window.removeEventListener("mousemove",this.onMouseMove,{passive:!0}),window.removeEventListener("touchmove",this.onMouseMove,{passive:!0})}constructor(e,t,n={strength:39,size:40,color:[0,0,0],uDir:0}){this.textureUrl=t,this.options={...n},this.element=e,this.previousMouse={x:0,y:0},this.mouse={x:0,y:0},this.init()}}var _=n(91),y=n.n(_);let w=e=>{let{className:t,image:n,strength:r=39,size:a=40,color:l=[.97,.99,1,1],uDir:u=0}=e,h=(0,o.useRef)(null),c=(0,o.useRef)(null);return(0,o.useEffect)(()=>

1(c.current=new x(h.current,n,{strength:r,size:a,color:l,uDir:u}),()=>{c.current.destroy()}),[]),(0,i.jsx)("div",{className:(0,s.A)(y().root,t),children:(0,i.jsx)("canvas",{ref:h})})};w.propTypes={className:a().string,image:a().string,strength:a().number,color:a().arrayOf(a().number),uDir:a().number},w.defaultProps={};let S=w},9678:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSG:()=>d,default:()=>p});var i=n(4848);n(6540);var o=n(5556),r=n.n(o),a=n(2704),s=n(4164),l=n(7393),u=n(943),h=n.n(u);let c=e=>{let{className:t}=e;return(0,i.jsxs)("div",{className:(0,s.A)(h().root,t),children:[(0,i.jsx)("div",{className:h().texture,children:(0,i.jsx)(a.A,{image:"/images/shader/404_sdf.png",color:[.75,.78,.79,1]})}),(0,i.jsxs)("div",{className:h().content,children:[(0,i.jsx)("div",{className:"typo-paragraph",children:"It seems you’ve wandered off the map. The page you’re looking for might have moved, been deleted, or never existed. But don’t worry, you’re not lost—we’ve got you covered!"}),(0,i.jsx)(l.$,{className:(0,s.A)(h().link,"typo-paragraph"),to:"/",ariaLabel:"back home button",children:"Back Home →"})]})]})};c.propTypes={className:r().string},c.defaultProps={};var d=!0;let p=()=>(0,i.jsx)(c,{})},943:e=>{e.exports={"typo-height":"NotFound_typo-height__tpn6H","typo-heading":"NotFound_typo-heading__PONaH","typo-paragraph-b":"NotFound_typo-paragraph-b__wDQE8","typo-paragraph":"NotFound_typo-paragraph__PEUv7","typo-mono-paragraph":"NotFound_typo-mono-paragraph__W7ieQ","typo-form-text":"NotFound_typo-form-text__Nuwyi",root:"NotFound_root__sbEel",texture:"NotFound_texture__o9Z9M",content:"NotFound_content__C_HQW",link:"NotFound_link__RbZe1"}},91:e=>{e.exports={"typo-height":"BoldImage_typo-height__jyXxp","typo-heading":"BoldImage_typo-heading__P62CT","typo-paragraph-b":"BoldImage_typo-paragraph-b__MqInC","typo-paragraph":"BoldImage_typo-paragraph__Hn1mI","typo-mono-paragraph":"BoldImage_typo-mono-paragraph__WJkqK","typo-form-text":"BoldImage_typo-form-text__3lkvJ",root:"BoldImage_root__lkU4b"}}},e=>{var t=t=>e(e.s=t);e.O(0,[577,636,593,792],()=>t(4262)),_N_E=e.O()}]);