3d-effect-cinema 0.3.0 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +144 -78
- package/dist/index.d.mts +91 -8
- package/dist/index.d.ts +91 -8
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
var ue=Object.defineProperty,pe=Object.defineProperties;var he=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var X=(e,t,o)=>t in e?ue(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,y=(e,t)=>{for(var o in t||(t={}))$.call(t,o)&&X(e,o,t[o]);if(I)for(var o of I(t))j.call(t,o)&&X(e,o,t[o]);return e},T=(e,t)=>pe(e,he(t));var G=(e,t)=>{var o={};for(var r in e)$.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&I)for(var r of I(e))t.indexOf(r)<0&&j.call(e,r)&&(o[r]=e[r]);return o};import oe from"react";import{Suspense as Ue,useMemo as Ve,useState as re}from"react";import{Canvas as We}from"@react-three/fiber";import{Environment as Ye,Center as Xe}from"@react-three/drei";import{EffectComposer as $e,Bloom as je,Vignette as Ge,Noise as Ke}from"@react-three/postprocessing";import{useRef as K,useMemo as ge}from"react";import{useFrame as be}from"@react-three/fiber";import{Text3D as xe}from"@react-three/drei";import*as R from"three";var ve={gold:{color:"#FFD700",metalness:1,roughness:.15,clearcoat:1,emissive:"#1a0f00",emissiveIntensity:.3,envMapIntensity:2},neon:{color:"#00ffff",metalness:0,roughness:1,clearcoat:0,emissive:"#00ffff",emissiveIntensity:2.5,envMapIntensity:.5},emerald:{color:"#10b981",metalness:.9,roughness:.1,clearcoat:1,emissive:"#065f46",emissiveIntensity:1.2,envMapIntensity:2.5},crimson:{color:"#ff1744",metalness:.8,roughness:.15,clearcoat:1,emissive:"#880e4f",emissiveIntensity:1.8,envMapIntensity:2},obsidian:{color:"#1a1a2e",metalness:1,roughness:.05,clearcoat:1,emissive:"#0a0a1a",emissiveIntensity:.1,envMapIntensity:3},glass:{color:"#ffffff",metalness:0,roughness:0,clearcoat:0,emissive:"#000000",emissiveIntensity:0,envMapIntensity:1.5,transmission:.95,ior:1.5,thickness:.5,transparent:!0}};function N({char:e,index:t,totalLetters:o,position:r,phase:m,theme:c,fontUrl:s}){let l=K(null),n=K(null),a=ge(()=>{let f=t/o*Math.PI*2;return{x:Math.cos(f)*4+(Math.random()-.5)*2,y:-3+Math.random()*-3,z:-5+Math.random()*-3,rotX:(Math.random()-.5)*Math.PI*2,rotY:(Math.random()-.5)*Math.PI*2}},[t,o]),i=ve[c];return be(f=>{if(!l.current)return;let g=f.clock.getElapsedTime();n.current===null&&(n.current=g);let d=g-n.current,b=t*.12;if(m==="loading"){l.current.position.set(r[0]+a.x,r[1]+a.y,r[2]+a.z),l.current.rotation.set(a.rotX,a.rotY,0),l.current.scale.setScalar(0);return}if(m==="entering"){let u=Math.max(0,d-b),p=1-Math.exp(-u*3),x=1+Math.sin(u*8)*Math.max(0,.15-u*.1);l.current.position.set(R.MathUtils.lerp(r[0]+a.x,r[0],p),R.MathUtils.lerp(r[1]+a.y,r[1],p),R.MathUtils.lerp(r[2]+a.z,r[2],p)),l.current.rotation.set(R.MathUtils.lerp(a.rotX,0,p),R.MathUtils.lerp(a.rotY,0,p),0),l.current.scale.setScalar(Math.min(p*x,1.05));return}if(m==="idle"){let u=Math.sin(g*1.2+t*.5)*.015,p=Math.sin(g*.8+t*.3)*.008;l.current.position.set(r[0]+p,r[1]+u,r[2]),l.current.rotation.set(Math.sin(g*.5+t)*.01,Math.sin(g*.3+t*.7)*.01,0),l.current.scale.setScalar(1);return}if(m==="exiting"){let u=Math.max(0,d-b*.5),p=Math.min(u*2,1),x=p*p;l.current.position.set(r[0]+a.x*x*.5,r[1],r[2]-x*8),l.current.scale.setScalar(Math.max(1-x,0)),l.current.rotation.y+=.05}}),e===" "?null:React.createElement("group",{ref:l,position:r},React.createElement(xe,{font:s,size:.8,height:.35,bevelEnabled:!0,bevelSize:.02,bevelThickness:.01,bevelSegments:3,curveSegments:12},e,React.createElement("meshPhysicalMaterial",{color:i.color,metalness:i.metalness,roughness:i.roughness,clearcoat:i.clearcoat,emissive:i.emissive,emissiveIntensity:i.emissiveIntensity,envMapIntensity:i.envMapIntensity,transmission:i.transmission,ior:i.ior,thickness:i.thickness,transparent:i.transparent,toneMapped:c!=="neon"})))}import{useRef as _}from"react";import{useFrame as ye}from"@react-three/fiber";import{Sparkles as Z}from"@react-three/drei";import*as q from"three";var we={gold:"#FFD700",neon:"#00ffff",emerald:"#10b981",crimson:"#ff1744",obsidian:"#a855f7",glass:"#ffffff"};function Ee({color:e,count:t=60}){let o=_(null),r=_(new q.Object3D),m=_(null),c=_(null);if(!m.current){m.current=new Float32Array(t),c.current=new Float32Array(t*3);for(let s=0;s<t;s++)m.current[s]=.1+Math.random()*.3,c.current[s*3]=(Math.random()-.5)*16,c.current[s*3+1]=(Math.random()-.5)*10,c.current[s*3+2]=(Math.random()-.5)*12}return ye(s=>{if(!o.current||!m.current||!c.current)return;let l=s.clock.getElapsedTime();for(let n=0;n<t;n++){let a=m.current[n],i=c.current[n*3],f=c.current[n*3+1],g=c.current[n*3+2];r.current.position.set(i+Math.sin(l*a+n)*2,f+Math.cos(l*a*.7+n*.5)*1.5,g+Math.sin(l*a*.5+n*.3)*2),r.current.scale.setScalar(.015+Math.sin(l+n)*.005),r.current.updateMatrix(),o.current.setMatrixAt(n,r.current.matrix)}o.current.instanceMatrix.needsUpdate=!0}),React.createElement("instancedMesh",{ref:o,args:[void 0,void 0,t]},React.createElement("sphereGeometry",{args:[1,6,6]}),React.createElement("meshBasicMaterial",{color:e,transparent:!0,opacity:.3,toneMapped:!1}))}function S({theme:e,visible:t}){let o=we[e];return t?React.createElement("group",null,React.createElement(Z,{count:150,scale:10,size:4,speed:.3,opacity:.8,color:o,noise:.6}),React.createElement(Z,{count:80,scale:16,size:2,speed:.15,opacity:.4,color:"#ffffff",noise:.8}),React.createElement(Ee,{color:o,count:50})):null}import{useRef as J}from"react";import{useFrame as Me,useThree as ke}from"@react-three/fiber";import*as C from"three";function L({phase:e}){let{camera:t,pointer:o}=ke(),r=J(null),m=J(e);return m.current!==e&&(m.current=e,r.current=null),Me(c=>{let s=c.clock.getElapsedTime();r.current===null&&(r.current=s);let l=s-r.current;if(e==="loading"){t.position.set(0,0,14),t.lookAt(0,0,0);return}if(e==="entering"){let n=Math.min(l/3,1),a=1-Math.pow(1-n,3),i=C.MathUtils.lerp(14,6,a),f=C.MathUtils.lerp(1,.2,a);t.position.set(0,f,i),t.lookAt(0,0,0);return}if(e==="idle"){let n=Math.sin(s*.15)*.3,a=Math.cos(s*.1)*.15+.2,i=o.x*.3,f=o.y*.15;t.position.x=C.MathUtils.damp(t.position.x,n+i,3,.016),t.position.y=C.MathUtils.damp(t.position.y,a+f,3,.016),t.position.z=C.MathUtils.damp(t.position.z,6,3,.016),t.lookAt(0,0,0);return}if(e==="exiting"){let n=Math.min(l/1.5,1),a=n*n*n,i=C.MathUtils.lerp(6,-8,a);t.position.set(0,0,i),t.lookAt(0,0,0)}}),null}import{useState as Te,useRef as Ce,useCallback as Re,useEffect as Ne}from"react";import{useFrame as Se,useThree as Le}from"@react-three/fiber";import*as M from"three";var Q={gold:["#FFD700","#FF8C00","#FF4500","#FFF8DC"],neon:["#00ffff","#0088ff","#ff00ff","#ffffff"],emerald:["#00ff88","#10b981","#059669","#a7f3d0"],crimson:["#ff1744","#d50000","#ff5252","#ffb74d"],obsidian:["#a855f7","#6366f1","#3b82f6","#ffffff"],glass:["#ffffff","#e0e7ff","#93c5fd","#60a5fa"]};function P({theme:e="gold",enabled:t=!0}){let{camera:o,raycaster:r}=Le(),[m,c]=Te([]),s=Ce(0),l=Re(n=>{if(!t)return;let a=0,i=0;if("touches"in n&&n.touches.length>0)a=n.touches[0].clientX,i=n.touches[0].clientY;else if("clientX"in n)a=n.clientX,i=n.clientY;else return;let f=new M.Vector2(a/window.innerWidth*2-1,-(i/window.innerHeight)*2+1);r.setFromCamera(f,o);let g=new M.Plane(new M.Vector3(0,0,1),0),d=new M.Vector3;if(r.ray.intersectPlane(g,d),!d)return;let b=Q[e]||Q.gold,u=35,p=[];for(let h=0;h<u;h++){let v=Math.random()*Math.PI*2,E=1.5+Math.random()*4.5,k=(Math.random()-.3)*3,W=new M.Vector3(Math.cos(v)*E,Math.sin(v)*E+k,(Math.random()-.5)*E*.8),fe=b[Math.floor(Math.random()*b.length)];p.push({id:h,position:d.clone(),velocity:W,color:new M.Color(fe),size:.08+Math.random()*.12,life:1,maxLife:.6+Math.random()*.8})}let x={id:s.current++,origin:d.clone(),sparks:p,color:b[0],lightIntensity:4,time:0};c(h=>[...h.slice(-4),x])},[o,r,e]);return Ne(()=>(window.addEventListener("pointerdown",l),()=>{window.removeEventListener("pointerdown",l)}),[l]),Se((n,a)=>{m.length!==0&&c(i=>i.map(f=>{let g=f.time+a,d=Math.max(0,f.lightIntensity-a*8),b=f.sparks.map(u=>{let p=u.life-a/u.maxLife;if(p<=0)return null;let x=u.position.clone().addScaledVector(u.velocity,a);return u.velocity.y-=a*3.5,u.velocity.multiplyScalar(.96),T(y({},u),{position:x,life:p})}).filter(Boolean);return b.length===0&&d<=0?null:T(y({},f),{time:g,lightIntensity:d,sparks:b})}).filter(Boolean))}),React.createElement("group",null,m.map(n=>React.createElement("group",{key:n.id},n.lightIntensity>.05&&React.createElement("pointLight",{position:n.origin,intensity:n.lightIntensity*3,distance:6,color:n.color}),n.sparks.map(a=>React.createElement("mesh",{key:a.id,position:a.position},React.createElement("sphereGeometry",{args:[a.size*a.life,6,6]}),React.createElement("meshBasicMaterial",{color:a.color,transparent:!0,opacity:a.life,toneMapped:!1}))))))}import{useState as Pe,useRef as He,useCallback as Be,useEffect as Fe}from"react";import{useFrame as Ae,useThree as Ie}from"@react-three/fiber";import*as w from"three";var ee={gold:"#FFD700",neon:"#00ffff",emerald:"#10b981",crimson:"#ff1744",obsidian:"#a855f7",glass:"#ffffff"};function H({theme:e="gold",enabled:t=!0}){let{camera:o,raycaster:r}=Ie(),[m,c]=Pe([]),s=He(0),l=Be(n=>{if(!t)return;let a=0,i=0;if("touches"in n&&n.touches.length>0)a=n.touches[0].clientX,i=n.touches[0].clientY;else if("clientX"in n)a=n.clientX,i=n.clientY;else return;let f=new w.Vector2(a/window.innerWidth*2-1,-(i/window.innerHeight)*2+1);r.setFromCamera(f,o);let g=new w.Plane(new w.Vector3(0,0,1),0),d=new w.Vector3;if(r.ray.intersectPlane(g,d),!d)return;let b=ee[e]||ee.gold,u={id:s.current++,origin:d.clone(),radius:.1,maxRadius:3.5,life:1,color:new w.Color(b)};c(p=>[...p.slice(-4),u])},[o,r,e,t]);return Fe(()=>(window.addEventListener("pointerdown",l),()=>{window.removeEventListener("pointerdown",l)}),[l]),Ae((n,a)=>{m.length!==0&&c(i=>i.map(f=>{let g=f.life-a*1.8;if(g<=0)return null;let d=f.radius+a*5;return T(y({},f),{life:g,radius:d})}).filter(Boolean))}),t?React.createElement("group",null,m.map(n=>React.createElement("mesh",{key:n.id,position:n.origin,rotation:[0,0,0]},React.createElement("ringGeometry",{args:[n.radius*.9,n.radius,48]}),React.createElement("meshBasicMaterial",{color:n.color,transparent:!0,opacity:n.life*.75,side:w.DoubleSide,toneMapped:!1})))):null}import{useRef as _e,useMemo as Oe}from"react";import{useFrame as ze,useThree as De}from"@react-three/fiber";import*as O from"three";var te={gold:"#ffaa00",neon:"#00ffff",emerald:"#00ffaa",crimson:"#ff0055",obsidian:"#9900ff",glass:"#88ccff"};function B({theme:e="neon",enabled:t=!0}){let{pointer:o}=De(),r=_e(null),m=te[e]||te.neon,c=30,s=Oe(()=>{let l=new O.BufferGeometry,n=new Float32Array(c*2*3);return l.setAttribute("position",new O.BufferAttribute(n,3)),l},[c]);return ze(l=>{if(!r.current||!t)return;let n=l.clock.getElapsedTime(),a=r.current.geometry.attributes.position,i=a.array,f=o.x*6,g=o.y*3;for(let d=0;d<c;d++){let b=d*6,u=d/c*Math.PI*2+n*2,p=2.5+Math.sin(n*4+d)*.5,x=Math.cos(u)*p,h=Math.sin(u)*p,v=(Math.random()-.5)*1.5,E=x+(f-x)*.3+(Math.random()-.5)*.8,k=h+(g-h)*.3+(Math.random()-.5)*.8,W=v+(Math.random()-.5)*.8;i[b]=x,i[b+1]=h,i[b+2]=v,i[b+3]=E,i[b+4]=k,i[b+5]=W}a.needsUpdate=!0}),t?React.createElement("lineSegments",{ref:r,geometry:s},React.createElement("lineBasicMaterial",{color:m,transparent:!0,opacity:.6,linewidth:2,toneMapped:!1})):null}var ne={gold:"radial-gradient(circle at center, #1c1503 0%, #080601 60%, #020201 100%)",neon:"radial-gradient(circle at center, #021a1e 0%, #030d14 60%, #010408 100%)",emerald:"radial-gradient(circle at center, #032117 0%, #02120d 60%, #010705 100%)",crimson:"radial-gradient(circle at center, #240409 0%, #120205 60%, #060102 100%)",obsidian:"radial-gradient(circle at center, #120d24 0%, #080512 60%, #030206 100%)",glass:"radial-gradient(circle at center, #0f172a 0%, #070b14 60%, #020205 100%)"},Ze="/fonts/cinema_display.typeface.json";function qe(e){let r=-(e.length*.65)/2;return e.split("").map((m,c)=>[r+c*.65,0,0])}function z({text:e="CINEMA",theme:t="emerald",customBackground:o,interactiveSparks:r=!0,interactiveShockwave:m=!0,interactivePlasma:c=!0,showParticles:s=!0,enableBloom:l=!0,className:n="",style:a,children:i}){let[f,g]=re(e),[d,b]=re(t),u=(f||e||"CINEMA").toUpperCase(),p=u.split(""),x=Ve(()=>qe(u),[u]),h=d||t||"emerald",v=o||ne[h]||ne.emerald;return React.createElement("div",{className:`relative w-full h-full min-h-[350px] overflow-hidden select-none ${n}`,style:y({background:v},a)},React.createElement("div",{className:"absolute inset-0 z-0 pointer-events-auto"},React.createElement(We,{camera:{position:[0,0,14],fov:45,near:.1,far:50},dpr:[1,2],gl:{antialias:!0,toneMapping:4,toneMappingExposure:1.2}},React.createElement(Ue,{fallback:null},React.createElement(Ye,{preset:"studio"}),React.createElement("ambientLight",{intensity:.3}),React.createElement("directionalLight",{position:[5,8,5],intensity:1.5,color:"#ffffff"}),React.createElement("pointLight",{position:[-5,-3,-5],intensity:.6,color:h==="emerald"?"#10b981":h==="crimson"?"#ff1744":h==="neon"?"#00ffff":"#FFD700"}),React.createElement(L,{phase:"idle"}),React.createElement(P,{enabled:r,theme:h}),React.createElement(H,{enabled:m,theme:h}),React.createElement(B,{enabled:c,theme:h}),React.createElement(Xe,{disableY:!0,disableZ:!0},React.createElement("group",null,p.map((E,k)=>React.createElement(N,{key:`${E}-${k}`,char:E,index:k,totalLetters:p.length,position:x[k],phase:"idle",theme:h,fontUrl:Ze})))),s&&React.createElement(S,{theme:h,visible:!0}),React.createElement($e,null,React.createElement(je,{luminanceThreshold:.7,luminanceSmoothing:.9,intensity:l?.9:0,mipmapBlur:!0}),React.createElement(Ge,{offset:.3,darkness:.85}),React.createElement(Ke,{opacity:.025}))))),i&&React.createElement("div",{className:"relative z-10 w-full h-full pointer-events-none flex flex-col items-center justify-center"},i))}function Je(e,t={}){let o=r=>oe.createElement(z,y({},t),oe.createElement(e,y({},r)));return o.displayName=`WithCinema3D(${e.displayName||e.name||"Component"})`,o}import{Suspense as et,useState as U,useEffect as tt,useCallback as ae,useMemo as rt}from"react";import{Canvas as nt}from"@react-three/fiber";import{Environment as ot,Center as at}from"@react-three/drei";import{EffectComposer as it,Bloom as st,Vignette as lt,Noise as ct}from"@react-three/postprocessing";var Qe=[{key:"gold",label:"Gold",color:"#FFD700"},{key:"neon",label:"Neon",color:"#00ffff"},{key:"emerald",label:"Emerald",color:"#10b981"},{key:"crimson",label:"Crimson",color:"#ff1744"},{key:"obsidian",label:"Obsidian",color:"#a855f7"},{key:"glass",label:"Glass",color:"#ffffff"}];function D({phase:e,cinemaName:t,theme:o,effects:r,onTitleChange:m,onThemeChange:c,onToggleEffect:s}){return React.createElement("div",{className:"absolute inset-0 pointer-events-none z-10 flex flex-col items-center justify-between p-6 md:p-10",style:{opacity:e==="exiting"?0:1,transition:"opacity 0.8s ease-out"}},React.createElement("div",{className:"w-full max-w-xl flex flex-col items-center gap-2 pointer-events-auto",style:{opacity:e==="idle"||e==="entering"?1:0,transform:e==="idle"||e==="entering"?"translateY(0)":"translateY(-20px)",transition:"all 1s ease-out 0.3s"}},React.createElement("label",{className:"text-[10px] tracking-[0.3em] uppercase text-white/50 font-bold"},"Live 3D Title Control"),React.createElement("div",{className:"relative w-full"},React.createElement("input",{type:"text",value:t,onChange:a=>m(a.target.value),maxLength:18,placeholder:"Type any title...",className:"w-full px-6 py-3 rounded-full text-center text-sm md:text-base font-bold tracking-widest uppercase outline-none transition-all duration-300",style:{background:"rgba(255, 255, 255, 0.08)",backdropFilter:"blur(16px)",border:"1px solid rgba(255, 255, 255, 0.2)",color:"#ffffff",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.37)"}}))),e==="loading"&&React.createElement("div",{className:"absolute inset-0 flex items-center justify-center"},React.createElement("div",{className:"w-16 h-16 rounded-full border-2 animate-spin",style:{borderColor:"transparent",borderTopColor:"rgba(255, 215, 0, 0.8)",borderRightColor:"rgba(255, 215, 0, 0.3)"}})),React.createElement("div",{className:"w-full max-w-3xl flex flex-col items-center gap-5"},React.createElement("div",{className:"flex flex-wrap items-center justify-center gap-2 pointer-events-auto",style:{opacity:e==="idle"||e==="entering"?1:0,transition:"opacity 1s ease-out 0.8s"}},React.createElement("span",{className:"text-[9px] uppercase tracking-[0.25em] text-white/40 mr-2 font-bold"},"Effects"),React.createElement("button",{onClick:()=>s("sparks"),className:`px-4 py-1.5 rounded-full text-[11px] font-bold tracking-wider uppercase transition-all duration-300 cursor-pointer ${r.sparks?"bg-amber-500/30 text-amber-200 border-amber-400/60 shadow-[0_0_15px_rgba(245,158,11,0.4)]":"bg-white/5 text-white/40 border-white/10 hover:text-white/70"} border`},"\u{1F525} Sparks"),React.createElement("button",{onClick:()=>s("shockwave"),className:`px-4 py-1.5 rounded-full text-[11px] font-bold tracking-wider uppercase transition-all duration-300 cursor-pointer ${r.shockwave?"bg-cyan-500/30 text-cyan-200 border-cyan-400/60 shadow-[0_0_15px_rgba(6,182,212,0.4)]":"bg-white/5 text-white/40 border-white/10 hover:text-white/70"} border`},"\u{1F30A} Wave"),React.createElement("button",{onClick:()=>s("plasma"),className:`px-4 py-1.5 rounded-full text-[11px] font-bold tracking-wider uppercase transition-all duration-300 cursor-pointer ${r.plasma?"bg-purple-500/30 text-purple-200 border-purple-400/60 shadow-[0_0_15px_rgba(168,85,247,0.4)]":"bg-white/5 text-white/40 border-white/10 hover:text-white/70"} border`},"\u26A1 Plasma"),React.createElement("button",{onClick:()=>s("embers"),className:`px-4 py-1.5 rounded-full text-[11px] font-bold tracking-wider uppercase transition-all duration-300 cursor-pointer ${r.embers?"bg-emerald-500/30 text-emerald-200 border-emerald-400/60 shadow-[0_0_15px_rgba(16,185,129,0.4)]":"bg-white/5 text-white/40 border-white/10 hover:text-white/70"} border`},"\u2728 Embers")),React.createElement("div",{className:"flex items-center gap-3 pointer-events-auto",style:{opacity:e==="idle"||e==="entering"?1:0,transition:"opacity 1s ease-out 1.2s"}},React.createElement("span",{className:"text-[10px] uppercase tracking-[0.3em] text-white/40 mr-2 font-bold"},"Theme"),React.createElement("div",{className:"flex items-center gap-2 md:gap-3"},Qe.map(a=>{let i=o===a.key;return React.createElement("button",{key:a.key,onClick:()=>c(a.key),className:"group relative flex flex-col items-center gap-1.5 cursor-pointer outline-none","aria-label":`Switch to ${a.label} theme`},React.createElement("div",{className:"relative w-11 h-7 md:w-14 md:h-9 rounded-md overflow-hidden transition-all duration-300",style:{border:i?`2px solid ${a.color}`:"1px solid rgba(255, 255, 255, 0.15)",transform:i?"scale(1.1) translateY(-2px)":"scale(1) translateY(0)",boxShadow:i?`0 4px 20px ${a.color}60`:"0 2px 10px rgba(0,0,0,0.5)"}},React.createElement("div",{className:"absolute inset-0 opacity-80",style:{backgroundColor:a.color}})),React.createElement("span",{className:"text-[9px] uppercase tracking-widest font-semibold transition-colors duration-300",style:{color:i?"#ffffff":"rgba(255, 255, 255, 0.4)"}},a.label))})))))}var mt="/fonts/cinema_display.typeface.json",ie={gold:"radial-gradient(circle at center, #1c1503 0%, #080601 60%, #020201 100%)",neon:"radial-gradient(circle at center, #021a1e 0%, #030d14 60%, #010408 100%)",emerald:"radial-gradient(circle at center, #032117 0%, #02120d 60%, #010705 100%)",crimson:"radial-gradient(circle at center, #240409 0%, #120205 60%, #060102 100%)",obsidian:"radial-gradient(circle at center, #120d24 0%, #080512 60%, #030206 100%)",glass:"radial-gradient(circle at center, #0f172a 0%, #070b14 60%, #020205 100%)"};function dt(e){let r=-(e.length*.65)/2;return e.split("").map((m,c)=>[r+c*.65,0,0])}function se({cinemaName:e="CINEMULTIPLEX",defaultTheme:t="emerald",customBackground:o,onEnterCinema:r}){let[m,c]=U("loading"),[s,l]=U(t),[n,a]=U(e),[i,f]=U({sparks:!0,shockwave:!0,plasma:!0,embers:!0}),g=(n||"CINEMA").toUpperCase(),d=g.split(""),b=rt(()=>dt(g),[g]);tt(()=>{let h=setTimeout(()=>c("entering"),800),v=d.length*120+1500,E=setTimeout(()=>c("idle"),800+v);return()=>{clearTimeout(h),clearTimeout(E)}},[d.length]);let u=ae(()=>{c("exiting"),setTimeout(()=>{r&&r()},1800)},[r]),p=ae(h=>{f(v=>T(y({},v),{[h]:!v[h]}))},[]),x=o||ie[s]||ie.emerald;return React.createElement("div",{className:"fixed inset-0 w-screen h-screen transition-all duration-1000 select-none overflow-hidden",style:{background:x}},React.createElement(nt,{camera:{position:[0,0,14],fov:45,near:.1,far:50},dpr:[1,2],gl:{antialias:!0,toneMapping:4,toneMappingExposure:1.2}},React.createElement(et,{fallback:null},React.createElement(ot,{preset:"studio"}),React.createElement("ambientLight",{intensity:.3}),React.createElement("directionalLight",{position:[5,8,5],intensity:1.5,color:"#ffffff"}),React.createElement("pointLight",{position:[-5,-3,-5],intensity:.6,color:s==="emerald"?"#10b981":s==="crimson"?"#ff1744":s==="neon"?"#00ffff":"#FFD700"}),React.createElement("spotLight",{position:[0,10,0],angle:.4,penumbra:.8,intensity:.9,color:"#ffffff"}),React.createElement("pointLight",{position:[0,0,-5],intensity:.4,color:"#ffffff"}),React.createElement(L,{phase:m}),i.sparks&&React.createElement(P,{theme:s}),React.createElement(H,{theme:s,enabled:i.shockwave}),React.createElement(B,{theme:s,enabled:i.plasma}),React.createElement(at,{disableY:!0,disableZ:!0},React.createElement("group",null,d.map((h,v)=>React.createElement(N,{key:`${h}-${v}`,char:h,index:v,totalLetters:d.length,position:b[v],phase:m,theme:s,fontUrl:mt})))),React.createElement(S,{theme:s,visible:m!=="loading"&&i.embers}),React.createElement(it,null,React.createElement(st,{luminanceThreshold:.7,luminanceSmoothing:.9,intensity:s==="neon"||s==="emerald"||s==="crimson"?1.4:.7,mipmapBlur:!0}),React.createElement(lt,{offset:.3,darkness:.85}),React.createElement(ct,{opacity:.025})))),React.createElement(D,{phase:m,cinemaName:n,theme:s,effects:i,onTitleChange:a,onThemeChange:l,onToggleEffect:p}))}import{useTranslations as Et}from"next-intl";import{defineRouting as ft}from"next-intl/routing";import{createNavigation as ut}from"next-intl/navigation";var pt=ft({locales:["en","es"],defaultLocale:"en"}),{Link:F,redirect:kr,usePathname:le,useRouter:ce}=ut(pt);import{useLocale as ht}from"next-intl";import{Globe as gt}from"lucide-react";function Y(){let e=ht(),t=ce(),o=le();return React.createElement("button",{onClick:()=>{let m=e==="en"?"es":"en";t.replace(o,{locale:m})},className:"flex items-center gap-2 text-sm font-medium text-muted-foreground hover:text-white transition-colors uppercase tracking-wider"},React.createElement(gt,{className:"w-4 h-4"}),e==="en"?"ES":"EN")}import*as V from"react";import{Slot as vt}from"@radix-ui/react-slot";import{cva as yt}from"class-variance-authority";import{clsx as bt}from"clsx";import{twMerge as xt}from"tailwind-merge";function me(...e){return xt(bt(e))}var wt=yt("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),A=V.forwardRef((s,c)=>{var l=s,{className:e,variant:t,size:o,asChild:r=!1}=l,m=G(l,["className","variant","size","asChild"]);return V.createElement(r?vt:"button",y({className:me(wt({variant:t,size:o,className:e})),ref:c},m))});A.displayName="Button";function de({cinemaName:e="NOVA",webTheme:t="neon"}){let o=Et(),r=t==="noir"?"bg-slate-900/40 mix-blend-color":t==="crimson"?"bg-red-900/30 mix-blend-color":"bg-blue-900/20 mix-blend-color";return React.createElement("div",{className:`min-h-screen bg-black text-white selection:bg-white/30 font-sans transition-colors duration-1000 group theme-${t}`},React.createElement("nav",{className:"absolute top-0 left-0 right-0 z-50 flex items-center justify-between px-8 py-6 mix-blend-difference"},React.createElement("div",{className:"flex items-center gap-12"},React.createElement(F,{href:"/",className:"text-3xl font-bold tracking-tighter uppercase font-display"},e,"."),React.createElement("div",{className:"hidden md:flex items-center gap-8 text-sm font-semibold tracking-widest text-white/70"},React.createElement(F,{href:"/schedule",className:"hover:text-white transition-colors"},o("nav.schedule")),React.createElement(F,{href:"/experiences",className:"hover:text-white transition-colors"},o("nav.experiences")),React.createElement(F,{href:"/membership",className:"hover:text-white transition-colors"},o("nav.membership")))),React.createElement("div",{className:"flex items-center gap-6"},React.createElement(Y,null),React.createElement("div",{className:"hidden sm:flex items-center gap-4"},React.createElement(F,{href:"/login",className:"text-sm font-semibold tracking-widest text-white/70 hover:text-white transition-colors"},o("nav.login")),React.createElement(A,{variant:"outline",className:"rounded-none border-white/40 text-white bg-transparent hover:bg-white hover:text-black transition-colors font-semibold tracking-widest text-xs px-6 py-5 uppercase"},o("nav.bookTickets"))))),React.createElement("div",{className:"relative h-screen w-full flex flex-col justify-end pb-24 px-8 md:px-16 overflow-hidden"},React.createElement("div",{className:"absolute inset-0 z-0"},React.createElement("div",{className:"absolute inset-0 bg-[url('https://images.unsplash.com/photo-1605810230434-7631ac76ec81?q=80&w=2560&auto=format&fit=crop')] bg-cover bg-center"}),React.createElement("div",{className:"absolute inset-0 bg-gradient-to-t from-black via-black/50 to-transparent z-10"}),React.createElement("div",{className:`absolute inset-0 ${r} z-10`})),React.createElement("div",{className:"relative z-20 max-w-5xl"},React.createElement("div",{className:"flex items-center gap-3 mb-6"},React.createElement("span",{className:"bg-blue-600 text-white text-[10px] font-bold px-3 py-1 tracking-widest"},o("hero.genreImax")),React.createElement("span",{className:"border border-white/20 text-white/80 text-[10px] font-bold px-3 py-1 tracking-widest"},o("hero.genreAction"))),React.createElement("h1",{className:"text-6xl md:text-[8rem] leading-[0.85] font-display font-black tracking-tighter mb-6 uppercase drop-shadow-2xl"},o("hero.title")),React.createElement("p",{className:"max-w-2xl text-lg md:text-xl text-white/70 font-medium mb-10 leading-relaxed drop-shadow-md"},o("hero.synopsis")),React.createElement("div",{className:"flex flex-col sm:flex-row items-start sm:items-center gap-4"},React.createElement(A,{className:"rounded-none bg-white text-black hover:bg-white/90 font-bold tracking-widest text-xs px-8 py-6 uppercase transition-transform hover:scale-105 active:scale-95"},o("hero.getTickets")),React.createElement(A,{variant:"outline",className:"rounded-none border-white/30 text-white bg-black/20 backdrop-blur-md hover:bg-white/10 transition-colors font-bold tracking-widest text-xs px-8 py-6 uppercase"},o("hero.watchTrailer"))))))}export{N as AnimatedLetter,L as CameraRig,z as CinemaBackground,de as CinemaHome,se as CinemaLoader,P as ClickFireSparks,H as ClickShockwave,B as ElectricPlasma,D as LoaderOverlay,S as SceneParticles,Je as withCinema3D};
|
|
2
|
+
var tt=Object.defineProperty,rt=Object.defineProperties;var nt=Object.getOwnPropertyDescriptors;var Q=Object.getOwnPropertySymbols;var xe=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable;var be=(r,e,t)=>e in r?tt(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,L=(r,e)=>{for(var t in e||(e={}))xe.call(e,t)&&be(r,t,e[t]);if(Q)for(var t of Q(e))ve.call(e,t)&&be(r,t,e[t]);return r},j=(r,e)=>rt(r,nt(e));var ye=(r,e)=>{var t={};for(var n in r)xe.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(r!=null&&Q)for(var n of Q(r))e.indexOf(n)<0&&ve.call(r,n)&&(t[n]=r[n]);return t};import E,{Suspense as Kt,useMemo as J,useState as We,useEffect as Xe}from"react";import{Canvas as Jt}from"@react-three/fiber";import{Environment as Qt,Center as er}from"@react-three/drei";import{EffectComposer as tr,Bloom as rr,Vignette as nr,Noise as or}from"@react-three/postprocessing";import{useRef as Me,useMemo as ot}from"react";import{useFrame as at}from"@react-three/fiber";import{Text3D as st}from"@react-three/drei";import*as V from"three";var it={gold:{color:"#FFD700",metalness:1,roughness:.15,clearcoat:1,emissive:"#1a0f00",emissiveIntensity:.3,envMapIntensity:2},neon:{color:"#00ffff",metalness:0,roughness:1,clearcoat:0,emissive:"#00ffff",emissiveIntensity:2.5,envMapIntensity:.5},emerald:{color:"#10b981",metalness:.9,roughness:.1,clearcoat:1,emissive:"#065f46",emissiveIntensity:1.2,envMapIntensity:2.5},crimson:{color:"#ff1744",metalness:.8,roughness:.15,clearcoat:1,emissive:"#880e4f",emissiveIntensity:1.8,envMapIntensity:2},obsidian:{color:"#1a1a2e",metalness:1,roughness:.05,clearcoat:1,emissive:"#0a0a1a",emissiveIntensity:.1,envMapIntensity:3},glass:{color:"#ffffff",metalness:0,roughness:0,clearcoat:0,emissive:"#000000",emissiveIntensity:0,envMapIntensity:1.5,transmission:.95,ior:1.5,thickness:.5,transparent:!0}};function I({char:r,index:e,totalLetters:t,position:n,phase:s,theme:d,fontUrl:c}){let m=Me(null),g=Me(null),a=ot(()=>{let i=e/t*Math.PI*2;return{x:Math.cos(i)*4+(Math.random()-.5)*2,y:-3+Math.random()*-3,z:-5+Math.random()*-3,rotX:(Math.random()-.5)*Math.PI*2,rotY:(Math.random()-.5)*Math.PI*2}},[e,t]),o=it[d];return at(i=>{if(!m.current)return;let l=i.clock.getElapsedTime();g.current===null&&(g.current=l);let b=l-g.current,u=e*.12;if(s==="loading"){m.current.position.set(n[0]+a.x,n[1]+a.y,n[2]+a.z),m.current.rotation.set(a.rotX,a.rotY,0),m.current.scale.setScalar(0);return}if(s==="entering"){let y=Math.max(0,b-u),f=1-Math.exp(-y*3),k=1+Math.sin(y*8)*Math.max(0,.15-y*.1);m.current.position.set(V.MathUtils.lerp(n[0]+a.x,n[0],f),V.MathUtils.lerp(n[1]+a.y,n[1],f),V.MathUtils.lerp(n[2]+a.z,n[2],f)),m.current.rotation.set(V.MathUtils.lerp(a.rotX,0,f),V.MathUtils.lerp(a.rotY,0,f),0),m.current.scale.setScalar(Math.min(f*k,1.05));return}if(s==="idle"){let y=Math.sin(l*1.2+e*.5)*.015,f=Math.sin(l*.8+e*.3)*.008;m.current.position.set(n[0]+f,n[1]+y,n[2]),m.current.rotation.set(Math.sin(l*.5+e)*.01,Math.sin(l*.3+e*.7)*.01,0),m.current.scale.setScalar(1);return}if(s==="exiting"){let y=Math.max(0,b-u*.5),f=Math.min(y*2,1),k=f*f;m.current.position.set(n[0]+a.x*k*.5,n[1],n[2]-k*8),m.current.scale.setScalar(Math.max(1-k,0)),m.current.rotation.y+=.05}}),r===" "?null:React.createElement("group",{ref:m,position:n},React.createElement(st,{font:c,size:.8,height:.35,bevelEnabled:!0,bevelSize:.02,bevelThickness:.01,bevelSegments:3,curveSegments:12},r,React.createElement("meshPhysicalMaterial",{color:o.color,metalness:o.metalness,roughness:o.roughness,clearcoat:o.clearcoat,emissive:o.emissive,emissiveIntensity:o.emissiveIntensity,envMapIntensity:o.envMapIntensity,transmission:o.transmission,ior:o.ior,thickness:o.thickness,transparent:o.transparent,toneMapped:d!=="neon"})))}import{useRef as ee,useMemo as lt}from"react";import{useFrame as ct}from"@react-three/fiber";import{Sparkles as we}from"@react-three/drei";import*as Te from"three";var Ee={gold:"#FFD700",neon:"#00ffff",emerald:"#10b981",crimson:"#ff1744",obsidian:"#a855f7",glass:"#ffffff"},ke={azul:"#00e5ff",verde:"#00e676",rojo:"#ff3d00",dorado:"#ffb300",purpura:"#d500f9",magenta:"#ff007f",esmeralda:"#10b981"};function mt({color:r,speedMultiplier:e=.5,count:t=60}){let n=ee(null),s=ee(new Te.Object3D),d=ee(null),c=ee(null);if(!d.current){d.current=new Float32Array(t),c.current=new Float32Array(t*3);for(let m=0;m<t;m++)d.current[m]=.1+Math.random()*.3,c.current[m*3]=(Math.random()-.5)*16,c.current[m*3+1]=(Math.random()-.5)*10,c.current[m*3+2]=(Math.random()-.5)*12}return ct(m=>{if(!n.current||!d.current||!c.current)return;let g=m.clock.getElapsedTime()*e;for(let a=0;a<t;a++){let o=d.current[a],i=c.current[a*3],l=c.current[a*3+1],b=c.current[a*3+2];s.current.position.set(i+Math.sin(g*o+a)*2,l+Math.cos(g*o*.7+a*.5)*1.5,b+Math.sin(g*o*.5+a*.3)*2),s.current.scale.setScalar(.015+Math.sin(g+a)*.005),s.current.updateMatrix(),n.current.setMatrixAt(a,s.current.matrix)}n.current.instanceMatrix.needsUpdate=!0}),React.createElement("instancedMesh",{ref:n,args:[void 0,void 0,t]},React.createElement("sphereGeometry",{args:[1,6,6]}),React.createElement("meshBasicMaterial",{color:r,transparent:!0,opacity:.3,toneMapped:!1}))}function _({theme:r,effectColor:e,effectSpeed:t=.5,visible:n}){let s=lt(()=>{if(!e)return Ee[r]||Ee.gold;let d=e.toLowerCase().trim();return ke[d]?ke[d]:e},[e,r]);return n?React.createElement("group",null,React.createElement(we,{count:150,scale:10,size:4,speed:.3*t,opacity:.8,color:s,noise:.6}),React.createElement(we,{count:80,scale:16,size:2,speed:.15*t,opacity:.4,color:"#ffffff",noise:.8}),React.createElement(mt,{color:s,speedMultiplier:t,count:50})):null}import{useRef as Ce}from"react";import{useFrame as dt,useThree as ut}from"@react-three/fiber";import*as Y from"three";function O({phase:r,effectSpeed:e=.5}){let{camera:t,pointer:n}=ut(),s=Ce(null),d=Ce(r);return d.current!==r&&(d.current=r,s.current=null),dt(c=>{let m=c.clock.getElapsedTime()*e;s.current===null&&(s.current=m);let g=m-s.current;if(r==="loading"){t.position.set(0,0,14),t.lookAt(0,0,0);return}if(r==="entering"){let i=Math.min(g/3,1),l=1-Math.pow(1-i,3),b=Y.MathUtils.lerp(14,6,l),u=Y.MathUtils.lerp(1,.2,l);t.position.set(0,u,b),t.lookAt(0,0,0);return}let a=c.viewport.width/(c.viewport.height||1),o=a<1?Math.max(6,6/Math.max(.45,a*.85)):6;if(r==="idle"){let i=Math.sin(m*.1)*.2,l=Math.cos(m*.08)*.1+.2,b=n.x*.2,u=n.y*.1;t.position.x=Y.MathUtils.damp(t.position.x,i+b,3,.016),t.position.y=Y.MathUtils.damp(t.position.y,l+u,3,.016),t.position.z=Y.MathUtils.damp(t.position.z,o,3,.016),t.lookAt(0,0,0);return}if(r==="exiting"){let i=Math.min(g/1.5,1),l=i*i*i,b=Y.MathUtils.lerp(6,-8,l);t.position.set(0,0,b),t.lookAt(0,0,0)}}),null}import{useState as ft,useRef as pt,useCallback as ht,useEffect as gt,useMemo as bt}from"react";import{useFrame as xt,useThree as vt}from"@react-three/fiber";import*as B from"three";var Se={gold:["#FFD700","#FF8C00","#FF4500","#FFF8DC"],neon:["#00ffff","#0088ff","#ff00ff","#ffffff"],emerald:["#00ff88","#10b981","#059669","#a7f3d0"],crimson:["#ff1744","#d50000","#ff5252","#ffb74d"],obsidian:["#a855f7","#6366f1","#3b82f6","#ffffff"],glass:["#ffffff","#e0e7ff","#93c5fd","#60a5fa"]},yt={azul:"#00e5ff",verde:"#00e676",rojo:"#ff3d00",dorado:"#ffb300",purpura:"#d500f9",magenta:"#ff007f",esmeralda:"#10b981"};function D({theme:r="gold",effectColor:e,effectSpeed:t=.5,enabled:n=!0}){let{camera:s,raycaster:d}=vt(),[c,m]=ft([]),g=pt(0),a=bt(()=>{if(!e)return Se[r]||Se.gold;let i=e.toLowerCase().trim(),l=yt[i]||e;return[l,"#ffffff",l]},[e,r]),o=ht(i=>{if(!n)return;let l=0,b=0;if("touches"in i&&i.touches.length>0)l=i.touches[0].clientX,b=i.touches[0].clientY;else if("clientX"in i)l=i.clientX,b=i.clientY;else return;let u=new B.Vector2(l/window.innerWidth*2-1,-(b/window.innerHeight)*2+1);d.setFromCamera(u,s);let y=new B.Plane(new B.Vector3(0,0,1),0),f=new B.Vector3;if(d.ray.intersectPlane(y,f),!f)return;let k=35,p=[];for(let x=0;x<k;x++){let v=Math.random()*Math.PI*2,w=(1.5+Math.random()*4.5)*t,h=(Math.random()-.3)*3*t,T=new B.Vector3(Math.cos(v)*w,Math.sin(v)*w+h,(Math.random()-.5)*w*.8),S=a[Math.floor(Math.random()*a.length)];p.push({id:x,position:f.clone(),velocity:T,color:new B.Color(S),size:.08+Math.random()*.12,life:1,maxLife:(.6+Math.random()*.8)/Math.max(.2,t)})}let M={id:g.current++,origin:f.clone(),sparks:p,color:a[0],lightIntensity:4,time:0};m(x=>[...x.slice(-4),M])},[s,d,a,t,n]);return gt(()=>(window.addEventListener("pointerdown",o),()=>{window.removeEventListener("pointerdown",o)}),[o]),xt((i,l)=>{c.length!==0&&m(b=>b.map(u=>{let y=u.time+l*t,f=Math.max(0,u.lightIntensity-l*8*t),k=u.sparks.map(p=>{let M=p.life-l*t/p.maxLife;if(M<=0)return null;let x=p.position.clone().addScaledVector(p.velocity,l*t);return p.velocity.y-=l*3.5*t,p.velocity.multiplyScalar(.96),j(L({},p),{position:x,life:M})}).filter(Boolean);return k.length===0&&f<=0?null:j(L({},u),{time:y,lightIntensity:f,sparks:k})}).filter(Boolean))}),React.createElement("group",null,c.map(i=>React.createElement("group",{key:i.id},i.lightIntensity>.05&&React.createElement("pointLight",{position:i.origin,intensity:i.lightIntensity*3,distance:6,color:i.color}),i.sparks.map(l=>React.createElement("mesh",{key:l.id,position:l.position},React.createElement("sphereGeometry",{args:[l.size*l.life,6,6]}),React.createElement("meshBasicMaterial",{color:l.color,transparent:!0,opacity:l.life,toneMapped:!1}))))))}import{useState as Mt,useRef as wt,useCallback as Et,useEffect as kt,useMemo as Tt}from"react";import{useFrame as Ct,useThree as St}from"@react-three/fiber";import*as P from"three";var Le={gold:"#FFD700",neon:"#00ffff",emerald:"#10b981",crimson:"#ff1744",obsidian:"#a855f7",glass:"#ffffff"},Re={azul:"#00e5ff",verde:"#00e676",rojo:"#ff3d00",dorado:"#ffb300",purpura:"#d500f9",magenta:"#ff007f",esmeralda:"#10b981"};function W({theme:r="gold",effectColor:e,effectSpeed:t=.5,enabled:n=!0}){let{camera:s,raycaster:d}=St(),[c,m]=Mt([]),g=wt(0),a=Tt(()=>{if(!e)return Le[r]||Le.gold;let i=e.toLowerCase().trim();return Re[i]?Re[i]:e},[e,r]),o=Et(i=>{if(!n)return;let l=0,b=0;if("touches"in i&&i.touches.length>0)l=i.touches[0].clientX,b=i.touches[0].clientY;else if("clientX"in i)l=i.clientX,b=i.clientY;else return;let u=new P.Vector2(l/window.innerWidth*2-1,-(b/window.innerHeight)*2+1);d.setFromCamera(u,s);let y=new P.Plane(new P.Vector3(0,0,1),0),f=new P.Vector3;if(d.ray.intersectPlane(y,f),!f)return;let k={id:g.current++,origin:f.clone(),radius:.1,maxRadius:3.5,life:1,color:new P.Color(a)};m(p=>[...p.slice(-4),k])},[s,d,a,n]);return kt(()=>(window.addEventListener("pointerdown",o),()=>{window.removeEventListener("pointerdown",o)}),[o]),Ct((i,l)=>{c.length!==0&&m(b=>b.map(u=>{let y=u.life-l*1.8*t;if(y<=0)return null;let f=u.radius+l*5*t;return j(L({},u),{life:y,radius:f})}).filter(Boolean))}),n?React.createElement("group",null,c.map(i=>React.createElement("mesh",{key:i.id,position:i.origin,rotation:[0,0,0]},React.createElement("ringGeometry",{args:[i.radius*.9,i.radius,48]}),React.createElement("meshBasicMaterial",{color:i.color,transparent:!0,opacity:i.life*.75,side:P.DoubleSide,toneMapped:!1})))):null}import{useRef as Lt,useMemo as Ne}from"react";import{useFrame as Rt,useThree as Nt}from"@react-three/fiber";import*as te from"three";var Pe={gold:"#ffaa00",neon:"#00ffff",emerald:"#00ffaa",crimson:"#ff0055",obsidian:"#9900ff",glass:"#88ccff"},He={azul:"#00e5ff",verde:"#00e676",rojo:"#ff3d00",dorado:"#ffb300",purpura:"#d500f9",magenta:"#ff007f",esmeralda:"#10b981"};function X({theme:r="neon",effectColor:e,effectSpeed:t=.5,enabled:n=!0}){let{pointer:s}=Nt(),d=Lt(null),c=Ne(()=>{if(!e)return Pe[r]||Pe.neon;let a=e.toLowerCase().trim();return He[a]?He[a]:e},[e,r]),m=30,g=Ne(()=>{let a=new te.BufferGeometry,o=new Float32Array(m*2*3);return a.setAttribute("position",new te.BufferAttribute(o,3)),a},[m]);return Rt(a=>{if(!d.current||!n)return;let o=a.clock.getElapsedTime()*t,i=d.current.geometry.attributes.position,l=i.array,b=s.x*6,u=s.y*3;for(let y=0;y<m;y++){let f=y*6,k=y/m*Math.PI*2+o*1.5,p=2.5+Math.sin(o*3+y)*.5,M=Math.cos(k)*p,x=Math.sin(k)*p,v=(Math.random()-.5)*1.5,w=M+(b-M)*.3+(Math.random()-.5)*.8,h=x+(u-x)*.3+(Math.random()-.5)*.8,T=v+(Math.random()-.5)*.8;l[f]=M,l[f+1]=x,l[f+2]=v,l[f+3]=w,l[f+4]=h,l[f+5]=T}i.needsUpdate=!0}),n?React.createElement("lineSegments",{ref:d,geometry:g},React.createElement("lineBasicMaterial",{color:c,transparent:!0,opacity:.75,linewidth:2,toneMapped:!1})):null}import{useRef as $,useMemo as me,useEffect as Pt,useCallback as Be}from"react";import{useFrame as Ht,useThree as Bt}from"@react-three/fiber";import*as z from"three";var Fe={crimson:{color1:"#ff3d00",color2:"#ff9100",light:"#ff1744"},gold:{color1:"#ffb300",color2:"#ffe082",light:"#FFD700"},emerald:{color1:"#00e676",color2:"#a7f3d0",light:"#10b981"},neon:{color1:"#00e5ff",color2:"#80d8ff",light:"#00ffff"},obsidian:{color1:"#d500f9",color2:"#ea80fc",light:"#a855f7"},glass:{color1:"#80d8ff",color2:"#ffffff",light:"#60a5fa"}},Ae={azul:"#00e5ff",verde:"#00e676",rojo:"#ff3d00",dorado:"#ffb300",purpura:"#d500f9",magenta:"#ff007f",esmeralda:"#10b981"};function Ft(){let r=document.createElement("canvas");r.width=128,r.height=128;let e=r.getContext("2d");if(e){let n=e.createRadialGradient(64,64,0,64,64,64);n.addColorStop(0,"rgba(255, 255, 255, 1)"),n.addColorStop(.3,"rgba(255, 255, 255, 0.9)"),n.addColorStop(.65,"rgba(255, 255, 255, 0.35)"),n.addColorStop(1,"rgba(0, 0, 0, 0)"),e.fillStyle=n,e.fillRect(0,0,128,128)}let t=new z.CanvasTexture(r);return t.needsUpdate=!0,t}function re({theme:r="crimson",effectColor:e,effectSpeed:t=.5,effectDensity:n=.3,mode:s="fluid",enabled:d=!0}){let{pointer:c}=Bt(),m=$(null),g=$(null),a=$(null),o=$(new z.Object3D),i=$(!1),l=$([]),b=Math.max(.1,Math.min(1,n)),u=Math.round(110*b),y=me(()=>Ft(),[]),f=me(()=>{if(!e)return(Fe[r]||Fe.crimson).color1;let x=e.toLowerCase().trim();return Ae[x]?Ae[x]:e},[e,r]),k=me(()=>{let x=[],v=.4+Math.sqrt(b)*.55;for(let w=0;w<u;w++)x.push({x:(Math.random()-.5)*10,y:-2+Math.random()*.4,z:(Math.random()-.5)*2-.5,speedY:.8+Math.random()*1.8,speedX:(Math.random()-.5)*.5,size:(.4+Math.random()*.6)*v,phase:Math.random()*Math.PI*2,life:Math.random()});return x},[u,b]),p=Be(()=>{i.current=!0},[]),M=Be(()=>{i.current=!1},[]);return Pt(()=>(window.addEventListener("pointerdown",p),window.addEventListener("pointerup",M),()=>{window.removeEventListener("pointerdown",p),window.removeEventListener("pointerup",M)}),[p,M]),Ht((x,v)=>{if(!d)return;let w=x.clock.getElapsedTime()*t;if(i.current){let h=c.x*7,T=c.y*4;l.current.length<25&&l.current.push({x:h+(Math.random()-.5)*.8,y:T+(Math.random()-.5)*.8,z:(Math.random()-.5)*1.5,life:1,size:(.5+Math.random()*.6)*Math.sqrt(b)})}l.current=l.current.map(h=>(h.life-=v*1.8*t,h.y+=v*1.2*t,h)).filter(h=>h.life>0),a.current&&(a.current.intensity=2.2+Math.sin(w*10)*.6+Math.cos(w*15)*.3,a.current.position.y=-1+Math.sin(w*3)*.2),(s==="fluid"||s==="all")&&m.current&&(k.forEach((h,T)=>{h.life+=v*h.speedY*.35*t,h.life>1&&(h.life=0,h.x=(Math.random()-.5)*10,h.y=-2+Math.random()*.4);let S=h.life,R=h.y+S*3.8,Z=h.x+Math.sin(w*2.5+h.phase)*.5+h.speedX*S,q=h.z+Math.cos(w*1.8+h.phase)*.2,A=Math.sin(S*Math.PI)*h.size*(1.2-S*.3);o.current.position.set(Z,R,q),o.current.rotation.set(0,0,Math.sin(w*1.5+T)*.2),o.current.scale.set(A,A*1.3,A),o.current.updateMatrix(),m.current.setMatrixAt(T,o.current.matrix)}),l.current.forEach((h,T)=>{let S=(u-1-T+u)%u,R=Math.sin(h.life*Math.PI)*h.size;o.current.position.set(h.x,h.y,h.z),o.current.rotation.set(0,0,Math.sin(w*3+T)*.3),o.current.scale.set(R,R*1.4,R),o.current.updateMatrix(),m.current.setMatrixAt(S,o.current.matrix)}),m.current.instanceMatrix.needsUpdate=!0),(s==="crystal"||s==="all")&&g.current&&(k.forEach((h,T)=>{let S=h.life,R=h.y+S*3.8,Z=h.x+Math.sin(w*2.8+h.phase)*.5+h.speedX*S,q=h.z+Math.cos(w*2+h.phase)*.3,A=Math.sin(S*Math.PI)*h.size*.6;o.current.position.set(Z,R,q),o.current.rotation.set(w*1.5+T,w*2,T),o.current.scale.set(A,A*2,A),o.current.updateMatrix(),g.current.setMatrixAt(T,o.current.matrix)}),g.current.instanceMatrix.needsUpdate=!0)}),d?React.createElement("group",null,React.createElement("pointLight",{ref:a,position:[0,-1,1.5],color:f,intensity:2.5,distance:10}),(s==="fluid"||s==="all")&&React.createElement("instancedMesh",{ref:m,args:[void 0,void 0,u]},React.createElement("planeGeometry",{args:[1.2,1.2]}),React.createElement("meshBasicMaterial",{map:y,color:f,transparent:!0,blending:z.AdditiveBlending,depthWrite:!1,side:z.DoubleSide})),(s==="crystal"||s==="all")&&React.createElement("instancedMesh",{ref:g,args:[void 0,void 0,u]},React.createElement("coneGeometry",{args:[.3,1.2,5]}),React.createElement("meshBasicMaterial",{color:f,transparent:!0,opacity:.65,blending:z.AdditiveBlending,depthWrite:!1}))):null}import{useRef as K,useMemo as de,useEffect as At,useCallback as ze}from"react";import{useFrame as zt,useThree as It}from"@react-three/fiber";import*as U from"three";var Ie={azul:"#00e5ff",verde:"#00e676",rojo:"#ff3d00",dorado:"#ffb300",purpura:"#d500f9",magenta:"#ff007f",esmeralda:"#10b981"};function _t(){let r=document.createElement("canvas");r.width=256,r.height=256;let e=r.getContext("2d");if(e){let n=e.createRadialGradient(128,128,0,128,128,128);n.addColorStop(0,"rgba(255, 255, 255, 1)"),n.addColorStop(.2,"rgba(0, 240, 200, 0.95)"),n.addColorStop(.5,"rgba(0, 200, 140, 0.6)"),n.addColorStop(.8,"rgba(0, 150, 100, 0.2)"),n.addColorStop(1,"rgba(0, 0, 0, 0)"),e.fillStyle=n,e.fillRect(0,0,256,256)}let t=new U.CanvasTexture(r);return t.needsUpdate=!0,t}function ne({theme:r="emerald",effectColor:e="#00e676",effectSpeed:t=.5,effectDensity:n=.5,enabled:s=!0}){let{pointer:d}=It(),c=K(null),m=K(null),g=K(new U.Object3D),a=K(!1),o=K([]),i=Math.max(.1,Math.min(1,n)),l=Math.round(60*i),b=de(()=>_t(),[]),u=de(()=>{if(!e)return"#00e676";let p=e.toLowerCase().trim();return Ie[p]?Ie[p]:e},[e]),y=de(()=>{let p=[],M=1+Math.sqrt(i)*.8;for(let x=0;x<l;x++)p.push({x:(Math.random()-.5)*12,y:(Math.random()-.5)*6,z:(Math.random()-.5)*3,speedY:(Math.random()-.5)*.8,speedX:(Math.random()-.5)*.8,size:(.8+Math.random()*1.2)*M,phase:Math.random()*Math.PI*2,life:Math.random()});return p},[l,i]),f=ze(()=>{a.current=!0},[]),k=ze(()=>{a.current=!1},[]);return At(()=>(window.addEventListener("pointerdown",f),window.addEventListener("pointerup",k),()=>{window.removeEventListener("pointerdown",f),window.removeEventListener("pointerup",k)}),[f,k]),zt((p,M)=>{if(!c.current||!s)return;let x=p.clock.getElapsedTime()*t;if(a.current){let v=d.x*7,w=d.y*4;o.current.length<15&&o.current.push({x:v+(Math.random()-.5)*.5,y:w+(Math.random()-.5)*.5,z:(Math.random()-.5)*1,life:1,size:(1.2+Math.random()*.8)*Math.sqrt(i)})}o.current=o.current.map(v=>(v.life-=M*1.2*t,v)).filter(v=>v.life>0),m.current&&(m.current.intensity=2.5+Math.sin(x*6)*.5),y.forEach((v,w)=>{let h=v.x+Math.sin(x*1.2+v.phase)*1.5,T=v.y+Math.cos(x*.9+v.phase*1.3)*1.2,S=v.z+Math.sin(x*.7+v.phase*.8)*.8,R=v.size*(1+Math.sin(x*2+w)*.25);g.current.position.set(h,T,S),g.current.scale.set(R,R,R),g.current.updateMatrix(),c.current.setMatrixAt(w,g.current.matrix)}),o.current.forEach((v,w)=>{let h=(l-1-w+l)%l,T=Math.sin(v.life*Math.PI)*v.size;g.current.position.set(v.x,v.y,v.z),g.current.scale.set(T,T,T),g.current.updateMatrix(),c.current.setMatrixAt(h,g.current.matrix)}),c.current.instanceMatrix.needsUpdate=!0}),s?React.createElement("group",null,React.createElement("pointLight",{ref:m,position:[0,0,2],color:u,intensity:3,distance:12}),React.createElement("instancedMesh",{ref:c,args:[void 0,void 0,l]},React.createElement("planeGeometry",{args:[1.8,1.8]}),React.createElement("meshBasicMaterial",{map:b,color:u,transparent:!0,opacity:.85,blending:U.NormalBlending,depthWrite:!1,side:U.DoubleSide}))):null}import{useState as Zt}from"react";import{useTranslations as qt}from"next-intl";import{defineRouting as Ot}from"next-intl/routing";import{createNavigation as Dt}from"next-intl/navigation";var Wt=Ot({locales:["en","es"],defaultLocale:"en"}),{Link:F,redirect:mn,usePathname:_e,useRouter:Oe}=Dt(Wt);import{useLocale as Xt}from"next-intl";import{Globe as Ut}from"lucide-react";function ue(){let r=Xt(),e=Oe(),t=_e();return React.createElement("button",{onClick:()=>{let s=r==="en"?"es":"en";e.replace(t,{locale:s})},className:"flex items-center gap-2 text-sm font-medium text-muted-foreground hover:text-white transition-colors uppercase tracking-wider"},React.createElement(Ut,{className:"w-4 h-4"}),r==="en"?"ES":"EN")}import*as oe from"react";import{Slot as Vt}from"@radix-ui/react-slot";import{cva as $t}from"class-variance-authority";import{clsx as jt}from"clsx";import{twMerge as Yt}from"tailwind-merge";function De(...r){return Yt(jt(r))}var Gt=$t("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),G=oe.forwardRef((c,d)=>{var m=c,{className:r,variant:e,size:t,asChild:n=!1}=m,s=ye(m,["className","variant","size","asChild"]);return oe.createElement(n?Vt:"button",L({className:De(Gt({variant:e,size:t,className:r})),ref:d},s))});G.displayName="Button";function ae({cinemaName:r="NOVA",webTheme:e="neon"}){let t=qt(),[n,s]=Zt(!1),d=e==="noir"?"bg-slate-900/40 mix-blend-color":e==="crimson"?"bg-red-900/30 mix-blend-color":"bg-blue-900/20 mix-blend-color";return React.createElement("div",{className:`min-h-screen bg-black text-white selection:bg-white/30 font-sans transition-colors duration-1000 group theme-${e}`},React.createElement("nav",{className:"absolute top-0 left-0 right-0 z-50 flex items-center justify-between px-4 sm:px-8 py-4 sm:py-6 bg-black/40 sm:bg-transparent backdrop-blur-md sm:backdrop-blur-none border-b border-white/10 sm:border-none"},React.createElement("div",{className:"flex items-center gap-6 lg:gap-12"},React.createElement(F,{href:"/",className:"text-2xl sm:text-3xl font-bold tracking-tighter uppercase font-display text-white"},r,"."),React.createElement("div",{className:"hidden md:flex items-center gap-6 lg:gap-8 text-sm font-semibold tracking-widest text-white/70"},React.createElement(F,{href:"/schedule",className:"hover:text-white transition-colors"},t("nav.schedule")),React.createElement(F,{href:"/experiences",className:"hover:text-white transition-colors"},t("nav.experiences")),React.createElement(F,{href:"/membership",className:"hover:text-white transition-colors"},t("nav.membership")))),React.createElement("div",{className:"flex items-center gap-3 sm:gap-6"},React.createElement(ue,null),React.createElement("div",{className:"hidden sm:flex items-center gap-4"},React.createElement(F,{href:"/login",className:"text-sm font-semibold tracking-widest text-white/70 hover:text-white transition-colors"},t("nav.login")),React.createElement(G,{variant:"outline",className:"rounded-none border-white/40 text-white bg-transparent hover:bg-white hover:text-black transition-colors font-semibold tracking-widest text-xs px-6 py-5 uppercase"},t("nav.bookTickets"))),React.createElement("button",{onClick:()=>s(!n),className:"md:hidden p-2 rounded-lg bg-white/10 hover:bg-white/20 text-white text-lg focus:outline-none transition-colors cursor-pointer","aria-label":"Toggle Navigation Menu"},n?"\u2715":"\u2630"))),n&&React.createElement("div",{className:"fixed inset-0 z-40 bg-black/95 backdrop-blur-2xl md:hidden flex flex-col justify-between p-8 pt-24 animate-fade-in"},React.createElement("div",{className:"flex flex-col gap-6 text-xl font-bold tracking-wider uppercase font-display"},React.createElement(F,{href:"/schedule",onClick:()=>s(!1),className:"py-2 border-b border-white/10 hover:text-amber-400 transition-colors"},t("nav.schedule")),React.createElement(F,{href:"/experiences",onClick:()=>s(!1),className:"py-2 border-b border-white/10 hover:text-amber-400 transition-colors"},t("nav.experiences")),React.createElement(F,{href:"/membership",onClick:()=>s(!1),className:"py-2 border-b border-white/10 hover:text-amber-400 transition-colors"},t("nav.membership")),React.createElement(F,{href:"/login",onClick:()=>s(!1),className:"py-2 border-b border-white/10 text-white/70 hover:text-white transition-colors"},t("nav.login"))),React.createElement("div",{className:"flex flex-col gap-3 pt-6 border-t border-white/10"},React.createElement(G,{onClick:()=>s(!1),className:"w-full rounded-none bg-amber-400 text-black hover:bg-amber-300 font-extrabold tracking-widest text-sm py-4 uppercase"},t("nav.bookTickets")))),React.createElement("div",{className:"relative h-screen w-full flex flex-col justify-end pb-28 sm:pb-24 px-4 sm:px-8 md:px-16 overflow-hidden"},React.createElement("div",{className:"absolute inset-0 z-0"},React.createElement("div",{className:"absolute inset-0 bg-[url('https://images.unsplash.com/photo-1605810230434-7631ac76ec81?q=80&w=2560&auto=format&fit=crop')] bg-cover bg-center"}),React.createElement("div",{className:"absolute inset-0 bg-gradient-to-t from-black via-black/50 to-transparent z-10"}),React.createElement("div",{className:`absolute inset-0 ${d} z-10`})),React.createElement("div",{className:"relative z-20 max-w-5xl"},React.createElement("div",{className:"flex items-center gap-2 sm:gap-3 mb-4 sm:mb-6 flex-wrap"},React.createElement("span",{className:"bg-blue-600 text-white text-[9px] sm:text-[10px] font-bold px-2.5 sm:px-3 py-1 tracking-widest"},t("hero.genreImax")),React.createElement("span",{className:"border border-white/20 text-white/80 text-[9px] sm:text-[10px] font-bold px-2.5 sm:px-3 py-1 tracking-widest"},t("hero.genreAction"))),React.createElement("h1",{className:"text-4xl sm:text-6xl md:text-7xl lg:text-[8rem] leading-[0.9] sm:leading-[0.85] font-display font-black tracking-tighter mb-4 sm:mb-6 uppercase drop-shadow-2xl"},t("hero.title")),React.createElement("p",{className:"max-w-2xl text-sm sm:text-lg md:text-xl text-white/70 font-medium mb-6 sm:mb-10 leading-relaxed drop-shadow-md line-clamp-3 sm:line-clamp-none"},t("hero.synopsis")),React.createElement("div",{className:"flex flex-col sm:flex-row items-stretch sm:items-center gap-3 sm:gap-4 w-full sm:w-auto"},React.createElement(G,{className:"rounded-none bg-white text-black hover:bg-white/90 font-bold tracking-widest text-xs px-6 sm:px-8 py-5 sm:py-6 uppercase transition-transform hover:scale-105 active:scale-95 w-full sm:w-auto"},t("hero.getTickets")),React.createElement(G,{variant:"outline",className:"rounded-none border-white/30 text-white bg-black/20 backdrop-blur-md hover:bg-white/10 transition-colors font-bold tracking-widest text-xs px-6 sm:px-8 py-5 sm:py-6 uppercase w-full sm:w-auto"},t("hero.watchTrailer"))))))}var Ue={cinema:"/fonts/cinema_display.typeface.json",helvetiker:"https://threejs.org/examples/fonts/helvetiker_bold.typeface.json",gentilis:"https://threejs.org/examples/fonts/gentilis_bold.typeface.json",optimer:"https://threejs.org/examples/fonts/optimer_bold.typeface.json"},je={rojo:"#3b0712",azul:"#021a38",verde:"#032117",esmeralda:"#032117",dorado:"#1c1503",negro:"#07080c",purpura:"#21032a"},Ye={gold:"radial-gradient(circle at center, #1c1503 0%, #080601 60%, #020201 100%)",neon:"radial-gradient(circle at center, #021a1e 0%, #030d14 60%, #010408 100%)",emerald:"radial-gradient(circle at center, #032117 0%, #02120d 60%, #010705 100%)",crimson:"radial-gradient(circle at center, #240409 0%, #120205 60%, #060102 100%)",obsidian:"radial-gradient(circle at center, #120d24 0%, #080512 60%, #030206 100%)",glass:"radial-gradient(circle at center, #0f172a 0%, #070b14 60%, #020205 100%)"};function ar(r,e=.85){let n=-(r.length*e)/2+e/2;return r.split("").map((s,d)=>[n+d*e,0,0])}function sr(r){let e=[];r?Array.isArray(r)?e=r.map(o=>String(o).toLowerCase().trim()):typeof r=="string"&&(e=r.toLowerCase().split(",").map(o=>o.trim())):e=["flames"];let t=e.includes("all")||e.includes("todos")||e.includes("supernova")||e.includes("inferno"),n=t||e.includes("flames")||e.includes("fluid-flames")||e.includes("llamas")||e.includes("llamas-organicas"),s=t||e.includes("fire")||e.includes("crystal-flames")||e.includes("cristales")||e.includes("fuego"),d=t||e.includes("blobs")||e.includes("energy-blobs")||e.includes("plasma-blobs")||e.includes("nubes"),c=t||e.includes("sparks")||e.includes("chispas"),m=t||e.includes("shockwave")||e.includes("wave")||e.includes("onda")||e.includes("onda-3d"),g=t||e.includes("plasma")||e.includes("electric"),a=t||e.includes("embers")||e.includes("ascuas")||n||s||d;return{enableFluidFlames:n,enableCrystalFlames:s,enableBlobs:d,enableSparks:c,enableShockwave:m,enablePlasma:g,enableEmbers:a}}function fe({containerToDisplay:r,containerSelector:e,effect:t="flames",title:n,backgroundColor:s,effectColor:d,effectSpeed:c=.5,effectDensity:m=.3,autoFitText:g=!0,loaderDuration:a,redirectUrl:o,onComplete:i,fontFamily:l="cinema",fontUrl:b,theme:u="crimson",letterSpacing:y=.85,className:f="",style:k,children:p}){let M=n!=null?n.trim().toUpperCase():"",x=M?M.split(""):[],v=J(()=>ar(M,y),[M,y]),w=!!(a&&a>0&&(o||i)),[h,T]=We(0);Xe(()=>{if(!w||!a)return;let C=a*1e3,N=50,ce=0,ge=setInterval(()=>{ce+=N;let et=Math.min(100,ce/C*100);T(et),ce>=C&&(clearInterval(ge),i==null||i(),o&&(window.location.href=o))},N);return()=>clearInterval(ge)},[w,a,o,i]);let S=J(()=>{if(b)return b;let C=String(l).toLowerCase().trim();return Ue[C]||Ue.cinema},[l,b]),[R,Z]=We(typeof window!="undefined"?window.innerWidth:1200);Xe(()=>{let C=()=>Z(window.innerWidth);return window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)},[]);let q=J(()=>{if(!g||!x.length)return 1;let C=x.length,N=1;return C<=4?N=1:C<=7?N=.85:C<=10?N=.7:C<=14?N=.55:N=.45,R<480?N*.55:R<768?N*.75:N},[g,x.length,R]),A=J(()=>{if(!s)return Ye[u]||Ye.gold;let C=s.toLowerCase().trim();return je[C]?je[C]:(s.startsWith("#")||s.startsWith("rgb")||s.includes("gradient"),s)},[s,u]),H=J(()=>sr(t),[t]),Je=H.enableFluidFlames&&H.enableCrystalFlames?"all":H.enableCrystalFlames?"crystal":"fluid",Qe=H.enableFluidFlames||H.enableCrystalFlames,pe=e||(typeof r=="string"?r:void 0),he=()=>pe==="lhome"||pe==="home"||r==="lhome"||r==="home"?E.createElement(ae,{cinemaName:M||"NOVA",webTheme:u}):typeof r=="string"&&r!=="lhome"&&r!=="home"?E.createElement("div",{className:"text-center text-white p-8 bg-black/40 backdrop-blur-md rounded-2xl border border-white/10"},E.createElement("h2",{className:"text-3xl font-bold tracking-widest uppercase mb-2"},r),E.createElement("p",{className:"text-sm text-white/60"},"3D Interactive WebGL Background")):r&&typeof r!="string"?r:p;return E.createElement("div",{id:e,"data-container-selector":e,className:`relative w-full h-full overflow-hidden select-none ${f}`,style:L({background:A},k)},w&&E.createElement("div",{className:"absolute top-0 left-0 right-0 z-30 h-1 bg-white/10 pointer-events-none"},E.createElement("div",{className:"h-full bg-gradient-to-r from-amber-400 via-rose-500 to-cyan-400 transition-all duration-75",style:{width:`${h}%`}})),E.createElement("div",{className:"absolute inset-0 z-0 pointer-events-auto"},E.createElement(Jt,{camera:{position:[0,0,14],fov:45,near:.1,far:50},dpr:[1,2],gl:{antialias:!0,toneMapping:4,toneMappingExposure:1.2}},E.createElement(Kt,{fallback:null},E.createElement(Qt,{preset:"studio"}),E.createElement("ambientLight",{intensity:.3}),E.createElement("directionalLight",{position:[5,8,5],intensity:1.5,color:"#ffffff"}),E.createElement("pointLight",{position:[-5,-3,-5],intensity:.6,color:u==="emerald"?"#10b981":u==="crimson"?"#ff1744":u==="neon"?"#00ffff":"#FFD700"}),E.createElement(O,{phase:w?"entering":"idle",effectSpeed:c}),E.createElement(re,{enabled:Qe,theme:u,effectColor:d,effectSpeed:c,effectDensity:m,mode:Je}),E.createElement(ne,{enabled:H.enableBlobs,theme:u,effectColor:d,effectSpeed:c,effectDensity:m}),E.createElement(D,{enabled:H.enableSparks,theme:u,effectColor:d,effectSpeed:c}),E.createElement(W,{enabled:H.enableShockwave,theme:u,effectColor:d,effectSpeed:c}),E.createElement(X,{enabled:H.enablePlasma,theme:u,effectColor:d,effectSpeed:c}),x.length>0&&E.createElement(er,{disableY:!0,disableZ:!0},E.createElement("group",{scale:q},x.map((C,N)=>E.createElement(I,{key:`${C}-${N}`,char:C,index:N,totalLetters:x.length,position:v[N],phase:w?"entering":"idle",theme:u,fontUrl:S})))),E.createElement(_,{theme:u,effectColor:d,effectSpeed:c,visible:H.enableEmbers}),E.createElement(tr,null,E.createElement(rr,{luminanceThreshold:.7,luminanceSmoothing:.9,intensity:u==="neon"||u==="crimson"?1.4:.9,mipmapBlur:!0}),E.createElement(nr,{offset:.3,darkness:.85}),E.createElement(or,{opacity:.025}))))),he()&&E.createElement("div",{className:"relative z-10 w-full h-full pointer-events-none flex flex-col items-center justify-center"},E.createElement("div",{className:"pointer-events-auto w-full h-full"},he())))}import Ge from"react";import{Suspense as ir,useMemo as lr,useState as Ve}from"react";import{Canvas as cr}from"@react-three/fiber";import{Environment as mr,Center as dr}from"@react-three/drei";import{EffectComposer as ur,Bloom as fr,Vignette as pr,Noise as hr}from"@react-three/postprocessing";var $e={gold:"radial-gradient(circle at center, #1c1503 0%, #080601 60%, #020201 100%)",neon:"radial-gradient(circle at center, #021a1e 0%, #030d14 60%, #010408 100%)",emerald:"radial-gradient(circle at center, #032117 0%, #02120d 60%, #010705 100%)",crimson:"radial-gradient(circle at center, #240409 0%, #120205 60%, #060102 100%)",obsidian:"radial-gradient(circle at center, #120d24 0%, #080512 60%, #030206 100%)",glass:"radial-gradient(circle at center, #0f172a 0%, #070b14 60%, #020205 100%)"},gr="/fonts/cinema_display.typeface.json";function br(r){let n=-(r.length*.65)/2;return r.split("").map((s,d)=>[n+d*.65,0,0])}function se({text:r="CINEMA",theme:e="emerald",customBackground:t,interactiveSparks:n=!0,interactiveShockwave:s=!0,interactivePlasma:d=!0,showParticles:c=!0,enableBloom:m=!0,className:g="",style:a,children:o}){let[i,l]=Ve(r),[b,u]=Ve(e),y=(i||r||"CINEMA").toUpperCase(),f=y.split(""),k=lr(()=>br(y),[y]),p=b||e||"emerald",M=t||$e[p]||$e.emerald;return React.createElement("div",{className:`relative w-full h-full min-h-[350px] overflow-hidden select-none ${g}`,style:L({background:M},a)},React.createElement("div",{className:"absolute inset-0 z-0 pointer-events-auto"},React.createElement(cr,{camera:{position:[0,0,14],fov:45,near:.1,far:50},dpr:[1,2],gl:{antialias:!0,toneMapping:4,toneMappingExposure:1.2}},React.createElement(ir,{fallback:null},React.createElement(mr,{preset:"studio"}),React.createElement("ambientLight",{intensity:.3}),React.createElement("directionalLight",{position:[5,8,5],intensity:1.5,color:"#ffffff"}),React.createElement("pointLight",{position:[-5,-3,-5],intensity:.6,color:p==="emerald"?"#10b981":p==="crimson"?"#ff1744":p==="neon"?"#00ffff":"#FFD700"}),React.createElement(O,{phase:"idle"}),React.createElement(D,{enabled:n,theme:p}),React.createElement(W,{enabled:s,theme:p}),React.createElement(X,{enabled:d,theme:p}),React.createElement(dr,{disableY:!0,disableZ:!0},React.createElement("group",null,f.map((x,v)=>React.createElement(I,{key:`${x}-${v}`,char:x,index:v,totalLetters:f.length,position:k[v],phase:"idle",theme:p,fontUrl:gr})))),c&&React.createElement(_,{theme:p,visible:!0}),React.createElement(ur,null,React.createElement(fr,{luminanceThreshold:.7,luminanceSmoothing:.9,intensity:m?.9:0,mipmapBlur:!0}),React.createElement(pr,{offset:.3,darkness:.85}),React.createElement(hr,{opacity:.025}))))),o&&React.createElement("div",{className:"relative z-10 w-full h-full pointer-events-none flex flex-col items-center justify-center"},o))}function xr(r,e={}){let t=n=>Ge.createElement(se,L({},e),Ge.createElement(r,L({},n)));return t.displayName=`WithCinema3D(${r.displayName||r.name||"Component"})`,t}import{Suspense as yr,useState as le,useEffect as Mr,useCallback as Ze,useMemo as wr}from"react";import{Canvas as Er}from"@react-three/fiber";import{Environment as kr,Center as Tr}from"@react-three/drei";import{EffectComposer as Cr,Bloom as Sr,Vignette as Lr,Noise as Rr}from"@react-three/postprocessing";var vr=[{key:"gold",label:"Gold",color:"#FFD700"},{key:"neon",label:"Neon",color:"#00ffff"},{key:"emerald",label:"Emerald",color:"#10b981"},{key:"crimson",label:"Crimson",color:"#ff1744"},{key:"obsidian",label:"Obsidian",color:"#a855f7"},{key:"glass",label:"Glass",color:"#ffffff"}];function ie({phase:r,cinemaName:e,theme:t,effects:n,onTitleChange:s,onThemeChange:d,onToggleEffect:c}){return React.createElement("div",{className:"absolute inset-0 pointer-events-none z-10 flex flex-col items-center justify-between p-6 md:p-10",style:{opacity:r==="exiting"?0:1,transition:"opacity 0.8s ease-out"}},React.createElement("div",{className:"w-full max-w-xl flex flex-col items-center gap-2 pointer-events-auto",style:{opacity:r==="idle"||r==="entering"?1:0,transform:r==="idle"||r==="entering"?"translateY(0)":"translateY(-20px)",transition:"all 1s ease-out 0.3s"}},React.createElement("label",{className:"text-[10px] tracking-[0.3em] uppercase text-white/50 font-bold"},"Live 3D Title Control"),React.createElement("div",{className:"relative w-full"},React.createElement("input",{type:"text",value:e,onChange:a=>s(a.target.value),maxLength:18,placeholder:"Type any title...",className:"w-full px-6 py-3 rounded-full text-center text-sm md:text-base font-bold tracking-widest uppercase outline-none transition-all duration-300",style:{background:"rgba(255, 255, 255, 0.08)",backdropFilter:"blur(16px)",border:"1px solid rgba(255, 255, 255, 0.2)",color:"#ffffff",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.37)"}}))),r==="loading"&&React.createElement("div",{className:"absolute inset-0 flex items-center justify-center"},React.createElement("div",{className:"w-16 h-16 rounded-full border-2 animate-spin",style:{borderColor:"transparent",borderTopColor:"rgba(255, 215, 0, 0.8)",borderRightColor:"rgba(255, 215, 0, 0.3)"}})),React.createElement("div",{className:"w-full max-w-3xl flex flex-col items-center gap-5"},React.createElement("div",{className:"flex flex-wrap items-center justify-center gap-2 pointer-events-auto",style:{opacity:r==="idle"||r==="entering"?1:0,transition:"opacity 1s ease-out 0.8s"}},React.createElement("span",{className:"text-[9px] uppercase tracking-[0.25em] text-white/40 mr-2 font-bold"},"Effects"),React.createElement("button",{onClick:()=>c("sparks"),className:`px-4 py-1.5 rounded-full text-[11px] font-bold tracking-wider uppercase transition-all duration-300 cursor-pointer ${n.sparks?"bg-amber-500/30 text-amber-200 border-amber-400/60 shadow-[0_0_15px_rgba(245,158,11,0.4)]":"bg-white/5 text-white/40 border-white/10 hover:text-white/70"} border`},"\u{1F525} Sparks"),React.createElement("button",{onClick:()=>c("shockwave"),className:`px-4 py-1.5 rounded-full text-[11px] font-bold tracking-wider uppercase transition-all duration-300 cursor-pointer ${n.shockwave?"bg-cyan-500/30 text-cyan-200 border-cyan-400/60 shadow-[0_0_15px_rgba(6,182,212,0.4)]":"bg-white/5 text-white/40 border-white/10 hover:text-white/70"} border`},"\u{1F30A} Wave"),React.createElement("button",{onClick:()=>c("plasma"),className:`px-4 py-1.5 rounded-full text-[11px] font-bold tracking-wider uppercase transition-all duration-300 cursor-pointer ${n.plasma?"bg-purple-500/30 text-purple-200 border-purple-400/60 shadow-[0_0_15px_rgba(168,85,247,0.4)]":"bg-white/5 text-white/40 border-white/10 hover:text-white/70"} border`},"\u26A1 Plasma"),React.createElement("button",{onClick:()=>c("embers"),className:`px-4 py-1.5 rounded-full text-[11px] font-bold tracking-wider uppercase transition-all duration-300 cursor-pointer ${n.embers?"bg-emerald-500/30 text-emerald-200 border-emerald-400/60 shadow-[0_0_15px_rgba(16,185,129,0.4)]":"bg-white/5 text-white/40 border-white/10 hover:text-white/70"} border`},"\u2728 Embers")),React.createElement("div",{className:"flex items-center gap-3 pointer-events-auto",style:{opacity:r==="idle"||r==="entering"?1:0,transition:"opacity 1s ease-out 1.2s"}},React.createElement("span",{className:"text-[10px] uppercase tracking-[0.3em] text-white/40 mr-2 font-bold"},"Theme"),React.createElement("div",{className:"flex items-center gap-2 md:gap-3"},vr.map(a=>{let o=t===a.key;return React.createElement("button",{key:a.key,onClick:()=>d(a.key),className:"group relative flex flex-col items-center gap-1.5 cursor-pointer outline-none","aria-label":`Switch to ${a.label} theme`},React.createElement("div",{className:"relative w-11 h-7 md:w-14 md:h-9 rounded-md overflow-hidden transition-all duration-300",style:{border:o?`2px solid ${a.color}`:"1px solid rgba(255, 255, 255, 0.15)",transform:o?"scale(1.1) translateY(-2px)":"scale(1) translateY(0)",boxShadow:o?`0 4px 20px ${a.color}60`:"0 2px 10px rgba(0,0,0,0.5)"}},React.createElement("div",{className:"absolute inset-0 opacity-80",style:{backgroundColor:a.color}})),React.createElement("span",{className:"text-[9px] uppercase tracking-widest font-semibold transition-colors duration-300",style:{color:o?"#ffffff":"rgba(255, 255, 255, 0.4)"}},a.label))})))))}var Nr="/fonts/cinema_display.typeface.json",qe={gold:"radial-gradient(circle at center, #1c1503 0%, #080601 60%, #020201 100%)",neon:"radial-gradient(circle at center, #021a1e 0%, #030d14 60%, #010408 100%)",emerald:"radial-gradient(circle at center, #032117 0%, #02120d 60%, #010705 100%)",crimson:"radial-gradient(circle at center, #240409 0%, #120205 60%, #060102 100%)",obsidian:"radial-gradient(circle at center, #120d24 0%, #080512 60%, #030206 100%)",glass:"radial-gradient(circle at center, #0f172a 0%, #070b14 60%, #020205 100%)"};function Pr(r){let n=-(r.length*.65)/2;return r.split("").map((s,d)=>[n+d*.65,0,0])}function Ke({cinemaName:r="CINEMULTIPLEX",defaultTheme:e="emerald",customBackground:t,onEnterCinema:n}){let[s,d]=le("loading"),[c,m]=le(e),[g,a]=le(r),[o,i]=le({sparks:!0,shockwave:!0,plasma:!0,embers:!0}),l=(g||"CINEMA").toUpperCase(),b=l.split(""),u=wr(()=>Pr(l),[l]);Mr(()=>{let p=setTimeout(()=>d("entering"),800),M=b.length*120+1500,x=setTimeout(()=>d("idle"),800+M);return()=>{clearTimeout(p),clearTimeout(x)}},[b.length]);let y=Ze(()=>{d("exiting"),setTimeout(()=>{n&&n()},1800)},[n]),f=Ze(p=>{i(M=>j(L({},M),{[p]:!M[p]}))},[]),k=t||qe[c]||qe.emerald;return React.createElement("div",{className:"fixed inset-0 w-screen h-screen transition-all duration-1000 select-none overflow-hidden",style:{background:k}},React.createElement(Er,{camera:{position:[0,0,14],fov:45,near:.1,far:50},dpr:[1,2],gl:{antialias:!0,toneMapping:4,toneMappingExposure:1.2}},React.createElement(yr,{fallback:null},React.createElement(kr,{preset:"studio"}),React.createElement("ambientLight",{intensity:.3}),React.createElement("directionalLight",{position:[5,8,5],intensity:1.5,color:"#ffffff"}),React.createElement("pointLight",{position:[-5,-3,-5],intensity:.6,color:c==="emerald"?"#10b981":c==="crimson"?"#ff1744":c==="neon"?"#00ffff":"#FFD700"}),React.createElement("spotLight",{position:[0,10,0],angle:.4,penumbra:.8,intensity:.9,color:"#ffffff"}),React.createElement("pointLight",{position:[0,0,-5],intensity:.4,color:"#ffffff"}),React.createElement(O,{phase:s}),o.sparks&&React.createElement(D,{theme:c}),React.createElement(W,{theme:c,enabled:o.shockwave}),React.createElement(X,{theme:c,enabled:o.plasma}),React.createElement(Tr,{disableY:!0,disableZ:!0},React.createElement("group",null,b.map((p,M)=>React.createElement(I,{key:`${p}-${M}`,char:p,index:M,totalLetters:b.length,position:u[M],phase:s,theme:c,fontUrl:Nr})))),React.createElement(_,{theme:c,visible:s!=="loading"&&o.embers}),React.createElement(Cr,null,React.createElement(Sr,{luminanceThreshold:.7,luminanceSmoothing:.9,intensity:c==="neon"||c==="emerald"||c==="crimson"?1.4:.7,mipmapBlur:!0}),React.createElement(Lr,{offset:.3,darkness:.85}),React.createElement(Rr,{opacity:.025})))),React.createElement(ie,{phase:s,cinemaName:g,theme:c,effects:o,onTitleChange:a,onThemeChange:m,onToggleEffect:f}))}export{fe as AnimatedBackground,I as AnimatedLetter,O as CameraRig,se as CinemaBackground,ae as CinemaHome,Ke as CinemaLoader,D as ClickFireSparks,W as ClickShockwave,X as ElectricPlasma,re as FireFlames,ie as LoaderOverlay,ne as PlasmaBlobs,_ as SceneParticles,fe as default,xr as withCinema3D};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|