const T = api.THREE; 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 right = new T.Vector3(-dir.z, 0, dir.x); const origin = new T.Vector3(api.player.x, 0, api.player.z); const facing = Math.atan2(-dir.x, -dir.z); function point(x, z, y = 0) { return new T.Vector3(origin.x + right.x * x + dir.x * z, y, origin.z + right.z * x + dir.z * z); } function mat(c, glow = false) { return api.toon(c, glow ? {glow: true} : {}); } const mats = { earth: mat("#526b55"), water: mat("#355d64"), water2: mat("#487b78"), bark: mat("#554453"), barkLight: mat("#746054"), leaf: mat("#385a52"), leaf2: mat("#4e6f5b"), moss: mat("#95a987"), moss2: mat("#768f79"), wood: mat("#8f6857"), darkwood: mat("#59434a"), trim: mat("#c39a72"), roof: mat("#514052"), light: mat("#ffd57d", true), glass: mat("#efb55f", true), gator: mat("#547c53"), gatorDark: mat("#3e6448"), gatorLight: mat("#85a663"), ink: mat("#3a2230"), white: mat("#fffbe5"), firefly: mat("#ffed91", true) }; function box(g, name, size, pos, material, rot) { const m = new T.Mesh(new T.BoxGeometry(...size), material); m.name = name; m.position.set(...pos); if (rot) m.rotation.set(...rot); g.add(m); return m; } function ball(g, name, size, pos, material) { const m = new T.Mesh(new T.SphereGeometry(1, 12, 8), material); m.name = name; m.scale.set(size[0] / 2, size[1] / 2, size[2] / 2); m.position.set(...pos); g.add(m); return m; } function cyl(g, name, top, bottom, height, pos, material, rot) { const m = new T.Mesh(new T.CylinderGeometry(top, bottom, height, 9), material); m.name = name; m.position.set(...pos); if (rot) m.rotation.set(...rot); g.add(m); return m; } function tube(g, name, pts, radius, material) { const curve = new T.CatmullRomCurve3(pts.map(p => new T.Vector3(...p))); const m = new T.Mesh(new T.TubeGeometry(curve, 12, radius, 6, false), material); m.name = name; g.add(m); return m; } function addAt(g, id, describe, x, z, y = 0, solid = true) { g.position.copy(point(x, z, y)); g.rotation.y = facing; api.add(g, {id, describe, solid}); return g; } api.world({time: "dusk", sky: "#766b91", haze: "#a08b98", shadow: "#55476d", saturation: 0.85}); const land = new T.Mesh(new T.CircleGeometry(600, 96), mats.earth); land.rotation.x = -Math.PI / 2; land.position.set(api.player.x, 0.02, api.player.z); api.add(land, {id: "bayou-ground", describe: "soft marshy ground", solid: false}); const water = new T.Group(); function pool(x, z, rx, rz, material, y) { const mesh = new T.Mesh(new T.CircleGeometry(1, 48), material); mesh.rotation.x = -Math.PI / 2; mesh.scale.set(rx, rz, 1); mesh.position.set(x, y, z); water.add(mesh); } pool(-13, 9, 15, 25, mats.water, 0.035); pool(-22, 26, 16, 13, mats.water, 0.036); pool(-21, -14, 14, 13, mats.water, 0.037); addAt(water, "still-water", "broad still pools of bayou water", 0, 0, 0, false); const sunset = new T.Group(); ball(sunset, "dusk-sun", [46, 46, 46], [0, 0, 0], mat("#edaa91", true)); addAt(sunset, "dusk-sun", "a hazy peach sun low over the bayou", -55, 230, 55, false); const house = new T.Group(); // Six sturdy piles lift the house above the marsh. for (const x of [-2.6, 0, 2.6]) { for (const z of [-2.1, 2.1]) cyl(house, "stilt", 0.16, 0.22, 1.95, [x, 0.94, z], mats.darkwood); } box(house, "floor", [6.3, 0.28, 5.5], [0, 1.94, 0], mats.darkwood); box(house, "back-wall", [6, 3.3, 0.22], [0, 3.72, -2.55], mats.wood); box(house, "left-wall", [0.22, 3.3, 5], [-2.9, 3.72, 0], mats.wood); box(house, "right-wall", [0.22, 3.3, 5], [2.9, 3.72, 0], mats.wood); // Front wall with an open doorway. box(house, "front-left", [2.2, 3.3, 0.22], [-1.9, 3.72, 2.55], mats.wood); box(house, "front-right", [2.2, 3.3, 0.22], [1.9, 3.72, 2.55], mats.wood); box(house, "door-lintel", [1.65, 0.65, 0.22], [0, 5.04, 2.55], mats.wood); box(house, "doorway-shadow", [1.45, 2.55, 0.08], [0, 3.35, 2.42], mats.darkwood); box(house, "door", [1.15, 2.4, 0.09], [-0.08, 3.3, 2.49], mats.roof); ball(house, "door-knob", [0.12, 0.12, 0.12], [0.35, 3.25, 2.58], mats.light); for (const x of [-1.9, 1.9]) { box(house, "window-frame", [1.25, 1.2, 0.12], [x, 3.85, 2.7], mats.trim); box(house, "warm-window", [1.04, 0.98, 0.05], [x, 3.85, 2.78], mats.glass); box(house, "window-crossbar", [0.08, 1.02, 0.06], [x, 3.85, 2.82], mats.darkwood); box(house, "window-crossbar", [1.05, 0.08, 0.06], [x, 3.85, 2.82], mats.darkwood); } for (let x = -2.65; x <= 2.7; x += 0.6) { box(house, "siding", [0.035, 3.1, 0.035], [x, 3.7, -2.69], mats.trim); } box(house, "porch-floor", [6.3, 0.22, 1.9], [0, 1.95, 3.45], mats.wood); for (let x = -2.9; x <= 3; x += 0.55) { box(house, "porch-plank", [0.025, 0.02, 1.85], [x, 2.07, 3.45], mats.darkwood); } for (const x of [-2.75, 2.75]) { box(house, "porch-post", [0.16, 3.6, 0.16], [x, 3.8, 4.15], mats.trim); box(house, "porch-rail", [0.12, 0.12, 1.55], [x, 2.85, 3.45], mats.trim); } for (const x of [-1.95, 1.95]) { box(house, "front-rail", [1.5, 0.12, 0.12], [x, 2.85, 4.15], mats.trim); } box(house, "porch-roof", [6.5, 0.18, 2.3], [0, 5.55, 3.5], mats.roof, [-0.1, 0, 0]); box(house, "roof-left", [3.65, 0.25, 5.95], [-1.65, 5.83, 0], mats.roof, [0, 0, 0.37]); box(house, "roof-right", [3.65, 0.25, 5.95], [1.65, 5.83, 0], mats.roof, [0, 0, -0.37]); box(house, "roof-ridge", [0.3, 0.25, 6.0], [0, 6.49, 0], mats.trim); box(house, "chimney", [0.65, 1.4, 0.7], [-1.75, 6.1, -1.1], mats.barkLight); // Walkable stairs: each tread rises about 30 cm. for (let i = 0; i < 6; i++) { const h = 0.33 * (i + 1); box(house, "stair", [1.8, h, 0.55], [0, h / 2, 7.17 - i * 0.54], mats.wood); } box(house, "lantern-bracket", [0.12, 0.12, 0.5], [1.05, 4.75, 2.88], mats.darkwood); box(house, "lantern-top", [0.35, 0.1, 0.35], [1.05, 4.68, 3.08], mats.darkwood); const lantern = ball(house, "porch-light", [0.32, 0.46, 0.32], [1.05, 4.4, 3.08], mats.light); box(house, "lantern-bottom", [0.34, 0.08, 0.34], [1.05, 4.13, 3.08], mats.darkwood); addAt(house, "stilt-house", "a weathered stilt house with a glowing porch and walkable steps", 7, 22); // Cypress trees, with flared roots and long hanging Spanish moss. function makeTree(x, z, scale, seed) { const g = new T.Group(); cyl(g, "cypress-trunk", 0.37 * scale, 0.8 * scale, 6.2 * scale, [0, 3.1 * scale, 0], mats.bark); for (let i = 0; i < 5; i++) { const a = i * Math.PI * 2 / 5 + seed; tube(g, "buttress-root", [ [0, 1.25 * scale, 0], [Math.cos(a) * 0.55 * scale, 0.35 * scale, Math.sin(a) * 0.55 * scale], [Math.cos(a) * 1.25 * scale, 0.12 * scale, Math.sin(a) * 1.25 * scale] ], 0.18 * scale, mats.bark); } for (let i = 0; i < 5; i++) { const a = i * 2.4 + seed; const bx = Math.cos(a) * 1.65 * scale, bz = Math.sin(a) * 1.65 * scale; tube(g, "branch", [[0, 4.4 * scale, 0], [bx * 0.5, 5.3 * scale, bz * 0.5], [bx, 5.8 * scale, bz]], 0.14 * scale, mats.bark); ball(g, "cypress-foliage", [2.9 * scale, 1.55 * scale, 2.5 * scale], [bx, 6.05 * scale, bz], i % 2 ? mats.leaf : mats.leaf2); } ball(g, "crown", [3.6 * scale, 2 * scale, 3.5 * scale], [0, 6.6 * scale, 0], mats.leaf); for (let i = 0; i < 11; i++) { const a = i * 2.4 + seed * 1.7; const r = (1.1 + (i % 3) * 0.55) * scale; const mx = Math.cos(a) * r, mz = Math.sin(a) * r; const y = (6.0 + (i % 2) * 0.35) * scale; const len = (1.4 + (i % 4) * 0.42) * scale; tube(g, "spanish-moss", [ [mx, y, mz], [mx + 0.17 * scale, y - len * 0.35, mz], [mx - 0.1 * scale, y - len * 0.7, mz + 0.08 * scale], [mx + 0.08 * scale, y - len, mz] ], 0.055 * scale, i % 2 ? mats.moss : mats.moss2); } addAt(g, "moss-cypress-" + seed, "a cypress tree draped in Spanish moss", x, z); } [ [-25, -5, 1.15], [-27, 12, 1.25], [-25, 29, 1.0], [-15, 36, 1.3], [-3, 36, 1.0], [14, 35, 1.2], [21, 22, 1.1], [22, 8, 1.0], [17, -7, 1.2], [-16, -19, 1.05], [-33, 22, 1.1] ].forEach((v, i) => makeTree(v[0], v[1], v[2], i + 1)); const boat = new T.Group(); ball(boat, "hull", [1.55, 0.65, 3.8], [0, 0.4, 0], mats.darkwood); ball(boat, "boat-interior", [1.3, 0.22, 3.35], [0, 0.7, 0], mats.wood); for (const z of [-0.85, 0.7]) box(boat, "seat", [1.22, 0.12, 0.35], [0, 0.8, z], mats.trim); tube(boat, "left-gunwale", [[-0.1, 0.78, -1.85], [-0.68, 0.8, -1], [-0.72, 0.8, 0], [-0.62, 0.8, 1.1], [0, 0.78, 1.85]], 0.075, mats.trim); tube(boat, "right-gunwale", [[0.1, 0.78, -1.85], [0.68, 0.8, -1], [0.72, 0.8, 0], [0.62, 0.8, 1.1], [0, 0.78, 1.85]], 0.075, mats.trim); cyl(boat, "oar-handle", 0.045, 0.045, 2.5, [0.22, 0.9, 0], mats.trim, [0, 0, Math.PI / 2]); box(boat, "oar-blade", [0.65, 0.1, 0.32], [1.48, 0.9, 0], mats.wood); addAt(boat, "rowboat", "a little wooden rowboat with seats and an oar", -8, 12, 0, false); boat.rotation.y += 0.35; const alligator = api.build({ parts: [ {name:"body", shape:"sphere", size:[1.3,0.55,2.6], pos:[0,0.3,0], color:"#547c53"}, {name:"head", shape:"sphere", size:[1.1,0.42,1.05], pos:[0,0.4,1.45], color:"#668d58"}, {name:"snout", shape:"roundbox", size:[0.85,0.26,1.15], pos:[0,0.34,2.05], color:"#6b955c"}, {name:"jaw-line", shape:"box", size:[0.83,0.035,0.85], pos:[0,0.28,2.19], color:"#3a5543"}, {name:"eye-left", shape:"eye", size:[0.25,0.25,0.2], pos:[-0.35,0.63,1.5], color:"#fffbe5"}, {name:"eye-right", shape:"eye", size:[0.23,0.23,0.2], pos:[0.35,0.63,1.5], color:"#fffbe5"}, {name:"nostril-left", shape:"sphere", size:[0.09,0.06,0.08], pos:[-0.24,0.51,2.45], color:"#3a2230"}, {name:"nostril-right", shape:"sphere", size:[0.09,0.06,0.08], pos:[0.24,0.51,2.45], color:"#3a2230"}, {name:"tail", shape:"tube", points:[[0,0.3,-1],[0.1,0.23,-1.8],[0.4,0.18,-2.6],[0.7,0.14,-3.1]], radius:0.28, taper:0.16, color:"#547c53"}, {name:"leg-left", shape:"sphere", size:[0.7,0.2,0.4], pos:[-0.67,0.2,0.3], color:"#456f4b"}, {name:"leg-right", shape:"sphere", size:[0.7,0.2,0.4], pos:[0.67,0.2,0.3], color:"#456f4b"}, {name:"ridge1", shape:"cone", size:[0.22,0.2,0.3], pos:[0,0.62,-0.8], color:"#3e6448"}, {name:"ridge2", shape:"cone", size:[0.22,0.2,0.3], pos:[0,0.64,-0.3], color:"#3e6448"}, {name:"ridge3", shape:"cone", size:[0.22,0.2,0.3], pos:[0,0.64,0.2], color:"#3e6448"}, {name:"ridge4", shape:"cone", size:[0.22,0.2,0.3], pos:[0,0.62,0.7], color:"#3e6448"} ], anim:[{part:"tail", prop:"ry", amp:8, speed:0.12}] }); addAt(alligator, "lurking-alligator", "an alligator quietly lurking in the water", -16, 7, 0.02, false); alligator.rotation.y += 0.5; // Lily pads and reeds make the water's edge feel inhabited. const plants = new T.Group(); for (let i = 0; i < 18; i++) { const x = -6 - (i * 3.37 % 20), z = -4 + (i * 5.83 % 34); const p = ball(plants, "lily-pad", [0.65 + (i % 3) * 0.12, 0.06, 0.5], [x, 0.08, z], i % 2 ? mats.leaf2 : mats.gator); p.rotation.y = i; if (i % 6 === 0) ball(plants, "water-lily", [0.25, 0.16, 0.25], [x, 0.17, z], mat("#efb1bf")); } for (let i = 0; i < 20; i++) { const x = 1.2 + Math.sin(i * 2.3) * 1.4; const z = -12 + i * 2.25; for (let j = 0; j < 3; j++) { const h = 0.7 + ((i + j) % 4) * 0.22; cyl(plants, "reed", 0.025, 0.035, h, [x + j * 0.15, h / 2, z + j * 0.1], mats.moss2, [0, 0, (j - 1) * 0.12]); if (j === 1) ball(plants, "cattail", [0.1, 0.28, 0.1], [x + j * 0.15, h, z + j * 0.1], mats.barkLight); } } addAt(plants, "marsh-plants", "lily pads, water lilies and cattails", 0, 0, 0, false); // Low, translucent bands of mist hover just above the surface. const fogMat = mat("#c2b6c2"); fogMat.transparent = true; fogMat.opacity = 0.18; fogMat.depthWrite = false; const mist = new T.Group(); for (let i = 0; i < 12; i++) { ball(mist, "mist-bank", [7 + i % 4, 0.55 + (i % 3) * 0.2, 3.8], [-25 + (i * 7.1 % 38), 0.9 + (i % 3) * 0.5, -8 + (i * 8.7 % 43)], fogMat); } addAt(mist, "bayou-mist", "low lavender mist over the bayou", 0, 0, 0, false); const flies = new T.Group(); const flyData = []; for (let i = 0; i < 38; i++) { const x = -20 + (i * 7.31 % 38); const z = -3 + (i * 5.71 % 32); const y = 0.9 + (i * 0.73 % 3.8); const f = ball(flies, "firefly", [0.12, 0.12, 0.12], [x, y, z], mats.firefly); flyData.push({f, x, y, z, phase: i * 2.1}); } addAt(flies, "fireflies", "wandering golden fireflies over the bayou", 0, 0, 0, false); api.onFrame((dt, t) => { for (const d of flyData) { d.f.position.set(d.x + Math.sin(t * 0.45 + d.phase) * 0.5, d.y + Math.sin(t * 0.8 + d.phase) * 0.25, d.z + Math.cos(t * 0.38 + d.phase) * 0.5); const s = 0.65 + 0.35 * (0.5 + 0.5 * Math.sin(t * 2 + d.phase)); d.f.scale.setScalar(0.06 * s); } lantern.scale.set(0.16 * (1 + 0.04 * Math.sin(t * 7)), 0.23, 0.16); mist.position.y = 0.08 * Math.sin(t * 0.16); alligator.position.y = 0.02 + 0.025 * Math.sin(t * 0.7); boat.position.y = 0.03 * Math.sin(t * 0.55); }); api.say = "I made a misty dusk bayou with mossy cypresses, a lit stilt house, a rowboat and a lurking alligator. Fireflies drift over the still water."; api.suggest = ["Add a dock beside the rowboat", "Put a rocking chair on the porch", "Make the alligator swim slowly", "Add a chorus of frogs"];