const T = api.THREE; api.world({sky:"#77bdc4", haze:"#c8dcd6", shadow:"#80658d"}); const forward = new T.Vector3(); api.camera.getWorldDirection(forward); forward.y = 0; if (forward.lengthSq() < 0.001) forward.set(0, 0, -1); forward.normalize(); const angle = Math.atan2(forward.x, forward.z); const origin = new T.Vector3(api.player.x, 0, api.player.z); api.hide("ground"); const mats = {}; function mat(color, glow=false) { const key = color + glow; return mats[key] || (mats[key] = api.toon(color, glow ? {glow:true} : {})); } function mesh(parent, geo, color, x,y,z, rx=0,ry=0,rz=0) { const m = new T.Mesh(geo, mat(color)); m.position.set(x,y,z); m.rotation.set(rx,ry,rz); parent.add(m); return m; } function box(parent, w,h,d, color, x,y,z, rx=0,ry=0,rz=0) { return mesh(parent, new T.BoxGeometry(w,h,d), color,x,y,z,rx,ry,rz); } function ball(parent, w,h,d, color, x,y,z) { const m = mesh(parent, new T.SphereGeometry(0.5,20,12), color,x,y,z); m.scale.set(w,h,d); return m; } function cyl(parent, radius,height,color,x,y,z, rx=0,ry=0,rz=0, top=radius) { return mesh(parent, new T.CylinderGeometry(top,radius,height,16),color,x,y,z,rx,ry,rz); } function rod(parent, a,b,r,color) { const av = new T.Vector3(...a), bv = new T.Vector3(...b); const delta = bv.clone().sub(av); const m = new T.Mesh(new T.CylinderGeometry(r,r,delta.length(),10),mat(color)); m.position.copy(av.add(bv).multiplyScalar(0.5)); m.quaternion.setFromUnitVectors(new T.Vector3(0,1,0),delta.normalize()); parent.add(m); return m; } function ring(parent, radius, tube, color, x,y,z, rx=0,ry=0,rz=0) { return mesh(parent,new T.TorusGeometry(radius,tube,8,28),color,x,y,z,rx,ry,rz); } function atWorld(group) { group.position.copy(origin); group.rotation.y = angle; } const brass = "#d8a43e", brassLight = "#efc65f", copper = "#bd6846"; const dark = "#62404a", wood = "#99604a", cream = "#f5d99b"; const harbor = new T.Group(); harbor.name = "sky-harbor"; atWorld(harbor); // The broad floating landing deck, with an open view past its far edge. box(harbor,27,0.8,48,dark,0,-0.35,14); box(harbor,26.6,0.22,47.6,wood,0,0.15,14); for (let x=-12.5;x<=12.5;x+=1.25) { box(harbor,0.055,0.035,47.2,brass,x,0.285,14); } for (let z=-9;z<=37;z+=5) { box(harbor,26.4,0.04,0.07,brass,0,0.29,z); } for (const x of [-13.1,13.1]) { box(harbor,0.35,0.35,47.5,brass,x,0.25,14); for (let z=-7;z<=36;z+=4) { cyl(harbor,0.11,1.2,brass,x,0.85,z); ball(harbor,0.3,0.3,0.3,brassLight,x,1.5,z); } box(harbor,0.12,0.12,47,brassLight,x,1.35,14); } box(harbor,26,0.25,0.4,brass,0,0.3,37.8); const spinning = []; function gear(parent,x,y,z,r,color) { const g = new T.Group(); g.position.set(x,y,z); parent.add(g); ring(g,r,0.16,color,0,0,0); cyl(g,0.27,0.38,color,0,0,0,Math.PI/2); for(let i=0;i<8;i++){ const a=i*Math.PI/4; box(g,r*1.7,0.12,0.18,color,0,0,0,0,0,a); box(g,0.35,0.36,0.28,color,Math.cos(a)*r,Math.sin(a)*r,0,0,0,a); } spinning.push({obj:g,axis:"z",speed:r>1?0.32:-0.55}); } function tower(x,z,height,shipSide) { const t = new T.Group(); t.position.set(x,0,z); harbor.add(t); cyl(t,2.2,1.2,dark,0,0.8,0); cyl(t,1.65,height-2,copper,0,height/2+0.5,0,0,0,0,1.3); for(let y=2;y>>0; return seed/4294967296; } const roofColors=["#b75e45","#d47b4a","#a85148","#d99a5d","#965450"]; for(let z=55;z<235;z+=14){ for(let x=-135;x<=135;x+=14){ if(rand()<0.16) continue; const px=x+(rand()-0.5)*3, pz=z+(rand()-0.5)*3; const w=6+rand()*5, d=6+rand()*5, h=5+rand()*13; const base=-40; const wall=rand()<0.5?"#d6a878":"#bd8f72"; box(city,w,h,d,wall,px,base+h/2,pz); const roofH=2.7+rand()*3.5; const roof=mesh(city,new T.ConeGeometry(Math.max(w,d)*0.77,roofH,4),roofColors[Math.floor(rand()*roofColors.length)],px,base+h+roofH/2,pz,0,Math.PI/4,0); roof.name="copper-roof"; if(rand()<0.65){ box(city,0.7,2.5,0.7,dark,px+w*0.25,base+h+roofH*0.65,pz+d*0.15); } for(let k=-1;k<=1;k++){ box(city,0.8,1.2,0.08,"#f1d38c",px+k*w*0.27,base+h*0.58,pz-d/2-0.05); } } } api.add(city,{id:"copper-city",describe:"a distant city of copper roofs far below the sky harbor",solid:false}); // Wispy cloud banks between the high deck and the city, leaving openings. const clouds=new T.Group(); atWorld(clouds); for(let i=0;i<38;i++){ const x=(rand()-0.5)*240; const z=35+rand()*180; const y=-17-rand()*8; const cloud=new T.Group(); cloud.position.set(x,y,z); clouds.add(cloud); const n=3+Math.floor(rand()*3); for(let j=0;j{ for(const s of spinning) s.obj.rotation[s.axis]+=s.speed*dt; clouds.position.y=Math.sin(t*0.16)*0.7; }); api.say="I built a brass sky harbor with turning propellers, spiral towers, and a copper-roofed city beneath the clouds."; api.suggest=[ "Add steam puffing from the airships", "Make the copper city glow at sunset", "Add a sky ferry flying between the towers", "Put a clockwork dragon over the harbor" ];