const T = api.THREE; 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 right = new T.Vector3(forward.z, 0, -forward.x).negate(); const px = api.player.x, pz = api.player.z; function point(x, z) { return new T.Vector3(px + right.x * x + forward.x * z, 0, pz + right.z * x + forward.z * z); } function setAt(group, x, z) { const p = point(x, z); group.position.set(p.x, api.groundHeight(p.x, p.z), p.z); group.rotation.y = angle; } function add(group, id, describe, x, z, solid = true) { setAt(group, x, z); api.add(group, { id, describe, solid }); } function mat(color, glow = false) { return api.toon(color, { glow }); } const materials = {}; function material(color) { return materials[color] || (materials[color] = mat(color)); } function mesh(g, geometry, color, x, y, z, name) { const m = new T.Mesh(geometry, material(color)); m.position.set(x, y, z); if (name) m.name = name; g.add(m); return m; } function box(g, color, x, y, z, w, h, d, name) { return mesh(g, new T.BoxGeometry(w, h, d), color, x, y, z, name); } function ball(g, color, x, y, z, w, h, d, name) { const m = mesh(g, new T.SphereGeometry(1, 12, 8), color, x, y, z, name); m.scale.set(w / 2, h / 2, d / 2); return m; } function cylinder(g, color, x, y, z, r1, r2, h, name) { return mesh(g, new T.CylinderGeometry(r1, r2, h, 10), color, x, y, z, name); } function branch(g, a, b, r, color) { const v1 = new T.Vector3(...a), v2 = new T.Vector3(...b); const m = mesh(g, new T.CylinderGeometry(r * 0.65, r, v1.distanceTo(v2), 8), color, (a[0] + b[0]) / 2, (a[1] + b[1]) / 2, (a[2] + b[2]) / 2); m.quaternion.setFromUnitVectors(new T.Vector3(0, 1, 0), v2.clone().sub(v1).normalize()); } function flatCircle(g, color, x, y, z, radius) { const m = mesh(g, new T.CircleGeometry(radius, 64), color, x, y, z); m.rotation.x = -Math.PI / 2; return m; } function ring(g, color, x, y, z, radius, tube) { const m = mesh(g, new T.TorusGeometry(radius, tube, 5, 28), color, x, y, z); m.rotation.x = Math.PI / 2; return m; } api.world({ sky: "#a9dfe4", haze: "#d5efe8", shadow: "#8c70a7" }); const lawn = new T.Group(); flatCircle(lawn, "#8dcc83", 0, 0.025, 0, 600); api.add(lawn, { id: "spring-lawn", describe: "a broad green spring lawn", solid: false }); // A gentle sandy walk leads beneath the gate toward the pond. const path = new T.Group(); for (let i = 0; i < 8; i++) { const patch = ball(path, i % 2 ? "#f2deb2" : "#f6e4c2", 0, 0.046, 2 + i * 2.25, 3.3, 0.025, 3.1); patch.rotation.y = i * 0.2; } add(path, "park-path", "a pale sandy path through the park", 0, 0, false); const gate = new T.Group(); const red = "#d44038", darkRed = "#a92f37", ink = "#502c3d"; for (const x of [-2.05, 2.05]) { cylinder(gate, ink, x, 0.16, 0, 0.35, 0.4, 0.32); cylinder(gate, red, x, 2.05, 0, 0.24, 0.29, 3.85, x < 0 ? "left-pillar" : "right-pillar"); cylinder(gate, darkRed, x, 3.95, 0, 0.29, 0.26, 0.19); } box(gate, red, 0, 3.12, 0, 4.65, 0.32, 0.42, "crossbar"); box(gate, darkRed, 0, 4.02, 0, 5.35, 0.37, 0.62, "upper-beam"); box(gate, ink, 0, 4.25, 0, 5.55, 0.15, 0.72); for (const s of [-1, 1]) { const tip = box(gate, ink, s * 2.75, 4.32, 0, 0.75, 0.16, 0.72); tip.rotation.z = s * 0.22; } box(gate, darkRed, 0, 3.54, 0, 0.3, 0.62, 0.35); add(gate, "red-torii", "a red torii gate over the park path", 0, 10); function makeTree(index) { const g = new T.Group(); const bark = index % 2 ? "#77505b" : "#84555c"; cylinder(g, bark, 0, 1.48, 0, 0.33, 0.48, 2.96, "trunk"); ball(g, bark, 0.02, 0.2, 0, 1.15, 0.4, 0.85); const branches = [ [[0, 2.15, 0], [-1.35, 4.1, 0.1]], [[0, 2.2, 0], [1.35, 4.25, 0.2]], [[0, 2.35, 0], [0.1, 4.7, -0.35]], [[0, 2.6, 0], [-0.2, 4.15, 1.2]], [[0, 2.6, 0], [0.65, 4.2, -1.2]] ]; branches.forEach(b => branch(g, b[0], b[1], 0.19, bark)); const clouds = [ [-1.5, 4.4, 0.05, 2.6, 1.8, 2.3], [1.45, 4.5, 0.1, 2.7, 1.9, 2.4], [0, 5.25, -0.2, 3.1, 2.0, 2.6], [-0.55, 4.5, 1.3, 2.3, 1.6, 2.0], [0.55, 4.45, -1.25, 2.3, 1.65, 2.1], [-1.05, 5.25, -0.8, 1.8, 1.5, 1.8], [1.1, 5.35, 0.85, 1.9, 1.5, 1.8] ]; const pinks = ["#f6b6ce", "#f39ec1", "#ffcee0", "#ed91b7"]; clouds.forEach((c, i) => ball(g, pinks[(i + index) % pinks.length], ...c, i === 2 ? "blossom-crown" : undefined)); for (let i = 0; i < 19; i++) { const a = i * 2.4 + index, r = 1.15 + (i % 3) * 0.43; ball(g, i % 3 ? "#ffe0ea" : "#ee82ae", Math.cos(a) * r, 4.3 + (i % 5) * 0.31, Math.sin(a) * r, 0.23, 0.16, 0.23); } return g; } const treePositions = [ [-8, 8], [8, 7], [-10, 15], [11, 15], [-11, 23], [14, 24], [-10, 32], [-1, 36], [10, 37], [18, 34], [-19, 19], [20, 16], [-19, 32] ]; treePositions.forEach((p, i) => { const tree = makeTree(i); const s = 0.87 + (i % 4) * 0.07; tree.scale.setScalar(s); add(tree, "cherry-tree-" + (i + 1), "a cherry tree in full pink blossom", p[0], p[1]); }); const pond = new T.Group(); flatCircle(pond, "#559a90", 0, 0.038, 0, 6.3); flatCircle(pond, "#70c9c6", 0, 0.055, 0, 5.95); flatCircle(pond, "#85d9d0", -1.2, 0.059, 0.7, 3.9); for (let i = 0; i < 8; i++) { const a = i * 2.35, r = 1.5 + (i % 3) * 1.25; ring(pond, "#b3e8da", Math.cos(a) * r, 0.075, Math.sin(a) * r, 0.34 + (i % 2) * 0.18, 0.025); } for (let i = 0; i < 13; i++) { const a = i * 2.4, r = 1.2 + (i % 4) * 0.85; const petal = ball(pond, i % 2 ? "#ffd6e4" : "#f3a9c5", Math.cos(a) * r, 0.09, Math.sin(a) * r, 0.22, 0.045, 0.13); petal.rotation.y = a; } const fish = []; for (let i = 0; i < 5; i++) { const f = new T.Group(); const bodyColor = i % 2 ? "#fff1d4" : "#ef8b54"; ball(f, bodyColor, 0, 0.14, 0, 0.38, 0.16, 0.78, "body"); ball(f, i % 2 ? "#e9684c" : "#fff3db", 0, 0.23, 0.05, 0.25, 0.05, 0.25); const tail = mesh(f, new T.ConeGeometry(0.23, 0.38, 4), bodyColor, 0, 0.13, -0.5); tail.rotation.x = -Math.PI / 2; for (const s of [-1, 1]) { ball(f, "#fffdf5", s * 0.12, 0.19, 0.26, 0.09, 0.08, 0.09); ball(f, "#30212e", s * 0.12, 0.23, 0.28, 0.035, 0.035, 0.035); } pond.add(f); fish.push(f); } add(pond, "koi-pond", "a turquoise koi pond with floating blossom petals", 5, 25, false); api.onFrame((dt, t) => { fish.forEach((f, i) => { const a = t * (0.16 + i * 0.015) + i * 1.45; const r = 2.2 + (i % 3) * 0.7; f.position.set(Math.cos(a) * r, 0, Math.sin(a) * r); f.rotation.y = -a; }); }); const pondStones = new T.Group(); for (let i = 0; i < 19; i++) { const a = i * Math.PI * 2 / 19; const r = 6.14 + (i % 3 - 1) * 0.12; const stone = ball(pondStones, i % 2 ? "#b8a7b9" : "#d3c3c6", Math.cos(a) * r, 0.18, Math.sin(a) * r, 1.05 + (i % 3) * 0.13, 0.38, 0.8); stone.rotation.y = a; } for (let i = 0; i < 7; i++) { const stone = cylinder(pondStones, i % 2 ? "#c4b0bc" : "#d9c9c7", -4.55 + i * 1.5, 0.16, (i % 2 ? 0.35 : -0.25), 0.53, 0.61, 0.3, "stepping-stone"); stone.scale.z = 0.82; stone.rotation.y = i * 0.45; } add(pondStones, "pond-stones", "rounded pond edging and stepping stones across the water", 5, 25); function lantern() { const g = new T.Group(); cylinder(g, "#ad9eae", 0, 0.11, 0, 0.59, 0.7, 0.22); cylinder(g, "#c8b6bd", 0, 0.27, 0, 0.42, 0.52, 0.15); cylinder(g, "#b4a0ad", 0, 0.91, 0, 0.22, 0.3, 1.15, "pedestal"); cylinder(g, "#cebdc4", 0, 1.52, 0, 0.43, 0.3, 0.16); box(g, "#b6a4b2", 0, 1.63, 0, 0.88, 0.16, 0.88); box(g, "#ffe0a1", 0, 1.98, 0, 0.62, 0.6, 0.62, "lantern-light"); for (const x of [-0.34, 0.34]) for (const z of [-0.34, 0.34]) box(g, "#a796a7", x, 1.98, z, 0.12, 0.66, 0.12); box(g, "#b5a1b0", 0, 2.33, 0, 0.92, 0.14, 0.92); const roof = mesh(g, new T.ConeGeometry(0.84, 0.42, 4), "#bbaab6", 0, 2.59, 0); roof.rotation.y = Math.PI / 4; ball(g, "#d7c5cb", 0, 2.88, 0, 0.24, 0.24, 0.24); return g; } [[-3.8, 12.6], [3.8, 12.6], [-3.8, 20], [13, 30]].forEach((p, i) => add(lantern(), "stone-lantern-" + (i + 1), "a stone park lantern with a warm golden light", p[0], p[1]) ); function picnic(index) { const g = new T.Group(); const base = index % 2 ? "#e9a5bc" : "#ed806f"; box(g, base, 0, 0.065, 0, 3.3, 0.06, 2.5, "blanket"); for (let x = 0; x < 6; x++) for (let z = 0; z < 4; z++) { if ((x + z) % 2 === 0) box(g, "#ffeddc", -1.375 + x * 0.55, 0.099, -0.9375 + z * 0.625, 0.54, 0.01, 0.615); } box(g, "#c18b58", -0.67, 0.31, -0.2, 0.85, 0.43, 0.62, "picnic-basket"); box(g, "#e4b478", -0.67, 0.55, -0.2, 0.92, 0.08, 0.7); const handle = mesh(g, new T.TorusGeometry(0.32, 0.045, 6, 16, Math.PI), "#9a664c", -0.67, 0.57, -0.2); handle.rotation.y = Math.PI / 2; cylinder(g, "#fff1d8", 0.65, 0.13, 0.18, 0.43, 0.43, 0.05); ball(g, "#ed8e69", 0.57, 0.22, 0.16, 0.25, 0.19, 0.25); ball(g, "#f4d66b", 0.8, 0.21, 0.1, 0.24, 0.16, 0.24); cylinder(g, "#98c4c1", 0.28, 0.21, -0.62, 0.13, 0.1, 0.23); return g; } [[-7, 17.5], [-7, 28], [15.5, 19], [14.5, 34]].forEach((p, i) => add(picnic(i), "picnic-blanket-" + (i + 1), "a checked picnic blanket with a basket and snacks", p[0], p[1], false) ); const flowers = new T.Group(); for (let i = 0; i < 110; i++) { const x = Math.sin(i * 12.989) * 22; const z = 4 + ((i * 17.13) % 38); if (Math.abs(x) < 2.5 && z < 21) continue; if ((x - 5) ** 2 + (z - 25) ** 2 < 49) continue; const col = i % 3 === 0 ? "#fff2dc" : i % 3 === 1 ? "#f9bad0" : "#f7dc82"; ball(flowers, col, x, 0.075, z, 0.18, 0.08, 0.18); if (i % 2 === 0) ball(flowers, "#fff2d9", x + 0.16, 0.07, z + 0.09, 0.12, 0.06, 0.12); } add(flowers, "spring-wildflowers", "tiny spring flowers scattered through the grass", 0, 0, false); api.particles({ type: "particles", kind: "confetti", place: { where: "here", height: 10 }, area: [56, 56], rate: 32, velocity: [0.35, -0.6, 0.15], jitter: 0.5, gravity: 0.18, life: 12, size: 0.12, colors: ["#ffe2ee", "#f8b8d1", "#f394bc"], duration: 0 }); api.say = "I made a cherry-blossom park with drifting petals, a koi pond, and a red torii gate. Picnic blankets and stone lanterns are tucked among the trees."; api.suggest = [ "Add a little wooden bridge over the koi pond", "Make the sky glow with a spring sunset", "Add a family of ducks to the pond", "Hang paper lanterns among the cherry trees" ];