const T = api.THREE; const player = api.player; 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 yaw = Math.atan2(forward.x, forward.z); const origin = new T.Vector3(player.x, 0, player.z); function world(x, z) { return new T.Vector3( origin.x + Math.cos(yaw) * x + Math.sin(yaw) * z, 0, origin.z - Math.sin(yaw) * x + Math.cos(yaw) * z ); } function put(group, x, z, id, describe, solid = false, extraYaw = 0) { const p = world(x, z); group.position.set(p.x, api.groundHeight(p.x, p.z), p.z); group.rotation.y = yaw + extraYaw; api.add(group, { id, describe, solid }); return group; } let seed = 192781; function rand() { seed = (seed * 1664525 + 1013904223) >>> 0; return seed / 4294967296; } function pathX(z) { return 2.7 * Math.sin(z * 0.085); } function mesh(geometry, color, glow = false) { return new T.Mesh(geometry, api.toon(color, { glow })); } function box(group, size, pos, color, rotation = 0) { const m = mesh(new T.BoxGeometry(...size), color); m.position.set(...pos); m.rotation.y = rotation; group.add(m); return m; } function cylinderBetween(group, a, b, radius, color) { const start = new T.Vector3(...a), end = new T.Vector3(...b); const dir = end.clone().sub(start); const m = mesh(new T.CylinderGeometry(radius, radius, dir.length(), 8), color); m.position.copy(start.add(end).multiplyScalar(0.5)); m.quaternion.setFromUnitVectors(new T.Vector3(0, 1, 0), dir.normalize()); group.add(m); return m; } api.world({ sky: "#b8e6d6", haze: "#c9e7d8", shadow: "#8279aa" }); const ground = mesh(new T.CircleGeometry(600, 96), "#91c887"); ground.rotation.x = -Math.PI / 2; ground.position.set(player.x, 0.02, player.z); api.add(ground, { id: "forest-ground", describe: "soft green forest ground", solid: false }); const path = new T.Group(); for (let z = -7; z < 68; z += 1.15) { if (z > 22 && z < 30) continue; const x = pathX(z); for (let side = -1; side <= 1; side++) { const stone = mesh( new T.CylinderGeometry(0.54 + rand() * 0.18, 0.57 + rand() * 0.18, 0.11, 7), ["#d7d2b4", "#c5c9af", "#e1d9b9"][Math.floor(rand() * 3)] ); stone.position.set(x + side * 0.94 + (rand() - 0.5) * 0.23, 0.09, z + (rand() - 0.5) * 0.26); stone.rotation.y = rand() * Math.PI; stone.scale.set(1, 1, 0.72 + rand() * 0.24); path.add(stone); } } put(path, 0, 0, "winding-stone-path", "a winding path of pale stepping stones"); const stream = new T.Group(); box(stream, [91, 0.07, 6.3], [0, 0.075, 26], "#64c5c0"); for (let i = 0; i < 42; i++) { const x = -42 + rand() * 84; const z = 23.3 + rand() * 5.4; box(stream, [0.55 + rand() * 1.6, 0.025, 0.07], [x, 0.13, z], "#c1ede0", (rand() - 0.5) * 0.2); } for (let side of [-1, 1]) { for (let x = -43; x < 44; x += 3.2) { const rock = mesh(new T.DodecahedronGeometry(0.32 + rand() * 0.3, 0), "#a8ba99"); rock.position.set(x + rand(), 0.17, 26 + side * (3.2 + rand() * 0.3)); rock.scale.set(1.3, 0.55, 0.8); stream.add(rock); } } put(stream, 0, 0, "forest-stream", "a clear stream with ripples and mossy banks"); const bridge = new T.Group(); const bx = pathX(26); for (let i = 0; i < 16; i++) { const z = -3.75 + i * 0.5; const arch = 0.25 + 0.34 * Math.sin(Math.PI * i / 15); box(bridge, [3.05, 0.20, 0.47], [0, arch, z], i % 2 ? "#c34f45" : "#d55e4c"); for (const x of [-1.29, 1.29]) { const nail = mesh(new T.SphereGeometry(0.045, 7, 5), "#653f47"); nail.position.set(x, arch + 0.105, z); bridge.add(nail); } } for (const x of [-1.42, 1.42]) { let upper = [], lower = []; for (let i = 0; i < 5; i++) { const z = -3.5 + i * 1.75; const arch = 0.25 + 0.34 * Math.sin(Math.PI * (z + 3.75) / 7.5); box(bridge, [0.15, 1.06, 0.15], [x, arch + 0.6, z], "#a93639"); const cap = mesh(new T.SphereGeometry(0.13, 8, 6), "#efaf62"); cap.position.set(x, arch + 1.17, z); bridge.add(cap); upper.push([x, arch + 1.08, z]); lower.push([x, arch + 0.62, z]); } for (let i = 0; i < 4; i++) { cylinderBetween(bridge, upper[i], upper[i + 1], 0.10, "#bd4140"); cylinderBetween(bridge, lower[i], lower[i + 1], 0.07, "#d35b48"); } } put(bridge, bx, 26, "red-footbridge", "an arched red wooden footbridge over the stream", true); const trees = []; let treeCount = 0; for (let z = -10; z <= 78; z += 5.3) { for (let x = -34; x <= 34; x += 4.7) { const xx = x + (rand() - 0.5) * 2.0; const zz = z + (rand() - 0.5) * 2.0; if (Math.abs(xx - pathX(zz)) < 4.8) continue; if (((xx - 1) / 11) ** 2 + ((zz - 44) / 10) ** 2 < 1) continue; if (Math.abs(zz - 26) < 4.4) continue; if (rand() < 0.12) continue; const h = 7.5 + rand() * 5.5; const radius = 0.12 + rand() * 0.08; const parts = []; const segments = 5; const greens = ["#55a75b", "#6dbd65", "#429b59"]; const green = greens[Math.floor(rand() * greens.length)]; for (let j = 0; j < segments; j++) { const sh = h / segments; parts.push({ name: "stalk-" + j, shape: "cylinder", size: [radius * 2, sh + 0.04, radius * 2], pos: [0, sh * (j + 0.5), 0], color: green }); parts.push({ name: "node-" + j, shape: "cylinder", size: [radius * 2.45, 0.11, radius * 2.45], pos: [0, sh * (j + 1), 0], color: "#a5d77b" }); } for (let j = 0; j < 4; j++) { const angle = j * 2.3 + rand(); const y = h * (0.53 + j * 0.115); const dx = Math.cos(angle), dz = Math.sin(angle); parts.push({ name: "branch-" + j, shape: "tube", radius: 0.035, taper: 0.55, points: [[0, y, 0], [dx * 0.5, y + 0.38, dz * 0.5], [dx * 1.35, y + 0.55, dz * 1.35]], color: "#488e50" }); for (let k = 0; k < 3; k++) { parts.push({ name: "leaf-" + j + "-" + k, shape: "sphere", size: [0.22, 0.11, 1.0 + rand() * 0.5], pos: [dx * (0.65 + k * 0.3), y + 0.42 + k * 0.09, dz * (0.65 + k * 0.3)], rot: [0, angle * 180 / Math.PI + 90 + (k - 1) * 25, (k - 1) * 18], color: k === 1 ? "#97d96c" : "#55af64" }); } } const tree = api.build({ parts }); put(tree, xx, zz, "bamboo-" + (++treeCount), "a tall segmented bamboo stalk", true); trees.push({ obj: tree, phase: rand() * 6.28, strength: 0.018 + rand() * 0.018 }); } } const clearing = new T.Group(); for (let i = 0; i < 28; i++) { const a = rand() * Math.PI * 2; const r = Math.sqrt(rand()) * 10; const dapple = mesh(new T.CircleGeometry(0.45 + rand() * 1.15, 12), i % 2 ? "#c8e69a" : "#d7eaa5"); dapple.rotation.x = -Math.PI / 2; dapple.position.set(1 + Math.cos(a) * r, 0.055, 44 + Math.sin(a) * r * 0.8); clearing.add(dapple); } for (let i = 0; i < 18; i++) { const a = rand() * 6.28, r = 7 + rand() * 4; const x = 1 + Math.cos(a) * r, z = 44 + Math.sin(a) * r * 0.8; if (Math.abs(x - pathX(z)) < 2.5) continue; const flower = mesh(new T.SphereGeometry(0.12, 7, 5), i % 2 ? "#f6d38a" : "#f5d5cf"); flower.position.set(x, 0.16, z); clearing.add(flower); } put(clearing, 0, 0, "sunlit-clearing", "a dappled sunlit clearing with tiny flowers"); function makePanda(x, z, scale, turn, id) { const parts = [ { name: "body", shape: "sphere", size: [1.22, 1.3, 0.86], pos: [0, 0.75, 0], color: "#f8f5df" }, { name: "shoulders", shape: "sphere", size: [1.20, 0.56, 0.84], pos: [0, 1.13, 0], color: "#3d3343" }, { name: "head", shape: "sphere", size: [1.03, 0.86, 0.83], pos: [0, 1.58, 0.10], color: "#faf8e9" }, { name: "ear-left", shape: "sphere", size: [0.29, 0.32, 0.20], pos: [-0.39, 1.94, 0.05], color: "#3d3343" }, { name: "ear-right", shape: "sphere", size: [0.29, 0.32, 0.20], pos: [0.39, 1.94, 0.05], color: "#3d3343" }, { name: "eye-patch-left", shape: "sphere", size: [0.34, 0.39, 0.12], pos: [-0.25, 1.64, 0.48], rot: [0, 0, -18], color: "#3d3343" }, { name: "eye-patch-right", shape: "sphere", size: [0.34, 0.39, 0.12], pos: [0.25, 1.64, 0.48], rot: [0, 0, 18], color: "#3d3343" }, { name: "eye-left", shape: "eye", size: [0.17, 0.18, 0.12], pos: [-0.25, 1.66, 0.55], color: "#ffffff" }, { name: "eye-right", shape: "eye", size: [0.17, 0.18, 0.12], pos: [0.25, 1.66, 0.55], color: "#ffffff" }, { name: "muzzle", shape: "sphere", size: [0.39, 0.27, 0.22], pos: [0, 1.42, 0.52], color: "#fff9e8" }, { name: "nose", shape: "sphere", size: [0.17, 0.11, 0.09], pos: [0, 1.49, 0.64], color: "#3d3343" }, { name: "foot-left", shape: "sphere", size: [0.46, 0.31, 0.52], pos: [-0.43, 0.25, 0.34], color: "#3d3343" }, { name: "foot-right", shape: "sphere", size: [0.46, 0.31, 0.52], pos: [0.43, 0.25, 0.34], color: "#3d3343" }, { name: "arm-left", shape: "capsule", size: [0.29, 0.66, 0.29], pos: [-0.52, 0.91, 0.31], rot: [30, 0, -38], color: "#3d3343" }, { name: "arm-right", shape: "capsule", size: [0.29, 0.66, 0.29], pos: [0.46, 1.02, 0.36], rot: [30, 0, 45], color: "#3d3343" }, { name: "snack", shape: "cylinder", size: [0.09, 1.15, 0.09], pos: [0.27, 1.15, 0.65], rot: [0, 0, -24], color: "#74c65f" }, { name: "snack-leaf-a", shape: "sphere", size: [0.12, 0.42, 0.08], pos: [0.49, 1.58, 0.65], rot: [0, 0, -50], color: "#8fd66b" }, { name: "snack-leaf-b", shape: "sphere", size: [0.11, 0.35, 0.08], pos: [0.29, 1.65, 0.65], rot: [0, 0, 36], color: "#a5dc79" } ]; const panda = api.build({ parts, anim: [ { part: "head", prop: "rz", amp: 4, speed: 0.7, phase: 0.2 }, { part: "muzzle", prop: "y", amp: 0.025, speed: 1.5 }, { part: "snack", prop: "rz", amp: 5, speed: 0.75 }, { part: "arm-right", prop: "rz", amp: 4, speed: 0.75 } ] }); panda.scale.setScalar(scale); put(panda, x, z, id, "a seated panda munching a bamboo snack", true, Math.PI + turn); } makePanda(-3.8, 42, 1.25, -0.25, "munching-panda"); makePanda(4.5, 46, 1.08, 0.38, "clearing-panda"); makePanda(-5.6, 48, 0.79, -0.52, "panda-cub"); const mist = new T.Group(); for (let i = 0; i < 15; i++) { const m = mesh(new T.SphereGeometry(1, 12, 8), "#e0f2e0"); m.material.transparent = true; m.material.opacity = 0.18; m.material.depthWrite = false; m.position.set(-30 + rand() * 60, 1.3 + rand() * 2, 8 + rand() * 69); m.scale.set(3 + rand() * 4, 0.28 + rand() * 0.3, 1.1 + rand() * 1.3); mist.add(m); } put(mist, 0, 0, "forest-mist", "low drifting ribbons of pale forest mist"); const sun = mesh(new T.SphereGeometry(16, 24, 16), "#fff1ad", true); const sunPos = world(-55, 200); sun.position.set(sunPos.x, 100, sunPos.z); api.add(sun, { id: "forest-sun", describe: "a warm sun above the bamboo forest", solid: false }); api.onFrame((dt, t) => { for (const tree of trees) { tree.obj.rotation.z = Math.sin(t * 0.8 + tree.phase) * tree.strength; tree.obj.rotation.x = Math.sin(t * 0.55 + tree.phase * 0.7) * tree.strength * 0.5; } mist.position.x = origin.x + Math.sin(t * 0.12) * 0.8; mist.position.z = origin.z + Math.cos(t * 0.1) * 0.5; }); api.say = "I made a misty bamboo forest with a winding path, a red bridge, and three pandas enjoying a sunny bamboo snack."; api.suggest = [ "Add lanterns along the stone path", "Put koi fish in the stream", "Make the forest glow at night", "Add a little bamboo tea house" ];