const T = api.THREE; const player = api.player; 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 right = new T.Vector3(-forward.z, 0, forward.x); function point(x, z, y = 0) { const wx = player.x + right.x * x + forward.x * z; const wz = player.z + right.z * x + forward.z * z; return new T.Vector3(wx, y, wz); } function addBuilt(id, description, recipe, x, z, y = 0, rotation = 0, solid = true) { const obj = api.build(recipe); obj.position.copy(point(x, z, y)); obj.rotation.y = rotation; api.add(obj, { id, describe: description, solid }); return obj; } api.world({ sky: "#72c7c5", haze: "#b2d9c7", shadow: "#765b9a", saturation: 1.1 }); const ground = new T.Mesh(new T.CircleGeometry(600, 96), api.toon("#55aa80")); ground.rotation.x = -Math.PI / 2; ground.position.set(player.x, 0.02, player.z); api.add(ground, { id: "valley-ground", describe: "the lush green floor of a prehistoric valley", solid: false }); function flatOval(id, description, x, z, width, depth, y, color) { const mesh = new T.Mesh(new T.CircleGeometry(1, 64), api.toon(color)); mesh.rotation.x = -Math.PI / 2; mesh.scale.set(width / 2, depth / 2, 1); mesh.position.copy(point(x, z, y)); api.add(mesh, { id, describe: description, solid: false }); return mesh; } flatOval("lake-shore", "the sandy shore around the prehistoric lake", 0, 55, 81, 66, 0.035, "#d9bc76"); flatOval("lake", "a broad blue-green prehistoric lake", 0, 55, 74, 59, 0.05, "#3da9ad"); for (let i = 0; i < 11; i++) { const x = -29 + (i * 17 % 58), z = 35 + (i * 13 % 40); flatOval("lake-ripple-" + i, "a pale ripple on the lake", x, z, 3.2 + (i % 3), 0.24, 0.075, "#a6e0ca"); } const volcano = new T.Group(); const mountain = new T.Mesh(new T.CylinderGeometry(8, 43, 60, 18, 1), api.toon("#bd5945")); mountain.position.y = 30; volcano.add(mountain); const crater = new T.Mesh(new T.CylinderGeometry(8.4, 8.4, 0.7, 24), api.toon("#563649")); crater.position.y = 60.1; volcano.add(crater); const lava = new T.Mesh(new T.CylinderGeometry(5.6, 5.6, 0.25, 24), api.toon("#f18a3c", { glow: true })); lava.position.y = 60.5; volcano.add(lava); for (let i = 0; i < 7; i++) { const a = i * Math.PI * 2 / 7; const ridge = new T.Mesh(new T.ConeGeometry(8 + i % 3, 31 + i % 4 * 3, 7), api.toon(i % 2 ? "#a74f48" : "#d06a4c")); ridge.position.set(Math.cos(a) * 29, 14, Math.sin(a) * 29); volcano.add(ridge); } volcano.position.copy(point(33, 155)); api.add(volcano, { id: "smoking-volcano", describe: "a giant red volcano with a glowing crater in the distance" }); api.particles({ kind: "smoke", attach: { object: "smoking-volcano", offset: [0, 62, 0] }, area: [7, 7], rate: 12, velocity: [1.1, 5, 0.5], jitter: 1.8, gravity: -0.5, life: 12, size: 3.7, colors: ["#b9a3b5", "#dbc4b9", "#e8d6c7"], duration: 0 }); api.particles({ kind: "smoke", place: { where: "ahead", distance: 45, height: 2 }, area: [65, 45], rate: 5, velocity: [0.4, 0.6, 0.1], jitter: 0.5, gravity: -0.1, life: 8, size: 2.2, colors: ["#d2ead3", "#b5ded2"], duration: 0 }); function fern(x, z, scale, index) { const parts = [ { name: "heart", shape: "sphere", size: [0.9, 0.65, 0.9], pos: [0, 0.48, 0], color: "#357a56" } ]; for (let i = 0; i < 8; i++) { const a = i * Math.PI * 2 / 8; const dx = Math.cos(a), dz = Math.sin(a); parts.push({ name: "frond-stem-" + i, shape: "tube", points: [[0, 0.5, 0], [dx * 0.9, 2.2, dz * 0.9], [dx * 2.5, 2.6, dz * 2.5], [dx * 3.7, 1.65, dz * 3.7]], radius: 0.11, taper: 0.45, color: "#3b8a57" }); for (let j = 1; j <= 5; j++) { const d = 0.65 + j * 0.54; const h = 1.25 + Math.sin(j / 6 * Math.PI) * 1.35; for (const side of [-1, 1]) { const width = (1 - j * 0.1) * 1.25; parts.push({ name: "leaflet", shape: "sphere", size: [width, 0.15, 0.38], pos: [dx * d - dz * side * width * 0.35, h, dz * d + dx * side * width * 0.35], rot: [0, -a * 180 / Math.PI + side * 38, side * 10], color: (i + j) % 2 ? "#67bb69" : "#48a762" }); } } } const obj = addBuilt("giant-fern-" + index, "a giant spreading prehistoric fern", { parts }, x, z); obj.scale.setScalar(scale); } [[-18, 12, 1.25], [20, 16, 1.15], [-29, 29, 1.45], [30, 31, 1.25], [-42, 52, 1.2], [43, 60, 1.45], [-32, 84, 1.25], [35, 91, 1.15], [-11, 23, 0.75], [14, 27, 0.85]].forEach((p, i) => fern(p[0], p[1], p[2], i)); function palm(x, z, index, height) { const parts = [ { name: "trunk", shape: "tube", points: [[0, 0, 0], [0.2, height * 0.4, 0], [-0.45, height * 0.75, 0.1], [0, height, 0]], radius: 0.8, taper: 0.58, color: "#ad6942" }, { name: "crown", shape: "sphere", size: [1.5, 1, 1.5], pos: [0, height, 0], color: "#518b50" } ]; for (let i = 0; i < 8; i++) { const a = i * Math.PI * 2 / 8; parts.push({ name: "palm-leaf-" + i, shape: "wing", size: [5.8, 1.8, 0.24], pos: [0, height, 0], rot: [0, -i * 45, 16], color: i % 2 ? "#62b75e" : "#419a55" }); } for (let i = 0; i < 3; i++) { parts.push({ name: "fruit", shape: "sphere", size: [0.65, 0.7, 0.65], pos: [Math.cos(i * 2.1) * 0.65, height - 0.5, Math.sin(i * 2.1) * 0.65], color: "#df9a45" }); } addBuilt("prehistoric-palm-" + index, "a tall palm tree with a broad leafy crown", { parts }, x, z); } [[-33, 10, 11], [33, 12, 13], [-48, 36, 15], [49, 40, 12], [-50, 73, 14], [51, 79, 16], [-28, 104, 14], [15, 110, 12], [-65, 106, 15], [60, 115, 14]].forEach((p, i) => palm(p[0], p[1], i, p[2])); function sauropod(index, x, z, color, rotation) { const parts = [ { name: "body", shape: "sphere", size: [5.1, 3.8, 8.2], pos: [0, 4.2, 0], color }, { name: "belly", shape: "sphere", size: [4.1, 2.1, 6.4], pos: [0, 3.2, 0.5], color: "#b9d38a" }, { name: "neck", shape: "tube", points: [[0, 4.1, 2.7], [0, 5.4, 4.4], [0, 7.4, 5.2], [0, 8.5, 5.5]], radius: 1.1, taper: 0.58, color }, { name: "head", shape: "sphere", size: [1.9, 1.5, 2.5], pos: [0, 8.45, 6.0], color }, { name: "muzzle", shape: "sphere", size: [1.7, 0.8, 1.4], pos: [0, 8.1, 7.0], color: "#a8cd79" }, { name: "eye-left", shape: "eye", size: [0.65, 0.7, 0.38], pos: [0.73, 8.8, 6.65], color: "#ffffff" }, { name: "eye-right", shape: "eye", size: [0.58, 0.65, 0.38], pos: [-0.73, 8.8, 6.65], color: "#ffffff" }, { name: "tail", shape: "tube", points: [[0, 4.4, -3.3], [0, 4.1, -5.2], [0.5, 3.7, -7.2], [1.2, 4.1, -9]], radius: 1.15, taper: 0.08, color } ]; for (let i = 0; i < 4; i++) { const sx = i % 2 ? 1.55 : -1.55, sz = i < 2 ? 2.2 : -2.2; parts.push({ name: "leg-" + i, shape: "capsule", size: [1.35, 3.4, 1.35], pos: [sx, 2.7, sz], anchor: "top", color }); parts.push({ name: "foot-" + i, shape: "sphere", size: [1.5, 0.8, 1.9], pos: [0, -1.55, 0.2], parent: "leg-" + i, color: "#6d9c66" }); } for (let i = 0; i < 5; i++) { parts.push({ name: "back-spot", shape: "sphere", size: [0.7, 0.2, 1.0], pos: [(i % 2 ? 1 : -1) * 1.1, 5.95, -2.4 + i * 1.1], color: "#5d9d6a" }); } const anim = []; for (let i = 0; i < 4; i++) anim.push({ part: "leg-" + i, prop: "rx", amp: 14, speed: 0.38, phase: i % 2 ? 0.5 : 0, walk: true }); anim.push({ part: "head", prop: "rx", amp: 6, speed: 0.18 }); const d = addBuilt("lake-sauropod-" + index, "a long-necked dinosaur grazing at the lake", { parts, anim, motion: { type: "wander", speed: 0.28, radius: 3 } }, x, z, 0, rotation); return d; } sauropod(1, -17, 45, "#8fbb78", 0.5); sauropod(2, 10, 59, "#79b596", -0.6); sauropod(3, -9, 72, "#b2c97e", 1.1); const rexParts = [ { name: "body", shape: "sphere", size: [4.2, 4.2, 6.4], pos: [0, 4.7, 0], color: "#d17846" }, { name: "belly", shape: "sphere", size: [3.3, 3.1, 4.7], pos: [0, 4.1, 0.8], color: "#efb06a" }, { name: "neck", shape: "sphere", size: [2.7, 2.8, 2.7], pos: [0, 6.0, 2], color: "#d17846" }, { name: "head", shape: "roundbox", size: [3.1, 2.4, 3.5], pos: [0, 7.0, 3.4], color: "#d17846" }, { name: "snout", shape: "roundbox", size: [2.7, 1.2, 2.3], pos: [0, 6.65, 5.2], color: "#e99559" }, { name: "jaw", shape: "roundbox", size: [2.6, 0.45, 2.7], pos: [0, 6.05, 4.7], color: "#b75d43" }, { name: "eyeL", shape: "eye", size: [0.83, 0.95, 0.5], pos: [1.05, 7.75, 4.58], color: "#ffffff" }, { name: "eyeR", shape: "eye", size: [0.75, 0.84, 0.5], pos: [-1.05, 7.75, 4.58], color: "#ffffff" }, { name: "tail", shape: "tube", points: [[0, 5.1, -2.7], [0, 4.7, -5], [0.3, 4.3, -7.5], [1, 4.7, -9]], radius: 1.4, taper: 0.06, color: "#c76c44" } ]; for (let i = 0; i < 2; i++) { const s = i ? 1 : -1; rexParts.push( { name: "rex-leg-" + i, shape: "capsule", size: [1.7, 3.7, 1.8], pos: [s * 1.3, 4.2, -0.7], anchor: "top", color: "#c76c44" }, { name: "rex-foot-" + i, shape: "sphere", size: [1.9, 0.8, 2.5], pos: [0, -1.65, 0.65], parent: "rex-leg-" + i, color: "#b65c42" }, { name: "tiny-arm-" + i, shape: "capsule", size: [0.5, 1.5, 0.55], pos: [s * 2, 5.3, 1.7], rot: [-45, 0, s * 20], color: "#d17846" } ); for (let j = 0; j < 3; j++) rexParts.push({ name: "toe-claw", shape: "cone", size: [0.27, 0.55, 0.27], pos: [(j - 1) * 0.52, -1.68, 1.55], rot: [90, 0, 0], parent: "rex-leg-" + i, color: "#f8e8bf" }); } for (let i = 0; i < 5; i++) rexParts.push({ name: "tooth", shape: "cone", size: [0.25, 0.48, 0.25], pos: [-1 + i * 0.48, 6.18, 5.65], rot: [180, 0, 0], color: "#fff1d2" }); addBuilt("far-shore-rex", "a big orange T. rex stomping along the far shore", { parts: rexParts, anim: [ { part: "rex-leg-0", prop: "rx", amp: 25, speed: 0.45, walk: true }, { part: "rex-leg-1", prop: "rx", amp: 25, speed: 0.45, phase: 0.5, walk: true }, { part: "tiny-arm-0", prop: "rx", amp: 10, speed: 0.45 }, { part: "tiny-arm-1", prop: "rx", amp: 10, speed: 0.45, phase: 0.5 } ], motion: { type: "wander", speed: 1.1, radius: 8 } }, 17, 92, 0, Math.PI / 2); function pterodactyl(index, x, z, height, color) { const parts = [ { name: "body", shape: "sphere", size: [1.3, 1.1, 2.3], pos: [0, 0, 0], color }, { name: "head", shape: "sphere", size: [1.0, 0.9, 1.2], pos: [0, 0.35, 1.35], color }, { name: "beak", shape: "cone", size: [0.65, 1.7, 0.65], pos: [0, 0.25, 2.2], rot: [90, 0, 0], color: "#e7aa58" }, { name: "crest", shape: "cone", size: [0.7, 1.6, 0.6], pos: [0, 1.1, 0.8], rot: [-35, 0, 0], color: "#e77c70" }, { name: "eye1", shape: "eye", size: [0.4, 0.45, 0.25], pos: [0.38, 0.56, 1.78], color: "#ffffff" }, { name: "eye2", shape: "eye", size: [0.36, 0.42, 0.25], pos: [-0.38, 0.56, 1.78], color: "#ffffff" }, { name: "wing", shape: "wing", size: [5.3, 2.5, 0.22], pos: [0.45, 0.2, 0], color, mirror: true }, { name: "tail", shape: "tube", points: [[0, 0, -1], [0, -0.15, -2.5], [0, 0, -3.3]], radius: 0.17, taper: 0.2, color } ]; addBuilt("circling-pterodactyl-" + index, "a pterodactyl circling overhead", { parts, anim: [{ part: "wing", prop: "rz", amp: 22, speed: 0.75 }], motion: { type: "orbit", speed: 4 + index * 0.4, radius: 11 + index * 3 } }, x, z, height, 0, false); } pterodactyl(1, -9, 54, 28, "#b886bd"); pterodactyl(2, 12, 68, 34, "#e39091"); pterodactyl(3, -20, 78, 39, "#b49bd0"); for (let i = 0; i < 16; i++) { const x = (i % 2 ? 1 : -1) * (22 + (i * 11 % 37)); const z = 8 + (i * 19 % 100); addBuilt("valley-rock-" + i, "a rounded mossy rock", { parts: [{ name: "rock", shape: "sphere", size: [2.0 + i % 3, 1.1 + i % 2, 1.8 + i % 3], pos: [0, 0.55, 0], color: i % 2 ? "#8aa978" : "#9bb885" }] }, x, z); } api.say = "I made a steamy prehistoric valley, with grazing long-necks, circling pterodactyls and a T. rex roaming the far shore. A volcano smokes beyond the lake."; api.suggest = [ "Add baby dinosaurs by the lake", "Make the volcano erupt gently", "Add a waterfall to the valley", "Turn the valley into a misty sunset" ];