{
"id": "lumen-vector-ai-data",
"css": "",
"fps": 30,
"html": "LUMEN VECTOR / SIGNAL 84.2
RELATIONSHIPS RESOLVED
4 SIGNAL CLASSES / 99.8% COHERENCE
From signal\nto structure.
LUMEN VECTOR
NOISY SIGNALS.
A PATH EMERGES.
STRUCTURE APPEARS.
",
"name": "Lumen Vector — Signal to Structure",
"width": 1920,
"format": "jsoncut-html",
"height": 1080,
"values": {},
"version": 1,
"duration": 30,
"safeArea": {
"top": 0,
"left": 0,
"right": 0,
"bottom": 0
},
"variables": [],
"customBlocks": [
{
"inputs": {
"seed": 84,
"particleCount": 1200
},
"adapter": "canvas-2d",
"layerId": "custom-1",
"javascript": "const ctx=context,W=width,H=height;\njsoncut.onFrame(()=>{\nconst t=jsoncut.time;\nctx.clearRect(0,0,W,H);\nconst clamp=v=>Math.max(0,Math.min(1,v));\nconst smooth=v=>{v=clamp(v);return v*v*(3-2*v);};\nconst mix=(a,b,v)=>a+(b-a)*v;\nconst hash=n=>{const q=Math.sin(n*12.9898+78.233)*43758.5453;return q-Math.floor(q);};\nconst pStream=smooth((t-4)/7);\nconst pGrid=smooth((t-10)/7);\nconst pOut=smooth((t-22)/5);\nconst rotY=-0.42+0.08*Math.sin(t*0.18);\nconst rotX=0.18+0.04*Math.sin(t*0.13);\nfunction project(x,y,z){\n const cy=Math.cos(rotY),sy=Math.sin(rotY),cx=Math.cos(rotX),sx=Math.sin(rotX);\n const x1=x*cy-z*sy,z1=x*sy+z*cy;\n const y1=y*cx-z1*sx,z2=y*sx+z1*cx;\n const s=720/(900+z2);\n return {x:W*.5+x1*s,y:H*.51+y1*s,s,depth:z2};\n}\nfunction state(i){\n const a=hash(i*3+1),b=hash(i*3+2),c=hash(i*3+3),u=i/1199;\n const chaos={x:(a-.5)*2100+Math.sin(t*.55+i*.17)*70,y:(b-.5)*1050+Math.cos(t*.42+i*.11)*55,z:((c*1500+t*85)%1700)-350};\n const ang=u*32+t*.52;\n const stream={x:(u-.5)*1900,y:Math.sin(ang)*190+Math.sin(u*11)*90,z:Math.cos(ang)*520};\n const gx=(i%10)-4.5,gy=(Math.floor(i/10)%6)-2.5,gz=(Math.floor(i/60)%4)-1.5;\n const grid={x:gx*155,y:gy*135,z:gz*235};\n const g=i%4,li=Math.floor(i/4),lx=(li%9)-4,ly=(Math.floor(li/9)%7)-3,lz=(Math.floor(li/63)%4)-1.5;\n const out={x:(g-1.5)*420+lx*24,y:ly*34,z:lz*48};\n let x=mix(chaos.x,stream.x,pStream),y=mix(chaos.y,stream.y,pStream),z=mix(chaos.z,stream.z,pStream);\n x=mix(x,grid.x,pGrid);y=mix(y,grid.y,pGrid);z=mix(z,grid.z,pGrid);\n x=mix(x,out.x,pOut);y=mix(y,out.y,pOut);z=mix(z,out.z,pOut);\n return {x,y,z,a,b,c};\n}\nconst field=ctx.createRadialGradient(W*.5,H*.5,40,W*.5,H*.5,760);\nfield.addColorStop(0,'rgba(125,98,232,.18)');\nfield.addColorStop(.48,'rgba(10,108,116,.09)');\nfield.addColorStop(1,'rgba(7,28,34,0)');\nctx.fillStyle=field;ctx.fillRect(0,0,W,H);\nif(t>=10&&t<23.2){\n const vis=smooth((t-10)/1.4)*(1-smooth((t-22.2)/1));\n const nodes=[];\n for(let i=0;i<240;i++){\n const gx=(i%10)-4.5,gy=(Math.floor(i/10)%6)-2.5,gz=(Math.floor(i/60)%4)-1.5;\n nodes.push(project(gx*155,gy*135,gz*235));\n }\n ctx.lineWidth=1.2;\n for(let z=0;z<4;z++)for(let y=0;y<6;y++)for(let x=0;x<10;x++){\n const idx=z*60+y*10+x,p=nodes[idx];\n const links=[];\n if(x<9)links.push(nodes[idx+1]);\n if(y<5)links.push(nodes[idx+10]);\n if(z<3)links.push(nodes[idx+60]);\n for(const q of links){\n const wave=.5+.5*Math.sin((t-17)*4-(p.x+q.x)*.006);\n ctx.strokeStyle=t>=17?'rgba(125,98,232,'+(vis*(.10+.36*wave))+')':'rgba(158,218,221,'+(vis*.18)+')';\n ctx.beginPath();ctx.moveTo(p.x,p.y);ctx.lineTo(q.x,q.y);ctx.stroke();\n }\n }\n}\nctx.globalCompositeOperation='lighter';\nfor(let i=0;i<1200;i++){\n const s=state(i),p=project(s.x,s.y,s.z);\n if(p.x<-40||p.x>W+40||p.y<-40||p.y>H+40)continue;\n const pulse=t>=17&&t<23?.5+.5*Math.sin((t-17)*5-i*.07):0;\n const alpha=clamp(.18+p.s*.42);\n const r=Math.max(.7,Math.min(5.4,(1.1+s.a*2.8)*p.s));\n ctx.fillStyle=pulse>.72?'rgba(158,116,255,'+alpha+')':(s.b>.76?'rgba(244,235,220,'+alpha+')':'rgba(48,193,195,'+alpha+')');\n ctx.beginPath();ctx.arc(p.x,p.y,r,0,Math.PI*2);ctx.fill();\n if(i%41===0){\n ctx.fillStyle='rgba(244,235,220,'+(alpha*.16)+')';\n ctx.beginPath();ctx.arc(p.x,p.y,r*5,0,Math.PI*2);ctx.fill();\n }\n}\nctx.globalCompositeOperation='source-over';\nif(t>=17&&t<23){\n const q=(t-17)/6;\n const rr=70+q*760;\n ctx.strokeStyle='rgba(125,98,232,'+(1-q)*.6+')';\n ctx.lineWidth=3;\n ctx.beginPath();ctx.ellipse(W*.5,H*.51,rr,rr*.52,0,0,Math.PI*2);ctx.stroke();\n}\n\n});"
}
],
"aspectVariants": [],
"compositionKind": "video",
"canvasBackground": "#000000",
"editabilityTarget": "layered"
}