const T = api.THREE; api.world({time:"night", sky:"#10183f", haze:"#34305f", shadow:"#49346f"}); 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 stadium = new T.Group(); stadium.position.set(api.player.x + dir.x * 36, 0, api.player.z + dir.z * 36); stadium.rotation.y = angle; const mats = {}; function mat(c, glow=false) { const k = c + glow; return mats[k] || (mats[k] = api.toon(c, glow ? {glow:true} : {})); } function box(parent, name, x,y,z, w,h,d, color, glow=false) { const m = new T.Mesh(new T.BoxGeometry(w,h,d), mat(color, glow)); m.position.set(x,y,z); m.name = name || ""; parent.add(m); return m; } function ballMesh(parent, x,y,z, sx,sy,sz, color, glow=false) { const m = new T.Mesh(new T.SphereGeometry(1, 12, 8), mat(color, glow)); m.position.set(x,y,z); m.scale.set(sx,sy,sz); parent.add(m); return m; } function pole(parent, a, b, radius, color) { const av = new T.Vector3(...a), bv = new T.Vector3(...b); const delta = bv.clone().sub(av); const m = new T.Mesh(new T.CylinderGeometry(radius, radius, delta.length(), 8), mat(color)); m.position.copy(av).add(bv).multiplyScalar(0.5); m.quaternion.setFromUnitVectors(new T.Vector3(0,1,0), delta.normalize()); parent.add(m); return m; } // A dark lawn outside the stadium and striped playing surface. const ground = new T.Mesh(new T.CircleGeometry(600,96), mat("#183d45")); ground.rotation.x = -Math.PI/2; ground.position.y = 0.02; api.add(ground, {id:"stadium-ground", describe:"dark ground around the night stadium", solid:false}); box(stadium,"pitch",0,0.065,0,60,0.12,82,"#239858"); for (let i=0;i<10;i++) box(stadium,"pitch-stripe",0,0.132,-36.9+i*8.2,59.9,0.012,8.2,i%2?"#36ad65":"#279d5a"); function line(x,z,w,d) { box(stadium,"white-line",x,0.151,z,w,0.018,d,"#f9f4dc",true); } line(0,-40,56,0.16); line(0,40,56,0.16); line(-28,0,0.16,80); line(28,0,0.16,80); line(0,0,56,0.16); const circle = new T.Mesh(new T.TorusGeometry(7.3,0.08,6,64),mat("#f9f4dc",true)); circle.rotation.x = Math.PI/2; circle.position.set(0,0.16,0); stadium.add(circle); ballMesh(stadium,0,0.16,0,0.15,0.025,0.15,"#f9f4dc",true); for (const s of [-1,1]) { line(-12,s*33,0.14,14); line(12,s*33,0.14,14); line(0,s*26,24,0.14); line(-5.5,s*37,0.14,6); line(5.5,s*37,0.14,6); line(0,s*34,11,0.14); ballMesh(stadium,0,0.16,s*31,0.14,0.025,0.14,"#f9f4dc",true); } // Two proper open goals, with crossbars and woven netting. for (const s of [-1,1]) { const z = s*40, back = s*43; for (const x of [-3.66,3.66]) { pole(stadium,[x,0,z],[x,2.45,z],0.085,"#fff8df"); pole(stadium,[x,2.45,z],[x,2.45,back],0.065,"#fff8df"); pole(stadium,[x,0,back],[x,2.45,back],0.055,"#e8e4f6"); } pole(stadium,[-3.66,2.45,z],[3.66,2.45,z],0.085,"#fff8df"); pole(stadium,[-3.66,2.45,back],[3.66,2.45,back],0.05,"#ded8ee"); for (let i=0;i<=12;i++) { const x=-3.66+i*7.32/12; pole(stadium,[x,0,back],[x,2.45,back],0.012,"#ddd8ed"); pole(stadium,[x,2.45,z],[x,2.45,back],0.012,"#ddd8ed"); } for (let j=0;j<=6;j++) { const y=j*2.45/6; pole(stadium,[-3.66,y,back],[3.66,y,back],0.012,"#ddd8ed"); for (const x of [-3.66,3.66]) pole(stadium,[x,y,z],[x,y,back],0.012,"#ddd8ed"); } } // Tiered stands on all four sides. for (let row=0; row<8; row++) { const h = 0.7 + row*0.72; const side = 32.6 + row*1.45; for (const s of [-1,1]) { box(stadium,"side-terrace",s*side,h/2,0,1.52,h,105,row%2?"#7351a0":"#845eb2"); box(stadium,"end-terrace",0,h/2,s*(46+row*1.45),64,h,1.52,row%2?"#7351a0":"#845eb2"); } } for (const s of [-1,1]) { box(stadium,"outer-wall",s*45,3.5,0,1,7,112,"#593b83"); box(stadium,"outer-wall",0,3.5,s*58,90,7,1,"#593b83"); box(stadium,"sideline-board",s*30.4,0.55,0,0.22,1.1,83,"#f08cc0"); box(stadium,"end-board",0,0.55,s*44.1,59,1.1,0.22,"#ef8a3c"); } // A packed, colorful audience, instanced for a lively full bowl. let seed=4182; function rnd(){ seed=(seed*1664525+1013904223)>>>0; return seed/4294967296; } const fans=[]; for (let row=0;row<8;row++) { const y=0.7+row*0.72; for (const s of [-1,1]) { for (let z=-51;z<=51;z+=1.12) fans.push({x:s*(32.6+row*1.45),y,z:z+(rnd()-.5)*.18}); for (let x=-30;x<=30;x+=1.12) fans.push({x:x+(rnd()-.5)*.18,y,z:s*(46+row*1.45)}); } } const bodyGeo = new T.CylinderGeometry(0.19,0.25,0.58,6); const headGeo = new T.SphereGeometry(0.19,8,6); const bodies = new T.InstancedMesh(bodyGeo, mat("#ffffff"), fans.length); const heads = new T.InstancedMesh(headGeo, mat("#ffffff"), fans.length); const dummy = new T.Object3D(); const shirtColors=["#e34d50","#f7c34a","#8fd14f","#a987e1","#48c3c3","#f08cc0","#fff2cc"]; const skinColors=["#f2c9a0","#dc9b70","#ad735a","#f8dfbb","#bc8bc7"]; for (let i=0;i0?-.38:.38),0.38,0.38,0.15,"#fff9c6",true); const light=new T.SpotLight(0xfff1cd,1100,125,Math.PI/3,0.6,1); light.position.set(x,18.5,z); const target=new T.Object3D(); target.position.set(x*.23,0,z*.2); stadium.add(target); light.target=target; stadium.add(light); } // Eleven players on each team, with big cartoon eyes and animated limbs. function makePlayer(team, x, z, index) { const shirt=team===0?"#e34349":"#8b63df"; const shorts=team===0?"#f5ebd9":"#342451"; const skin=["#f2c9a0","#d39873","#ad7558","#f7dcb5"][index%4]; const p=api.build({parts:[ {name:"torso",shape:"roundbox",size:[0.75,0.8,0.42],pos:[0,1.12,0],color:shirt}, {name:"shorts",shape:"roundbox",size:[0.68,0.37,0.4],pos:[0,0.67,0],color:shorts}, {name:"head",shape:"sphere",size:[0.61,0.65,0.57],pos:[0,1.84,0],color:skin}, {name:"hair",shape:"sphere",size:[0.64,0.23,0.59],pos:[0,2.12,-0.04],color:index%3===0?"#efb342":"#4c2a3d"}, {name:"eyeL",shape:"eye",size:[0.22,0.25,0.13],pos:[0.15,1.89,0.27],color:"#ffffff"}, {name:"eyeR",shape:"eye",size:[0.2,0.23,0.13],pos:[-0.14,1.89,0.27],color:"#ffffff"}, {name:"armL",shape:"capsule",size:[0.19,0.7,0.19],pos:[0.48,1.16,0],color:skin,anchor:"top"}, {name:"armR",shape:"capsule",size:[0.19,0.7,0.19],pos:[-0.48,1.16,0],color:skin,anchor:"top"}, {name:"legL",shape:"capsule",size:[0.21,0.65,0.21],pos:[0.21,0.61,0],color:skin,anchor:"top"}, {name:"legR",shape:"capsule",size:[0.21,0.65,0.21],pos:[-0.21,0.61,0],color:skin,anchor:"top"}, {name:"bootL",shape:"roundbox",size:[0.25,0.16,0.37],pos:[0.21,0.1,0.07],color:"#f5ce4e"}, {name:"bootR",shape:"roundbox",size:[0.25,0.16,0.37],pos:[-0.21,0.1,0.07],color:"#f5ce4e"} ]}); p.position.set(x,0.16,z); p.rotation.y=team===0?0:Math.PI; p.name=team===0?"red-player":"violet-player"; stadium.add(p); return {p,x,z,team,index,legL:p.getObjectByName("legL"),legR:p.getObjectByName("legR"), armL:p.getObjectByName("armL"),armR:p.getObjectByName("armR")}; } const red=[[-18,-22],[-6,-23],[7,-23],[19,-21],[-17,-4],[-5,-6],[8,-5],[19,0],[-11,14],[0,18],[13,13]]; const violet=[[-18,4],[-6,5],[7,5],[19,5],[-17,18],[-5,20],[8,20],[19,20],[-12,31],[10,31],[0,38]]; const players=[]; red.forEach((p,i)=>players.push(makePlayer(0,p[0],p[1],i))); violet.forEach((p,i)=>players.push(makePlayer(1,p[0],p[1],i))); // A patterned ball repeatedly travels from the striker into the far net. const soccer=new T.Group(); ballMesh(soccer,0,0,0,.34,.34,.34,"#fff9df"); const patches=[[0,0,.33],[0,0,-.33],[.33,0,0],[-.33,0,0],[0,.33,0],[0,-.33,0]]; for (const p of patches) ballMesh(soccer,p[0],p[1],p[2],.13,.13,.13,"#3a2230"); stadium.add(soccer); api.add(stadium,{id:"soccer-stadium",describe:"a packed night soccer stadium with two teams and floodlights",solid:false}); api.particles({type:"particles",kind:"confetti", place:{where:"ahead",distance:36,height:13},area:[100,110],rate:110, velocity:[0,1,0],jitter:2.4,gravity:1.2,life:10,size:0.18, colors:["#f08cc0","#f9d85c","#ffffff","#8fd14f","#a983eb"],duration:0}); let lastGoal=-1; api.onFrame((dt,t)=>{ const cycle=t%9; for (const f of flags) { f.mesh.position.z=Math.sin(t*3.5+f.phase)*(.08+f.k*.065); f.mesh.rotation.y=Math.sin(t*3.5+f.phase)*.28; } for (const q of players) { const phase=t*5+q.index*.72+q.team; q.p.position.x=q.x+Math.sin(t*.7+q.index)*.8; q.p.position.z=q.z+Math.sin(t*.85+q.index*.7)*1.2; q.p.position.y=.16+Math.abs(Math.sin(phase))*.06; if(q.legL) q.legL.rotation.x=Math.sin(phase)*.65; if(q.legR) q.legR.rotation.x=-Math.sin(phase)*.65; if(q.armL) q.armL.rotation.x=-Math.sin(phase)*.5; if(q.armR) q.armR.rotation.x=Math.sin(phase)*.5; } if (cycle<1.2) { soccer.position.set(0,0.5,20); } else if(cycle<4.2) { const u=(cycle-1.2)/3; soccer.position.set(Math.sin(u*Math.PI)*.7,0.5+Math.sin(u*Math.PI)*1.2,20+u*21.8); } else if(cycle<7.8) { soccer.position.set(.3,0.5,41.8-Math.min(1,(cycle-4.2))*0.7); } else { soccer.position.set(0,0.5,20); } soccer.rotation.x=t*5; soccer.rotation.z=t*2; const goalIndex=Math.floor(t/9); if(cycle>=4.2 && cycle<7.8 && goalIndex!==lastGoal) { lastGoal=goalIndex; api.speak(players[9].p,"GOAL!",{seconds:2.5}); } }); api.say="I built a floodlit night stadium packed with fans, waving flags and confetti. The two teams are playing, and a striker keeps sending the ball into the net!"; api.suggest=[ "Add a goalkeeper diving for the ball", "Put a moon and stars over the stadium", "Add a marching band in the stands", "Make fireworks burst above the goal" ];