https://cdn.v1v2.io/_next/static/chunks/pages/games/shaders-2db3e819cc7cad8d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1270],{44684:(e,t,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/games/shaders",function(){return l(28199)}])},45822:(e,t,l)=>{"use strict";l.d(t,{R:()=>k,A:()=>S});var n=l(74848),r=l(45703),s=l.n(r),a=l(96540),i=l(50303),o=l(40118),c=l(48706),u=l(93809),d=l(78113),h=l(17335),x=l(31849),m=l(39437);let f=e=>{let{children:t,...l}=e,[r,s]=(0,a.useState)(!1);return((0,a.useEffect)(()=>{s(!0)},[]),r)?(0,n.jsx)(a.Fragment,{...l,children:t}):null};var j=l(19118),p=l(60067),b=l(79644);let v=()=>{let{progress:e,active:t}=(0,p.p)();return(0,n.jsx)(b.E,{center:!0,children:t&&(0,n.jsxs)("div",{style:{color:"white",width:"200px",textAlign:"center"},children:[Math.round(e),"% loaded"]})})};var E=l(91876),g=l(91588),w=l(73374);let k=()=>{let{areStatsEnabled:e,areStatsMinimal:t}=(0,E.sd)();return(0,n.jsx)(x.w,{position:"bottom-left",minimal:t,...!e&&{style:{display:"none"}}})},_=(0,a.forwardRef)((e,t)=>{let{sessionInit:l={optionalFeatures:["local-floor","bounded-floor","hand-tracking","layers"]},children:r,...s}=e;return(0,n.jsx)(h.jo,{...s,ref:t,mode:"VR",sessionInit:l,children:r})}),S=e=>{let{children:t,canvasProps:l={}}=e,[r,x]=(0,a.useState)(!1),[p,b]=(0,a.useState)(!1);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(i.z,{pos:"absolute",top:3,right:3,zIndex:10,children:[(0,n.jsx)(o.m,{label:r?"Hide stats":"Show stats",children:(0,n.jsx)(c.K,{"aria-label":"Enable stats",icon:(0,n.jsx)(u.I,{as:g.BJM}),colorScheme:"blackAlpha",onClick:()=>{r&&p?x(!1):r&&!p?b(!0):r||(b(!1),x(!0))}})}),(0,n.jsx)(o.m,{label:"Enter VR",children:(0,n.jsx)(c.K,{"aria-label":"Enter VR",icon:(0,n.jsx)(u.I,{as:w.Goo}),as:_,colorScheme:"blackAlpha"})}),(0,n.jsx)(j.A,{})]}),(0,n.jsx)(f,{children:(0,n.jsx)(d.Hl,{shadows:{type:m.BasicShadowMap},...l,children:(0,n.jsx)(h.XR,{children:(0,n.jsx)(E.Sd,{value:!0,children:(0,n.jsx)(E.nB,{value:{areStatsEnabled:r,areStatsMinimal:p},children:(0,n.jsx)(a.Suspense,{fallback:(0,n.jsx)(v,{}),children:t})})})})})}),(0,n.jsx)(s(),{id:"86f489856916a0a0",children:"html,body,#__next{height:100%}body{margin:0;background:#222;font-family:sans-serif}canvas{width:100%;height:100vh;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.stats{top:initial!important;right:auto;left:0!important;bottom:105px!important}"})]})}},19118:(e,t,l)=>{"use strict";l.d(t,{A:()=>u});var n=l(74848),r=l(96540),s=l(40118),a=l(48706),i=l(93809),o=l(92946),c=l(91588);let u=e=>{let{isFullscreen:t,toggleFullscreen:l}=(0,o.Hr)();return(0,r.useEffect)(()=>{if(t){var e,l;null===(l=screen)||void 0===l||null===(e=l.orientation)||void 0===e||e.lock("landscape-primary")}},[t]),(0,n.jsx)(s.m,{label:t?"Exit fullscreen":"Enter fullscreen",children:(0,n.jsx)(a.K,{colorScheme:"blackAlpha","aria-label":t?"Exit fullscreen":"Enter fullscreen",icon:(0,n.jsx)(i.I,{as:t?c.Llp:c.T$Z,boxSize:7}),onClick:l,...e})})}},91876:(e,t,l)=>{"use strict";l.d(t,{GW:()=>c,Sd:()=>o,nB:()=>a,sd:()=>s});var n=l(96540);let r=(0,n.createContext)({}),s=()=>(0,n.useContext)(r),a=r.Provider,i=(0,n.createContext)(!1),o=i.Provider,c=()=>(0,n.useContext)(i)},92946:(e,t,l)=>{"use strict";l.d(t,{Hr:()=>a,hY:()=>i});var n=l(96540),r=l(85164),s=l(92267);l(81440);let a=()=>{let[e,{on:t,off:l}]=(0,r.C)(!1),s=()=>document.documentElement.requestFullscreen(),a=()=>document.exitFullscreen(),i=(0,n.useCallback)(()=>document.fullscreenElement?t():l(),[]);return(0,n.useEffect)(()=>(document.addEventListener("fullscreenchange",i),()=>{document.removeEventListener("fullscreenchange",i)}),[]),{isFullscreen:e,enterFullscreen:s,exitFullscreen:a,toggleFullscreen:e?a:s}},i=function(e,t){let l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=(0,n.useRef)(0);(0,s.A)((l,n,s)=>{r.current>t/1e3?(r.current=0,e(l,n,s)):r.current+=n},l)}},81440:(e,t,l)=>{"use strict";l.d(t,{PU:()=>r,Qx:()=>n,pi:()=>s});let n=e=>{let{x:t,y:l,z:n}=e;return[t,l,n]},r=(e,t)=>{let l=t.x-e.x,n=t.y-e.y,r=t.z-e.z;return Math.sqrt(l*l+n*n+r*r)},s=Math.PI},28199:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>g});var n=l(74848),r=l(96540),s=l(72738),a=l(92267),i=l(39437),o=l(44339),c=l(5198),u=l(14186),d=l(27018),h=l(11911),x=l(3957),m=l(17787),f=l(47216),j=l(45822);let p=new c.A,b=new i.Vector3(1,0,0);p.positionNode=new u.mq(()=>(0,d.WQ)(h.po,(0,x.P)(b))),p.colorNode=new u.mq(()=>{let e=(0,m.uv)().mul(5),t=(0,f.RI)(e.x),l=(0,f.RI)(e.y),n=(0,d.WQ)(t,l).mod(2);return(0,d.lK)((0,x.P)(b),(0,u.ln)((0,f._S)(n),(0,f.F8)(0),0,1))});let v=()=>{let e=(0,a.z)(e=>e.scene);return(0,a.A)(e=>{let{clock:t}=e;

1b.x=Math.sin(t.getElapsedTime()),o.m.update()}),(0,r.useEffect)(()=>{let t=new i.Mesh(new i.PlaneGeometry,p);return t.scale.setScalar(4),e.add(t),o.m.update(),()=>{e.remove(t)}},[]),null},E=()=>(0,n.jsxs)(j.A,{children:[(0,n.jsx)(j.R,{}),(0,n.jsx)("ambientLight",{}),(0,n.jsx)(v,{}),(0,n.jsx)(s.N,{})]}),g=e=>(0,n.jsx)(E,{...e})}},e=>{var t=t=>e(e.s=t);e.O(0,[6593,8916,5422,3624,1791,118,6821,5692,2738,3824,636,8792],()=>t(44684)),_N_E=e.O()}]);