const T = api.THREE; const player = api.player; const origin = new T.Vector3(player.x, 0, player.z); const dir = new T.Vector3(); api.camera.getWorldDirection(dir); dir.y = 0; if (dir.lengthSq() < 0.0001) dir.set(0, 0, 1); dir.normalize(); const right = new T.Vector3(dir.z, 0, -dir.x); const facing = Math.atan2(dir.x, dir.z); function point(side, forward, height = 0) { const p = origin.clone().addScaledVector(right, side).addScaledVector(dir, forward); p.y = api.groundHeight(p.x, p.z) + height; return p; } function put(recipe, id, description, side, forward, options = {}) { const obj = api.build(recipe); obj.position.copy(point(side, forward)); obj.rotation.y = facing + (options.turn || 0); api.add(obj, {id, describe: description, solid: options.solid !== false}); return obj; } api.world({sky:"#a9e6e5", haze:"#c4ece0", shadow:"#8261a9"}); const lawn = new T.Mesh(new T.CircleGeometry(600, 96), api.toon("#70b64f")); lawn.rotation.x = -Math.PI / 2; lawn.position.set(player.x, 0.02, player.z); api.add(lawn, {id:"garden-ground", describe:"the vast green garden floor", solid:false}); const sun = new T.Mesh(new T.SphereGeometry(30, 20, 14), api.toon("#ffe48b", {glow:true})); sun.position.copy(point(-95, 250, 155)); api.add(sun, {id:"garden-sun", describe:"a warm sun high over the garden", solid:false}); let seed = 8371; function rand() { seed = (seed * 16807) % 2147483647; return (seed - 1) / 2147483646; } // Tall clumps leave a clear corridor through the middle of the garden. for (let i = 0; i < 52; i++) { let side, forward; if (i < 28) { side = (i % 2 ? 1 : -1) * (13 + rand() * 29); forward = -12 + rand() * 65; } else { side = -42 + rand() * 84; forward = 32 + rand() * 28; } const parts = []; const count = 3 + Math.floor(rand() * 3); for (let j = 0; j < count; j++) { const h = 5.5 + rand() * 8; const lean = (rand() - 0.5) * 3; const depthLean = (rand() - 0.5) * 2; const x = (rand() - 0.5) * 1.3; const z = (rand() - 0.5) * 1.1; parts.push({ name:"blade"+j, shape:"tube", points:[[x,0,z],[x+lean*0.2,h*0.35,z+depthLean*0.2],[x+lean*0.65,h*0.75,z+depthLean*0.6],[x+lean,h,z+depthLean]], radius:0.23+rand()*0.13, taper:0.04, color:["#45a45b","#64bd58","#8fd14f","#36965b"][Math.floor(rand()*4)] }); } put({parts, anim:[{part:"blade0",prop:"rz",amp:3,speed:0.13,phase:rand()}]}, "grass-clump-"+i, "towering swaying blades of grass", side, forward, {solid:false}); } // A winding earthen highway crosses the view. const pathParts = []; for (let i = 0; i < 15; i++) { const x = -18 + i * 2.6; pathParts.push({name:"path"+i,shape:"sphere",size:[3.4,0.10,3.0], pos:[x,0.07,0.3*Math.sin(i*0.8)],color:i%2?"#d3a35d":"#c79153"}); } for (let i = 0; i < 28; i++) { pathParts.push({shape:"sphere",size:[0.18+rand()*0.16,0.07,0.14+rand()*0.15], pos:[-18+rand()*36,0.14,(rand()-0.5)*2.2],color:i%2?"#eed38f":"#ae794d"}); } put({parts:pathParts}, "ant-highway", "a broad, pebbly ant highway", 0, 8, {solid:false}); // The dewdrop is a rounded blue jewel with a pointed crown and bright reflections. put({parts:[ {name:"drop",shape:"sphere",size:[6.4,6.1,5.8],pos:[0,3.15,0],color:"#88dce7"}, {name:"crown",shape:"cone",size:[4.0,3.1,3.8],pos:[0,6.0,0],color:"#88dce7"}, {name:"shine",shape:"sphere",size:[1.1,2.5,0.17],pos:[-1.55,4.05,2.65],rot:[0,0,-24],color:"#e7fffb",glow:true}, {name:"glint",shape:"sphere",size:[0.55,0.55,0.13],pos:[-0.6,5.25,2.8],color:"#ffffff",glow:true}, {name:"rim",shape:"torus",size:[6.7,0.12,6.7],pos:[0,0.22,0],rot:[90,0,0],color:"#b7f6ed"} ]}, "house-dewdrop", "a house-sized sparkling dewdrop", -7, 17, {solid:false}); // A sunflower taller than a house, its face turned toward the viewer. const flowerParts = [ {name:"stem",shape:"tube",points:[[0,0,0],[0.2,5,0],[0.6,11,0],[0,17,0]],radius:0.48,taper:0.8,color:"#4a9f4c"}, {name:"leaf-left",shape:"sphere",size:[5.5,1.15,2.5],pos:[-2.4,6,0],rot:[0,0,22],color:"#76bd4a"}, {name:"leaf-right",shape:"sphere",size:[5.1,1.1,2.3],pos:[2.4,10,0],rot:[0,0,-25],color:"#83ca4d"}, {name:"leaf-vein-left",shape:"tube",points:[[0,0,0],[-2.1,0.5,0],[-4.5,1.2,0]],pos:[0,5.8,0.85],radius:0.09,taper:0.3,color:"#b7db66"}, {name:"leaf-vein-right",shape:"tube",points:[[0,0,0],[2.1,0.6,0],[4.2,1.3,0]],pos:[0,9.7,0.8],radius:0.09,taper:0.3,color:"#b7db66"}, {name:"flower-back",shape:"sphere",size:[5.4,5.4,1.5],pos:[0,17,0],color:"#599848"} ]; for (let i = 0; i < 16; i++) { const a = i * Math.PI * 2 / 16; flowerParts.push({name:"petal"+i,shape:"sphere",size:[1.45,4.5,0.7], pos:[Math.sin(a)*3.25,17+Math.cos(a)*3.25,0.25], rot:[0,0,-a*180/Math.PI],color:i%2?"#ffcb45":"#ffe264"}); } flowerParts.push({name:"seed-head",shape:"sphere",size:[5.6,5.6,1.0],pos:[0,17,0.75],color:"#8f4e39"}); for (let row = -3; row <= 3; row++) { for (let col = -3; col <= 3; col++) { const x = col*0.67 + (row%2)*0.25, y = row*0.67; if (x*x+y*y < 5.1) flowerParts.push({shape:"sphere",size:[0.23,0.32,0.12],pos:[x,17+y,1.24],rot:[0,0,25],color:(col+row)%2?"#edbd60":"#d3944e"}); } } put({parts:flowerParts}, "giant-sunflower", "a giant golden sunflower towering over the garden", 10, 29, {turn:Math.PI,solid:false}); // Ladybug with a glossy spotted shell, waving feelers and little feet. const lady = [ {name:"body",shape:"sphere",size:[3.3,1.7,4.0],pos:[0,1.1,0],color:"#5b3243"}, {name:"shell",shape:"sphere",size:[3.7,2.2,3.9],pos:[0,1.65,-0.15],color:"#e84d42"}, {name:"shell-seam",shape:"tube",points:[[0,2.75,-1.9],[0,2.78,0],[0,2.48,1.5]],radius:0.065,taper:1,color:"#613248"}, {name:"head",shape:"sphere",size:[2.25,1.7,1.7],pos:[0,1.35,2.0],color:"#654050"}, {shape:"eye",size:[0.7,0.8,0.45],pos:[-0.63,1.72,2.7],color:"#ffffff"}, {shape:"eye",size:[0.8,0.9,0.45],pos:[0.65,1.75,2.7],color:"#ffffff"}, {shape:"tube",points:[[-0.65,1.8,2.2],[-1.0,2.65,2.6],[-1.35,2.9,2.6]],radius:0.07,taper:0.75,color:"#563246"}, {shape:"tube",points:[[0.65,1.8,2.2],[1.0,2.7,2.6],[1.4,2.95,2.6]],radius:0.07,taper:0.75,color:"#563246"} ]; for (let side of [-1,1]) { for (let j=0;j<3;j++) { lady.push({name:"leg"+side+"-"+j,shape:"capsule",size:[0.25,1.25,0.25], pos:[side*1.65,0.55,-1.2+j*1.15],rot:[0,0,side*45],color:"#633b49"}); } for (let j=0;j<3;j++) lady.push({shape:"sphere",size:[0.7,0.13,0.8], pos:[side*(0.75+(j%2)*0.28),2.56-(j%2)*0.18,-1.15+j*1.05],color:"#693b4e"}); } put({parts:lady, motion:{type:"wander",speed:0.35,radius:2.5}, anim:[{part:"leg-1-0",prop:"rx",amp:22,speed:1.2,walk:true},{part:"leg1-1",prop:"rx",amp:22,speed:1.2,walk:true}]}, "ladybug", "a red spotted ladybug wandering among the grass", 6, 13, {turn:Math.PI}); // Snail with a raised shell and a spiral on both sides. const snail = [ {name:"body",shape:"sphere",size:[2.7,1.0,5.2],pos:[0,0.55,0],color:"#e9a57c"}, {name:"neck",shape:"sphere",size:[1.8,2.3,1.8],pos:[0,1.35,1.9],color:"#efb58e"}, {name:"shell",shape:"sphere",size:[3.4,3.6,3.3],pos:[0,2.15,-0.65],color:"#b987d4"}, {name:"spiralL",shape:"torus",size:[2.0,0.22,2.0],pos:[-1.69,2.25,-0.55],rot:[0,90,0],color:"#8156ad"}, {name:"spiralR",shape:"torus",size:[2.0,0.22,2.0],pos:[1.69,2.25,-0.55],rot:[0,90,0],color:"#8156ad"}, {shape:"sphere",size:[0.35,0.35,0.35],pos:[-1.79,2.25,-0.55],color:"#f2bbdf"}, {shape:"sphere",size:[0.35,0.35,0.35],pos:[1.79,2.25,-0.55],color:"#f2bbdf"}, {shape:"tube",points:[[-0.55,2.0,2],[-0.7,2.9,2.15],[-0.8,3.35,2.2]],radius:0.14,taper:0.85,color:"#efb58e"}, {shape:"tube",points:[[0.55,2.0,2],[0.75,2.8,2.15],[0.85,3.25,2.2]],radius:0.14,taper:0.85,color:"#efb58e"}, {shape:"eye",size:[0.75,0.85,0.6],pos:[-0.8,3.45,2.35],color:"#ffffff"}, {shape:"eye",size:[0.9,0.95,0.65],pos:[0.85,3.36,2.35],color:"#ffffff"}, {shape:"tube",points:[[-0.4,1.25,2.75],[0,1.1,2.82],[0.4,1.25,2.75]],radius:0.045,taper:1,color:"#8b5b61"} ]; put({parts:snail, motion:{type:"wander",speed:0.12,radius:2}, anim:[{part:"shell",prop:"rz",amp:3,speed:0.17}]}, "garden-snail", "a slow snail with a lavender spiral shell", -14, 23, {turn:Math.PI*0.75}); // Two lanes of leaf-carrying ants walk in opposite directions. const ants = []; for (let i=0;i<12;i++) { const legs = []; for (const s of [-1,1]) for (let j=0;j<3;j++) { legs.push({name:"leg"+s+"-"+j,shape:"capsule",size:[0.10,0.7,0.10], pos:[s*0.46,0.4,(j-1)*0.4],rot:[0,0,s*50],color:"#70433b"}); } const parts = [ {name:"abdomen",shape:"sphere",size:[0.9,0.8,1.1],pos:[0,0.75,-0.75],color:"#a35e43"}, {name:"thorax",shape:"sphere",size:[0.6,0.6,0.75],pos:[0,0.8,0],color:"#b56c49"}, {name:"head",shape:"sphere",size:[0.8,0.75,0.75],pos:[0,0.85,0.65],color:"#a65c42"}, {shape:"eye",size:[0.22,0.25,0.14],pos:[-0.23,1.0,0.99],color:"#ffffff"}, {shape:"eye",size:[0.24,0.27,0.14],pos:[0.23,1.0,0.99],color:"#ffffff"}, {shape:"tube",points:[[-0.2,1.15,0.85],[-0.4,1.48,1.05],[-0.6,1.5,1.1]],radius:0.035,taper:0.6,color:"#70433b"}, {shape:"tube",points:[[0.2,1.15,0.85],[0.4,1.48,1.05],[0.6,1.5,1.1]],radius:0.035,taper:0.6,color:"#70433b"}, ...legs, {name:"leaf",shape:"sphere",size:[1.4,0.18,2.0],pos:[0,1.65,0],rot:[15,0,20],color:i%2?"#8fd14f":"#5fb84d"}, {name:"leaf-vein",shape:"tube",points:[[0,1.76,-0.8],[0,1.8,0],[0,1.67,0.8]],radius:0.035,taper:0.3,color:"#d3e77c"} ]; const ant = put({parts}, "leaf-ant-"+i, "a leaf-carrying ant on the highway", 0, 8, {solid:false}); const lane = i%2; ant.rotation.y = facing + (lane ? -Math.PI/2 : Math.PI/2); ants.push({obj:ant,lane,phase:Math.floor(i/2)*6,legs:legs.map(p=>ant.getObjectByName(p.name))}); } api.onFrame((dt,t) => { for (const a of ants) { const u = ((t*0.85+a.phase)%36)-18; const x = a.lane ? -u : u; a.obj.position.copy(point(x, 8+(a.lane?0.65:-0.65))); a.obj.position.y += 0.035*Math.sin(t*8+a.phase); a.legs.forEach((leg,j)=>{ if(leg) leg.rotation.x = 0.35*Math.sin(t*8+j*Math.PI+a.phase); }); } }); api.say = "I grew a giant garden around you, with a house-sized dewdrop and a busy leaf-carrying ant highway. A ladybug and a snail wander beneath the sunflower."; api.suggest = ["Add a tiny bridge over the ant highway","Make the ladybug follow me","Add a bumblebee buzzing around the sunflower","Make it a starry garden at night","Make the dewdrop roll toward me"];