const T = api.THREE; const mats = {}; function mat(c) { return mats[c] || (mats[c] = api.toon(c)); } function box(g, x, y, z, w, h, d, c, rz = 0) { const m = new T.Mesh(new T.BoxGeometry(w, h, d), mat(c)); m.position.set(x, y, z); m.rotation.z = rz; g.add(m); return m; } function ball(g, x, y, z, w, h, d, c) { const m = new T.Mesh(new T.SphereGeometry(1, 12, 8), mat(c)); m.position.set(x, y, z); m.scale.set(w / 2, h / 2, d / 2); g.add(m); return m; } function cyl(g, x, y, z, r1, r2, h, c, rz = 0) { const m = new T.Mesh(new T.CylinderGeometry(r1, r2, h, 12), mat(c)); m.position.set(x, y, z); m.rotation.z = rz; g.add(m); return m; } 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 origin = new T.Vector3(api.player.x, 0, api.player.z); function worldPos(x, y, z) { return new T.Vector3(x, y, z).applyAxisAngle(new T.Vector3(0, 1, 0), angle).add(origin); } function put(g, id, describe, x = 0, y = 0, z = 0, solid = true) { g.position.copy(worldPos(x, y, z)); g.rotation.y = angle; api.add(g, { id, describe, solid }); return g; } api.world({ sky: "#a9d8ea", haze: "#d6eacb", shadow: "#8870a7" }); const ground = new T.Mesh(new T.CircleGeometry(600, 96), mat("#87c966")); ground.rotation.x = -Math.PI / 2; ground.position.set(api.player.x, 0.02, api.player.z); api.add(ground, { id: "valley-grass", describe: "green grass across the valley", solid: false }); // A winding ribbon of water runs under the bridge. const river = new T.Group(); const verts = [], indices = []; const n = 100; for (let i = 0; i <= n; i++) { const z = -90 + i * 3; const center = 3 * Math.sin(z * 0.032) + 1.5 * Math.sin(z * 0.07); const width = 8 + 1.2 * Math.sin(z * 0.04); verts.push(center - width / 2, 0.065, z, center + width / 2, 0.065, z); if (i < n) { const a = i * 2; indices.push(a, a + 2, a + 1, a + 1, a + 2, a + 3); } } const rg = new T.BufferGeometry(); rg.setAttribute("position", new T.Float32BufferAttribute(verts, 3)); rg.setIndex(indices); rg.computeVertexNormals(); river.add(new T.Mesh(rg, mat("#55bfc1"))); for (let i = 0; i < 35; i++) { const z = -65 + i * 5.5; const x = 3 * Math.sin(z * 0.032) + 1.5 * Math.sin(z * 0.07) + (i % 3 - 1) * 1.5; box(river, x, 0.09, z, 1.2 + (i % 3) * 0.4, 0.025, 0.09, "#d5f4e4", (i % 2 ? 0.04 : -0.04)); } put(river, "valley-river", "a winding river beneath the viaduct", 0, 0, 0, false); // Rounded slopes frame the valley without filling its open center. const hills = new T.Group(); const hillData = [ [-55, 13, 15, 66, 27, 75, "#6fb65e"], [57, 12, 18, 68, 25, 76, "#79bd62"], [-67, 14, 74, 75, 30, 85, "#72b45c"], [72, 15, 78, 82, 32, 90, "#83c26b"], [-88, 20, 150, 100, 42, 100, "#91c778"], [93, 19, 155, 110, 40, 100, "#8dc47b"], [-20, 13, 197, 130, 28, 100, "#a3ce84"], [83, 12, 211, 110, 27, 100, "#a5ce88"] ]; for (const h of hillData) ball(hills, ...h); put(hills, "valley-hills", "rolling green hills around the river", 0, 0, 0, false); // Seven open masonry arches, with a proper deck and rails above. const bridge = new T.Group(); const stone = ["#d4bb9a", "#c9ad90", "#dcc5a5", "#bca48f"]; for (let i = 0; i <= 7; i++) { const x = -42 + i * 12; box(bridge, x, 3.6, 0, 1.8, 7.2, 6.4, stone[i % 4]); box(bridge, x, 0.35, 0, 2.5, 0.7, 7.1, "#b59c87"); box(bridge, x, 7.05, 0, 2.2, 0.45, 6.8, "#e1c9a7"); for (let j = 1; j < 7; j++) { box(bridge, x, j, 3.23, 1.75, 0.035, 0.035, "#a98f83"); box(bridge, x, j, -3.23, 1.75, 0.035, 0.035, "#a98f83"); } } for (let a = 0; a < 7; a++) { const cx = -36 + a * 12; for (let j = 0; j < 15; j++) { const theta = (j + 0.5) * Math.PI / 15; const x = cx + 5.45 * Math.cos(theta); const y = 7.1 + 5.45 * Math.sin(theta); box(bridge, x, y, 0, 1.25, 0.9, 6.35, stone[(a + j) % 4], theta + Math.PI / 2); } } box(bridge, 0, 12.95, 0, 87, 0.9, 7.0, "#cbb394"); box(bridge, 0, 13.46, 0, 87, 0.17, 6.6, "#9b806d"); for (const z of [-3.25, 3.25]) { box(bridge, 0, 13.86, z, 87, 0.65, 0.42, "#d9c1a2"); box(bridge, 0, 14.22, z, 87, 0.14, 0.62, "#ead4b2"); for (let x = -42; x <= 42; x += 3) box(bridge, x, 13.87, z * 1.012, 0.035, 0.58, 0.04, "#a88e80"); } for (let x = -42.5; x <= 42.5; x += 1) { box(bridge, x, 13.59, 0, 0.25, 0.16, 3.1, "#745055"); } for (const z of [-0.83, 0.83]) box(bridge, 0, 13.72, z, 87, 0.12, 0.13, "#554858"); put(bridge, "stone-viaduct", "a tall seven-arched stone railway viaduct", 0, 0, 49); // Locomotive and carriages point along local +z; the assembly moves across the bridge. const trainRoot = new T.Group(); const train = new T.Group(); train.rotation.y = Math.PI / 2; trainRoot.add(train); const wheels = []; function wheel(x, z, radius) { const pivot = new T.Group(); pivot.position.set(x, radius + 0.12, z); const tire = cyl(pivot, 0, 0, 0, radius, radius, 0.22, "#4c3246", Math.PI / 2); cyl(pivot, x > 0 ? 0.13 : -0.13, 0, 0, radius * 0.72, radius * 0.72, 0.05, "#db6851", Math.PI / 2); for (let k = 0; k < 4; k++) { const a = k * Math.PI / 4; const spoke = box(pivot, x > 0 ? 0.17 : -0.17, 0, 0, 0.06, radius * 1.3, 0.07, "#eacb9b"); spoke.rotation.x = a; } train.add(pivot); wheels.push(pivot); } box(train, 0, 0.94, 2.1, 2.5, 0.45, 8.6, "#633b43"); box(train, 0, 1.18, 5.8, 2.7, 0.24, 1.1, "#bd4e3f"); for (const z of [-0.6, 1.8, 4.0]) for (const x of [-1.13, 1.13]) wheel(x, z, z === 1.8 ? 0.72 : 0.58); const boiler = cyl(train, 0, 2.05, 2.6, 0.94, 0.94, 5.5, "#376f62"); boiler.rotation.x = Math.PI / 2; for (const z of [0.6, 2.7, 4.65]) { const band = cyl(train, 0, 2.05, z, 0.975, 0.975, 0.13, "#e4b85e"); band.rotation.x = Math.PI / 2; } const front = cyl(train, 0, 2.05, 5.4, 0.88, 0.88, 0.16, "#51404b"); front.rotation.x = Math.PI / 2; ball(train, 0, 2.25, 5.52, 0.38, 0.38, 0.18, "#e7bd64"); box(train, 0, 0.78, 6.35, 2.65, 0.65, 0.4, "#b6443d"); box(train, 0, 0.42, 6.55, 2.5, 0.3, 0.6, "#dd8a52"); cyl(train, 0, 3.24, 4.2, 0.36, 0.48, 1.15, "#493746"); const chimney = cyl(train, 0, 3.85, 4.2, 0.48, 0.38, 0.18, "#563b49"); chimney.name = "chimney"; cyl(train, 0, 3.08, 1.55, 0.37, 0.48, 0.65, "#d5a954"); cyl(train, 0, 3.44, 1.55, 0.22, 0.32, 0.12, "#edc96e"); box(train, 0, 2.22, -1.3, 2.55, 2.45, 2.6, "#a9443d"); box(train, 0, 3.53, -1.3, 2.9, 0.26, 2.95, "#653c49"); for (const x of [-1.29, 1.29]) { box(train, x, 2.6, -1.3, 0.07, 0.88, 1.45, "#f6d88b"); box(train, x * 1.005, 2.62, -1.3, 0.08, 0.67, 1.18, "#9fd9d2"); box(train, x * 1.01, 2.62, -1.3, 0.09, 0.7, 0.09, "#784a48"); } box(train, 0, 1.25, -3.15, 1.0, 0.18, 1.1, "#4c3246"); function carriage(z, color) { box(train, 0, 0.95, z, 2.6, 0.35, 6.6, "#61414a"); box(train, 0, 2.05, z, 2.55, 2.0, 6.1, color); box(train, 0, 3.15, z, 2.8, 0.28, 6.5, "#e2bc80"); for (const side of [-1, 1]) { for (const dz of [-2.0, -0.7, 0.7, 2.0]) { box(train, side * 1.29, 2.3, z + dz, 0.06, 0.85, 0.95, "#eed9a9"); box(train, side * 1.33, 2.3, z + dz, 0.07, 0.67, 0.77, "#a6dcd2"); } for (const dz of [-2.1, 2.1]) wheel(side * 1.14, z + dz, 0.5); } box(train, 0, 0.94, z - 3.5, 0.6, 0.15, 0.9, "#503c48"); } carriage(-7.2, "#bc6952"); carriage(-14.2, "#d29753"); put(trainRoot, "steam-train", "an old steam locomotive pulling two coaches across the viaduct", -17, 13.72, 49, false); api.particles({ type: "particles", kind: "smoke", attach: { object: "steam-train", part: "chimney", offset: [0, 0.15, 0] }, area: [0.18, 0.18], rate: 7, velocity: [0, 2.0, -0.5], jitter: 0.5, gravity: -0.15, life: 5, size: 0.65, colors: ["#fffdf3", "#f0f1ed", "#ded8e7"], duration: 0 }); api.onFrame((dt, t) => { const x = -24 + ((t * 1.25) % 64); trainRoot.position.copy(worldPos(x, 13.72, 49)); for (const w of wheels) w.rotation.x = -t * 2.1; train.position.y = 0.035 * Math.sin(t * 8); }); // Village beyond the bridge: warm little houses and a prominent church. const village = new T.Group(); function house(x, z, w, d, color, roof) { box(village, x, 1.6, z, w, 3.2, d, color); const left = box(village, x - w * 0.25, 3.65, z, w * 0.58, 0.25, d + 0.5, roof, 0.55); const right = box(village, x + w * 0.25, 3.65, z, w * 0.58, 0.25, d + 0.5, roof, -0.55); box(village, x - w * 0.22, 4.18, z + d * 0.22, 0.6, 1.35, 0.65, "#bd826e"); box(village, x, 1.05, z - d / 2 - 0.03, 0.85, 2.1, 0.1, "#795349"); for (const dx of [-w * 0.32, w * 0.32]) { box(village, x + dx, 1.95, z - d / 2 - 0.06, 0.85, 0.9, 0.1, "#fff0c7"); box(village, x + dx, 1.95, z - d / 2 - 0.12, 0.65, 0.7, 0.06, "#8fc7ca"); box(village, x + dx, 1.95, z - d / 2 - 0.16, 0.07, 0.7, 0.04, "#fff0c7"); } } house(-29, 111, 6, 5, "#f0dbac", "#b75d4b"); house(-18, 117, 5.5, 5, "#ead0ae", "#a75d55"); house(16, 116, 6.5, 5.3, "#f0dda9", "#bc7550"); house(27, 121, 5.5, 5, "#ead1bd", "#9d5d59"); house(-35, 126, 6, 5, "#eed9bc", "#bd7459"); house(36, 131, 6, 5, "#f1deb4", "#a75b4b"); // Church nave and square tower, with a pointed steeple. box(village, 0, 2.7, 129, 8, 5.4, 12, "#e4d5b4"); box(village, -2.05, 6.0, 129, 4.9, 0.3, 12.8, "#a96357", 0.55); box(village, 2.05, 6.0, 129, 4.9, 0.3, 12.8, "#a96357", -0.55); box(village, 0, 5.4, 121.5, 5.3, 10.8, 4.9, "#dccbab"); box(village, 0, 1.35, 118.98, 1.6, 2.7, 0.12, "#79534a"); ball(village, 0, 2.65, 118.91, 1.6, 0.9, 0.12, "#79534a"); for (const x of [-1.55, 1.55]) { box(village, x, 7.6, 118.98, 0.8, 1.8, 0.12, "#709da5"); ball(village, x, 8.45, 118.9, 0.8, 0.8, 0.12, "#709da5"); } cyl(village, 0, 12.8, 121.5, 0, 4.0, 4.2, "#a85f58").rotation.y = Math.PI / 4; cyl(village, 0, 15.1, 121.5, 0.11, 0.11, 0.9, "#e6bb61"); for (const side of [-1, 1]) for (const z of [125, 129, 133]) { box(village, side * 4.05, 3.1, z, 0.1, 1.8, 0.85, "#87b7b7"); ball(village, side * 4.07, 4.0, z, 0.12, 0.85, 0.85, "#87b7b7"); } put(village, "distant-village", "a little village with a stone church and pointed steeple", 0, 0, 0, false); // Trees and flowers on the valley floor. const foliage = new T.Group(); const trees = [[-28,12],[-38,28],[29,17],[40,36],[-29,78],[31,83],[-45,99],[46,102],[-48,137],[50,142],[-14,146],[20,149]]; for (let i = 0; i < trees.length; i++) { const [x,z] = trees[i]; const s = 0.8 + (i % 3) * 0.18; cyl(foliage, x, 1.5*s, z, 0.32*s, 0.48*s, 3*s, "#966449"); ball(foliage, x, 4*s, z, 4.3*s, 4.1*s, 4*s, i % 2 ? "#4d9e5d" : "#58aa62"); ball(foliage, x - 1.1*s, 3.7*s, z + 0.3*s, 2.5*s, 2.6*s, 2.5*s, "#70b96a"); ball(foliage, x + 1.0*s, 4.2*s, z - 0.3*s, 2.5*s, 2.6*s, 2.6*s, "#63af62"); } for (let i = 0; i < 50; i++) { const x = (i % 2 ? -1 : 1) * (9 + (i * 17 % 39)); const z = 4 + (i * 23 % 90); cyl(foliage, x, 0.18, z, 0.025, 0.035, 0.35, "#4b9758"); ball(foliage, x, 0.4, z, 0.24, 0.2, 0.24, i % 3 ? "#f5e6a2" : "#f2a6c3"); } put(foliage, "valley-trees", "trees and wildflowers scattered across the valley", 0, 0, 0, false); // Sheep graze and wander on both sides of the river. const sheepSpots = [[-18,24],[-25,31],[-20,39],[20,27],[27,35],[34,50],[-32,61],[25,70]]; for (let i = 0; i < sheepSpots.length; i++) { const parts = [ { name: "fleece", shape: "sphere", size: [1.15, 1.05, 1.55], pos: [0, 0.95, 0], color: "#fff4df" }, { name: "head", shape: "sphere", size: [0.65, 0.66, 0.65], pos: [0, 1.18, 0.86], color: "#7b655c" }, { name: "wool-cap", shape: "sphere", size: [0.72, 0.4, 0.62], pos: [0, 1.52, 0.75], color: "#fff4df" }, { name: "eye-left", shape: "eye", size: [0.22, 0.24, 0.12], pos: [0.2, 1.28, 1.14], color: "#ffffff" }, { name: "eye-right", shape: "eye", size: [0.2, 0.22, 0.12], pos: [-0.2, 1.28, 1.14], color: "#ffffff" }, { name: "ear", shape: "sphere", size: [0.38, 0.16, 0.23], pos: [0.43, 1.24, 0.77], color: "#8a7165", mirror: true }, { name: "leg-front", shape: "capsule", size: [0.18, 0.55, 0.18], pos: [0.38, 0.47, 0.5], anchor: "top", color: "#756058", mirror: true }, { name: "leg-back", shape: "capsule", size: [0.18, 0.55, 0.18], pos: [0.38, 0.47, -0.52], anchor: "top", color: "#756058", mirror: true }, { name: "tail", shape: "sphere", size: [0.3, 0.3, 0.3], pos: [0, 1.08, -0.8], color: "#fff4df" } ]; const s = api.build({ parts, motion: { type: "wander", speed: 0.35, radius: 3 }, anim: [ { part: "leg-front", prop: "rx", amp: 25, speed: 1.3, walk: true }, { part: "leg-back", prop: "rx", amp: 25, speed: 1.3, phase: 0.5, walk: true } ] }); put(s, "sheep-" + (i + 1), "a woolly sheep grazing in the valley", sheepSpots[i][0], 0, sheepSpots[i][1]); } // Distant sun and drifting cloud banks. const sky = new T.Group(); ball(sky, -100, 100, 240, 46, 46, 6, "#ffe6a0"); for (let i = 0; i < 5; i++) { const x = -135 + i * 65, y = 75 + (i % 2) * 14, z = 195 + (i % 3) * 18; ball(sky, x, y, z, 34, 11, 8, "#fff8ee"); ball(sky, x - 9, y + 4, z, 16, 12, 8, "#fff8ee"); ball(sky, x + 7, y + 5, z, 20, 14, 8, "#fff8ee"); } put(sky, "valley-sky", "a warm sun and soft clouds over the valley", 0, 0, 0, false); api.say = "I built a green valley with a chugging steam train on a tall stone viaduct, sheep, a river, and a village church in the distance."; api.suggest = [ "Add a little station beside the viaduct", "Put a waterfall on the river", "Make the sky glow at sunset", "Add a flock of birds over the hills" ];