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 angle = Math.atan2(forward.x, forward.z); const right = new T.Vector3(forward.z, 0, -forward.x); const origin = new T.Vector3(player.x, 0, player.z); function worldPos(x, z, y = 0) { return new T.Vector3( origin.x + right.x * x + forward.x * z, y, origin.z + right.z * x + forward.z * z ); } function rand(a, b) { return a + Math.random() * (b - a); } function mat(c, glow = false) { return api.toon(c, glow ? { glow: true } : {}); } api.world({ sky: "#a9d8ea", haze: "#d7edf1", shadow: "#a89acb" }); const ground = new T.Mesh(new T.CircleGeometry(600, 96), mat("#e9d7ba")); ground.rotation.x = -Math.PI / 2; ground.position.set(player.x, 0.02, player.z); api.add(ground, { id: "polar-beach-ground", describe: "a vast pale sandy polar beach", solid: false }); const scenery = new T.Group(); scenery.position.copy(origin); scenery.rotation.y = angle; function mesh(geo, color, x, y, z, sx = 1, sy = 1, sz = 1, glow = false) { const m = new T.Mesh(geo, mat(color, glow)); m.position.set(x, y, z); m.scale.set(sx, sy, sz); scenery.add(m); return m; } const disk = new T.CircleGeometry(1, 64); function flatDisk(color, x, z, rx, rz, y) { const m = mesh(disk, color, x, y, z, rx, rz, 1); m.rotation.x = -Math.PI / 2; return m; } flatDisk("#72c5d0", 0, 110, 220, 90, 0.035); flatDisk("#9edce0", -5, 38, 145, 11, 0.045); flatDisk("#b9e7e5", -7, 32, 128, 4, 0.05); for (let i = 0; i < 26; i++) { const x = rand(-85, 85), z = rand(-28, 27); if (Math.abs(x) < 4 && Math.abs(z) < 4) continue; flatDisk(i % 3 ? "#f2f6ed" : "#d6e9e9", x, z, rand(2, 8), rand(1, 3.5), 0.055 + i * 0.0001); } for (let i = 0; i < 30; i++) { const x = rand(-115, 115), z = rand(44, 180); const m = mesh(new T.BoxGeometry(1, 1, 1), "#d9f3ef", x, 0.09, z, rand(2, 8), 0.1, rand(0.15, 0.4)); m.rotation.y = rand(-0.3, 0.3); } for (let i = 0; i < 16; i++) { const x = rand(-105, 105), z = rand(57, 185); const w = rand(8, 20), h = rand(5, 17); const base = mesh(new T.ConeGeometry(1, 1, 5), i % 2 ? "#d9f5f2" : "#c4e9ee", x, h * 0.43, z, w, h, w * 0.7); base.rotation.y = rand(0, Math.PI); const peak = mesh(new T.ConeGeometry(1, 1, 4), "#f4fbf6", x + w * 0.16, h * 0.7, z, w * 0.48, h * 0.78, w * 0.38); peak.rotation.y = rand(0, Math.PI); } for (let i = 0; i < 22; i++) { const x = rand(-90, 90), z = rand(-32, 28); if (Math.abs(x) < 5 && Math.abs(z) < 5) continue; const rock = mesh(new T.DodecahedronGeometry(1, 0), i % 2 ? "#a5bdc5" : "#b7a9c6", x, 0.25, z, rand(0.3, 0.9), rand(0.2, 0.5), rand(0.3, 0.8)); rock.rotation.y = rand(0, 6.28); } mesh(new T.SphereGeometry(1, 24, 16), "#fff1bd", 100, 135, 300, 20, 20, 20, true); api.add(scenery, { id: "polar-bay", describe: "an icy bay with snow patches, distant icebergs and a pale sun", solid: false }); const penguinParts = [ { name: "body", shape: "sphere", size: [0.78, 1.15, 0.62], pos: [0, 0.83, 0], color: "#342c45" }, { name: "bib", shape: "sphere", size: [0.59, 0.91, 0.16], pos: [0, 0.82, 0.29], color: "#f6f5ed" }, { name: "head", shape: "sphere", size: [0.64, 0.59, 0.57], pos: [0, 1.43, 0.02], color: "#342c45" }, { name: "face", shape: "sphere", size: [0.48, 0.37, 0.12], pos: [0, 1.42, 0.29], color: "#f8f6ee" }, { name: "eyeL", shape: "eye", size: [0.17, 0.18, 0.12], pos: [0.15, 1.49, 0.35], color: "#ffffff" }, { name: "eyeR", shape: "eye", size: [0.19, 0.20, 0.12], pos: [-0.14, 1.49, 0.35], color: "#ffffff" }, { name: "beak", shape: "cone", size: [0.18, 0.3, 0.18], pos: [0, 1.33, 0.45], rot: [90, 0, 0], color: "#ef9a40" }, { name: "flipperL", shape: "sphere", size: [0.19, 0.68, 0.25], pos: [0.4, 0.82, 0], rot: [0, 0, 20], color: "#342c45" }, { name: "flipperR", shape: "sphere", size: [0.19, 0.68, 0.25], pos: [-0.4, 0.82, 0], rot: [0, 0, -20], color: "#342c45" }, { name: "footL", shape: "sphere", size: [0.28, 0.12, 0.4], pos: [0.22, 0.09, 0.12], color: "#ef9a40" }, { name: "footR", shape: "sphere", size: [0.28, 0.12, 0.4], pos: [-0.22, 0.09, 0.12], color: "#ef9a40" }, { name: "tail", shape: "cone", size: [0.2, 0.37, 0.2], pos: [0, 0.4, -0.33], rot: [-55, 0, 0], color: "#342c45" } ]; const moving = []; for (let i = 0; i < 92; i++) { let x, z; do { x = rand(-66, 66); z = rand(-22, 26); } while (Math.hypot(x, z) < 5); const sliding = i < 21; const root = new T.Group(); const bird = api.build({ parts: penguinParts }); const s = rand(0.82, 1.16); bird.scale.setScalar(s); root.add(bird); root.position.copy(worldPos(x, z)); api.add(root, { id: "colony-penguin-" + i, describe: sliding ? "a penguin sliding on its belly" : "a waddling colony penguin", solid: false }); moving.push({ root, bird, x, z, sliding, scale: s, phase: rand(0, 6.28), speed: rand(0.35, 0.65), radius: sliding ? rand(2, 4) : rand(0.7, 1.9), fl: bird.getObjectByName("flipperL"), fr: bird.getObjectByName("flipperR"), footL: bird.getObjectByName("footL"), footR: bird.getObjectByName("footR") }); } const chickParts = [ { name: "down", shape: "sphere", size: [0.52, 0.63, 0.46], pos: [0, 0.38, 0], color: "#c7c4d8" }, { name: "tummy", shape: "sphere", size: [0.39, 0.45, 0.12], pos: [0, 0.37, 0.22], color: "#f4f2ed" }, { name: "head", shape: "sphere", size: [0.48, 0.43, 0.43], pos: [0, 0.75, 0], color: "#b4afc9" }, { name: "face", shape: "sphere", size: [0.36, 0.27, 0.12], pos: [0, 0.75, 0.21], color: "#f5f3ec" }, { name: "eyeL", shape: "eye", size: [0.13, 0.14, 0.1], pos: [0.1, 0.79, 0.28], color: "#ffffff" }, { name: "eyeR", shape: "eye", size: [0.14, 0.15, 0.1], pos: [-0.1, 0.79, 0.28], color: "#ffffff" }, { name: "beak", shape: "cone", size: [0.1, 0.16, 0.1], pos: [0, 0.68, 0.32], rot: [90, 0, 0], color: "#d88a48" }, { name: "wingL", shape: "sphere", size: [0.14, 0.35, 0.18], pos: [0.27, 0.4, 0], rot: [0, 0, 20], color: "#b4afc9" }, { name: "wingR", shape: "sphere", size: [0.14, 0.35, 0.18], pos: [-0.27, 0.4, 0], rot: [0, 0, -20], color: "#b4afc9" }, { name: "footL", shape: "sphere", size: [0.16, 0.08, 0.22], pos: [0.12, 0.05, 0.08], color: "#d88a48" }, { name: "footR", shape: "sphere", size: [0.16, 0.08, 0.22], pos: [-0.12, 0.05, 0.08], color: "#d88a48" }, { name: "tuft", shape: "sphere", size: [0.23, 0.14, 0.18], pos: [0, 0.98, 0], color: "#d9d5e4" } ]; const chicks = []; const huddles = [[-13, 8], [16, 11], [-28, -5], [34, 17]]; let ci = 0; for (const [cx, cz] of huddles) { for (let j = 0; j < 9; j++) { const a = j * Math.PI * 2 / 9; const radius = j === 0 ? 0 : rand(0.45, 1.05); const chick = api.build({ parts: chickParts }); chick.position.copy(worldPos(cx + Math.cos(a) * radius, cz + Math.sin(a) * radius, 0.06)); chick.rotation.y = angle + rand(-Math.PI, Math.PI); chick.scale.setScalar(rand(0.83, 1.07)); api.add(chick, { id: "huddled-chick-" + ci++, describe: "a fluffy penguin chick huddled with the others", solid: false }); chicks.push({ obj: chick, phase: rand(0, 6.28), y: chick.position.y }); } } const floeX = 20, floeZ = 49; const floe = new T.Group(); floe.position.copy(worldPos(floeX, floeZ, 0.12)); floe.rotation.y = angle; const ice = new T.Mesh(new T.CylinderGeometry(5.3, 5.8, 0.45, 9), mat("#d9f4f2")); ice.position.y = 0.08; floe.add(ice); const iceTop = new T.Mesh(new T.CylinderGeometry(4.7, 5.1, 0.12, 9), mat("#f5fbf6")); iceTop.position.y = 0.36; floe.add(iceTop); api.add(floe, { id: "seal-ice-floe", describe: "a broad white ice floe in the bay", solid: false }); const seal = api.build({ parts: [ { name: "body", shape: "sphere", size: [2.0, 1.05, 3.5], pos: [0, 0.85, 0], color: "#9eafc4" }, { name: "belly", shape: "sphere", size: [1.7, 0.47, 2.7], pos: [0, 0.57, 0.15], color: "#d6d8df" }, { name: "head", shape: "sphere", size: [1.15, 0.93, 1.0], pos: [0, 1.05, 1.55], color: "#aebdcb" }, { name: "muzzle", shape: "sphere", size: [0.74, 0.42, 0.42], pos: [0, 0.91, 2.03], color: "#e8e4e4" }, { name: "nose", shape: "sphere", size: [0.22, 0.16, 0.15], pos: [0, 1.07, 2.25], color: "#4a354a" }, { name: "eyeL", shape: "eye", size: [0.24, 0.25, 0.15], pos: [0.34, 1.25, 1.97], color: "#ffffff" }, { name: "eyeR", shape: "eye", size: [0.25, 0.26, 0.15], pos: [-0.34, 1.25, 1.97], color: "#ffffff" }, { name: "flipperL", shape: "sphere", size: [1.2, 0.22, 0.62], pos: [1.12, 0.5, 0.2], rot: [0, -20, 12], color: "#899bb6" }, { name: "flipperR", shape: "sphere", size: [1.2, 0.22, 0.62], pos: [-1.12, 0.5, 0.2], rot: [0, 20, -12], color: "#899bb6" }, { name: "tailL", shape: "sphere", size: [0.65, 0.2, 1.0], pos: [0.43, 0.55, -1.75], rot: [0, -25, 0], color: "#899bb6" }, { name: "tailR", shape: "sphere", size: [0.65, 0.2, 1.0], pos: [-0.43, 0.55, -1.75], rot: [0, 25, 0], color: "#899bb6" }, { name: "whiskerL1", shape: "tube", points: [[0,0,0],[0.55,0.05,0.05]], radius: 0.025, pos: [0.22, 0.91, 2.19], color: "#67566e" }, { name: "whiskerL2", shape: "tube", points: [[0,0,0],[0.55,-0.08,0.03]], radius: 0.025, pos: [0.22, 0.87, 2.19], color: "#67566e" }, { name: "whiskerR1", shape: "tube", points: [[0,0,0],[-0.55,0.05,0.05]], radius: 0.025, pos: [-0.22, 0.91, 2.19], color: "#67566e" }, { name: "whiskerR2", shape: "tube", points: [[0,0,0],[-0.55,-0.08,0.03]], radius: 0.025, pos: [-0.22, 0.87, 2.19], color: "#67566e" }, { name: "spot1", shape: "sphere", size: [0.22, 0.06, 0.28], pos: [0.45, 1.32, -0.4], color: "#8499b4" }, { name: "spot2", shape: "sphere", size: [0.18, 0.05, 0.22], pos: [-0.5, 1.29, 0.25], color: "#8499b4" } ] }); seal.position.copy(worldPos(floeX, floeZ, 0.48)); seal.rotation.y = angle + Math.PI; api.add(seal, { id: "resting-seal", describe: "a peaceful whiskered seal resting on an ice floe", solid: false }); api.onFrame((dt, t) => { for (const p of moving) { const u = t * p.speed + p.phase; let x, z, heading; if (p.sliding) { x = p.x + Math.sin(u) * p.radius; z = p.z + Math.sin(u * 0.5) * 0.4; heading = Math.cos(u) >= 0 ? Math.PI / 2 : -Math.PI / 2; p.bird.rotation.x = Math.PI / 2; p.bird.rotation.z = 0; p.bird.position.y = 0.38 * p.scale + 0.035 * Math.sin(u * 3); } else { x = p.x + Math.cos(u) * p.radius; z = p.z + Math.sin(u) * p.radius * 0.55; heading = Math.atan2(-Math.sin(u), Math.cos(u) * 0.55); p.bird.rotation.x = 0.05 * Math.sin(u * 7); p.bird.rotation.z = 0.12 * Math.sin(u * 7); p.bird.position.y = 0.05 + 0.035 * Math.abs(Math.sin(u * 7)); } p.root.position.copy(worldPos(x, z, 0)); p.root.rotation.y = angle + heading; if (p.fl) p.fl.rotation.z = 0.35 + 0.12 * Math.sin(u * 5); if (p.fr) p.fr.rotation.z = -0.35 - 0.12 * Math.sin(u * 5 + 0.6); if (p.footL) p.footL.rotation.x = 0.3 * Math.sin(u * 7); if (p.footR) p.footR.rotation.x = -0.3 * Math.sin(u * 7); } for (const c of chicks) c.obj.position.y = c.y + 0.025 * Math.sin(t * 2 + c.phase); seal.scale.y = 1 + 0.025 * Math.sin(t * 1.3); }); api.say = "I made a sprawling polar beach colony, with waddling and belly-sliding penguins, chick huddles, icebergs, and a snoozing seal."; api.suggest = [ "Add a penguin family building a snow fort", "Make the sky glow with northern lights", "Add a pod of orcas swimming in the bay", "Bring a gentle snowfall to the beach" ];