https://www.dicyaninlabs.com/_next/static/chunks/5819.90e0081ec539cb81.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5819],{5819:(e,t,s)=>{s.r(t),s.d(t,{default:()=>f});var o=s(5155),r=s(2115),l=s(3388),n=s(258),a=s(9897),i=s(6750),c=s(5339);function d(e){var t,s;let{app:n}=e,[i,d]=(0,r.useState)(null),h=(0,r.useRef)(0),p=null!=(s=null!=(t=n.screenshots[0])?t:n.icon)?s:null;return(0,r.useEffect)(()=>{let e=!1,t=function(e,t){let s=document.createElement("canvas");s.width=512,s.height=512;let o=s.getContext("2d");o.fillStyle="#02040a",o.fillRect(0,0,512,512),o.strokeStyle="".concat(t),o.globalAlpha=.25;for(let e=0;e<512;e+=6)o.beginPath(),o.moveTo(0,e),o.lineTo(512,e),o.stroke();o.globalAlpha=1,o.font="bold 44px monospace",o.textAlign="center",o.fillStyle=t,o.shadowColor=t,o.shadowBlur=24,o.fillText("NOW LOADING",256,236),o.font="24px monospace",o.fillText(e.toUpperCase(),256,296);let r=new c.GOR(s);return r.colorSpace=c.er$,r}(n.title,n.color);if(d(t),p)return new c.Tap().load(p,s=>{if(e)return void s.dispose();s.colorSpace=c.er$,d(s),t.dispose()},void 0,()=>void 0),()=>{e=!0}},[p,n.title,n.color]),(0,l.D)(e=>{h.current=e.clock.elapsedTime}),(0,o.jsxs)("group",{position:[0,1.62,.42],rotation:[-.18,0,0],children:[(0,o.jsx)(a.b,{args:[1.62,1.22,.1],radius:.04,children:(0,o.jsx)("meshStandardMaterial",{color:"#0a0a0f",roughness:.4,metalness:.6})}),(0,o.jsxs)("mesh",{position:[0,0,.056],children:[(0,o.jsx)("planeGeometry",{args:[1.42,1.02]}),i?(0,o.jsx)("meshBasicMaterial",{map:i,toneMapped:!1}):(0,o.jsx)("meshBasicMaterial",{color:"#02040a"})]}),(0,o.jsxs)("mesh",{position:[0,0,.06],children:[(0,o.jsx)("planeGeometry",{args:[1.42,1.02]}),(0,o.jsx)("meshPhysicalMaterial",{transparent:!0,opacity:.08,roughness:.05,metalness:0,color:"#ffffff"})]}),(0,o.jsx)("pointLight",{position:[0,0,.5],intensity:1.4,distance:2.5,color:n.color})]})}function h(e){let{app:t}=e,s=(0,r.useMemo)(()=>(function(e,t,s){let o=document.createElement("canvas");o.width=1024,o.height=256;let r=o.getContext("2d"),l=r.createLinearGradient(0,0,1024,0);l.addColorStop(0,"#050505"),l.addColorStop(.5,"#101018"),l.addColorStop(1,"#050505"),r.fillStyle=l,r.fillRect(0,0,1024,256),r.strokeStyle=t,r.lineWidth=10,r.strokeRect(10,10,1004,236),r.font="bold 92px 'Arial Black', Arial, sans-serif",r.textAlign="center",r.textBaseline="middle",r.shadowColor=t,r.shadowBlur=40,r.fillStyle=t;let n=e.toUpperCase();for(;r.measureText(n).width>920&&""!==r.font;){let e=parseInt(r.font.match(/\d+/)[0],10)-6;r.font="bold ".concat(e,"px 'Arial Black', Arial, sans-serif")}r.fillText(n,512,118),r.shadowBlur=0,r.font="28px monospace",r.fillStyle=s,r.fillText("INSERT COIN . PRESS START",512,210);let a=new c.GOR(o);return a.colorSpace=c.er$,a})(t.title,t.color,t.accent),[t.title,t.color,t.accent]);return(0,r.useEffect)(()=>()=>s.dispose(),[s]),(0,o.jsxs)("group",{position:[0,2.52,.34],rotation:[.12,0,0],children:[(0,o.jsx)(a.b,{args:[1.7,.44,.14],radius:.03,children:(0,o.jsx)("meshStandardMaterial",{color:"#0a0a0f",roughness:.5,metalness:.5})}),(0,o.jsxs)("mesh",{position:[0,0,.075],children:[(0,o.jsx)("planeGeometry",{args:[1.6,.36]}),(0,o.jsx)("meshBasicMaterial",{map:s,toneMapped:!1})]}),(0,o.jsx)("pointLight",{position:[0,.1,.4],intensity:.8,distance:1.6,color:t.color})]})}function p(e){let{app:t}=e,s=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),d=(0,r.useRef)(null),h=(0,r.useRef)(!1),p=(0,r.useMemo)(()=>{let e=document.createElement("canvas");e.width=1024,e.height=192;let t=e.getContext("2d"),o=new c.GOR(e);return o.colorSpace=c.er$,s.current=e,n.current=t,i.current=o,o},[]);return(0,r.useEffect)(()=>()=>p.dispose(),[p]),(0,r.useEffect)(()=>{var e;h.current=!1,d.current=null;let s=null!=(e=t.icon)?e:t.screenshots[0];if(!s)return;let o=new Image;o.crossOrigin="anonymous",o.onload=()=>{d.current=o,h.current=!0},o.src=s},[t.icon,t.screenshots]),(0,l.D)(e=>{let s=n.current,o=i.current;if(!s||!o)return;let r=e.clock.elapsedTime;s.fillStyle="#02030a",s.fillRect(0,0,1024,192),s.globalAlpha=.18,s.strokeStyle=t.color,s.lineWidth=1;for(let e=0;e<192;e+=5)s.beginPath(),s.moveTo(0,e),s.lineTo(1024,e),s.stroke();s.globalAlpha=1,s.strokeStyle=t.color,s.lineWidth=6,s.strokeRect(6,6,1012,180);h.current&&d.current?(s.save(),s.beginPath(),s.moveTo(72,30),s.arcTo(174,30,174,162,30),s.arcTo(174,162,42,162,30),s.arcTo(42,162,42,30,30),s.arcTo(42,30,174,30,30),s.closePath(),s.clip(),s.drawImage(d.current,42,30,132,132),s.restore(

1),s.strokeStyle="".concat(t.color,"aa"),s.lineWidth=3,s.stroke()):(s.fillStyle="".concat(t.color,"22"),s.fillRect(42,30,132,132));let l=.55+.45*Math.sin(5*r);s.textBaseline="middle",s.textAlign="left",s.font="bold 30px monospace",s.globalAlpha=l,s.fillStyle=t.accent,s.fillText("▶ NOW PLAYING",210,52),s.globalAlpha=1,s.font="bold 62px 'Arial Black', Arial, sans-serif",s.fillStyle=t.color,s.shadowColor=t.color,s.shadowBlur=26;let a=t.title.toUpperCase();for(;s.measureText(a).width>792&&s.font.match(/\d+/);){let e=parseInt(s.font.match(/\d+/)[0],10)-4;s.font="bold ".concat(e,"px 'Arial Black', Arial, sans-serif")}s.fillText(a,210,118),s.shadowBlur=0,s.font="24px monospace",s.fillStyle="#8ea0b5";let c=t.tagline;for(;s.measureText(c).width>792&&c.length>4;)c=c.slice(0,-2);s.fillText(c===t.tagline?c:c+"…",210,158),o.needsUpdate=!0}),(0,o.jsxs)("group",{position:[0,.66,.52],rotation:[-.32,0,0],children:[(0,o.jsx)(a.b,{args:[1.5,.32,.08],radius:.02,children:(0,o.jsx)("meshStandardMaterial",{color:"#08080d",roughness:.35,metalness:.7})}),(0,o.jsxs)("mesh",{position:[0,0,.045],children:[(0,o.jsx)("planeGeometry",{args:[1.4,.24]}),(0,o.jsx)("meshBasicMaterial",{map:p,toneMapped:!1})]}),(0,o.jsx)("pointLight",{position:[0,0,.5],intensity:.8,distance:1.6,color:t.color})]})}function u(e){let{app:t}=e,s=[t.color,t.accent,t.color];return(0,o.jsxs)("group",{position:[0,1.02,.62],rotation:[-.5,0,0],children:[(0,o.jsx)(a.b,{args:[1.7,.5,.12],radius:.04,children:(0,o.jsx)("meshStandardMaterial",{color:"#12121a",roughness:.45,metalness:.55})}),(0,o.jsxs)("group",{position:[-.5,.02,.06],children:[(0,o.jsxs)("mesh",{children:[(0,o.jsx)("cylinderGeometry",{args:[.09,.11,.04,24]}),(0,o.jsx)("meshStandardMaterial",{color:"#0a0a0f",roughness:.3,metalness:.7})]}),(0,o.jsxs)("mesh",{position:[.04,.13,0],rotation:[0,0,-.25],children:[(0,o.jsx)("cylinderGeometry",{args:[.022,.022,.26,12]}),(0,o.jsx)("meshStandardMaterial",{color:"#1a1a22",roughness:.3,metalness:.8})]}),(0,o.jsxs)("mesh",{position:[.075,.27,0],children:[(0,o.jsx)("sphereGeometry",{args:[.07,24,24]}),(0,o.jsx)("meshStandardMaterial",{color:t.color,emissive:t.color,emissiveIntensity:.6,roughness:.2})]})]}),s.map((e,t)=>(0,o.jsxs)("group",{position:[.18+.24*t,.02,.06],children:[(0,o.jsxs)("mesh",{children:[(0,o.jsx)("cylinderGeometry",{args:[.075,.085,.05,24]}),(0,o.jsx)("meshStandardMaterial",{color:"#0a0a0f",roughness:.4,metalness:.6})]}),(0,o.jsxs)("mesh",{position:[0,.032,0],children:[(0,o.jsx)("cylinderGeometry",{args:[.058,.058,.03,24]}),(0,o.jsx)("meshStandardMaterial",{color:e,emissive:e,emissiveIntensity:.7,roughness:.25})]})]},t))]})}function m(e){let{app:t}=e;return(0,o.jsxs)("group",{children:[(0,o.jsx)(a.b,{args:[1.8,1.1,1],radius:.04,position:[0,.55,0],children:(0,o.jsx)("meshStandardMaterial",{color:"#0c0c12",roughness:.55,metalness:.45})}),(0,o.jsx)(a.b,{args:[1.8,1.5,.8],radius:.04,position:[0,1.75,-.05],rotation:[.14,0,0],children:(0,o.jsx)("meshStandardMaterial",{color:"#0c0c12",roughness:.55,metalness:.45})}),(0,o.jsx)(a.b,{args:[1.8,.55,.7],radius:.04,position:[0,2.52,-.02],children:(0,o.jsx)("meshStandardMaterial",{color:"#0c0c12",roughness:.55,metalness:.45})}),[-.93,.93].map(e=>(0,o.jsxs)("mesh",{position:[e,1.35,.2],rotation:[.08,0,0],children:[(0,o.jsx)("boxGeometry",{args:[.035,2.7,.035]}),(0,o.jsx)("meshStandardMaterial",{color:t.color,emissive:t.color,emissiveIntensity:1.6,toneMapped:!1})]},e)),(0,o.jsx)(a.b,{args:[.5,.34,.05],radius:.02,position:[0,.24,.51],children:(0,o.jsx)("meshStandardMaterial",{color:"#15151d",roughness:.35,metalness:.65})}),(0,o.jsxs)("mesh",{position:[0,.29,.545],children:[(0,o.jsx)("boxGeometry",{args:[.05,.14,.01]}),(0,o.jsx)("meshStandardMaterial",{color:t.accent,emissive:t.accent,emissiveIntensity:1.2,toneMapped:!1})]})]})}function x(e){let{app:t}=e,s=(0,r.useRef)(null);return(0,l.D)(e=>{if(!s.current)return;let t=e.clock.elapsedTime;s.current.rotation.y=c.cj9.lerp(s.current.rotation.y,.12*Math.sin(.25*t),.05),s.current.position.y=.015*Math.sin(.8*t)}),(0,o.jsxs)("group",{ref:s,position:[0,-1.35,0],children:[(0,o.jsx)(m,{app:t}),(0,o.jsx)(d,{app:t}),(0,o.jsx)(h,{app:t}),(0,o.jsx)(p,{app:t}),(0,o.jsx)(u,{app:t}),(0,o.jsxs)("mesh",{rotation:[-Math.PI/2,0,0],position:[0,.01,.2],children:[(0,o.jsx)("circleGeometry",{args:[1.9,48]}),(0,o.jsx)("meshBasicMaterial",{color:t.color,transparent:!0,opacity:.07,toneMapped:!1})]})]})}function f(e){let{app:t}=e;return(0,o.jsxs)(n.Hl,{camera:{position:[0,.75,5.9],fov:42},dpr:[1,2],gl:{antialias:!0,alpha:!0},style:{background:"transparent"},children:[(0,o.jsx)("ambientLight",{intensity:.35}),(0,o.jsx)("directionalLight",{position:[3,5,4],intensity:.9}),(0,o.jsx)("directionalLight",{position:[-4,2,-3],intensity:.3,color:t.accent}),(0,o.jsx)("group",{scale:.92,children:(0,o.jsx)(x,{app:t})}),(0,o.jsx)("pointLight",{position:[0,3,3],intensity:.5,color:"#ffffff"}),(0,o.jsx)(i.N,{enablePan:!1,enableZoom:!1,target:[0,.35,0],minPolarAngle:Math.PI/2.6,maxPolarAngle:Math.PI/1.9,minAzimuthAngle:-Math.PI/5,maxAzimuthAngle:Math.PI/5})]})}}}]);