const T = api.THREE; const P = 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 cs = Math.cos(yaw), sn = Math.sin(yaw); const originX = P.x, originZ = P.z; const groundY = api.groundHeight(originX, originZ); function position(g, x, z, y = 0) { g.position.set(originX + cs * x + sn * z, groundY + y, originZ - sn * x + cs * z); g.rotation.y = yaw; return g; } function add(g, id, describe, solid = true) { api.add(g, { id, describe, solid }); return g; } const mats = {}; function mat(c, glow = false) { const k = c + glow; return mats[k] || (mats[k] = api.toon(c, glow ? { glow: true } : {})); } function mesh(g, geo, color, x, y, z, rx = 0, ry = 0, rz = 0, glow = false) { const m = new T.Mesh(geo, mat(color, glow)); m.position.set(x, y, z); m.rotation.set(rx, ry, rz); g.add(m); return m; } function box(g, w, h, d, c, x, y, z, rz = 0) { return mesh(g, new T.BoxGeometry(w, h, d), c, x, y, z, 0, 0, rz); } function ball(g, r, c, x, y, z, sx = 1, sy = 1, sz = 1, glow = false) { const m = mesh(g, new T.SphereGeometry(r, 12, 8), c, x, y, z, 0, 0, 0, glow); m.scale.set(sx, sy, sz); return m; } function cyl(g, rt, rb, h, c, x, y, z, n = 12) { return mesh(g, new T.CylinderGeometry(rt, rb, h, n), c, x, y, z); } function cone(g, r, h, c, x, y, z, n = 9) { return cyl(g, 0, r, h, c, x, y, z, n); } function ring(g, radius, tube, color, x, y, z, sx = 1, sz = 1) { const m = mesh(g, new T.TorusGeometry(radius, tube, 8, 48), color, x, y, z, Math.PI / 2); m.scale.set(sx, sz, 1); return m; } const snow = "#f7f4ff", snowShadow = "#d9d4f3", wood = "#a35732", darkWood = "#633b38", red = "#d74542", green = "#25876b", gold = "#f6c85b", warm = "#ffe49a", ink = "#3a2230"; api.world({ sky: "#b9dcec", haze: "#e1edf4", shadow: "#9c8dc4" }); const ground = new T.Group(); mesh(ground, new T.CircleGeometry(600, 96), snow, 0, 0.025, 0, -Math.PI / 2); position(ground, 0, 0); add(ground, "snowy-ground", "a broad blanket of snow over the town square", false); // Oval rink with a low, walk-through rim and painted skating swirls. const rink = new T.Group(); const ice = mesh(rink, new T.CircleGeometry(1, 64), "#a6e3e9", 0, 0.055, 0, -Math.PI / 2); ice.scale.set(9, 6, 1); ring(rink, 1, 0.035, "#f7f4ff", 0, 0.11, 0, 9, 6); ring(rink, 1, 0.012, "#d7f7f4", -2, 0.085, 0.4, 2.4, 1.1); ring(rink, 1, 0.012, "#d7f7f4", 2, 0.087, -1, 2, 0.8); for (let i = 0; i < 12; i++) { const a = i * Math.PI * 2 / 12; ball(rink, 0.16, snow, 9 * Math.cos(a), 0.16, 6 * Math.sin(a), 1.3, 0.7, 1.3); } position(rink, 0, 17); add(rink, "ice-rink", "an oval ice skating rink with snowy edges", false); // Giant layered Christmas tree. const tree = new T.Group(); cyl(tree, 0.7, 0.85, 2.2, darkWood, 0, 1.1, 0); const tiers = [ [4.9, 4.4, 3.2], [4.2, 4.0, 5.6], [3.4, 3.6, 7.8], [2.6, 3.1, 9.7], [1.8, 2.6, 11.3] ]; for (const [r, h, y] of tiers) { cone(tree, r, h, "#267f5d", 0, y, 0, 10); ring(tree, r * 0.88, 0.10, "#f5e7ac", 0, y - h * 0.37, 0); } for (let i = 0; i < 45; i++) { const y = 1.8 + (i % 9) * 1.13; const radius = Math.max(0.55, 4.5 * (1 - (y - 1.8) / 12)); const a = i * 2.399; ball(tree, 0.22 + (i % 3) * 0.035, [red, gold, "#ed91bd", "#89d9e9"][i % 4], Math.cos(a) * radius, y, Math.sin(a) * radius); } const starShape = new T.Shape(); for (let i = 0; i < 10; i++) { const a = Math.PI / 2 + i * Math.PI / 5; const r = i % 2 ? 0.45 : 1.05; if (!i) starShape.moveTo(Math.cos(a) * r, Math.sin(a) * r); else starShape.lineTo(Math.cos(a) * r, Math.sin(a) * r); } starShape.closePath(); mesh(tree, new T.ExtrudeGeometry(starShape, { depth: 0.22, bevelEnabled: false }), gold, 0, 13.35, 0, 0, 0, 0, true); for (let i = 0; i < 7; i++) { const a = i * Math.PI * 2 / 7, x = Math.cos(a) * 3.1, z = Math.sin(a) * 3.1; box(tree, 0.9, 0.7, 0.8, [red, "#b997e1", "#e8bd4b"][i % 3], x, 0.38, z); box(tree, 0.12, 0.73, 0.82, "#fff2bb", x, 0.39, z); box(tree, 0.92, 0.73, 0.12, "#fff2bb", x, 0.39, z); } position(tree, -16, 17); add(tree, "christmas-tree", "a giant decorated Christmas tree with a golden star and presents"); // Wooden market stalls, each open at the front. const stallColors = [red, green, "#c55a4b", "#6c9f89", "#bd5466"]; for (let s = 0; s < 5; s++) { const g = new T.Group(); box(g, 5.5, 0.25, 3.6, darkWood, 0, 0.15, 0); box(g, 5.25, 2.7, 0.22, wood, 0, 1.55, 1.62); box(g, 0.22, 3.3, 3.3, wood, -2.55, 1.75, 0); box(g, 0.22, 3.3, 3.3, wood, 2.55, 1.75, 0); for (const x of [-2.45, 2.45]) for (const z of [-1.55, 1.5]) cyl(g, 0.13, 0.13, 3.9, darkWood, x, 2.0, z, 8); box(g, 5.4, 1.0, 0.25, wood, 0, 0.78, -1.45); box(g, 5.65, 0.22, 0.8, "#e2ad6b", 0, 1.38, -1.42); for (let j = 0; j < 7; j++) box(g, 0.08, 0.9, 0.03, darkWood, -2.25 + j * 0.75, 0.8, -1.59); box(g, 3.15, 0.22, 4.1, stallColors[s], -1.39, 3.92, 0, 0.32); box(g, 3.15, 0.22, 4.1, stallColors[s], 1.39, 3.92, 0, -0.32); box(g, 3.2, 0.09, 4.12, snow, -1.39, 4.05, 0, 0.32); box(g, 3.2, 0.09, 4.12, snow, 1.39, 4.05, 0, -0.32); for (let j = 0; j < 9; j++) { const x = -2.2 + j * 0.55; ball(g, 0.11, j % 2 ? warm : "#f6a2a1", x, 3.42 - 0.18 * Math.sin(j * Math.PI / 8), -1.72, 1, 1, 1, true); } // A different little display on each counter. for (let j = 0; j < 3; j++) { const x = -1.4 + j * 1.4; if (s === 0) { cyl(g, 0.22, 0.18, 0.36, "#f5dbba", x, 1.68, -1.4); ring(g, 0.12, 0.035, red, x + 0.23, 1.7, -1.4); } else if (s === 1) { box(g, 0.55, 0.48, 0.5, [red, gold, "#a995dc"][j], x, 1.72, -1.4); box(g, 0.08, 0.5, 0.52, snow, x, 1.73, -1.4); } else if (s === 2) { cyl(g, 0.18, 0.23, 0.27, "#d08a46", x, 1.64, -1.4); ball(g, 0.2, "#fff0ca", x, 1.82, -1.4, 1, 0.6, 1); } else if (s === 3) { cone(g, 0.26, 0.65, green, x, 1.82, -1.4); ball(g, 0.07, gold, x, 2.15, -1.4, 1, 1, 1, true); } else { cyl(g, 0.16, 0.2, 0.35, "#d5a167", x, 1.69, -1.4); ball(g, 0.15, "#f4a4bb", x, 1.92, -1.4); } } position(g, -18 + s * 9, 34); add(g, "market-stall-" + (s + 1), "a glowing wooden Christmas market stall with festive treats"); } // Carousel: fixed base and roof, rotating horses and poles. const carousel = new T.Group(); cyl(carousel, 4.8, 4.9, 0.3, red, 0, 0.18, 0, 24); cyl(carousel, 4.55, 4.55, 0.08, "#f4d89b", 0, 0.37, 0, 24); cyl(carousel, 0.45, 0.55, 5.0, gold, 0, 2.85, 0); cyl(carousel, 4.7, 4.7, 0.25, red, 0, 5.1, 0, 24); cone(carousel, 4.9, 2.4, "#e96662", 0, 6.4, 0, 16); cone(carousel, 3.6, 1.8, "#f6e8c9", 0, 6.65, 0, 16); ball(carousel, 0.32, gold, 0, 7.65, 0, 1, 1, 1, true); for (let i = 0; i < 24; i++) { const a = i * Math.PI * 2 / 24; ball(carousel, 0.13, i % 2 ? warm : "#f7aabb", 4.5 * Math.cos(a), 5.08, 4.5 * Math.sin(a), 1, 1, 1, true); } const turntable = new T.Group(); carousel.add(turntable); const horses = []; for (let i = 0; i < 6; i++) { const a = i * Math.PI * 2 / 6; const mount = new T.Group(); mount.position.set(3.05 * Math.cos(a), 0, 3.05 * Math.sin(a)); mount.rotation.y = -a; turntable.add(mount); cyl(mount, 0.07, 0.07, 4.45, gold, 0, 2.72, 0, 8); const horse = new T.Group(); mount.add(horse); horses.push(horse); const coat = ["#f7e6d6", "#e7b17e", "#d9c7ef"][i % 3]; ball(horse, 0.65, coat, 0, 1.75, 0, 1.15, 0.8, 0.58); ball(horse, 0.43, coat, 0.72, 2.18, 0, 0.8, 1.1, 0.7); ball(horse, 0.33, coat, 0.98, 2.02, 0, 1.1, 0.7, 0.75); for (const x of [-0.42, 0.45]) for (const z of [-0.28, 0.28]) { box(horse, 0.16, 0.8, 0.16, coat, x, 1.14, z, x < 0 ? -0.13 : 0.13); box(horse, 0.23, 0.12, 0.22, darkWood, x, 0.74, z); } cone(horse, 0.14, 0.35, coat, 0.69, 2.66, -0.14); cone(horse, 0.14, 0.35, coat, 0.69, 2.66, 0.14); ball(horse, 0.12, "#ffffff", 0.91, 2.3, -0.27, 1, 1, 0.55); ball(horse, 0.047, "#17101c", 0.94, 2.3, -0.34); ball(horse, 0.12, "#ffffff", 0.91, 2.3, 0.27, 1, 1, 0.55); ball(horse, 0.047, "#17101c", 0.94, 2.3, 0.34); box(horse, 0.62, 0.16, 0.72, [red, "#a377c6", green][i % 3], 0, 2.27, 0); ball(horse, 0.32, "#d88852", -0.78, 1.9, 0, 1, 0.7, 0.45); } position(carousel, 16, 20); add(carousel, "festive-carousel", "a brightly lit carousel with bobbing wooden horses"); api.onFrame((dt, t) => { turntable.rotation.y += dt * 0.22; horses.forEach((h, i) => { h.position.y = 0.22 * Math.sin(t * 1.5 + i * 1.1); }); }); // Cozy, snow-roofed town houses beyond the stalls. for (let i = 0; i < 5; i++) { const g = new T.Group(); const wall = ["#d58a72", "#d9b879", "#aa91bc", "#e0a595", "#8eaaa0"][i]; box(g, 8, 6, 6, wall, 0, 3, 0); box(g, 4.6, 0.35, 6.6, "#854d4c", -2.05, 6.55, 0, 0.46); box(g, 4.6, 0.35, 6.6, "#854d4c", 2.05, 6.55, 0, -0.46); box(g, 4.7, 0.14, 6.65, snow, -2.05, 6.77, 0, 0.46); box(g, 4.7, 0.14, 6.65, snow, 2.05, 6.77, 0, -0.46); box(g, 1.5, 2.7, 0.16, darkWood, 0, 1.35, -3.09); ball(g, 0.08, gold, 0.5, 1.3, -3.2); for (const x of [-2.5, 2.5]) { for (const y of [2.0, 4.5]) { box(g, 1.35, 1.35, 0.12, "#6a4b52", x, y, -3.09); box(g, 1.08, 1.08, 0.08, warm, x, y, -3.17); box(g, 0.09, 1.1, 0.1, darkWood, x, y, -3.24); box(g, 1.1, 0.09, 0.1, darkWood, x, y, -3.24); box(g, 1.45, 0.14, 0.3, snow, x, y - 0.75, -3.12); } } box(g, 0.75, 1.8, 0.8, darkWood, 2.4, 7.3, 1); box(g, 0.95, 0.16, 1, snow, 2.4, 8.23, 1); position(g, -20 + i * 10, 46); add(g, "town-house-" + (i + 1), "a cozy snow-roofed town house with glowing windows"); } // Lamps and snow-covered benches along the square. for (const [i, x, z] of [[0, -10, 6], [1, 10, 6], [2, -10, 28], [3, 10, 28]]) { const g = new T.Group(); cyl(g, 0.22, 0.33, 0.35, darkWood, 0, 0.18, 0); cyl(g, 0.09, 0.12, 3.4, darkWood, 0, 1.9, 0, 8); box(g, 0.65, 0.85, 0.65, gold, 0, 3.8, 0); box(g, 0.49, 0.66, 0.68, warm, 0, 3.8, 0); cone(g, 0.58, 0.5, darkWood, 0, 4.48, 0, 4); ball(g, 0.18, snow, 0, 4.73, 0, 1.3, 0.6, 1.3); position(g, x, z); add(g, "square-lamp-" + i, "a warm lantern lighting the snowy square"); } for (const [i, x] of [[0, -7], [1, 7]]) { const g = new T.Group(); box(g, 2.5, 0.18, 0.8, wood, 0, 0.65, 0); box(g, 2.5, 0.12, 0.85, snow, 0, 0.79, 0); box(g, 2.5, 0.7, 0.15, wood, 0, 1.1, 0.34); for (const dx of [-0.95, 0.95]) box(g, 0.18, 0.6, 0.65, darkWood, dx, 0.32, 0); position(g, x, 4); add(g, "snowy-bench-" + i, "a little snow-dusted wooden bench"); } api.particles({ type: "particles", kind: "snow", place: { where: "here", height: 22 }, area: [75, 75], rate: 140, velocity: [0.15, -1.1, 0.08], jitter: 0.4, gravity: 0.08, life: 18, size: 0.13, colors: ["#ffffff", "#e4e3ff"], duration: 0 }); api.say = "I built a snowy Christmas market with glowing stalls, a giant tree, an ice rink, and a spinning carousel. Snow is falling gently over the square."; api.suggest = [ "Add skaters gliding around the rink", "Put a friendly snowman by the stalls", "Make it a starry winter night", "Add a sleigh pulled by reindeer" ];