const T = api.THREE; const ink = "#3a2230"; const mat = (c, glow = false) => api.toon(c, glow ? { glow: true } : {}); const green = mat("#61b96a"), hillGreen = mat("#74c86b"), darkGreen = mat("#398e58"); const grass = mat("#62bd70"), dirt = mat("#b77b54"), pathMat = mat("#e9c58b"); const wood = mat("#a65e3d"), woodDark = mat("#704552"), doorMat = mat("#347e49"); const orange = mat("#ef8a3c"), pumpkinDark = mat("#c95f36"), leaf = mat("#4b9e52"); const water = mat("#6acbd0"), cream = mat("#f3dcb0"), yellow = mat("#ffd66e", true); const stone = mat("#b9a3b1"), white = mat("#f5edcf"); api.world({ sky: "#a9d8ea", haze: "#cce8dd", shadow: "#8a70aa" }); const ground = new T.Mesh(new T.CircleGeometry(600, 96), grass); ground.rotation.x = -Math.PI / 2; ground.position.y = 0.02; api.add(ground, { id: "grassy-ground", describe: "a broad meadow of soft green grass", 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 world(x, z) { return new T.Vector3( origin.x + Math.cos(angle) * x + Math.sin(angle) * z, 0, origin.z - Math.sin(angle) * x + Math.cos(angle) * z ); } function villageGroup(x, z) { const g = new T.Group(); g.position.copy(world(x, z)); g.rotation.y = angle; return g; } function mesh(g, geometry, material, x, y, z, rx = 0, ry = 0, rz = 0, name = "") { const m = new T.Mesh(geometry, material); m.position.set(x, y, z); m.rotation.set(rx, ry, rz); if (name) m.name = name; g.add(m); return m; } function ellipsoid(g, material, x, y, z, sx, sy, sz, name = "") { const m = mesh(g, new T.SphereGeometry(1, 20, 12), material, x, y, z, 0, 0, 0, name); m.scale.set(sx, sy, sz); return m; } function box(g, material, x, y, z, sx, sy, sz, rz = 0, name = "") { return mesh(g, new T.BoxGeometry(sx, sy, sz), material, x, y, z, 0, 0, rz, name); } function cyl(g, material, x, y, z, r, h, rx = 0, name = "") { return mesh(g, new T.CylinderGeometry(r, r, h, 16), material, x, y, z, rx, 0, 0, name); } // The path is a low ribbon, with curved branches to the doorsteps. const paths = villageGroup(0, 0); function ribbon(points, width) { const curve = new T.CatmullRomCurve3(points.map(p => new T.Vector3(p[0], 0.055, p[1]))); const pts = curve.getPoints(120); const verts = [], indices = []; for (let i = 0; i < pts.length; i++) { const a = pts[Math.max(0, i - 1)], b = pts[Math.min(pts.length - 1, i + 1)]; const dx = b.x - a.x, dz = b.z - a.z, len = Math.hypot(dx, dz) || 1; const nx = -dz / len * width / 2, nz = dx / len * width / 2; verts.push(pts[i].x + nx, 0.055, pts[i].z + nz, pts[i].x - nx, 0.055, pts[i].z - nz); if (i) { const k = i * 2; indices.push(k - 2, k, k - 1, k - 1, k, k + 1); } } const geo = new T.BufferGeometry(); geo.setAttribute("position", new T.Float32BufferAttribute(verts, 3)); geo.setIndex(indices); geo.computeVertexNormals(); const m = new T.Mesh(geo, pathMat); m.material.side = T.DoubleSide; paths.add(m); } ribbon([[0,-2],[0,5],[-2,10],[1,15],[1,20],[-2,25],[1,30],[4,34],[6,39],[4,46]], 2.3); ribbon([[-1,11],[-4,12],[-7,13.6]], 1.25); ribbon([[1,17],[4,17],[7,18.6]], 1.25); ribbon([[-1,25],[-4,26],[-7,28.6]], 1.25); ribbon([[3,32],[7,32],[11,32.5]], 1.35); api.add(paths, { id: "winding-village-path", describe: "a winding sandy path branching through the village", solid: false }); function makeHouse(id, x, z, color, variant) { const g = villageGroup(x, z); // The raised grassy mound forms the roof and slopes down behind the front. ellipsoid(g, color, 0, 0.1, 1.25, 4.5, 3.4, 4.4, "grassy-hill"); ellipsoid(g, darkGreen, 0, 1.17, -2.32, 2.5, 1.8, 0.22, "front-facade"); ellipsoid(g, cream, 0, 1.2, -2.48, 2.28, 1.63, 0.12); // Circular door faces down the path. cyl(g, woodDark, 0, 1.12, -2.66, 1.18, 0.18, Math.PI / 2, "door-frame"); cyl(g, doorMat, 0, 1.12, -2.77, 1.03, 0.12, Math.PI / 2, "round-green-door"); for (let i = -2; i <= 2; i++) { const xx = i * 0.32; const h = 2 * Math.sqrt(Math.max(0, 1.0 - xx * xx)); box(g, darkGreen, xx, 1.12, -2.85, 0.025, h * 0.95, 0.025); } ellipsoid(g, yellow, 0.42, 1.15, -2.91, 0.09, 0.09, 0.055, "door-knob"); // Two round windows, with crossbars. for (const s of [-1, 1]) { cyl(g, woodDark, s * 1.65, 1.37, -2.59, 0.40, 0.12, Math.PI / 2); cyl(g, yellow, s * 1.65, 1.37, -2.67, 0.31, 0.08, Math.PI / 2); box(g, woodDark, s * 1.65, 1.37, -2.73, 0.06, 0.60, 0.04); box(g, woodDark, s * 1.65, 1.37, -2.73, 0.60, 0.06, 0.04); box(g, wood, s * 1.65, 0.89, -2.7, 0.92, 0.13, 0.28); for (let j = -1; j <= 1; j++) { ellipsoid(g, j === 0 ? mat("#f08cc0") : mat("#f6d56b"), s * 1.65 + j * 0.22, 1.02, -2.73, 0.12, 0.11, 0.10); } } // Chimney emerges from the hilltop. box(g, stone, 1.35, 3.14, 1.15, 0.55, 1.2, 0.58, 0, "chimney"); box(g, woodDark, 1.35, 3.77, 1.15, 0.72, 0.16, 0.73); box(g, dirt, 0, 0.16, -3.13, 2.4, 0.25, 0.65); api.add(g, { id, describe: "a cozy grassy hill home with a round green door" }); api.particles({ type: "particles", kind: "smoke", attach: { object: id, part: "chimney", offset: [0, 0.65, 0] }, area: [0.18, 0.18], rate: 3, velocity: [0.25, 0.9, 0], jitter: 0.25, gravity: -0.12, life: 3.5, size: 0.45, colors: ["#f3e9e1", "#d6c5de", "#eee1d4"], duration: 0 }); } makeHouse("west-hill-home", -7, 16.5, hillGreen, 0); makeHouse("east-hill-home", 7, 21.5, green, 1); makeHouse("upper-hill-home", -7, 31.5, hillGreen, 2); function garden(id, x, z, seed) { const g = villageGroup(x, z); box(g, dirt, 0, 0.14, 0, 4.0, 0.24, 2.8); for (let i = 0; i < 5; i++) { const px = -1.42 + (i % 3) * 1.36 + (i > 2 ? 0.35 : 0); const pz = i < 3 ? -0.65 : 0.65; const scale = (i === 1 ? 1.0 : 0.65 + (i % 2) * 0.12); ellipsoid(g, orange, px, 0.32 + scale * 0.46, pz, scale * 0.76, scale * 0.57, scale * 0.70, "giant-pumpkin"); for (const k of [-1, 1]) { ellipsoid(g, pumpkinDark, px + k * scale * 0.30, 0.32 + scale * 0.46, pz - scale * 0.52, scale * 0.055, scale * 0.43, scale * 0.055); } cyl(g, woodDark, px, 0.35 + scale * 1.05, pz, 0.09, 0.23); ellipsoid(g, leaf, px + 0.2, 0.38 + scale * 1.04, pz, 0.3, 0.06, 0.14); } for (let k = -2; k <= 2; k++) { box(g, wood, k * 0.9, 0.35, 1.52, 0.08, 0.62, 0.08); } box(g, wood, 0, 0.48, 1.52, 4.0, 0.08, 0.08); api.add(g, { id, describe: "a little garden filled with giant orange pumpkins" }); } garden("west-pumpkin-garden", -12.6, 13.7, 1); garden("east-pumpkin-garden", 12.3, 18.8, 2); garden("upper-pumpkin-garden", -12.4, 28.5, 3); // Pond and stepping stones sit beside the mill, not over the path. const pond = villageGroup(10, 40); ellipsoid(pond, dirt, 0, 0.05, 0, 6.5, 0.07, 4.5); ellipsoid(pond, water, 0, 0.09, 0, 6.1, 0.06, 4.1); for (let i = 0; i < 9; i++) { const a = i * 2 * Math.PI / 9; ellipsoid(pond, stone, Math.cos(a) * 6.0, 0.18, Math.sin(a) * 4.0, 0.32 + (i % 2) * 0.12, 0.2, 0.3); } for (let i = 0; i < 6; i++) { const x = -4.8 + i * 1.75; ellipsoid(pond, leaf, x, 0.17, i % 2 ? 2.5 : -2.4, 0.44, 0.04, 0.33); if (i % 2 === 0) ellipsoid(pond, mat("#f6add2"), x, 0.24, i % 2 ? 2.5 : -2.4, 0.15, 0.12, 0.15); } api.add(pond, { id: "mill-pond", describe: "a little blue mill pond with lily pads and stones", solid: false }); const mill = villageGroup(11, 35); box(mill, cream, 0, 2.1, 0, 4.4, 4.2, 3.6, 0, "mill-building"); box(mill, woodDark, -2.16, 2.1, -1.83, 0.20, 4.2, 0.15); box(mill, woodDark, 2.16, 2.1, -1.83, 0.20, 4.2, 0.15); box(mill, woodDark, 0, 2.6, -1.85, 4.4, 0.16, 0.14); const roof = mesh(mill, new T.ConeGeometry(3.45, 2.0, 4), wood, 0, 5.17, 0, 0, Math.PI / 4); roof.scale.z = 0.86; box(mill, woodDark, -0.65, 1.0, -1.88, 1.1, 2.0, 0.14, 0, "mill-door"); ellipsoid(mill, yellow, -0.35, 1.02, -1.98, 0.08, 0.08, 0.05); cyl(mill, woodDark, 1.05, 2.0, -1.91, 0.55, 0.14, Math.PI / 2); cyl(mill, yellow, 1.05, 2.0, -2.0, 0.44, 0.08, Math.PI / 2); box(mill, woodDark, 1.05, 2.0, -2.06, 0.06, 0.85, 0.04); box(mill, woodDark, 1.05, 2.0, -2.06, 0.85, 0.06, 0.04); // Wheel on the pond-facing side of the mill. const wheel = new T.Group(); wheel.name = "water-wheel"; wheel.position.set(2.32, 1.8, 1.15); mill.add(wheel); mesh(wheel, new T.TorusGeometry(1.65, 0.12, 8, 28), woodDark, 0, 0, 0, 0, Math.PI / 2, 0); cyl(wheel, woodDark, 0, 0, 0, 0.22, 0.55, 0, "wheel-hub").rotation.z = Math.PI / 2; for (let i = 0; i < 8; i++) { const a = i * Math.PI / 4; const spoke = box(wheel, wood, 0, Math.sin(a) * 0.8, Math.cos(a) * 0.8, 0.20, 0.16, 1.60); spoke.rotation.x = -a; const paddle = box(wheel, wood, 0, Math.sin(a) * 1.63, Math.cos(a) * 1.63, 0.65, 0.32, 0.25); paddle.rotation.x = -a; } api.add(mill, { id: "pond-mill", describe: "a little timber mill with a turning water wheel" }); api.onFrame((dt) => { wheel.rotation.x += dt * 0.32; }); function lantern(x, z, id) { const g = villageGroup(x, z); cyl(g, woodDark, 0, 0.85, 0, 0.09, 1.7); box(g, woodDark, 0, 1.75, 0, 0.48, 0.12, 0.48); box(g, yellow, 0, 2.02, 0, 0.35, 0.48, 0.35, 0, "lantern-light"); for (const xx of [-0.19, 0.19]) for (const zz of [-0.19, 0.19]) box(g, woodDark, xx, 2.03, zz, 0.045, 0.52, 0.045); mesh(g, new T.ConeGeometry(0.39, 0.28, 4), woodDark, 0, 2.41, 0, 0, Math.PI / 4); ellipsoid(g, yellow, 0, 2.58, 0, 0.07, 0.07, 0.07); api.add(g, { id, describe: "a warmly glowing lantern post" }); } [[-2.1,5],[2.3,10],[-2.2,17],[2.9,23],[-3.6,29],[3.4,35],[2.1,43]] .forEach((p, i) => lantern(p[0], p[1], "path-lantern-" + (i + 1))); // Scatter little meadow flowers and rounded distant hills. const details = villageGroup(0, 0); const pink = mat("#f08cc0"), gold = mat("#ffdb72"), stem = mat("#398e58"); let randState = 1741; function rnd() { randState = (randState * 1664525 + 1013904223) >>> 0; return randState / 4294967296; } for (let i = 0; i < 65; i++) { const x = (rnd() - 0.5) * 43, z = 5 + rnd() * 44; if (Math.abs(x) < 4) continue; const h = 0.18 + rnd() * 0.2; cyl(details, stem, x, h / 2 + 0.05, z, 0.025, h); ellipsoid(details, i % 2 ? pink : gold, x, h + 0.08, z, 0.12, 0.09, 0.12); } for (const p of [[-23,24,7,4], [23,27,7,4], [-23,47,8,5], [24,51,9,5]]) { ellipsoid(details, p[0] < 0 ? green : hillGreen, p[0], 0.03, p[1], p[2], p[3], p[2] * 0.75); } api.add(details, { id: "village-meadow", describe: "wildflowers and rolling grassy hills around the village", solid: false }); api.say = "I built a cozy hillside village with pumpkin gardens, smoking chimneys, a pond-side mill, and a lantern-lit winding path."; api.suggest = [ "Add a friendly gardener tending the pumpkins", "Put ducks swimming on the mill pond", "Make it a warm golden sunset", "Add a little stone bridge over a stream" ];