const T = api.THREE; api.world({time:"dawn", sky:"#e8b2c7", haze:"#f8cfb3", shadow:"#8a70aa"}); const mat = c => api.toon(c); const green = mat("#74be68"), water = mat("#58bdc5"); const ground = new T.Mesh(new T.CircleGeometry(600,96), green); ground.rotation.x = -Math.PI/2; ground.position.y = 0.02; api.add(ground,{id:"valley-ground",describe:"a wide green valley floor",solid:false}); let seed = 49217; function rand(){ seed=(seed*1664525+1013904223)>>>0; return seed/4294967296; } function mesh(g,m,x,y,z,sx=1,sy=1,sz=1){ const o=new T.Mesh(g,m); o.position.set(x,y,z); o.scale.set(sx,sy,sz); return o; } const riverGroup=new T.Group(), verts=[], indices=[]; function riverX(z){return -29+12*Math.sin(z/48)+5*Math.sin(z/21);} for(let i=0;i<=160;i++){ const z=-400+i*5, x=riverX(z), w=6+1.5*Math.sin(z/32); verts.push(x-w,0.075,z,x+w,0.075,z); if(i<160){const n=i*2; indices.push(n,n+2,n+1,n+1,n+2,n+3);} } const rg=new T.BufferGeometry(); rg.setAttribute("position",new T.Float32BufferAttribute(verts,3)); rg.setIndex(indices); rg.computeVertexNormals(); riverGroup.add(new T.Mesh(rg,water)); const glint=mat("#b8e9d4"); for(let i=0;i<95;i++){ const z=-240+rand()*480, x=riverX(z)+(rand()-.5)*8; const g=mesh(new T.BoxGeometry(1,1,1),glint,x,0.1,z,0.4+rand()*1.6,0.025,0.12); g.rotation.y=(rand()-.5)*0.5; riverGroup.add(g); } api.add(riverGroup,{id:"winding-river",describe:"a winding turquoise river with bright ripples",solid:false}); const landscape=new T.Group(); const hillMats=[mat("#65ae68"),mat("#85c977"),mat("#77b970"),mat("#a5cf85")]; const sphere=new T.SphereGeometry(1,16,10); for(let i=0;i<48;i++){ const a=i*Math.PI*2/48+(rand()-.5)*.1, d=115+rand()*210; const x=Math.cos(a)*d,z=Math.sin(a)*d; landscape.add(mesh(sphere,hillMats[i%4],x,-1,z,18+rand()*35,5+rand()*15,16+rand()*30)); } const trunk=mat("#a76e51"), leaf1=mat("#4eaa70"), leaf2=mat("#91cc70"); for(let i=0;i<105;i++){ const a=rand()*Math.PI*2,d=34+rand()*190,x=Math.cos(a)*d,z=Math.sin(a)*d; if(Math.abs(x-riverX(z))<12) continue; const h=2+rand()*2.7; landscape.add(mesh(new T.CylinderGeometry(.16,.25,h,7),trunk,x,h/2,z)); landscape.add(mesh(sphere,i%2?leaf1:leaf2,x,h+0.5,z,1.2+rand(),1.2+rand()*.5,1.2+rand())); } const flowerColors=[mat("#f4b8ce"),mat("#f5d46b"),mat("#bca2e9")]; for(let i=0;i<170;i++){ const a=rand()*Math.PI*2,d=8+rand()*70,x=Math.cos(a)*d,z=Math.sin(a)*d; if(Math.abs(x-riverX(z))<9) continue; landscape.add(mesh(sphere,flowerColors[i%3],x,.16,z,.18,.16,.18)); } api.add(landscape,{id:"valley-landscape",describe:"rolling green hills, trees and scattered wildflowers",solid:false}); const sunGroup=new T.Group(); const sun=mesh(new T.SphereGeometry(1,32,20),api.toon("#ffd586",{glow:true}),-205,68,-250,27,27,27); sunGroup.add(sun); const cloudMats=[mat("#f7d3c9"),mat("#ffe3cf")]; for(let i=0;i<15;i++){ const a=rand()*Math.PI*2,d=170+rand()*110,x=Math.cos(a)*d,z=Math.sin(a)*d,y=90+rand()*65; const c=new T.Group(); c.position.set(x,y,z); for(let j=0;j<4;j++) c.add(mesh(sphere,cloudMats[i%2],(j-1.5)*8,(j%2)*2,0,8,4+rand()*3,4)); sunGroup.add(c); } api.add(sunGroup,{id:"dawn-sky-details",describe:"a golden dawn sun and rosy clouds",solid:false}); const palettes=[ ["#ef8a3c","#f6d463","#d85659","#f5b75d"], ["#9b6ae0","#ed9dcb","#765cc7","#f5c0d6"], ["#2ea4ad","#a3d66e","#58c4b7","#e2dc80"], ["#d95460","#f49b87","#f8ce70","#e87653"], ["#6d9ddd","#c4a6eb","#79cacc","#f4c9db"], ["#edb34d","#ec768d","#a076d7","#f5d889"] ]; const basketMat=mat("#b67c4e"), rimMat=mat("#754a44"), ropeMat=mat("#e8c18c"); const flameMat=api.toon("#ffd355",{glow:true}); const balloonGeo=[]; for(let j=0;j<8;j++) balloonGeo.push(new T.SphereGeometry(1,8,16,j*Math.PI/4,Math.PI/4,0,Math.PI)); function balloon(palette, size){ const g=new T.Group(); const envelope=new T.Group(); envelope.position.y=5.8*size; for(let j=0;j<8;j++){ const stripe=new T.Mesh(balloonGeo[j],mat(palette[j%palette.length])); stripe.scale.set(2.45*size,3.15*size,2.45*size); envelope.add(stripe); } g.add(envelope); const collar=mesh(new T.CylinderGeometry(.68,.45,.55,10),rimMat,0,3.04*size,0,size,size,size); g.add(collar); const basket=mesh(new T.BoxGeometry(1.55,1.05,1.15),basketMat,0,.65*size,0,size,size,size); g.add(basket); const rim=mesh(new T.BoxGeometry(1.75,.13,1.35),rimMat,0,1.18*size,0,size,size,size); g.add(rim); for(const x of [-.63,.63]) for(const z of [-.43,.43]){ const rope=mesh(new T.CylinderGeometry(.035,.035,2.25,5),ropeMat,x*size,2.15*size,z*size,size,size,size); rope.rotation.z=-x*.10; rope.rotation.x=z*.12; g.add(rope); } const flame=mesh(new T.ConeGeometry(.26,.75,7),flameMat,0,1.83*size,0,size,size,size); g.add(flame); g.userData.envelope=envelope; g.userData.flame=flame; return g; } const flying=[]; for(let i=0;i<36;i++){ const a=i*2.39996, d=25+Math.sqrt((i+.5)/36)*145; const size=.75+rand()*.65; const b=balloon(palettes[i%palettes.length],size); const base=8+rand()*60; b.position.set(Math.cos(a)*d,base,Math.sin(a)*d); b.rotation.y=rand()*Math.PI*2; api.add(b,{id:"festival-balloon-"+(i+1),describe:"a colorful hot air balloon rising over the valley",solid:false}); flying.push({b,base,phase:rand()*Math.PI*2,speed:.10+rand()*.15}); } const grounded=[]; for(let i=0;i<4;i++){ const a=i*Math.PI/2+.35, d=15+i*3; const g=new T.Group(); g.position.set(Math.cos(a)*d,.03,Math.sin(a)*d); g.rotation.y=a+.5; const p=palettes[(i+2)%palettes.length]; const fabric=new T.Group(); fabric.position.set(0,1.12,1.9); fabric.rotation.x=Math.PI/2; for(let j=0;j<8;j++){ const s=new T.Mesh(balloonGeo[j],mat(p[j%p.length])); s.scale.set(2.45,3.5,1.05); fabric.add(s); } g.add(fabric); const mouth=mesh(new T.CylinderGeometry(.75,.65,.3,12),rimMat,0,.75,-1.45); mouth.rotation.x=Math.PI/2; g.add(mouth); const basket=mesh(new T.BoxGeometry(1.6,1.05,1.2),basketMat,0,.55,-3.25); basket.rotation.z=.14; g.add(basket); const rim=mesh(new T.BoxGeometry(1.7,.13,1.3),rimMat,0,1.08,-3.25); g.add(rim); const fanBase=mesh(new T.BoxGeometry(1.1,.22,.8),rimMat,2.4,.14,-1.6); g.add(fanBase); const fanHousing=mesh(new T.CylinderGeometry(.64,.64,.3,12),mat("#ef8a3c"),2.4,.85,-1.6); fanHousing.rotation.x=Math.PI/2; g.add(fanHousing); const blades=new T.Group(); blades.position.set(2.4,.85,-1.4); for(let j=0;j<3;j++){ const blade=mesh(new T.BoxGeometry(.12,.85,.08),mat("#f7d580"),0,0,0); blade.rotation.z=j*Math.PI/3; blades.add(blade); } g.add(blades); api.add(g,{id:"inflating-balloon-"+(i+1),describe:"a colorful balloon being inflated beside its basket and fan",solid:false}); grounded.push({fabric,blades,phase:i}); } api.onFrame((dt,t)=>{ for(const f of flying){ f.b.position.y=f.base+((t*f.speed)%32)+Math.sin(t*.55+f.phase)*.25; f.b.rotation.z=Math.sin(t*.4+f.phase)*.035; f.b.userData.flame.scale.y=.8+.3*Math.sin(t*9+f.phase); } for(const g of grounded){ g.fabric.scale.z=.95+.05*Math.sin(t*1.3+g.phase); g.blades.rotation.z+=dt*7; } }); api.say="I made a dawn balloon festival over a green valley, with balloons rising above a winding river and others inflating on the ground."; api.suggest=["add festival visitors and picnic blankets","build a little bridge over the river","send a balloon drifting low overhead","add a flock of birds to the dawn sky"];