const T = api.THREE; api.world({time:"sunset", sky:"#ee9c85", haze:"#f6bd91", shadow:"#7650a2"}); api.hide("ground"); const p = api.player; 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 yaw = Math.atan2(dir.x, dir.z); const cs = Math.cos(yaw), sn = Math.sin(yaw); function world(x,z) { return [p.x + x*cs + z*sn, p.z - x*sn + z*cs]; } function addLocal(group,id,describe,x=0,z=0,solid=true) { const q = world(x,z); group.position.set(q[0],0,q[1]); group.rotation.y = yaw; api.add(group,{id,describe,solid}); return group; } const mats = {}; function mat(c,glow=false) { const k=c+(glow?"g":""); return mats[k] || (mats[k]=api.toon(c,glow?{glow:true}:{})); } function box(g,x,y,z,w,h,d,c,name) { const m=new T.Mesh(new T.BoxGeometry(w,h,d),mat(c)); m.position.set(x,y,z); if(name)m.name=name; g.add(m); return m; } function ball(g,x,y,z,sx,sy,sz,c,glow=false) { const m=new T.Mesh(new T.SphereGeometry(1,12,8),mat(c,glow)); m.position.set(x,y,z); m.scale.set(sx,sy,sz); g.add(m); return m; } function cyl(g,x,y,z,r1,r2,h,c) { const m=new T.Mesh(new T.CylinderGeometry(r1,r2,h,12),mat(c)); m.position.set(x,y,z); g.add(m); return m; } function beam(g,a,b,r,c) { const av=new T.Vector3(...a), bv=new T.Vector3(...b); const m=new T.Mesh(new T.CylinderGeometry(r,r,av.distanceTo(bv),8),mat(c)); m.position.copy(av).add(bv).multiplyScalar(.5); m.quaternion.setFromUnitVectors(new T.Vector3(0,1,0),bv.sub(av).normalize()); g.add(m); return m; } const water = new T.Mesh(new T.CircleGeometry(600,96),mat("#2e899c")); water.rotation.x=-Math.PI/2; water.position.set(p.x,.02,p.z); api.add(water,{id:"harbor-water",describe:"the teal water of the port",solid:false}); const quay=new T.Group(); box(quay,0,.1,3,150,.36,68,"#cda980","quay"); box(quay,0,.28,36.5,150,.4,1,"#efb25c"); for(let x=-71;x<=71;x+=10){ cyl(quay,x,.62,34.5,.42,.5,.55,"#3a4d60"); box(quay,x,.9,34.5,1.5,.18,.35,"#3a4d60"); } for(let x=-65;x<=65;x+=10) box(quay,x,.3,-18,5,.03,.18,"#f4d080"); addLocal(quay,"container-quay","a wide working quay with bollards and painted lanes",0,0); const colors=["#d74e3d","#ef9d3c","#319aa1","#c05c86","#e7c15a","#785caa","#7aa958"]; function container(g,x,y,z,c,L=7.8,W=2.65,H=2.65) { const q=new T.Group(); q.position.set(x,y,z); box(q,0,0,0,L,H,W,c,"container"); const dark="#754b59"; for(let i=-3;i<=3;i++){ box(q,i*L/8,0,W/2+.018,.08,H-.15,.05,dark); box(q,i*L/8,0,-W/2-.018,.08,H-.15,.05,dark); } for(const zz of [-W/2,W/2]){ box(q,0,H/2-.09,zz,L,.12,.12,"#d6b184"); box(q,0,-H/2+.09,zz,L,.12,.12,"#6e5264"); } box(q,L/2+.025,0,0,.07,H-.15,.08,dark); for(const zz of [-.7,.7]) box(q,L/2+.06,0,zz,.09,H-.35,.07,"#d2ae8e"); g.add(q); return q; } const stacks=new T.Group(); let ci=0; for(const baseX of [-57,-42,-27,29,44,59]){ for(const z of [-8,-4,0,4,8,12,16]){ const levels=((Math.round(baseX+z+200)%3)===0)?3:2; for(let h=0;h{ for(const l of movingLoads) l.obj.position.y=l.base+Math.sin(t*.7+l.phase)*.65; tugs.forEach((g,i)=>{g.position.y=.12+Math.sin(t*1.2+i)*.13; g.rotation.z=Math.sin(t*.8+i)*.025;}); gulls.forEach((g,i)=>{ const a=t*(.16+i*.006)+g.phase; const q=world(Math.cos(a)*g.r,46+Math.sin(a)*g.r*.65); g.bird.position.set(q[0],g.height+Math.sin(t*1.4+i)*.7,q[1]); g.bird.rotation.y=yaw+Math.atan2(-Math.sin(a),Math.cos(a)); g.wings.forEach(w=>w.wing.rotation.z=w.side*Math.sin(t*5+i)*.35); }); }); api.say="I built a bustling sunset port, with giant cranes loading a cargo ship, tugboats, and wheeling gulls."; api.suggest=["Add a train carrying containers to the quay","Make the tugboats sail around the ship","Turn on the harbor lights at night","Add a fish market beside the docks"];