const T = api.THREE; const ink = "#3a2230", pink = "#f08cc0", gold = "#ffd35a", violet = "#9b6ae0", teal = "#2ea4ad", orange = "#ef8a3c"; api.world({time:"night", sky:"#171b4c", haze:"#413865", shadow:"#4d326d"}); const ground = new T.Mesh(new T.CircleGeometry(600,96), api.toon("#254d55")); ground.rotation.x = -Math.PI/2; ground.position.y = 0.02; api.add(ground,{id:"carnival-ground",describe:"dark teal ground around the nighttime parade",solid:false}); const dir = new T.Vector3(); api.camera.getWorldDirection(dir); dir.y = 0; if (dir.lengthSq() < 0.001) dir.set(0,0,1); dir.normalize(); const angle = Math.atan2(dir.x,dir.z); const origin = new T.Vector3(api.player.x,0,api.player.z); function world(x,y,z) { return new T.Vector3(origin.x+x*Math.cos(angle)+z*Math.sin(angle), y, origin.z-x*Math.sin(angle)+z*Math.cos(angle)); } function rootAt(x,y,z) { const g = new T.Group(); g.position.copy(world(x,y,z)); g.rotation.y = angle; return g; } const mats = {}; function mat(c,glow=false) { const k=c+(glow?"g":""); return mats[k] || (mats[k]=api.toon(c,glow?{glow:true}:{})); } const boxGeo = new T.BoxGeometry(1,1,1); const ballGeo = new T.SphereGeometry(1,16,12); const cylGeo = new T.CylinderGeometry(1,1,1,16); const coneGeo = new T.ConeGeometry(1,1,16); function mesh(g,geo,c,x,y,z,sx,sy,sz,glow=false) { const m=new T.Mesh(geo,mat(c,glow)); m.position.set(x,y,z); m.scale.set(sx,sy,sz); g.add(m); return m; } function box(g,c,x,y,z,sx,sy,sz,glow=false){return mesh(g,boxGeo,c,x,y,z,sx,sy,sz,glow);} function ball(g,c,x,y,z,sx,sy,sz,glow=false){return mesh(g,ballGeo,c,x,y,z,sx,sy,sz,glow);} function cyl(g,c,x,y,z,r,h,glow=false){return mesh(g,cylGeo,c,x,y,z,r,h,r,glow);} function cone(g,c,x,y,z,r,h,glow=false){return mesh(g,coneGeo,c,x,y,z,r,h,r,glow);} function bar(g,c,a,b,r) { const d=new T.Vector3().subVectors(b,a), m=mesh(g,cylGeo,c,0,0,0,r,d.length(),r); m.position.copy(a).add(b).multiplyScalar(.5); m.quaternion.setFromUnitVectors(new T.Vector3(0,1,0),d.normalize()); return m; } // Street, curb, and twinkling strings of lights const street=rootAt(0,0,0); box(street,"#49335e",0,.045,48,18,.07,210); for(let z=-44;z<150;z+=9) box(street,"#f7c85b",0,.09,z,.22,.035,4,true); for(const side of [-1,1]){ box(street,"#a96591",side*9,.11,48,.35,.20,210); for(let z=-18;z<=100;z+=18){ cyl(street,"#644274",side*11.5,2.6,z,.10,5.2); ball(street,gold,side*11.5,5.35,z,.26,.26,.26,true); if(z<100){ bar(street,"#654276",new T.Vector3(side*11.5,5.3,z),new T.Vector3(side*11.5,5.3,z+18),.035); for(let j=1;j<9;j++) ball(street,[pink,gold,teal,orange][j%4],side*11.5,5.05,z+j*2,.14,.18,.14,true); } } } api.add(street,{id:"parade-street",describe:"a lantern-lined carnival street at night",solid:false}); // A rounded silhouette and a distant moon and stars. const backdrop=rootAt(0,0,0); ball(backdrop,"#292143",0,-3,145,70,57,32); ball(backdrop,"#35274f",-41,-8,155,38,34,27); ball(backdrop,"#322348",48,-12,160,42,37,27); ball(backdrop,"#f3dfa6",-74,88,235,19,19,3,true); for(let i=0;i<48;i++){ const x=((i*73)%271)-135, y=48+((i*47)%105), z=220+((i*19)%50); ball(backdrop,i%3===0?"#f8d686":"#d9c3f4",x,y,z,.5+(i%3)*.18,.5+(i%3)*.18,.5,true); } api.add(backdrop,{id:"mountain-night-sky",describe:"a tall rounded mountain silhouette under a moon and stars",solid:false}); // Three elaborate floats, each with its own moving centerpiece. const moving=[]; function floatBase(z,main,trim){ const g=rootAt(0,0,z); box(g,main,0,1.05,0,7.3,1.15,12); box(g,trim,0,1.68,0,7.65,.24,12.3); for(const s of [-1,1]){ for(const zz of [-4,4]){ const wheel=cyl(g,"#3a2230",s*3.65,.62,zz,.85,.38); wheel.rotation.z=Math.PI/2; const hub=cyl(g,gold,s*3.86,.62,zz,.32,.4,true); hub.rotation.z=Math.PI/2; moving.push({wheel}); } for(let zz=-5;zz<=5;zz+=1.25) ball(g,zz%2===0?gold:pink,s*3.82,1.22,zz,.13,.13,.13,true); } for(let zz of [-5.7,5.7]){ for(let x=-3;x<=3;x+=1) ball(g,gold,x,1.25,zz,.13,.13,.13,true); } return g; } const f1=floatBase(22,"#d04583","#ffc74f"); for(let x=-3;x<=3;x+=1.5){ cone(f1,orange,x,2.15,-4.9,.55,.9); ball(f1,gold,x,2.65,-4.9,.19,.19,.19,true); } const alien=new T.Group(); alien.position.set(0,1.8,0); f1.add(alien); ball(alien,"#8fd14f",0,2.4,0,2.55,2.25,2.5); ball(alien,"#b4e66c",0,3.75,.55,1.9,1.25,1.65); for(const s of [-1,1]){ ball(alien,"#ffffff",s*.9,4.05,1.65,.67,.77,.55); ball(alien,"#20192b",s*.9,4.03,2.16,.16,.18,.10); bar(alien,"#8fd14f",new T.Vector3(s*1.2,4.5,0),new T.Vector3(s*1.8,5.7,-.15),.12); ball(alien,pink,s*1.8,5.7,-.15,.28,.28,.28,true); ball(alien,teal,s*2.25,2.1,.6,.35,.45,.25); } api.add(f1,{id:"alien-carnival-float",describe:"a giant googly alien float covered in carnival lights"}); moving.push({center:alien,kind:1}); const f2=floatBase(48,"#546bd4","#f08cc0"); const rocket=new T.Group(); rocket.position.set(0,1.8,0); f2.add(rocket); cyl(rocket,"#a9d8ea",0,3.2,0,1.45,5.5); cone(rocket,"#ef8a3c",0,6.65,0,1.5,1.8); for(const s of [-1,1]){ const fin=box(rocket,pink,s*1.65,1.2,0,.55,2.2,1.9); fin.rotation.z=s*.3; } ball(rocket,"#6d54b7",0,3.8,1.39,.83,.83,.18); ball(rocket,"#a9d8ea",0,3.8,1.58,.60,.60,.12,true); for(let i=0;i<8;i++){ const a=i*Math.PI/4; ball(rocket,gold,Math.cos(a)*.72,3.8+Math.sin(a)*.72,1.55,.10,.10,.1,true); } for(let i=-1;i<=1;i++) cone(rocket,i===0?gold:orange,i*.6,.35,0,.42,1.4,true).rotation.z=Math.PI; api.add(f2,{id:"rocket-carnival-float",describe:"a giant glowing rocket parade float"}); moving.push({center:rocket,kind:2}); const f3=floatBase(74,"#b757b3","#77d7d0"); const starGroup=new T.Group(); starGroup.position.set(0,5.1,0); f3.add(starGroup); const starShape=new T.Shape(); for(let i=0;i<10;i++){ const a=Math.PI/2+i*Math.PI/5, r=i%2===0?3.3:1.45; const x=Math.cos(a)*r,y=Math.sin(a)*r; if(i===0) starShape.moveTo(x,y); else starShape.lineTo(x,y); } starShape.closePath(); const starMesh=new T.Mesh(new T.ExtrudeGeometry(starShape,{depth:.7,bevelEnabled:true,bevelThickness:.12,bevelSize:.12,bevelSegments:2}),mat(gold)); starMesh.position.z=-.35; starGroup.add(starMesh); for(let i=0;i<10;i++){ const a=Math.PI/2+i*Math.PI/5,r=i%2===0?2.9:1.28; ball(starGroup,pink,Math.cos(a)*r,Math.sin(a)*r,.49,.15,.15,.12,true); } for(const s of [-1,1]){ cyl(f3,teal,s*2.7,2.8,0,.17,2.3); ball(f3,pink,s*2.7,4,0,.4,.4,.4,true); } api.add(f3,{id:"star-carnival-float",describe:"a giant spinning star float trimmed with lights"}); moving.push({center:starGroup,kind:3}); // Cartoon people, each with expressive eyes and individually colored clothes. const crowd=rootAt(0,0,0); const crowdArms=[]; const clothes=["#ef8a3c","#9b6ae0","#f08cc0","#2ea4ad","#d0453a","#8fd14f","#e5b84b"]; const skins=["#f2c9a0","#d99777","#f5bd88","#b87769"]; function person(parent,x,z,index,dancer){ const g=new T.Group(); g.position.set(x,0,z); g.rotation.y=x<0?Math.PI/2:-Math.PI/2; parent.add(g); const col=clothes[index%clothes.length], skin=skins[index%skins.length]; const scale=dancer?1.13:.83+(index%4)*.07; g.scale.setScalar(scale); ball(g,col,0,1.03,0,.34,.49,.23); ball(g,skin,0,1.72,.02,.29,.34,.27); for(const s of [-1,1]){ ball(g,"#ffffff",s*.14,1.79,.26,.12,.14,.085); ball(g,"#241a2c",s*.14,1.79,.337,.037,.044,.027); const leg=box(g,"#594073",s*.17,.34,0,.18,.65,.2); ball(g,ink,s*.17,.09,.09,.15,.1,.23); } for(const s of [-1,1]){ const arm=new T.Group(); arm.position.set(s*.32,1.35,0); g.add(arm); box(arm,col,s*.13,-.15,0,.31,.18,.18); ball(arm,skin,s*.29,-.16,0,.12,.12,.12); arm.rotation.z=s*(dancer?.65:.2); crowdArms.push({arm,side:s,phase:index*.73,dancer}); } if(dancer){ // Tall fan of multicolored feathers, curving out behind the head. for(let j=-3;j<=3;j++){ const feather=ball(g,clothes[(index+j+14)%clothes.length],j*.19,2.24-Math.abs(j)*.045,-.16,.13,.55,.07); feather.rotation.z=-j*.22; ball(g,gold,j*.19,2.24-Math.abs(j)*.045,-.075,.045,.30,.035,true).rotation.z=-j*.22; } for(let j=0;j<7;j++){ const a=j*Math.PI*2/7; ball(g,j%2?pink:gold,Math.cos(a)*.39,.83,Math.sin(a)*.25,.16,.19,.13); } ball(g,gold,0,1.22,.24,.13,.13,.08,true); } else if(index%3===0){ cyl(g,col,0,2.05,0,.32,.08); cone(g,col,0,2.24,0,.23,.4); ball(g,gold,0,2.45,0,.09,.09,.09,true); } return g; } for(const side of [-1,1]){ for(let row=0;row<2;row++){ for(let i=0;i<16;i++){ const z=5+i*5.2+row*2.1; person(crowd,side*(10.1+row*1.35),z,i+row*17+(side>0?3:0),false); } } } api.add(crowd,{id:"parade-crowds",describe:"cheering crowds lining both sides of the parade street",solid:false}); const dancers=rootAt(0,0,0); for(let i=0;i<8;i++){ const x=(i%2===0?-1:1)*(2.3+(i%3)*.5); person(dancers,x,8+Math.floor(i/2)*3.1,i+20,true); } api.add(dancers,{id:"feathered-dancers",describe:"a troupe of dancers in bright feathered carnival costumes",solid:false}); api.particles({type:"particles",kind:"confetti",place:{where:"ahead",distance:22,height:12},area:[35,65],rate:95,velocity:[0,-1,0],jitter:2,gravity:1.2,life:9,size:.22,colors:[pink,gold,teal,orange,"#b9a3e8"],duration:0}); api.particles({type:"particles",kind:"confetti",place:{where:"ahead",distance:65,height:14},area:[30,55],rate:65,velocity:[0,-1,0],jitter:2,gravity:1.2,life:9,size:.2,colors:[pink,gold,teal,orange,"#b9a3e8"],duration:0}); api.onFrame((dt,t)=>{ for(const item of moving){ if(item.wheel) item.wheel.rotation.x += dt*.35; if(item.center){ if(item.kind===1) item.center.rotation.z=Math.sin(t*1.2)*.07; if(item.kind===2) item.center.rotation.z=Math.sin(t*.8)*.05; if(item.kind===3) item.center.rotation.z=t*.35; } } for(const a of crowdArms){ a.arm.rotation.z=a.side*((a.dancer?.75:.25)+Math.sin(t*(a.dancer?3:1.7)+a.phase)*(.35)); } }); api.say="I made a nighttime carnival parade with giant floats, feathered dancers, cheering crowds, and falling confetti. A rounded mountain and moon rise behind the festivities."; api.suggest = ["Add fireworks above the parade","Put food stalls beside the street","Make the alien float wave","Add a marching brass band","Make the dancers stop and wave at me"];