const T = api.THREE; const ink = "#3a2230", white = "#f5edf2", red = "#bd5147"; api.world({ sky: "#df9fa9", haze: "#e8b2ae", shadow: "#805c91" }); const ground = new T.Mesh(new T.CircleGeometry(600, 96), api.toon("#c95f50")); ground.rotation.x = -Math.PI / 2; ground.position.y = 0.02; api.add(ground, { id: "red-ground", describe: "red desert ground", 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 worldPos(x, y, z) { return new T.Vector3(x, y, z).applyAxisAngle(new T.Vector3(0, 1, 0), angle).add(origin); } function makeGroup() { const g = new T.Group(); g.position.copy(origin); g.rotation.y = angle; return g; } function mat(color, glow) { return api.toon(color, glow ? { glow: true } : {}); } function box(parent, name, x, y, z, sx, sy, sz, color, rx = 0, ry = 0, rz = 0, glow = false) { const m = new T.Mesh(new T.BoxGeometry(sx, sy, sz), mat(color, glow)); m.name = name; m.position.set(x, y, z); m.rotation.set(rx, ry, rz); parent.add(m); return m; } function sphere(parent, name, x, y, z, sx, sy, sz, color, glow = false) { const m = new T.Mesh(new T.SphereGeometry(1, 20, 12), mat(color, glow)); m.name = name; m.position.set(x, y, z); m.scale.set(sx, sy, sz); parent.add(m); return m; } function cylinder(parent, name, x, y, z, r1, r2, h, color, segments = 20) { const m = new T.Mesh(new T.CylinderGeometry(r1, r2, h, segments), mat(color)); m.name = name; m.position.set(x, y, z); parent.add(m); return m; } function ring(parent, name, x, y, z, radius, tube, color, rotationX = 0) { const m = new T.Mesh(new T.TorusGeometry(radius, tube, 8, 40), mat(color)); m.name = name; m.position.set(x, y, z); m.rotation.x = rotationX; parent.add(m); return m; } const scenery = makeGroup(); for (let i = 0; i < 26; i++) { const a = i * 2.399, d = 78 + (i % 5) * 23; const x = Math.sin(a) * d, z = Math.cos(a) * d; sphere(scenery, "dune", x, -1.5, z, 20 + (i % 4) * 6, 3.5 + i % 4, 9 + (i % 3) * 4, i % 2 ? "#d8735d" : "#b84c46"); } api.add(scenery, { id: "desert-dunes", describe: "rolling red dunes around the colony", solid: false }); const sun = new T.Mesh(new T.SphereGeometry(24, 32, 20), mat("#f8c9a9", true)); sun.position.copy(worldPos(-120, 105, 250)); api.add(sun, { id: "dusty-sun", describe: "a pale sun in the dusty sky", solid: false }); const colony = makeGroup(); function dome(x, z, radius, accent) { cylinder(colony, "dome-foundation", x, 0.3, z, radius + 0.3, radius + 0.3, 0.6, "#916a85"); cylinder(colony, "dome-wall", x, 1.7, z, radius, radius, 2.8, white, 32); const cap = new T.Mesh(new T.SphereGeometry(radius, 32, 16, 0, Math.PI * 2, 0, Math.PI / 2), mat(white)); cap.name = "white-dome"; cap.position.set(x, 3.1, z); cap.scale.y = 0.75; colony.add(cap); ring(colony, "dome-rim", x, 3.1, z, radius + 0.04, 0.16, accent, Math.PI / 2); box(colony, "airlock", x, 1.5, z - radius - 0.65, 3.1, 3, 1.6, "#ded6e7"); box(colony, "airlock-door", x, 1.4, z - radius - 1.48, 1.55, 2.3, 0.12, "#856da2"); box(colony, "door-stripe", x, 1.4, z - radius - 1.56, 0.1, 2.0, 0.06, "#f2c375"); box(colony, "door-light", x + 1.15, 2.35, z - radius - 1.5, 0.24, 0.38, 0.1, "#a8f5ca", 0, 0, 0, true); for (const s of [-1, 1]) { box(colony, "window-frame", x + s * radius * 0.6, 2.1, z - radius * 0.79, 1.65, 1.0, 0.15, "#76577f", 0, s * -0.6, 0); box(colony, "window", x + s * radius * 0.6, 2.1, z - radius * 0.79 - 0.09, 1.35, 0.73, 0.08, "#a5dce1", 0, s * -0.6, 0, true); } cylinder(colony, "roof-vent", x + radius * 0.45, 3.8 + radius * 0.51, z + 0.5, 0.42, 0.48, 0.8, accent); cylinder(colony, "vent-cap", x + radius * 0.45, 4.25 + radius * 0.51, z + 0.5, 0.65, 0.6, 0.18, "#f8e9e9"); } dome(1, 33, 6.4, "#ad88b8"); dome(19, 36, 5.4, "#e39a80"); dome(9, 49, 4.4, "#a7ced1"); // Greenhouse: structural frames, raised planting beds, and a transparent shell. const gx = -19, gz = 31; box(colony, "greenhouse-floor", gx, 0.16, gz, 13.4, 0.32, 17.5, "#b991a2"); for (const s of [-1, 1]) { box(colony, "greenhouse-side-rail", gx + s * 6.35, 2.1, gz, 0.25, 0.25, 17, "#eee8df"); for (let j = -2; j <= 2; j++) { box(colony, "greenhouse-post", gx + s * 6.35, 1.25, gz + j * 4, 0.3, 2.5, 0.3, "#f5e9df"); } } for (let j = -2; j <= 2; j++) { const arch = new T.Mesh(new T.TorusGeometry(6.35, 0.16, 8, 32, Math.PI), mat("#f2ebdf")); arch.name = "greenhouse-arch"; arch.position.set(gx, 2.35, gz + j * 4); colony.add(arch); } box(colony, "greenhouse-ridge", gx, 8.7, gz, 0.25, 0.25, 17, "#eee8df"); for (const s of [-1, 1]) { box(colony, "greenhouse-doorpost", gx + s * 1.6, 1.7, gz - 8.55, 0.3, 3.4, 0.3, "#f6eae1"); } box(colony, "greenhouse-door-header", gx, 3.4, gz - 8.55, 3.5, 0.3, 0.3, "#f6eae1"); for (const s of [-1, 1]) { box(colony, "planting-bed", gx + s * 3.5, 0.55, gz, 3.2, 0.75, 13, "#a26e83"); box(colony, "rich-soil", gx + s * 3.5, 0.95, gz, 2.9, 0.12, 12.7, "#72516c"); for (let j = -3; j <= 3; j++) { const px = gx + s * 3.5, pz = gz + j * 1.8; cylinder(colony, "plant-stem", px, 1.35, pz, 0.09, 0.12, 0.8, "#65aa50", 8); sphere(colony, "greenhouse-leaf", px - 0.35, 1.65, pz, 0.55, 0.25, 0.3, "#7cda5d"); sphere(colony, "greenhouse-leaf", px + 0.35, 1.78, pz, 0.55, 0.25, 0.3, "#a5e56f"); sphere(colony, "space-tomato", px, 2.02, pz, 0.25, 0.25, 0.25, j % 2 ? "#f59072" : "#f4c659"); } } for (let j = -1; j <= 1; j++) { box(colony, "grow-light", gx, 6.6, gz + j * 5, 3.6, 0.18, 0.28, "#a6fa91", 0, 0, 0, true); } const glass = makeGroup(); const glassMat = api.toon("#87f0a4", { glow: true }); glassMat.transparent = true; glassMat.opacity = 0.22; glassMat.depthWrite = false; glassMat.side = T.DoubleSide; const roof = new T.Mesh(new T.SphereGeometry(1, 32, 16, 0, Math.PI * 2, 0, Math.PI / 2), glassMat); roof.name = "greenhouse-glass-roof"; roof.position.set(gx, 2.35, gz); roof.scale.set(6.3, 6.3, 8.5); glass.add(roof); for (const s of [-1, 1]) { const wall = new T.Mesh(new T.BoxGeometry(0.12, 2.3, 17), glassMat); wall.position.set(gx + s * 6.3, 1.2, gz); glass.add(wall); } const backGlass = new T.Mesh(new T.BoxGeometry(12.5, 2.3, 0.1), glassMat); backGlass.position.set(gx, 1.2, gz + 8.5); glass.add(backGlass); // Solar arrays, with tilted panels and fine cell divisions. for (let row = 0; row < 3; row++) { for (let col = 0; col < 4; col++) { const x = -42 + col * 4.6, z = 23 + row * 7; cylinder(colony, "panel-support", x, 1.05, z, 0.16, 0.25, 2.1, "#e2c8b8", 10); const panel = new T.Group(); panel.name = "solar-panel"; panel.position.set(x, 2.1, z); panel.rotation.x = -0.32; colony.add(panel); box(panel, "panel-frame", 0, 0, 0, 4.1, 0.18, 4.8, "#e9dce4"); box(panel, "blue-panel", 0, 0.12, 0, 3.85, 0.1, 4.5, "#476caa"); for (let k = -1; k <= 1; k++) box(panel, "solar-cell-line", k * 0.95, 0.19, 0, 0.055, 0.035, 4.4, "#b2d8e5"); for (let k = -1; k <= 1; k++) box(panel, "solar-cell-line", 0, 0.19, k * 1.1, 3.8, 0.035, 0.055, "#b2d8e5"); } } // Launch pad and rocket. const rx = 36, rz = 49; cylinder(colony, "launch-pad", rx, 0.35, rz, 10, 10.4, 0.7, "#a27b91", 48); ring(colony, "pad-marking", rx, 0.73, rz, 8.4, 0.13, "#f6c780", Math.PI / 2); for (let i = 0; i < 8; i++) { const a = i * Math.PI / 4; box(colony, "pad-light", rx + Math.cos(a) * 9.1, 0.8, rz + Math.sin(a) * 9.1, 0.45, 0.15, 0.45, "#ffd88e", 0, a, 0, true); } cylinder(colony, "rocket-engine", rx, 1.6, rz, 2.0, 2.7, 1.8, "#85617b", 24); cylinder(colony, "rocket-body", rx, 8.2, rz, 2.5, 2.9, 12, "#f6eff1", 32); cylinder(colony, "rocket-band", rx, 4.1, rz, 2.82, 2.82, 0.55, "#e87960", 32); const nose = new T.Mesh(new T.ConeGeometry(2.5, 4.5, 32), mat("#e78166")); nose.name = "rocket-nose"; nose.position.set(rx, 16.4, rz); colony.add(nose); for (let i = 0; i < 4; i++) { const a = i * Math.PI / 2; const fin = new T.Mesh(new T.ConeGeometry(1.7, 4.2, 4), mat("#d96e65")); fin.name = "rocket-fin"; fin.position.set(rx + Math.sin(a) * 2.8, 3.5, rz + Math.cos(a) * 2.8); fin.rotation.y = a + Math.PI / 4; colony.add(fin); } sphere(colony, "rocket-porthole-frame", rx, 10.5, rz - 2.48, 1.0, 1.0, 0.25, "#8b6b91"); sphere(colony, "rocket-porthole", rx, 10.5, rz - 2.68, 0.7, 0.7, 0.12, "#9ee4e0", true); box(colony, "service-tower", rx + 7, 6, rz + 2, 1.1, 12, 1.1, "#e2bbc0"); box(colony, "service-arm", rx + 4.8, 10, rz + 2, 4.5, 0.45, 0.6, "#e2bbc0"); sphere(colony, "tower-beacon", rx + 7, 12.2, rz + 2, 0.35, 0.35, 0.35, "#ffcc88", true); api.add(colony, { id: "mars-colony", describe: "white colony domes, greenhouse, solar arrays and a rocket launch pad" }); api.add(glass, { id: "greenhouse-glass", describe: "green glowing greenhouse glass", solid: false }); // A six-wheeled rover trundles along an elliptical track. const rover = new T.Group(); box(rover, "rover-chassis", 0, 1.05, 0, 3.8, 0.9, 5.2, "#f3e9e8"); box(rover, "rover-cabin", 0, 1.9, -0.35, 3.1, 1.3, 2.9, "#f6f1ee"); box(rover, "windshield", 0, 2.0, 1.15, 2.4, 0.85, 0.1, "#9bdadf"); box(rover, "rover-nose", 0, 1.4, 2.05, 3.1, 0.55, 1.2, "#e8916d"); for (const s of [-1, 1]) { box(rover, "headlight", s * 1.1, 1.45, 2.68, 0.48, 0.32, 0.12, "#ffe6a3", 0, 0, 0, true); for (const z of [-1.7, 0, 1.7]) { const wheel = cylinder(rover, "wheel", s * 2.05, 0.7, z, 0.72, 0.72, 0.55, "#65495e", 16); wheel.rotation.z = Math.PI / 2; const hub = cylinder(rover, "wheel-hub", s * 2.35, 0.7, z, 0.32, 0.32, 0.08, "#e4b69e", 12); hub.rotation.z = Math.PI / 2; } } cylinder(rover, "antenna", -0.95, 3.1, -0.9, 0.07, 0.07, 1.4, "#a17995", 8); sphere(rover, "antenna-tip", -0.95, 3.85, -0.9, 0.18, 0.18, 0.18, "#f6b775", true); rover.position.copy(worldPos(-13, 0.02, 11)); api.add(rover, { id: "desert-rover", describe: "a six-wheeled white rover driving across the red desert" }); api.onFrame((dt, t) => { const a = t * 0.105 + Math.PI; rover.position.copy(worldPos(Math.cos(a) * 13, 0.03, 11 + Math.sin(a) * 5)); rover.rotation.y = angle + Math.atan2(-13 * Math.sin(a), 5 * Math.cos(a)); rover.traverse(o => { if (o.name === "wheel" || o.name === "wheel-hub") o.rotation.y += dt * 2; }); }); api.particles({ type: "particles", kind: "dust", attach: { object: "desert-rover", offset: [0, 0.4, -2.5] }, rate: 7, velocity: [0, 0.4, -0.6], jitter: 0.4, gravity: -0.1, life: 1.4, size: 0.35, colors: ["#db8b74", "#e3a08c"], duration: 0 }); function astronaut(id, x, z, accent) { const parts = [ { name: "body", shape: "roundbox", size: [0.9, 1.0, 0.58], pos: [0, 1.13, 0], color: white }, { name: "backpack", shape: "roundbox", size: [0.8, 0.9, 0.32], pos: [0, 1.18, -0.43], color: "#d2bdcf" }, { name: "helmet", shape: "sphere", size: [0.88, 0.9, 0.85], pos: [0, 1.9, 0], color: white }, { name: "visor", shape: "sphere", size: [0.69, 0.55, 0.25], pos: [0, 1.93, 0.37], color: "#a4dce0" }, { name: "eyeL", shape: "eye", size: [0.19, 0.23, 0.12], pos: [-0.17, 1.95, 0.49], color: "#ffffff" }, { name: "eyeR", shape: "eye", size: [0.21, 0.24, 0.12], pos: [0.17, 1.95, 0.49], color: "#ffffff" }, { name: "arm", shape: "capsule", size: [0.3, 0.8, 0.3], pos: [0.58, 1.43, 0], anchor: "top", mirror: true, color: white }, { name: "glove", shape: "sphere", size: [0.29, 0.3, 0.3], pos: [0, -0.72, 0], parent: "arm", color: accent }, { name: "leg", shape: "capsule", size: [0.35, 0.8, 0.36], pos: [0.24, 0.85, 0], anchor: "top", mirror: true, color: white }, { name: "boot", shape: "roundbox", size: [0.4, 0.22, 0.55], pos: [0, -0.7, 0.08], parent: "leg", color: accent }, { name: "suit-patch", shape: "box", size: [0.36, 0.18, 0.06], pos: [0, 1.35, 0.32], color: accent } ]; const a = api.build({ parts, motion: { type: "wander", speed: 0.65, radius: 4 }, anim: [{ part: "leg", prop: "rx", amp: 28, speed: 1.2, walk: true }, { part: "arm", prop: "rx", amp: 22, speed: 1.2, walk: true }] }); a.position.copy(worldPos(x, 0.03, z)); a.rotation.y = angle; api.add(a, { id, describe: "an astronaut walking around the colony" }); } astronaut("astronaut-coral", -5, 20, "#ef9273"); astronaut("astronaut-lavender", 11, 19, "#b69ad6"); astronaut("astronaut-teal", 25, 25, "#74c5c3"); api.particles({ type: "particles", kind: "dust", place: { where: "here", height: 8 }, area: [75, 75], rate: 12, velocity: [0.9, -0.08, 0.25], jitter: 0.5, gravity: 0, life: 7, size: 0.12, colors: ["#efb6a3", "#df9a8b"], duration: 0 }); api.say = "I built a red-desert colony with glowing greenhouses, wandering astronauts, a cruising rover, and a rocket ready on its pad."; api.suggest = [ "Launch the rocket into the dusty sky", "Add a friendly alien visitor to the colony", "Make a dust storm roll across the dunes", "Add a moon above the colony" ];