const T = api.THREE; const ink = "#3a2230"; api.world({sky:"#202d59", haze:"#a8a2bf", shadow:"#71638f"}); const ground = new T.Mesh(new T.CircleGeometry(600,96), api.toon("#aaa5bb")); ground.rotation.x = -Math.PI/2; ground.position.y = 0.02; api.add(ground,{id:"lunar-ground",describe:"a lavender-gray lunar surface",solid:false}); let forward = new T.Vector3(); api.camera.getWorldDirection(forward); forward.y = 0; if (forward.lengthSq() < 0.01) forward.set(0,0,-1); forward.normalize(); const right = new T.Vector3(-forward.z,0,forward.x); const origin = new T.Vector3(api.player.x,0,api.player.z); const towardViewer = Math.atan2(-forward.x,-forward.z); function worldPos(side, distance, y=0) { return origin.clone().addScaledVector(right,side).addScaledVector(forward,distance).add(new T.Vector3(0,y,0)); } function mesh(parent, geom, color, x,y,z, rx=0,ry=0,rz=0) { const m = new T.Mesh(geom,api.toon(color)); m.position.set(x,y,z); m.rotation.set(rx,ry,rz); parent.add(m); return m; } function box(g,c,x,y,z,sx,sy,sz,rx=0,ry=0,rz=0) { return mesh(g,new T.BoxGeometry(sx,sy,sz),c,x,y,z,rx,ry,rz); } function sphere(g,c,x,y,z,sx,sy,sz) { const m=mesh(g,new T.SphereGeometry(1,18,12),c,x,y,z); m.scale.set(sx,sy,sz); return m; } function cylinder(g,c,x,y,z,r1,r2,h,rx=0,ry=0,rz=0) { return mesh(g,new T.CylinderGeometry(r1,r2,h,16),c,x,y,z,rx,ry,rz); } // Shallow crater floors and raised rims, scattered from the foreground to the horizon. const craters = new T.Group(); const craterData = [ [-13,8,2.0],[13,10,2.5],[-20,24,4],[22,26,3.5], [-30,43,6],[28,47,5],[-7,55,4.5],[48,67,7],[-52,75,8], [12,91,8],[-35,110,11],[57,116,9],[-77,143,12],[79,145,14], [-15,160,11],[35,185,15] ]; for(const [s,d,r] of craterData){ const p=worldPos(s,d,0.045); const floor=mesh(craters,new T.CircleGeometry(r,32),"#8d879f",p.x,p.y,p.z,-Math.PI/2); const rim=mesh(craters,new T.TorusGeometry(r,Math.max(.12,r*.065),8,32),"#c5bfd0",p.x,0.1,p.z,Math.PI/2); rim.scale.y=.78; for(let j=0;j<3;j++){ const a=j*2.2+d; const q=worldPos(s+Math.cos(a)*r*1.08,d+Math.sin(a)*r*.8,0.12); sphere(craters,"#bdb5c9",q.x,q.y,q.z,r*.16,r*.07,r*.11); } } api.add(craters,{id:"lunar-craters",describe:"scattered shallow craters and lumpy rims",solid:false}); // The habitat and its immediate equipment share one local frame, with the front facing the viewer. const base = new T.Group(); base.position.copy(worldPos(0,22)); base.rotation.y=towardViewer; cylinder(base,"#ded6e4",0,2.65,0,2.12,2.12,6.4,0,0,Math.PI/2); sphere(base,"#c9c0d8",-3.2,2.65,0,1.05,2.12,2.12); sphere(base,"#c9c0d8",3.2,2.65,0,1.05,2.12,2.12); for(const x of [-2.6,0,2.6]){ cylinder(base,"#8a7ca3",x,2.65,0,2.16,2.16,.16,0,0,Math.PI/2); } for(const x of [-2.8,2.8]) for(const z of [-1.3,1.3]){ cylinder(base,"#88799d",x,.8,z,.16,.22,1.45,0,0,x<0?-.18:.18); sphere(base,"#d2c9d8",x,.15,z,.75,.17,.55); } // Door, thick collar and small windows on the viewer-facing side. cylinder(base,"#7d6c99",0,2.35,2.14,1.06,1.06,.35,Math.PI/2); cylinder(base,"#dfe0e8",0,2.35,2.36,.86,.86,.12,Math.PI/2); cylinder(base,"#739ec0",0,2.55,2.44,.48,.48,.05,Math.PI/2); box(base,"#ef8a3c",.53,2.08,2.45,.18,.3,.09); for(const x of [-2.25,2.25]){ cylinder(base,"#756988",x,2.8,2.0,.57,.57,.25,Math.PI/2); cylinder(base,"#8ac6df",x,2.8,2.15,.42,.42,.08,Math.PI/2); sphere(base,"#d7f1ed",x-.12,2.95,2.2,.11,.08,.025); } for(let i=0;i<4;i++){ box(base,"#b7acc4",0,.13+i*.18,4.1-i*.38,1.6,.26,.48); } box(base,"#ef8a3c",0,4.77,0,2.0,.13,.22); cylinder(base,"#e2d6e5",-2.8,4.65,-.3,.13,.13,.65); sphere(base,"#ef8a3c",-2.8,5.02,-.3,.23,.18,.23); // Solar panels beside the habitat. for(const x of [-5.5,5.5]){ cylinder(base,"#8a7a9f",x,.8,-1.4,.13,.13,1.6); const panel=box(base,"#526795",x,1.68,-1.4,2.1,.14,2.5,0,0,.12); for(let a=-1;a<=1;a++){ box(base,"#a8d1e0",x+a*.48,1.77,-1.4,.035,.025,2.2); } for(let a=-1;a<=1;a++){ box(base,"#a8d1e0",x,1.77,-1.4+a*.55,1.9,.025,.035); } } api.add(base,{id:"moon-habitat",describe:"a pressurized lunar habitat with hatch, steps and solar panels"}); // Rover: exposed wheels, seats, controls, cargo and a small antenna. const rover=new T.Group(); rover.position.copy(worldPos(-9,19)); rover.rotation.y=towardViewer; box(rover,"#dcd5df",0,.82,0,2.6,.36,3.5); box(rover,"#a79bb9",0,1.05,-1.32,2.5,.38,.55); for(const x of [-1.38,1.38]) for(const z of [-1.15,1.15]){ cylinder(rover,"#554960",x,.51,z,.52,.52,.3,0,0,Math.PI/2); cylinder(rover,"#b8adc5",x+(x<0?-.17:.17),.51,z,.24,.24,.04,0,0,Math.PI/2); } for(const x of [-.67,.67]){ box(rover,"#8195b6",x,1.2,-.15,.85,.22,.8); box(rover,"#9babc4",x,1.65,-.55,.85,.9,.18,-.16); } box(rover,"#7b6b91",0,1.32,1.0,1.8,.22,.42,-.2); for(const x of [-.55,.55]){ mesh(rover,new T.TorusGeometry(.23,.045,8,18),"#ef8a3c",x,1.56,1.0,Math.PI/3,0,0); } box(rover,"#e5b267",0,1.27,-1.46,1.4,.46,.6); cylinder(rover,"#a99bb4",1.05,1.65,-1.45,.045,.045,1.3); sphere(rover,"#f08cc0",1.05,2.32,-1.45,.1,.1,.1); for(const x of [-.9,.9]) sphere(rover,"#f8e6ac",x,1.08,1.77,.23,.14,.1); api.add(rover,{id:"lunar-rover",describe:"a compact lunar rover with four wheels and two seats"}); // Three steerable-looking radio dishes. const dishes=new T.Group(); dishes.position.copy(worldPos(10,27)); dishes.rotation.y=towardViewer; for(let i=0;i<3;i++){ const x=(i-1)*3.3, z=(i===1?-2:0); cylinder(dishes,"#8c809f",x,.15,z,.85,1.0,.3); cylinder(dishes,"#c7bdcf",x,1.1,z,.16,.23,1.9); const tilt=new T.Group(); tilt.position.set(x,2.05,z); tilt.rotation.x=.42+i*.12; tilt.rotation.z=(i-1)*.18; dishes.add(tilt); const bowl=mesh(tilt,new T.SphereGeometry(1.25,24,12,0,Math.PI*2,0,1.05),"#dbd5e2",0,0,0); bowl.material.side=T.DoubleSide; mesh(tilt,new T.TorusGeometry(1.08,.08,8,24),"#a99bb6",0,.62,0,Math.PI/2); cylinder(tilt,"#887b9d",0,1.0,0,.05,.05,1.0); sphere(tilt,"#ef8a3c",0,1.52,0,.13,.13,.13); } api.add(dishes,{id:"antenna-array",describe:"three tilted lunar radio dishes"}); // Astronauts with animated, springy low-gravity jumps. function astronaut(side,dist,phase,color){ const recipe={parts:[ {name:"pack",shape:"roundbox",size:[.85,1.0,.38],pos:[0,1.13,-.34],color:"#b7acbf"}, {name:"body",shape:"roundbox",size:[.85,1.0,.55],pos:[0,1.05,0],color:"#f0e8e8"}, {name:"belt",shape:"box",size:[.88,.14,.59],pos:[0,.72,.01],color:color}, {name:"head",shape:"sphere",size:[.94,.98,.94],pos:[0,1.88,0],color:"#eee6ea"}, {name:"visor",shape:"sphere",size:[.74,.66,.18],pos:[0,1.88,.43],color:"#83b7d0"}, {name:"face",shape:"sphere",size:[.54,.48,.12],pos:[0,1.86,.52],color:"#f2c9a0"}, {name:"eyeL",shape:"eye",size:[.18,.19,.09],pos:[-.14,1.94,.59],color:"#ffffff"}, {name:"eyeR",shape:"eye",size:[.21,.22,.09],pos:[.14,1.94,.59],color:"#ffffff"}, {name:"armL",shape:"capsule",size:[.24,.72,.24],pos:[-.53,1.37,0],anchor:"top",rot:[0,0,-28],color:"#f0e8e8"}, {name:"armR",shape:"capsule",size:[.24,.72,.24],pos:[.53,1.37,0],anchor:"top",rot:[0,0,28],color:"#f0e8e8"}, {name:"legL",shape:"capsule",size:[.29,.65,.3],pos:[-.23,.72,0],anchor:"top",color:"#eee6ea"}, {name:"legR",shape:"capsule",size:[.29,.65,.3],pos:[.23,.72,0],anchor:"top",color:"#eee6ea"}, {name:"bootL",shape:"roundbox",size:[.35,.21,.48],pos:[-.23,.12,.09],color:"#817593"}, {name:"bootR",shape:"roundbox",size:[.35,.21,.48],pos:[.23,.12,.09],color:"#817593"}, {name:"chest",shape:"box",size:[.35,.23,.07],pos:[0,1.18,.3],color:color}, {name:"button",shape:"sphere",size:[.07,.07,.04],pos:[.08,1.2,.34],color:"#f8d76b"}, {name:"aerial",shape:"cylinder",size:[.04,.43,.04],pos:[-.34,1.79,-.28],color:"#a99cb7"}, {name:"tip",shape:"sphere",size:[.1,.1,.1],pos:[-.34,2.02,-.28],color:color} ]}; const a=api.build(recipe); a.position.copy(worldPos(side,dist)); a.rotation.y=towardViewer; api.add(a,{id:"moon-astronaut-"+(phase===0?"one":"two"),describe:"a bouncing astronaut in a white spacesuit",solid:false}); const armL=a.getObjectByName("armL"), armR=a.getObjectByName("armR"); const legL=a.getObjectByName("legL"), legR=a.getObjectByName("legR"); api.onFrame((dt,t)=>{ const cycle=(t*.38+phase)%1; const jump=4*cycle*(1-cycle); a.position.copy(worldPos(side+Math.sin(t*.34+phase*6)*1.1,dist+Math.cos(t*.27+phase*6)*.7,.08+jump*1.05)); a.rotation.y=towardViewer+Math.sin(t*.3+phase)*.24; if(armL) armL.rotation.z=-.5-.3*jump; if(armR) armR.rotation.z=.5+.3*jump; if(legL) legL.rotation.x=.4*Math.sin(t*2.4+phase*6); if(legR) legR.rotation.x=-.4*Math.sin(t*2.4+phase*6); }); } astronaut(-4,15,0,"#ef8a3c"); astronaut(4,15,.48,"#8a5cc9"); // Distant Earth, with stylized continents and cloud swirls facing the viewer. const earth=new T.Group(); earth.position.copy(worldPos(38,220,22)); earth.rotation.y=towardViewer; sphere(earth,"#398ed0",0,0,0,24,24,24); const patches=[ [-10,8,21,6,3.5,1.1],[-6,5,22.5,5,4,1],[-3,1,23,3,5,1], [7,10,21,7,3,1],[10,6,21.5,5,4,1],[12,1,20,3,5,1], [3,-9,21,5,3,1],[-9,-12,19,3,5,1] ]; for(const [x,y,z,sx,sy,sz] of patches) sphere(earth,"#6ac5a0",x,y,z,sx,sy,sz); for(const [x,y,z,sx] of [[-9,14,18,5],[5,15,18,6],[14,-6,18,5],[-3,-15,18,7]]){ sphere(earth,"#e3f2ef",x,y,z,sx,.8,.6); sphere(earth,"#e3f2ef",x+2,y+.7,z-.3,sx*.55,.6,.5); } api.add(earth,{id:"earthrise",describe:"a blue Earth rising over the lunar horizon",solid:false}); // A low broken ridge helps frame the horizon without obstructing the base. const ridge=new T.Group(); for(let i=0;i<17;i++){ const s=-145+i*18, d=190+8*Math.sin(i*2); if(s>10 && s<65) continue; const p=worldPos(s,d,0); const m=sphere(ridge,i%2?"#9892ab":"#b1aabd",p.x,3,p.z,15+(i%3)*3,5+(i%4)*2,12); } api.add(ridge,{id:"lunar-horizon",describe:"low lavender-gray lunar hills along the horizon",solid:false}); api.say="I built a lunar base with a rover, bouncing astronauts, radio dishes, and a blue Earth rising over the craters."; api.suggest=["add a glowing airlock to the habitat","give the rover a little cargo trailer","send a comet across the sky","add a moon rock collection"];