const T = api.THREE; api.world({sky:"#65cdda", haze:"#bcebe4", shadow:"#8a65ad"}); const mats = {}; function mat(c, glow=false) { const k=c+glow; return mats[k] || (mats[k]=api.toon(c, glow ? {glow:true} : {})); } function box(g,x,y,z,w,h,d,c,rot=0) { const m=new T.Mesh(new T.BoxGeometry(w,h,d),mat(c)); m.position.set(x,y,z); m.rotation.y=rot; g.add(m); return m; } function ball(g,x,y,z,sx,sy,sz,c) { const m=new T.Mesh(new T.SphereGeometry(1,16,10),mat(c)); m.position.set(x,y,z); m.scale.set(sx,sy,sz); g.add(m); return m; } function cyl(g,x,y,z,r1,r2,h,c,segments=12) { const m=new T.Mesh(new T.CylinderGeometry(r1,r2,h,segments),mat(c)); m.position.set(x,y,z); g.add(m); return m; } function link(g,a,b,r,c) { const av=new T.Vector3(...a), bv=new T.Vector3(...b), v=bv.clone().sub(av); const m=new T.Mesh(new T.CylinderGeometry(r,r,v.length(),10),mat(c)); m.position.copy(av.add(bv).multiplyScalar(.5)); m.quaternion.setFromUnitVectors(new T.Vector3(0,1,0),v.normalize()); g.add(m); return m; } function tube(g,points,r,c) { const curve=new T.CatmullRomCurve3(points.map(p=>new T.Vector3(...p))); const m=new T.Mesh(new T.TubeGeometry(curve,Math.max(16,points.length*3),r,8,false),mat(c)); g.add(m); return m; } 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); function sceneGroup() { const g=new T.Group(); g.position.set(api.player.x,0,api.player.z); g.rotation.y=angle; return g; } const sand=new T.Mesh(new T.CircleGeometry(600,96),mat("#f5cd77")); sand.rotation.x=-Math.PI/2; sand.position.y=0.02; api.add(sand,{id:"beach-sand",describe:"a wide golden sandy beach",solid:false}); const scenery=sceneGroup(); box(scenery,0,0.035,315,600,0.05,560,"#38b7c3"); box(scenery,0,0.07,36,600,0.035,4,"#8eddd0"); box(scenery,0,0.09,38,600,0.035,1.2,"#e4f5df"); ball(scenery,-110,115,240,22,22,22,"#ffd45a"); for(let i=0;i<5;i++){ const x=-110+i*48, z=185+(i%2)*30, y=70+(i%3)*9; for(let j=0;j<4;j++) ball(scenery,x+j*8,y+(j%2)*3,z,8,4.5,4,"#fff1e2"); } api.add(scenery,{id:"beach-sea-sky",describe:"turquoise sea, shoreline, sun and fluffy clouds",solid:false}); const structures=sceneGroup(); // Boardwalk, with a low step onto its long wooden deck. box(structures,0,0.48,17,76,0.38,7,"#ce8852"); box(structures,0,0.17,12.9,15,0.30,1.3,"#e0a665"); for(let x=-37;x<=37;x+=1.25) box(structures,x,0.69,17,0.045,0.035,6.9,"#a85f4b"); // A long pier stretching well out over the water. box(structures,0,0.48,58,7,0.38,77,"#d3945b"); for(let z=21;z<97;z+=1.25) box(structures,0,0.69,z,6.9,0.035,0.045,"#ae684d"); box(structures,0,0.48,98,15,0.38,8,"#d3945b"); for(let z=27;z<=95;z+=6){ for(const x of [-3.2,3.2]){ cyl(structures,x,0.23,z,0.24,0.27,0.7,"#9c6252"); cyl(structures,x,1.2,z,0.12,0.12,1.1,"#c87a4e"); } } for(const x of [-3.2,3.2]) box(structures,x,1.66,61,0.15,0.14,69,"#f0b46f"); for(const x of [-6.5,6.5]) { cyl(structures,x,1.17,101,0.12,0.12,1,"#c87a4e"); box(structures,x,1.65,98,0.14,0.14,6,"#edb16a"); } box(structures,0,1.65,101,13,0.14,0.14,"#edb16a"); // Ferris wheel frame, positioned alongside the boardwalk. const wx=-23, wz=19, wy=11.3, R=9; for(const z of [wz-0.9,wz+0.9]){ link(structures,[wx-5,0.72,z],[wx,wy,z],0.24,"#e85b66"); link(structures,[wx+5,0.72,z],[wx,wy,z],0.24,"#e85b66"); link(structures,[wx-3.3,4.5,z],[wx+3.3,4.5,z],0.16,"#ffca68"); } link(structures,[wx,wy,wz-1.5],[wx,wy,wz+1.5],0.32,"#f7bb4f"); // Lifeguard tower on the sand. const lx=24,lz=29; for(const x of [lx-2,lx+2]) for(const z of [lz-1.6,lz+1.6]) link(structures,[x,0.05,z],[x,3.4,z],0.18,"#e69761"); box(structures,lx,3.35,lz,5.2,0.3,4.3,"#f4bf7a"); box(structures,lx,4.55,lz+1.65,4.3,2.2,0.18,"#ef765f"); box(structures,lx-2.05,4.55,lz,0.18,2.2,3.2,"#ef765f"); box(structures,lx+2.05,4.55,lz,0.18,2.2,3.2,"#ef765f"); box(structures,lx,5.75,lz,5.6,0.3,4.8,"#f8d178"); box(structures,lx,6.05,lz,4.6,0.3,3.8,"#ef6b62"); for(let i=0;i<7;i++){ const z=lz-5.2+i*0.49, y=0.22+i*0.45; box(structures,lx,y,z,1.5,0.18,0.52,"#eeb376"); } for(const x of [lx-2.3,lx+2.3]){ cyl(structures,x,4,lz-1.9,0.08,0.08,1.2,"#f8e0a3"); } box(structures,lx,4.55,lz-1.9,4.6,0.1,0.1,"#f8e0a3"); // Life ring on the tower. const ring=new T.Mesh(new T.TorusGeometry(0.55,0.12,10,24),mat("#fff0d9")); ring.position.set(lx+2.18,4.4,lz); ring.rotation.y=Math.PI/2; structures.add(ring); // Ice cream kiosk with a striped awning and counter. const sx=11, sz=17; box(structures,sx,1.65,sz,4.5,2,3.3,"#f59db4"); box(structures,sx,2.7,sz,4.8,0.18,3.6,"#ffda83"); box(structures,sx,1.8,sz-1.75,4.7,0.22,0.75,"#f9d998"); for(const x of [sx-2.05,sx+2.05]){ cyl(structures,x,3.15,sz-1.45,0.09,0.09,1.1,"#eaa35f"); } for(let i=0;i<8;i++){ box(structures,sx-2.1+i*0.6,3.75,sz,0.59,0.18,4, i%2 ? "#fff3d7" : "#ed718d"); ball(structures,sx-2.1+i*0.6,3.64,sz-2,0.3,0.2,0.14, i%2 ? "#fff3d7" : "#ed718d"); } // Oversized decorative ice cream cone above the kiosk. const cone=new T.Mesh(new T.ConeGeometry(0.55,1.35,12),mat("#e7aa61")); cone.position.set(sx,4.48,sz); cone.rotation.z=Math.PI; structures.add(cone); ball(structures,sx,5.23,sz,0.65,0.58,0.65,"#f6a3c4"); ball(structures,sx+0.2,5.58,sz,0.42,0.4,0.42,"#fff1bb"); ball(structures,sx+0.23,5.96,sz,0.12,0.12,0.12,"#df4e55"); api.add(structures,{id:"boardwalk-pier",describe:"a long wooden boardwalk and pier with a lifeguard tower, ice cream stand and wheel supports"}); // The wheel turns, while its hanging gondolas remain upright. const wheel=sceneGroup(); const rotor=new T.Group(); rotor.position.set(wx,wy,wz); wheel.add(rotor); for(const z of [-0.55,0.55]){ const hoop=new T.Mesh(new T.TorusGeometry(R,0.16,10,64),mat("#f9d275")); hoop.position.z=z; rotor.add(hoop); for(let i=0;i<10;i++){ const a=i*Math.PI*2/10; link(rotor,[0,0,z],[Math.sin(a)*R,Math.cos(a)*R,z],0.075,i%2?"#f089aa":"#f6c361"); } } cyl(rotor,0,0,0,0.5,0.5,1.8,"#ed6f69").rotation.x=Math.PI/2; const gondolas=[]; const cabinColors=["#ed6b77","#6fc9c5","#f7bf57","#ad8cdb","#f28baa"]; for(let i=0;i<10;i++){ const cab=new T.Group(); wheel.add(cab); box(cab,0,-0.65,0,1.5,0.85,1.1,cabinColors[i%5]); box(cab,0,-0.18,0,1.65,0.12,1.25,"#f8d59b"); for(const x of [-0.65,0.65]) link(cab,[x,-0.2,0],[x,0.55,0],0.055,"#f9d275"); box(cab,0,0.58,0,1.65,0.13,1.2,"#ffdf9d"); gondolas.push(cab); } api.add(wheel,{id:"ferris-wheel",describe:"a colorful slowly turning Ferris wheel with hanging gondolas",solid:false}); // Umbrellas and beach towels, each with a distinct striped canopy. const beach=sceneGroup(); const umb=[[-15,4,"#f16f81","#fff0cb"],[-7,7,"#8c7bd6","#f8d789"], [9,4,"#f3a343","#fff2d8"],[19,8,"#57bdb8","#f6d17c"], [-29,9,"#f288be","#fff4d9"]]; for(const [x,z,c1,c2] of umb){ box(beach,x+1.2,0.055,z+0.4,2.4,0.04,1.25,c2,0.3); box(beach,x+1.2,0.08,z+0.4,0.12,0.02,1.2,c1,0.3); cyl(beach,x,1.25,z,0.055,0.065,2.5,"#f5e2b6"); for(let i=0;i<8;i++){ const geom=new T.ConeGeometry(1.65,0.65,8,1,false,i*Math.PI/4,Math.PI/4); const piece=new T.Mesh(geom,mat(i%2?c1:c2)); piece.position.set(x,2.55,z); beach.add(piece); } ball(beach,x,2.91,z,0.1,0.1,0.1,"#f7db91"); } for(let i=0;i<15;i++){ const x=-40+i*5.5, z=32+Math.sin(i*1.7)*2; ball(beach,x,0.11,z,0.18,0.09,0.11,i%2?"#f6a8ab":"#fff1d0"); } api.add(beach,{id:"beach-umbrellas",describe:"colorful striped beach umbrellas, towels and scattered shells",solid:false}); // Rolling sea crests and a little surf party. const surf=sceneGroup(); const surfers=[]; for(let row=0;row<4;row++){ const z=47+row*16; const points=[]; for(let x=-65;x<=65;x+=5) points.push([x,0.36+0.18*Math.sin(x*0.15+row),z+1.1*Math.sin(x*0.11+row)]); tube(surf,points,0.38,"#75dcd2"); const foam=points.map(p=>[p[0],p[1]+0.27,p[2]+0.25]); tube(surf,foam,0.11,"#fff2dc"); } function surfer(x,z,shirt,board,skin){ const rider=new T.Group(); surf.add(rider); ball(rider,0,0.48,0,0.46,0.12,1.55,board); box(rider,0,0.58,0,0.06,0.03,2.6,"#fff2ca"); link(rider,[-0.25,0.62,-0.5],[-0.2,1.12,-0.18],0.13,skin); link(rider,[0.25,0.62,0.42],[0.16,1.12,-0.04],0.13,skin); ball(rider,0,1.45,0,0.38,0.52,0.25,shirt); ball(rider,0,2.07,0.06,0.31,0.36,0.29,skin); ball(rider,-0.15,2.13,0.3,0.13,0.16,0.10,"#fff9ed"); ball(rider,0.15,2.13,0.3,0.14,0.17,0.10,"#fff9ed"); ball(rider,-0.15,2.13,0.39,0.04,0.045,0.035,"#221720"); ball(rider,0.15,2.13,0.39,0.04,0.045,0.035,"#221720"); link(rider,[-0.28,1.7,0],[-0.78,1.92,0.15],0.095,skin); link(rider,[0.28,1.7,0],[0.8,1.9,-0.05],0.095,skin); ball(rider,0,2.35,0,0.32,0.12,0.28,"#70436b"); rider.position.set(x,0,z); surfers.push({rider,x,z,phase:x*0.2}); } surfer(-13,47,"#f07d84","#f7d15e","#f2c9a0"); surfer(13,63,"#a185db","#f496bd","#bd805d"); surfer(-22,79,"#f4bd50","#8edfd5","#e4ac7b"); surfer(21,95,"#ea799d","#ffdf87","#a96851"); api.add(surf,{id:"surf-party",describe:"four surfers riding rolling turquoise waves",solid:false}); api.onFrame((dt,t)=>{ rotor.rotation.z=t*0.08; gondolas.forEach((cab,i)=>{ const a=i*Math.PI*2/10-t*0.08; cab.position.set(wx+Math.sin(a)*R,wy+Math.cos(a)*R,wz+0.65); cab.rotation.z=0.06*Math.sin(t*0.8+i); }); for(const s of surfers){ s.rider.position.x=s.x+2.5*Math.sin(t*0.28+s.phase); s.rider.position.y=0.15+0.14*Math.sin(t*2+s.phase); s.rider.rotation.z=0.12*Math.sin(t*1.6+s.phase); s.rider.rotation.y=0.25*Math.sin(t*0.45+s.phase); } }); api.say="I built a sunny beach boardwalk with a long pier, a turning Ferris wheel, surfers, umbrellas, a lifeguard tower and an ice cream stand."; api.suggest=["Add a carousel beside the Ferris wheel","Put a sailboat out at sea","Make it a golden sunset","Add seagulls soaring over the beach"];