const T = api.THREE; const ink = "#3a2230"; const mat = c => api.toon(c); const colors = { snow: mat("#f4f4ff"), snowShade: mat("#d4c9ed"), rock: mat("#8a728d"), darkRock: mat("#685375"), wall: mat("#f2dfc7"), red: mat("#a83f3e"), deepRed: mat("#74334b"), gold: mat("#eeb653"), wood: mat("#63404a"), blue: mat("#8fcbd8") }; api.world({ sky: "#89cbd8", haze: "#d7eaf0", shadow: "#9b8bc6" }); const ground = new T.Mesh(new T.CircleGeometry(600, 96), mat("#dce9ed")); ground.rotation.x = -Math.PI / 2; ground.position.y = 0.02; api.add(ground, { id: "himalayan-ground", describe: "a snowy Himalayan landscape", 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 angle = Math.atan2(dir.x, dir.z); const origin = new T.Vector3(api.player.x, 0, api.player.z); function sceneGroup() { const g = new T.Group(); g.position.copy(origin); g.rotation.y = angle; return g; } function box(parent, x, y, z, w, h, d, material, name) { const mesh = new T.Mesh(new T.BoxGeometry(w, h, d), material); mesh.position.set(x, y, z); if (name) mesh.name = name; parent.add(mesh); return mesh; } function ball(parent, x, y, z, sx, sy, sz, material) { const mesh = new T.Mesh(new T.SphereGeometry(1, 12, 8), material); mesh.position.set(x, y, z); mesh.scale.set(sx, sy, sz); parent.add(mesh); return mesh; } function cone(parent, x, y, z, radius, height, material, sides = 7, rotation = 0) { const mesh = new T.Mesh(new T.ConeGeometry(radius, height, sides), material); mesh.position.set(x, y, z); mesh.rotation.y = rotation; parent.add(mesh); return mesh; } function worldPoint(x, y, z) { const s = Math.sin(angle), c = Math.cos(angle); return new T.Vector3(origin.x + x * c + z * s, y, origin.z - x * s + z * c); } // Distant mountains and the cloud sea are scenery, so they never block the trail. const horizon = sceneGroup(); const peaks = [ [-80, 113, 30, 72], [-43, 104, 26, 63], [-8, 126, 36, 91], [34, 110, 29, 73], [76, 132, 39, 88], [114, 165, 42, 82], [-120, 171, 47, 86], [5, 181, 48, 98] ]; peaks.forEach(([x, z, r, h], i) => { cone(horizon, x, h / 2 - 1, z, r, h, i % 2 ? colors.rock : colors.darkRock, 6, i * 0.35); const capH = h * 0.48; cone(horizon, x, h - capH / 2 - 1, z, r * 0.49, capH, colors.snow, 6, i * 0.35); cone(horizon, x + r * 0.08, h - capH * 0.62, z - r * 0.07, r * 0.23, capH * 0.47, colors.snowShade, 5, i); }); for (let i = 0; i < 32; i++) { const x = -125 + i * 8.3; const z = 75 + Math.sin(i * 2.1) * 12; ball(horizon, x, 21 + Math.sin(i * 1.3) * 2, z, 11 + i % 4, 3.3, 7, colors.snow); ball(horizon, x + 4, 20, z - 1, 9, 2, 6, colors.snowShade); } const sun = new T.Mesh(new T.SphereGeometry(11, 20, 12), api.toon("#f8dc9c", { glow: true })); sun.position.set(-74, 78, 200); horizon.add(sun); api.add(horizon, { id: "snowy-peaks", describe: "snow-capped Himalayan peaks rising above a sea of clouds", solid: false }); // The monastery terrace, climbable stairs, cliff, and building are one structure. const abbey = sceneGroup(); for (let i = 0; i < 26; i++) { const top = (i + 1) * 0.2; box(abbey, 0, top / 2, 4.35 + i * 0.7, 4.1, top, 0.72, i % 3 === 0 ? colors.snowShade : colors.rock, "stone-step"); box(abbey, 0, top + 0.015, 4.35 + i * 0.7, 4.05, 0.03, 0.13, colors.snow, "step-snow"); } box(abbey, 0, 2.6, 28, 15.5, 5.2, 11.5, colors.darkRock, "cliff-foundation"); box(abbey, 0, 5.06, 28, 15.8, 0.28, 11.8, colors.snowShade, "terrace"); for (let side of [-1, 1]) { for (let i = 0; i < 8; i++) { const z = 9 + i * 2.3; const h = 0.8 + i * 0.45; ball(abbey, side * (4.4 + 0.25 * Math.sin(i)), h * 0.43, z, 2.2, h * 0.75, 1.8, i % 2 ? colors.rock : colors.darkRock); if (i > 3) ball(abbey, side * 4.5, h * 1.08, z, 1.35, 0.19, 1.1, colors.snow); } } // Split front wall leaves a real entrance. const baseY = 5.2; box(abbey, -3.6, baseY + 2.05, 24.1, 3.9, 4.1, 0.5, colors.wall, "front-wall-left"); box(abbey, 3.6, baseY + 2.05, 24.1, 3.9, 4.1, 0.5, colors.wall, "front-wall-right"); box(abbey, 0, baseY + 3.6, 24.1, 3.3, 1.0, 0.5, colors.wall, "door-lintel"); box(abbey, 0, baseY + 2.05, 31.7, 11.1, 4.1, 0.5, colors.wall, "back-wall"); box(abbey, -5.4, baseY + 2.05, 27.9, 0.5, 4.1, 7.9, colors.wall, "left-wall"); box(abbey, 5.4, baseY + 2.05, 27.9, 0.5, 4.1, 7.9, colors.wall, "right-wall"); box(abbey, 0, baseY + 4.1, 27.9, 11.5, 0.65, 8.2, colors.deepRed, "red-frieze"); box(abbey, 0, baseY + 4.55, 27.9, 12.1, 0.25, 8.8, colors.gold, "roof-trim"); box(abbey, 0, baseY + 4.75, 27.9, 12.6, 0.22, 9.2, colors.deepRed, "wide-eaves"); box(abbey, 0, baseY + 5.1, 27.9, 8.3, 0.48, 5.7, colors.red, "upper-roof"); box(abbey, 0, baseY + 5.4, 27.9, 8.7, 0.16, 6.0, colors.gold, "upper-roof-trim"); box(abbey, 0, baseY + 5.62, 27.9, 3.5, 0.3, 2.7, colors.deepRed, "roof-shrine"); cone(abbey, 0, baseY + 6.15, 27.9, 1.7, 0.8, colors.gold, 4, Math.PI / 4); ball(abbey, 0, baseY + 6.68, 27.9, 0.24, 0.24, 0.24, colors.gold); for (const x of [-4.1, -2.7, 2.7, 4.1]) { box(abbey, x, baseY + 2.25, 23.82, 1.0, 1.45, 0.12, colors.wood, "window-frame"); box(abbey, x, baseY + 2.25, 23.74, 0.72, 1.14, 0.08, colors.blue, "window"); box(abbey, x, baseY + 2.25, 23.68, 0.08, 1.15, 0.06, colors.gold); box(abbey, x, baseY + 2.25, 23.67, 0.73, 0.08, 0.06, colors.gold); } for (const x of [-1.65, 1.65]) { box(abbey, x, baseY + 1.5, 23.75, 0.28, 3.0, 0.35, colors.deepRed, "door-post"); box(abbey, x, baseY + 3.05, 23.74, 0.4, 0.2, 0.4, colors.gold); } box(abbey, 0, baseY + 3.1, 23.75, 3.6, 0.24, 0.4, colors.deepRed, "door-beam"); for (let i = -5; i <= 5; i++) { box(abbey, i * 0.9, baseY + 4.12, 23.78, 0.18, 0.45, 0.1, colors.gold); } for (let side of [-1, 1]) { for (let i = 0; i < 4; i++) { const x = side * 7.1; const z = 23.4 + i * 2.9; box(abbey, x, baseY + 0.55, z, 0.22, 1.1, 0.22, colors.wood, "terrace-post"); ball(abbey, x, baseY + 1.15, z, 0.16, 0.16, 0.16, colors.gold); if (i < 3) box(abbey, x, baseY + 0.82, z + 1.45, 0.13, 0.14, 2.9, colors.wood, "terrace-railing"); } } api.add(abbey, { id: "cliff-monastery", describe: "a Himalayan monastery on a rocky cliff with climbable stone steps" }); // Colorful prayer flags, suspended from poles and fluttering independently. const flags = sceneGroup(); const flutter = []; const flagColors = ["#e35e50", "#efc45c", "#8fcdd9", "#f4eee0", "#88b775"]; function stringOfFlags(a, b, count) { const points = [ new T.Vector3(...a), new T.Vector3((a[0]+b[0])/2, (a[1]+b[1])/2 - 0.5, (a[2]+b[2])/2), new T.Vector3(...b) ]; const curve = new T.CatmullRomCurve3(points); flags.add(new T.Mesh(new T.TubeGeometry(curve, 32, 0.035, 5, false), colors.wood)); for (let i = 0; i < count; i++) { const p = curve.getPoint((i + 0.5) / count); const pivot = new T.Group(); pivot.position.copy(p); pivot.rotation.y = Math.atan2(b[0] - a[0], b[2] - a[2]); const cloth = box(pivot, 0, -0.3, 0, 0.65, 0.6, 0.045, mat(flagColors[i % flagColors.length]), "prayer-flag"); flags.add(pivot); flutter.push({ pivot, cloth, phase: i * 0.7 + a[2] }); } } for (const [x, z, y] of [[-5,7,0], [5,7,0], [-6.7,22.8,5.2], [6.7,22.8,5.2], [-7,31,5.2], [7,31,5.2]]) { box(flags, x, y + 2.5, z, 0.12, 5, 0.12, colors.wood, "flagpole"); ball(flags, x, y + 5.05, z, 0.15, 0.15, 0.15, colors.gold); } stringOfFlags([-5,5,7], [5,5,7], 13); stringOfFlags([-5,5,7], [-6.7,10.2,22.8], 17); stringOfFlags([5,5,7], [6.7,10.2,22.8], 17); stringOfFlags([-6.7,10.2,22.8], [6.7,10.2,22.8], 17); stringOfFlags([-7,10.2,31], [7,10.2,31], 17); api.add(flags, { id: "prayer-flags", describe: "bright prayer flags fluttering over the monastery and trail", solid: false }); // Rounded snowy grazing slopes. const hills = sceneGroup(); const hillData = [[-15, 13, 8, 1.8, 8], [15, 16, 9, 2.2, 9], [-19, 31, 10, 2.5, 9]]; hillData.forEach(([x,z,rx,ry,rz], i) => { ball(hills, x, -0.2, z, rx, ry, rz, i === 1 ? colors.snowShade : colors.snow); for (let j = 0; j < 8; j++) { const dx = Math.sin(j * 2.4 + i) * rx * 0.75; const dz = Math.cos(j * 1.7 + i) * rz * 0.75; const q = (dx*dx)/(rx*rx) + (dz*dz)/(rz*rz); if (q < 0.9) { const y = -0.2 + ry * Math.sqrt(1-q); box(hills, x+dx, y+0.12, z+dz, 0.05, 0.24, 0.05, mat("#789b83")); box(hills, x+dx+0.09, y+0.09, z+dz, 0.05, 0.18, 0.05, mat("#a1b39a")); } } }); api.add(hills, { id: "grazing-slopes", describe: "snowy slopes with tufts of hardy grass", solid: false }); const yakParts = [ {name:"body",shape:"sphere",size:[2.2,1.45,3.1],pos:[0,1.25,0],color:"#69434a"}, {name:"shag",shape:"sphere",size:[2.1,1.25,2.75],pos:[0,0.95,0],color:"#503746"}, {name:"head",shape:"sphere",size:[1.25,1.15,1.25],pos:[0,1.48,1.52],color:"#72505a"}, {name:"muzzle",shape:"sphere",size:[0.95,0.55,0.65],pos:[0,1.14,2.1],color:"#cba68f"}, {name:"eyeL",shape:"eye",size:[0.3,0.3,0.16],pos:[0.42,1.65,2.04],color:"#ffffff",mirror:true}, {name:"hornL",shape:"tube",points:[[0,0,0],[0.45,0.05,0.05],[0.7,0.44,0.08]],radius:0.13,taper:0.25,pos:[0.48,1.8,1.44],color:"#efe3ca",mirror:true}, {name:"legL",shape:"capsule",size:[0.37,0.95,0.4],pos:[0.7,0.55,0.88],color:"#503746",mirror:true}, {name:"rearL",shape:"capsule",size:[0.37,0.95,0.4],pos:[0.7,0.55,-0.9],color:"#503746",mirror:true}, {name:"tail",shape:"tube",points:[[0,0,0],[0.1,-0.2,-0.55],[0.05,-0.6,-0.8]],radius:0.12,taper:1.5,pos:[0,1.35,-1.35],color:"#503746"}, {name:"fringe",shape:"sphere",size:[1.1,0.42,0.6],pos:[0,1.95,1.62],color:"#503746"} ]; const yaks = []; hillData.forEach((h, i) => { const yak = api.build({ parts: yakParts, anim: [{part:"head",prop:"rx",amp:12,speed:0.22,phase:i*0.25}, {part:"tail",prop:"rz",amp:15,speed:0.3,phase:i*0.2}] }); const p = worldPoint(h[0], h[3] - 0.2, h[1]); yak.position.copy(p); yak.rotation.y = angle + i * 2; api.add(yak, {id:"grazing-yak-" + (i+1), describe:"a shaggy horned yak grazing on a snowy slope", solid:false}); yaks.push({yak, h, phase:i*2.1}); }); // Monks climb the actual stairway in a leisurely repeating procession. const monkParts = [ {name:"robe",shape:"cone",size:[0.85,1.35,0.7],pos:[0,0.8,0],color:"#a43f40"}, {name:"torso",shape:"sphere",size:[0.72,0.72,0.55],pos:[0,1.18,0],color:"#c85d45"}, {name:"head",shape:"sphere",size:[0.57,0.61,0.55],pos:[0,1.72,0.05],color:"#d9a77e"}, {name:"eyeL",shape:"eye",size:[0.17,0.2,0.1],pos:[0.14,1.77,0.31],color:"#ffffff",mirror:true}, {name:"armL",shape:"capsule",size:[0.22,0.78,0.22],pos:[0.43,1.15,0],color:"#a43f40",mirror:true}, {name:"handL",shape:"sphere",size:[0.2,0.2,0.2],pos:[0.43,0.8,0.04],color:"#d9a77e",mirror:true}, {name:"legL",shape:"capsule",size:[0.22,0.6,0.23],pos:[0.23,0.49,0],anchor:"top",color:"#7d3744",mirror:true}, {name:"footL",shape:"sphere",size:[0.25,0.16,0.38],pos:[0.23,0.12,0.08],color:"#65404a",mirror:true}, {name:"sash",shape:"box",size:[0.76,0.16,0.58],pos:[0,1.06,0],color:"#e8b853"} ]; const monks = []; for (let i = 0; i < 3; i++) { const monk = api.build({ parts: monkParts, anim: [{part:"legL",prop:"rx",amp:25,speed:1.1}, {part:"armL",prop:"rx",amp:15,speed:1.1,phase:0.5}] }); const p = worldPoint((i-1)*0.6, 0.2, 4.35); monk.position.copy(p); monk.rotation.y = angle; api.add(monk, {id:"climbing-monk-" + (i+1), describe:"a robed monk climbing the monastery steps", solid:false}); monks.push({monk, phase:i/3, x:(i-1)*0.55}); } api.onFrame((dt, t) => { flutter.forEach(f => { f.pivot.rotation.x = 0.18 * Math.sin(t * 3.4 + f.phase); f.cloth.rotation.z = 0.14 * Math.sin(t * 4 + f.phase); }); monks.forEach(({monk, phase, x}) => { const progress = (t * 0.035 + phase) % 1; const step = Math.min(25, Math.floor(progress * 26)); const z = 4.1 + progress * 18.2; const p = worldPoint(x, (step + 1) * 0.2 + 0.03, z); monk.position.copy(p); monk.rotation.y = angle; }); yaks.forEach(({yak, h, phase}) => { const dx = Math.sin(t * 0.12 + phase) * h[2] * 0.25; const dz = Math.cos(t * 0.12 + phase) * h[4] * 0.25; const q = dx*dx/(h[2]*h[2]) + dz*dz/(h[4]*h[4]); const y = -0.2 + h[3]*Math.sqrt(1-q); yak.position.copy(worldPoint(h[0]+dx, y, h[1]+dz)); yak.rotation.y = angle + Math.atan2(Math.cos(t*0.12+phase), -Math.sin(t*0.12+phase)); }); }); api.say = "I built a cliffside monastery with fluttering prayer flags, climbing monks, grazing yaks, and snowy peaks above the clouds."; api.suggest = [ "Add a ringing bell to the monastery", "Make snow fall gently across the mountains", "Add a winding mountain stream", "Turn the sky to a golden sunset" ];