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 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 groupAt(x, y, z) { const g = new T.Group(); g.position.copy(worldPos(x, y, z)); g.rotation.y = angle; return g; } function mat(c, glow = false) { return api.toon(c, { glow }); } const ink = "#3a2230", rock = "#55405f", rockLight = "#756080"; const foam = "#c4e8e2", water = "#215c73"; function mesh(parent, geometry, color, x, y, z, rx = 0, ry = 0, rz = 0, glow = false) { const m = new T.Mesh(geometry, mat(color, glow)); m.position.set(x, y, z); m.rotation.set(rx, ry, rz); parent.add(m); return m; } function ball(parent, color, x, y, z, sx, sy, sz) { const m = mesh(parent, new T.SphereGeometry(1, 16, 10), color, x, y, z); m.scale.set(sx, sy, sz); return m; } function box(parent, color, x, y, z, sx, sy, sz, ry = 0) { return mesh(parent, new T.BoxGeometry(sx, sy, sz), color, x, y, z, 0, ry, 0); } function cylinder(parent, color, x, y, z, rt, rb, h, segments = 16) { return mesh(parent, new T.CylinderGeometry(rt, rb, h, segments), color, x, y, z); } function rod(parent, color, a, b, radius) { const av = new T.Vector3(...a), bv = new T.Vector3(...b); const d = bv.clone().sub(av); const m = new T.Mesh(new T.CylinderGeometry(radius, radius, d.length(), 8), mat(color)); m.position.copy(av.add(bv).multiplyScalar(0.5)); m.quaternion.setFromUnitVectors(new T.Vector3(0, 1, 0), d.normalize()); parent.add(m); return m; } api.world({ sky: "#302f54", haze: "#545071", shadow: "#4a385f", saturation: 0.85 }); const sea = new T.Mesh(new T.CircleGeometry(600, 96), mat(water)); sea.rotation.x = -Math.PI / 2; sea.position.set(origin.x, 0.02, origin.z); api.add(sea, { id: "storm-sea", describe: "a vast dark stormy sea", solid: false }); const point = groupAt(5, 0, 53); ball(point, rock, 0, 0.7, 0, 16, 3.1, 13); ball(point, rockLight, -9, 0.5, -5, 8, 2.1, 7); ball(point, "#493753", 10, 0.5, -4, 8, 2.4, 7); ball(point, "#66506d", 0, 2.1, 1, 10, 1.3, 9); for (let i = 0; i < 18; i++) { const a = i * 2.399, r = 9 + (i % 4) * 1.6; ball(point, i % 2 ? "#493753" : "#806886", Math.cos(a) * r, 0.8, Math.sin(a) * r * 0.76, 1.2 + i % 3 * 0.5, 0.7 + i % 2 * 0.5, 1.3); } // Tapered red-and-cream lighthouse, built in stacked bands. cylinder(point, "#382a43", 0, 3.2, 0, 4.2, 4.7, 1.1); const bands = [ [5.4, 3.35, 3.8, "#ede0c6"], [8.0, 2.95, 3.35, "#d45149"], [10.6, 2.55, 2.95, "#ede0c6"], [13.2, 2.15, 2.55, "#d45149"] ]; for (const [y, rt, rb, c] of bands) cylinder(point, c, 0, y, 0, rt, rb, 2.65, 20); cylinder(point, "#382a43", 0, 14.7, 0, 3.2, 3.2, 0.45, 24); cylinder(point, "#e6c998", 0, 15.0, 0, 2.8, 2.8, 0.22, 24); for (let i = 0; i < 12; i++) { const a = i * Math.PI * 2 / 12; cylinder(point, ink, Math.cos(a) * 2.95, 15.6, Math.sin(a) * 2.95, 0.065, 0.065, 1.1, 6); const b = a + Math.PI * 2 / 12; rod(point, ink, [Math.cos(a)*2.95,16.12,Math.sin(a)*2.95], [Math.cos(b)*2.95,16.12,Math.sin(b)*2.95], 0.055); } cylinder(point, "#2c344e", 0, 16.5, 0, 1.75, 1.85, 2.8, 12); cylinder(point, "#ffdd82", 0, 16.6, 0, 1.5, 1.55, 2.1, 12); for (let i = 0; i < 8; i++) { const a = i * Math.PI * 2 / 8; cylinder(point, "#473446", Math.cos(a)*1.58, 16.6, Math.sin(a)*1.58, 0.08, 0.08, 2.25, 6); } cylinder(point, "#49314c", 0, 18.0, 0, 1.95, 2.15, 0.25); mesh(point, new T.ConeGeometry(2.2, 1.5, 12), "#bb514b", 0, 18.8, 0); ball(point, "#f6d17c", 0, 19.65, 0, 0.23, 0.23, 0.23); box(point, "#51374b", 0, 4.05, -3.78, 1.35, 2.3, 0.18); ball(point, "#e7b868", 0.42, 4.05, -3.91, 0.09, 0.09, 0.09); for (const y of [7.3, 10.2, 12.6]) { const radius = y < 8 ? 3.42 : y < 11 ? 3.0 : 2.6; box(point, "#45354f", 0, y, -radius, 0.8, 1.15, 0.12); box(point, "#edcf80", 0, y, -radius - 0.07, 0.49, 0.83, 0.05); } // A little keeper's shed and a path on the point. box(point, "#e0cdb4", 7, 3.55, 2, 4.6, 2.5, 3.8); const roof = mesh(point, new T.ConeGeometry(3.7, 1.6, 4), "#a94f4d", 7, 5.6, 2, 0, Math.PI/4, 0); box(point, "#49364b", 7, 3.15, -0.01, 0.9, 1.7, 0.12); for (let i = 0; i < 6; i++) box(point, "#b7a5a0", 0.9 + i * 0.95, 3.18, -1.2 + i * 0.12, 0.8, 0.14, 0.65, 0.15); api.add(point, { id: "rocky-lighthouse", describe: "a striped lighthouse and keeper's shed on a rocky point" }); // The light sweeps independently, so it remains a non-solid effect. const beam = groupAt(5, 19.7, 53); const beamMaterial = mat("#ffe69a", true); beamMaterial.transparent = true; beamMaterial.opacity = 0.24; beamMaterial.depthWrite = false; const cone = new T.Mesh(new T.ConeGeometry(11, 92, 32, 1, true), beamMaterial); cone.rotation.z = Math.PI / 2; cone.position.x = 46; beam.add(cone); ball(beam, "#fff1ad", 0, 0, 0, 1.05, 1.05, 1.05); api.add(beam, { id: "sweeping-beam", describe: "the lighthouse's rotating golden beam", solid: false }); // Two stone breakwaters frame the harbor entrance. const harbor = groupAt(0, 0, 0); for (const side of [-1, 1]) { for (let i = 0; i < 9; i++) { const x = side * (13 + i * 0.35) + 2; const z = 33 + i * 1.55; ball(harbor, i % 2 ? "#5e4b67" : "#746078", x, 0.9, z, 2.0, 1.45, 1.55); ball(harbor, "#9c8b98", x - 0.3, 1.85, z, 1.1, 0.25, 0.85); } const x = side * 13 + 2; cylinder(harbor, side < 0 ? "#c84f48" : "#d6c384", x, 2.6, 32.5, 0.3, 0.38, 2); ball(harbor, side < 0 ? "#ff8570" : "#fff1a9", x, 3.7, 32.5, 0.38, 0.38, 0.38); } api.add(harbor, { id: "harbor-breakwaters", describe: "rock breakwaters marking the harbor entrance" }); // Waves: broad dark swells with high curling white crests. const waves = []; let seed = 7241; function rand() { seed = (seed * 1664525 + 1013904223) >>> 0; return seed / 4294967296; } for (let i = 0; i < 38; i++) { const x = (rand() - 0.5) * 105; const z = 8 + rand() * 105; if ((Math.abs(x - 5) < 19 && z > 38 && z < 70) || (Math.abs(x) < 9 && z < 36)) continue; const w = groupAt(x, 0, z); const width = 5 + rand() * 7; const height = 2.2 + rand() * 2.8; ball(w, i % 3 ? "#34798a" : "#285d77", 0, height * 0.30, 0, width, height * 0.55, 2.3); const curve = new T.CatmullRomCurve3([ new T.Vector3(-width * 0.9, height * 0.3, 0), new T.Vector3(-width * 0.55, height * 0.75, 0.1), new T.Vector3(0, height, 0), new T.Vector3(width * 0.55, height * 0.76, 0.1), new T.Vector3(width * 0.9, height * 0.32, 0) ]); const crest = new T.Mesh(new T.TubeGeometry(curve, 24, 0.32 + rand() * 0.22, 8, false), mat(foam)); w.add(crest); for (let j = 0; j < 4; j++) { ball(w, "#dbf1e6", (rand() - 0.5) * width * 1.3, height * (0.55 + rand() * 0.45), -0.4 - rand() * 0.8, 0.35 + rand() * 0.5, 0.25, 0.4); } api.add(w, { id: "storm-wave-" + i, describe: "a huge breaking wave with a foamy crest", solid: false }); waves.push({ obj: w, phase: rand() * 6.28, y: w.position.y }); } // Fishing boat, pitching toward the gap. const boat = groupAt(-2, 0.3, 16); ball(boat, "#8e4944", 0, 1.0, 0, 2.15, 1.2, 5.0); ball(boat, "#d3a06d", 0, 1.75, 0, 1.95, 0.22, 4.45); box(boat, "#dfc49a", 0, 2.65, -0.65, 2.3, 1.8, 2.4); box(boat, "#9e5249", 0, 3.65, -0.65, 2.7, 0.3, 2.7); box(boat, "#79adbb", 0, 2.85, 0.58, 1.55, 0.8, 0.06); box(boat, "#45374d", 0, 2.85, 0.63, 0.08, 0.82, 0.08); box(boat, "#79adbb", -1.17, 2.85, -0.7, 0.06, 0.75, 1.35); box(boat, "#79adbb", 1.17, 2.85, -0.7, 0.06, 0.75, 1.35); cylinder(boat, "#524051", -0.65, 4.65, -1.5, 0.22, 0.27, 2.1); cylinder(boat, "#9b6d50", 0, 4.3, 1.7, 0.10, 0.14, 5.2); rod(boat, "#a97652", [0, 5.7, 1.7], [0, 4.5, -3.1], 0.08); rod(boat, "#decbaa", [0, 5.7, 1.7], [0, 2.2, 4.4], 0.035); for (const s of [-1, 1]) { rod(boat, "#e2c8a3", [s*1.8, 2, -3.5], [s*1.8, 2, 3.2], 0.07); for (const z of [-3, -1, 1, 3]) rod(boat, "#e2c8a3", [s*1.8, 1.6, z], [s*1.8, 2.0, z], 0.055); } const ring = mesh(boat, new T.TorusGeometry(0.48, 0.12, 8, 20), "#f0ddc0", 1.23, 2.65, -1.15, 0, Math.PI/2, 0); for (let i = 0; i < 3; i++) box(boat, "#bc966e", -0.8 + i * 0.8, 2.05, -3.1, 0.65, 0.55, 0.7); api.add(boat, { id: "fishing-boat", describe: "a fishing boat making for the harbor", solid: false }); // Heavy cloud banks and intermittent lightning. const clouds = groupAt(0, 0, 0); for (let i = 0; i < 24; i++) { const x = (rand() - 0.5) * 135, z = 32 + rand() * 100, y = 35 + rand() * 13; ball(clouds, i % 2 ? "#403851" : "#51435f", x, y, z, 10 + rand()*9, 3.8 + rand()*3, 7 + rand()*6); ball(clouds, "#66536d", x + 3, y - 2.3, z - 1, 6, 2.4, 4.5); } api.add(clouds, { id: "storm-clouds", describe: "thick dark storm clouds", solid: false }); const lightning = groupAt(-23, 0, 65); const boltPoints = [[0,39,0],[-2,32,0],[1,30,0],[-3,23,0],[0,22,0],[-4,12,0],[-2,13,0],[-7,4,0]]; for (let i = 0; i < boltPoints.length - 1; i++) rod(lightning, "#fff3af", boltPoints[i], boltPoints[i+1], 0.22); rod(lightning, "#fff3af", [-1, 29, 0], [-7, 24, 1], 0.12); rod(lightning, "#fff3af", [-7, 24, 1], [-8, 20, 1], 0.10); lightning.visible = false; api.add(lightning, { id: "lightning-bolt", describe: "a flashing jagged lightning bolt", solid: false }); api.particles({ type: "particles", kind: "rain", place: { where: "here", height: 28 }, area: [90, 90], rate: 400, velocity: [5, -22, 2], jitter: 2, gravity: 6, life: 2, size: 0.12, colors: ["#b8dce3", "#8cbccf"], duration: 0, splash: true }); api.particles({ type: "particles", kind: "water", place: { where: "ahead", distance: 44, height: 2 }, area: [35, 18], rate: 45, velocity: [1, 4, 0], jitter: 3, gravity: 9.8, life: 1.2, size: 0.2, colors: ["#d8f1e9", "#acd6d9"], duration: 0 }); let lastFlash = -1; api.onFrame((dt, t) => { beam.rotation.y = angle + t * 0.42; for (const w of waves) { w.obj.position.y = w.y + Math.sin(t * 1.2 + w.phase) * 0.55; w.obj.rotation.z = Math.sin(t * 0.8 + w.phase) * 0.06; } const progress = (t * 0.7) % 19; boat.position.copy(worldPos(-2 + Math.sin(t * 0.35) * 0.6, 0.45 + Math.sin(t * 1.6) * 0.55, 15 + progress)); boat.rotation.set(Math.sin(t * 1.3) * 0.1, angle + Math.sin(t * 0.7) * 0.05, Math.sin(t * 1.7) * 0.13); const cycle = Math.floor(t / 7); const phase = t % 7; const lit = phase < 0.12 || (phase > 0.22 && phase < 0.3); lightning.visible = lit; if (lit && cycle !== lastFlash) { api.flash("#d8d1ff", 0.18); lastFlash = cycle; } }); api.say = "I built a storm-battered lighthouse and harbor, with a fishing boat threading through the waves. Its beam sweeps beneath flashing clouds and lashing rain."; api.suggest = [ "Add a keeper watching from the lighthouse", "Put a sea monster beyond the harbor", "Make the storm clear into a golden sunrise", "Add a flock of seabirds battling the wind" ];