const T = api.THREE; api.world({time:"sunset", sky:"#e98b74", haze:"#f6b77f", shadow:"#806092"}); const ground = new T.Mesh(new T.CircleGeometry(600,96), api.toon("#d8a34d")); ground.rotation.x = -Math.PI/2; ground.position.y = 0.02; api.add(ground,{id:"savanna-ground",describe:"golden savanna grassland",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 right = new T.Vector3(-dir.z,0,dir.x); const origin = new T.Vector3(api.player.x,0,api.player.z); function point(x,z,y=0) { return origin.clone().addScaledVector(right,x).addScaledVector(dir,z).add(new T.Vector3(0,y,0)); } function addAt(obj,id,describe,x,z,y=0,solid=true) { obj.position.copy(point(x,z,y)); api.add(obj,{id,describe,solid}); return obj; } function built(parts, anim, motion) { const recipe = {parts}; if(anim) recipe.anim=anim; if(motion) recipe.motion=motion; return api.build(recipe); } // A huge setting sun and a few distant, softly layered ridges. const sun = new T.Mesh(new T.SphereGeometry(30,32,20),api.toon("#ff8d35",{glow:true})); addAt(sun,"setting-sun","a huge orange setting sun",0,230,57,false); for(let i=0;i<7;i++){ const ridge = new T.Mesh(new T.SphereGeometry(1,18,10),api.toon(i%2?"#bc796d":"#a76d78")); ridge.scale.set(36+i%3*7,8+i%3*2,12); addAt(ridge,"distant-ridge-"+i,"a distant sunset-colored ridge",-150+i*50,195,2,false); } // Water: an open, walk-through surface with warm reflected sunset colors. const waterCenter = {x:-13,z:23}; const water = new T.Group(); function flatEllipse(rx,rz,y,color,x=0,z=0) { const m = new T.Mesh(new T.CircleGeometry(1,64),api.toon(color,{glow:true})); m.rotation.x=-Math.PI/2; m.scale.set(rx,rz,1); m.position.set(x,y,z); water.add(m); } flatEllipse(10.7,7.4,0.035,"#b87969"); flatEllipse(10,6.8,0.045,"#b792a5"); flatEllipse(8.7,5.6,0.052,"#d49d9a"); flatEllipse(4.1,1.15,0.06,"#f9b77b",0,0.8); flatEllipse(2.4,0.34,0.067,"#ffd087",0,1.1); flatEllipse(1.5,0.19,0.068,"#ffe0a2",-0.7,2); for(let i=0;i<7;i++){ flatEllipse(0.8+i%3*0.35,0.035,0.07,"#f7c6ad", -5+i*1.6,-3.3+(i%3)*2.4); } addAt(water,"watering-hole","a watering hole reflecting the sunset",waterCenter.x,waterCenter.z,0,false); // Low stones and reed clumps around the water's edge. for(let i=0;i<15;i++){ const a=i*Math.PI*2/15; const x=waterCenter.x+Math.cos(a)*10.6; const z=waterCenter.z+Math.sin(a)*7.3; if(i%3===0){ const p=[]; for(let j=0;j<5;j++){ p.push({shape:"cone",size:[0.13,0.9+j%2*0.35,0.13], pos:[(j-2)*0.16,0.45+j%2*0.17,(j%2)*0.14],rot:[0,0,(j-2)*7],color:"#aa8742"}); } addAt(built(p),"water-reeds-"+i,"a clump of golden reeds",x,z,0,false); } else if(i%2===0){ const rock=new T.Mesh(new T.SphereGeometry(1,10,7),api.toon(i%4?"#c77f67":"#d4a27a")); rock.scale.set(0.45,0.2,0.3); addAt(rock,"water-stone-"+i,"a rounded stone by the water",x,z,0.16,false); } } // Characteristic flat-topped acacias with forked trunks and layered crowns. function acacia(x,z,s=1,turn=0){ const parts=[ {name:"trunk",shape:"tube",points:[[0,0,0],[0.12,2.1,0],[0,4.25,0]],radius:0.36,taper:0.66,color:"#795044"}, {name:"branch-left",shape:"tube",points:[[0,3.2,0],[-1.1,4.1,0],[-2.4,4.8,0.15]],radius:0.22,taper:0.35,color:"#795044"}, {name:"branch-right",shape:"tube",points:[[0,3.5,0],[1.2,4.3,0.1],[2.6,4.75,0.2]],radius:0.23,taper:0.35,color:"#795044"}, {name:"branch-back",shape:"tube",points:[[0,3.5,0],[0.2,4.25,-1.1],[0.5,4.8,-2]],radius:0.18,taper:0.35,color:"#795044"}, {name:"crown",shape:"sphere",size:[5.7,0.85,4],pos:[0,5.05,0],color:"#658448"}, {shape:"sphere",size:[3.2,0.8,2.7],pos:[-2.15,4.95,0.15],color:"#718d4b"}, {shape:"sphere",size:[3.5,0.78,2.8],pos:[2.1,5.02,0.2],color:"#7b984e"}, {shape:"sphere",size:[3.2,0.65,2.7],pos:[0.5,5.18,-1.4],color:"#819c51"}, {shape:"sphere",size:[2.2,0.5,1.7],pos:[-0.9,5.35,0.5],color:"#90a85b"} ]; const tree=built(parts); tree.scale.setScalar(s); tree.rotation.y=turn; return addAt(tree,"acacia-"+Math.round(x+100)+"-"+Math.round(z),"a flat-topped acacia tree",x,z); } [ [-29,13,1.2,0.2],[-29,36,1.05,1],[-21,52,1.25,0.3], [8,20,1.1,0.7],[30,20,1.25,0.2],[36,49,1.1,1.4], [-40,65,1.4,0],[5,76,1.25,0.5],[45,76,1.45,1.1], [-55,30,1.15,0.4],[55,38,1.2,1.2] ].forEach(a=>acacia(...a)); // Small tufts give the plain a close-up texture without obstructing walking. for(let i=0;i<80;i++){ const x=Math.sin(i*37.1)*58; const z=7+((i*19.37)%75); if(Math.pow((x-waterCenter.x)/11,2)+Math.pow((z-waterCenter.z)/8,2)<1.2) continue; const tuft=built([ {shape:"cone",size:[0.16,0.6,0.16],pos:[-0.12,0.3,0],rot:[0,0,15],color:"#b18b3c"}, {shape:"cone",size:[0.15,0.8,0.15],pos:[0,0.4,0],color:"#d0a747"}, {shape:"cone",size:[0.14,0.52,0.14],pos:[0.13,0.26,0.06],rot:[0,0,-17],color:"#e3be5b"} ]); addAt(tuft,"grass-tuft-"+i,"a tuft of savanna grass",x,z,0,false); } function elephantParts(){ const p=[ {name:"body",shape:"sphere",size:[2.7,2.65,3.8],pos:[0,2.1,0],color:"#a48692"}, {name:"head",shape:"sphere",size:[2,2.1,1.8],pos:[0,2.5,1.8],color:"#b2919d"}, {name:"forehead",shape:"sphere",size:[1.8,1.1,1.4],pos:[0,3,2.05],color:"#b99aa3"}, {name:"earL",shape:"sphere",size:[0.38,1.8,1.65],pos:[1.05,2.5,1.35],rot:[0,0,-14],color:"#997c90"}, {name:"earR",shape:"sphere",size:[0.38,1.8,1.65],pos:[-1.05,2.5,1.35],rot:[0,0,14],color:"#997c90"}, {shape:"sphere",size:[0.2,1.15,1.06],pos:[1.2,2.5,1.45],rot:[0,0,-14],color:"#c69b9e"}, {shape:"sphere",size:[0.2,1.15,1.06],pos:[-1.2,2.5,1.45],rot:[0,0,14],color:"#c69b9e"}, {name:"trunk",shape:"tube",points:[[0,2.35,2.52],[0,1.55,2.85],[0.06,0.75,3.05],[0.32,0.5,3.25],[0.47,0.68,3.28]],radius:0.36,taper:0.48,color:"#aa8997"}, {shape:"eye",size:[0.38,0.42,0.2],pos:[0.64,2.8,2.53],color:"#ffffff"}, {shape:"eye",size:[0.38,0.42,0.2],pos:[-0.64,2.8,2.53],color:"#ffffff"}, {shape:"tube",points:[[0.62,1.95,2.4],[0.8,1.8,2.85],[0.78,2.03,3.15]],radius:0.13,taper:0.06,color:"#f9dfb4"}, {shape:"tube",points:[[-0.62,1.95,2.4],[-0.8,1.8,2.85],[-0.78,2.03,3.15]],radius:0.13,taper:0.06,color:"#f9dfb4"}, {shape:"tube",points:[[0,2.35,-1.85],[0.05,1.5,-2.2],[0.32,1.1,-2.25]],radius:0.09,taper:0.7,color:"#927482"}, {shape:"sphere",size:[0.25,0.35,0.24],pos:[0.32,1.05,-2.25],color:"#6e5264"} ]; for(const [name,x,z] of [["legFL",0.8,1.05],["legFR",-0.8,1.05],["legBL",0.8,-1.05],["legBR",-0.8,-1.05]]){ p.push({name,shape:"capsule",size:[0.68,1.7,0.72],pos:[x,1.35,z],anchor:"top",color:"#a48692"}); } return p; } const elephants=[]; for(let i=0;i<5;i++){ const e=built(elephantParts()); const scale=i===4?0.72:1; e.scale.setScalar(scale); const a=-i*0.31; const x=15+14*Math.cos(a), z=47+14*Math.sin(a); addAt(e,"elephant-"+(i+1),i===4?"a young elephant walking with the herd":"an elephant walking in the herd",x,z); elephants.push(e); } api.onFrame((dt,t)=>{ for(let i=0;i{ const animal=built(giraffeParts(),giraffeAnim,{type:"wander",speed:0.3,radius:2}); animal.scale.setScalar(g[2]); animal.rotation.y=i*1.3; addAt(animal,"giraffe-"+(i+1),"a giraffe browsing on the savanna",g[0],g[1]); }); api.say="I made a sunset savanna with a reflective watering hole, browsing giraffes, and a line of walking elephants."; api.suggest=["add zebras near the watering hole","add birds circling above the acacias","make the sun sink slowly","add a family of lions resting in the grass"];