const T = api.THREE; api.world({time:"sunset", sky:"#554578", haze:"#a977a8", shadow:"#66517e"}); const ground = new T.Mesh(new T.CircleGeometry(600, 96), api.toon("#467c73")); ground.rotation.x = -Math.PI / 2; ground.position.y = 0.02; api.add(ground, {id:"twilight-forest-floor", describe:"the mossy ground beneath the elven city", 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 yaw = Math.atan2(dir.x, dir.z); const origin = new T.Vector3(api.player.x, 0, api.player.z); const city = new T.Group(); city.position.copy(origin); city.rotation.y = yaw; const magic = new T.Group(); magic.position.copy(origin); magic.rotation.y = yaw; const mats = {}; function mat(color, glow=false) { const k = color + glow; return mats[k] || (mats[k] = api.toon(color, glow ? {glow:true} : {})); } function box(parent, w,h,d, x,y,z, color, glow=false) { const m = new T.Mesh(new T.BoxGeometry(w,h,d), mat(color,glow)); m.position.set(x,y,z); parent.add(m); return m; } function ball(parent, sx,sy,sz, x,y,z, color, glow=false) { const m = new T.Mesh(new T.SphereGeometry(1, 12, 8), mat(color,glow)); m.scale.set(sx,sy,sz); m.position.set(x,y,z); parent.add(m); return m; } function cylinder(parent, r1,r2,h, x,y,z, color, segments=12) { const m = new T.Mesh(new T.CylinderGeometry(r1,r2,h,segments), mat(color)); m.position.set(x,y,z); parent.add(m); return m; } function beam(parent, a,b, radius, color, endRadius=radius) { 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(endRadius,radius,delta.length(),8), 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 rope(parent, points, radius, color) { const curve = new T.CatmullRomCurve3(points.map(p=>new T.Vector3(...p))); const m = new T.Mesh(new T.TubeGeometry(curve, 24, radius, 6, false), mat(color)); parent.add(m); } const trees = [ {x:-10,z:19,s:1}, {x:10,z:21,s:1.08}, {x:0,z:37,s:1.12}, {x:-20,z:37,s:0.94}, {x:20,z:40,s:0.98} ]; const crowns = []; trees.forEach((p, index) => { const g = new T.Group(); g.position.set(p.x,0,p.z); city.add(g); cylinder(g, 1.1,1.75, 15, 0,7.5,0, "#73505e", 13); cylinder(g, 1.42,1.95, 1.1, 0,0.55,0, "#664450", 13); for (let j=0;j<7;j++) { const a = j*Math.PI*2/7 + index*0.25; beam(g,[Math.cos(a)*1.05,0.8,Math.sin(a)*1.05], [Math.cos(a)*3.1,0.18,Math.sin(a)*3.1],0.38,"#73505e",0.12); const bark = box(g,0.13,10+((j%3)*1.1),0.08, Math.cos(a)*1.42,7,Math.sin(a)*1.42,"#9b716c"); bark.rotation.y = -a; } // The low-rise spiral steps climb all the way from the ground to the deck. const steps = 36, radius = 2.53; for(let j=0;j{ for(let j=0;j<6;j++) { const a=j*Math.PI/3+i*0.63; lantern(p.x+Math.cos(a)*(4.5+(j%2)*1.3),8.5+(j%3)*2.1, p.z+Math.sin(a)*(4.5+(j%2)*1.3), i*2+j); } }); for(let i=0;i<20;i++) { const x=Math.sin(i*12.71)*23, z=16+(i*7.13)%31; ball(magic,0.07,0.07,0.07,x,3.2+(i%5)*1.3,z,"#f9dd91",true); } api.add(magic,{id:"floating-forest-lanterns",describe:"warm floating lanterns and tiny fireflies among the leaves",solid:false}); const scenery = new T.Group(); scenery.position.copy(origin); scenery.rotation.y = yaw; for(let i=0;i<55;i++) { const x=Math.sin(i*8.37)*27, z=8+(i*11.73)%43; let tooClose=false; for(const p of trees) if(Math.hypot(x-p.x,z-p.z)<4.2) tooClose=true; if(tooClose) continue; const h=0.3+(i%4)*0.1; beam(scenery,[x,0.04,z],[x,0.04+h,z],0.035,"#76a590"); ball(scenery,0.12,0.12,0.12,x,h+0.05,z,i%2?"#e5a8be":"#e7c993"); } api.add(scenery,{id:"forest-floor-flowers",describe:"little twilight flowers beneath the tree city",solid:false}); api.onFrame((dt,t)=>{ crowns.forEach(c=>{c.group.rotation.z=0.018*Math.sin(t*0.6+c.phase);}); bridgeGroups.forEach(b=>{b.group.rotation.z=0.012*Math.sin(t*0.85+b.phase);}); lanterns.forEach(l=>{ l.g.position.y=l.y+0.23*Math.sin(t*0.85+l.phase); l.g.rotation.z=0.1*Math.sin(t*0.7+l.phase); }); }); api.say = "I built an elven city among ancient trees, with climbable spiral stairs, swaying bridges, and floating lanterns at twilight."; api.suggest = ["add an elven market on the tree platforms","plant a glowing flower meadow nearby","add a gentle dragon flying above the city","make the sky a starry midnight","make the floating lanterns gather around me"];