const T = api.THREE; api.world({ time: "night", sky: "#101b46", haze: "#354064", shadow: "#554784", ink: "#302039" }); const snowMat = api.toon("#dcecf3"); const iceMat = api.toon("#73b8c5"); const pineMat = api.toon("#17575a"); const pineLight = api.toon("#27766d"); const barkMat = api.toon("#65445a"); const whiteMat = api.toon("#f5f7ed"); const darkMat = api.toon("#3a293e"); const warmMat = api.toon("#ffd17b", { glow: true }); const orangeMat = api.toon("#f28b43", { glow: true }); const yellowMat = api.toon("#fff0a4", { glow: true }); const greenGlow = api.toon("#72edb4", { glow: true }); const violetGlow = api.toon("#b68cf0", { glow: true }); const origin = new T.Vector3(api.player.x, 0, api.player.z); 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); function addLocal(obj, id, describe, x, z, solid = true, y = 0) { const p = new T.Vector3(x, y, z).applyAxisAngle(new T.Vector3(0, 1, 0), angle).add(origin); obj.position.copy(p); obj.rotation.y += angle; api.add(obj, { id, describe, solid }); return obj; } function mesh(geometry, material, x, y, z, parent) { const m = new T.Mesh(geometry, material); m.position.set(x, y, z); parent.add(m); return m; } function sphere(parent, material, x, y, z, sx, sy, sz) { const m = mesh(new T.SphereGeometry(1, 12, 8), material, x, y, z, parent); m.scale.set(sx, sy, sz); return m; } function box(parent, material, x, y, z, sx, sy, sz, rz = 0) { const m = mesh(new T.BoxGeometry(sx, sy, sz), material, x, y, z, parent); m.rotation.z = rz; return m; } function tube(parent, material, points, radius) { const curve = new T.CatmullRomCurve3(points.map(p => new T.Vector3(...p))); const m = new T.Mesh(new T.TubeGeometry(curve, 20, radius, 7, false), material); parent.add(m); return m; } function flatDisc(material, rx, rz, y) { const m = new T.Mesh(new T.CircleGeometry(1, 64), material); m.rotation.x = -Math.PI / 2; m.scale.set(rx, rz, 1); m.position.y = y; return m; } const ground = new T.Group(); ground.add(flatDisc(snowMat, 600, 600, 0.025)); api.add(ground, { id: "snowfield", describe: "a wide blanket of snow", solid: false }); let seed = 73191; function rnd() { seed = (seed * 1664525 + 1013904223) >>> 0; return seed / 4294967296; } // A broad frozen lake, with stylized ribbons reflected in the ice. const lake = new T.Group(); lake.add(flatDisc(whiteMat, 13.7, 17.5, 0.035)); lake.add(flatDisc(iceMat, 12.8, 16.5, 0.055)); const icePale = api.toon("#ace2e1", { glow: true }); const icePurple = api.toon("#a6a3e1", { glow: true }); for (let i = 0; i < 14; i++) { const z = -13 + i * 1.85; const span = 10 * Math.sqrt(Math.max(0, 1 - z * z / (16 * 16))); const pts = []; for (let j = 0; j < 9; j++) { const x = -span + 2 * span * j / 8; pts.push([x, 0.075 + i * 0.0002, z + 0.24 * Math.sin(j * 0.9 + i)]); } tube(lake, i % 3 === 0 ? icePurple : icePale, pts, i % 3 === 0 ? 0.075 : 0.045); } for (let i = 0; i < 9; i++) { const x = (rnd() - 0.5) * 17, z = (rnd() - 0.5) * 23; if ((x*x)/(11*11) + (z*z)/(14*14) < 1) { tube(lake, whiteMat, [[x,0.08,z],[x+0.6,0.08,z+0.4],[x+1.1,0.08,z+0.3]], 0.025); } } addLocal(lake, "frozen-lake", "a frozen lake reflecting the northern lights", 21, 30, false); // Trees surround the clearing and lake, leaving both accessible. const coneGeo = new T.ConeGeometry(1, 1, 9); const trunkGeo = new T.CylinderGeometry(0.18, 0.27, 1, 8); let trees = 0; for (let i = 0; i < 125 && trees < 76; i++) { const theta = rnd() * Math.PI * 2; const radius = 19 + rnd() * 61; const x = Math.cos(theta) * radius; const z = 13 + Math.sin(theta) * radius; if (((x - 21) ** 2) / (17 ** 2) + ((z - 30) ** 2) / (21 ** 2) < 1) continue; if (Math.abs(x) < 11 && z > 0 && z < 22) continue; const h = 5.3 + rnd() * 5.0; const tree = new T.Group(); const trunk = mesh(trunkGeo, barkMat, 0, h * 0.12, 0, tree); trunk.scale.set(h * 0.48, h * 0.25, h * 0.48); for (let k = 0; k < 3; k++) { const tierH = h * (0.48 - k * 0.045); const r = h * (0.24 - k * 0.035); const baseY = h * (0.17 + k * 0.22); const foliage = mesh(coneGeo, k === 1 ? pineLight : pineMat, 0, baseY + tierH / 2, 0, tree); foliage.scale.set(r, tierH, r); const cap = mesh(coneGeo, whiteMat, 0, baseY + tierH * 0.68, 0, tree); cap.scale.set(r * 0.68, tierH * 0.64, r * 0.68); } addLocal(tree, "snow-pine-" + trees, "a tall snow-laden pine", x, z); trees++; } // Tent: pitched canvas with an open entrance and a warmly glowing interior. const tent = new T.Group(); const canvas = api.toon("#e9a75c"); const canvasLight = api.toon("#ffd692", { glow: true }); const canvasShade = api.toon("#c9744c"); function panel(parent, material, vertices) { const geometry = new T.BufferGeometry(); geometry.setAttribute("position", new T.Float32BufferAttribute(vertices.flat(), 3)); geometry.computeVertexNormals(); const mat = material.clone(); mat.side = T.DoubleSide; const m = new T.Mesh(geometry, mat); parent.add(m); return m; } panel(tent, canvas, [[-2.3,0.12,-2.6],[0,3.15,-2.6],[0,3.15,2.6],[-2.3,0.12,-2.6],[0,3.15,2.6],[-2.3,0.12,2.6]]); panel(tent, canvasLight, [[2.3,0.12,-2.6],[0,3.15,2.6],[0,3.15,-2.6],[2.3,0.12,-2.6],[2.3,0.12,2.6],[0,3.15,2.6]]); panel(tent, canvasShade, [[-2.3,0.12,2.6],[2.3,0.12,2.6],[0,3.15,2.6]]); panel(tent, darkMat, [[-1.25,0.13,-2.605],[1.25,0.13,-2.605],[0,2.15,-2.605]]); panel(tent, canvas, [[-2.3,0.12,-2.62],[-1.25,0.12,-2.62],[0,2.15,-2.62],[-2.3,0.12,-2.62],[0,2.15,-2.62],[0,3.15,-2.62]]); panel(tent, canvasLight, [[2.3,0.12,-2.62],[0,3.15,-2.62],[0,2.15,-2.62],[2.3,0.12,-2.62],[0,2.15,-2.62],[1.25,0.12,-2.62]]); tube(tent, barkMat, [[-2.32,0.12,-2.66],[0,3.19,-2.66],[2.32,0.12,-2.66]], 0.055); tube(tent, barkMat, [[0,3.18,-2.7],[0,3.18,2.7]], 0.055); tube(tent, darkMat, [[-2.25,0.35,-2.1],[-3.2,0.04,-3.2]], 0.025); tube(tent, darkMat, [[2.25,0.35,-2.1],[3.2,0.04,-3.2]], 0.025); box(tent, api.toon("#885487"), 0, 0.14, -1.6, 1.45, 0.12, 1.3); sphere(tent, warmMat, 0, 1.05, -2.55, 0.19, 0.24, 0.1); const tentLight = new T.PointLight("#ffbd65", 22, 13, 2); tentLight.position.set(0, 1.5, -2.8); tent.add(tentLight); addLocal(tent, "canvas-tent", "a warmly glowing canvas tent with an open entrance", -4.8, 15); // Fire ring, stacked logs, flickering flames and sparks. const fire = new T.Group(); const stoneMat = api.toon("#827390"); for (let i = 0; i < 10; i++) { const a = i * Math.PI * 2 / 10; const rock = sphere(fire, stoneMat, Math.cos(a)*1.02, 0.18, Math.sin(a)*1.02, 0.27, 0.19, 0.24); rock.rotation.y = a; } for (let i = 0; i < 3; i++) { const log = mesh(new T.CylinderGeometry(0.16, 0.18, 1.6, 8), barkMat, 0, 0.24 + i * 0.06, 0, fire); log.rotation.z = Math.PI / 2; log.rotation.y = i * Math.PI / 3; } const flames = []; for (let i = 0; i < 7; i++) { const a = i * 2.4; const flame = mesh(new T.ConeGeometry(0.25 + rnd()*0.15, 1.1 + rnd()*0.6, 7), i % 2 ? yellowMat : orangeMat, Math.cos(a)*0.24, 0.8, Math.sin(a)*0.24, fire); flames.push(flame); } const fireLight = new T.PointLight("#ff9a4d", 38, 17, 2); fireLight.position.set(0, 1.3, 0); fire.add(fireLight); addLocal(fire, "campfire", "a crackling campfire in a ring of stones", 0, 11); api.particles({ type: "particles", kind: "fire", attach: { object: "campfire", offset: [0, 0.6, 0] }, area: [0.5, 0.5], rate: 15, velocity: [0, 1.5, 0], jitter: 0.5, gravity: -0.4, life: 1.3, size: 0.12, colors: ["#ffbc54", "#ffe5a0", "#f07b40"], duration: 0 }); api.particles({ type: "particles", kind: "smoke", attach: { object: "campfire", offset: [0, 1.5, 0] }, area: [0.35, 0.35], rate: 3, velocity: [0.25, 1.5, 0], jitter: 0.35, gravity: -0.15, life: 3, size: 0.25, colors: ["#8a80a8", "#b2a7c3"], duration: 0 }); // A wooden sled with curved runners and a folded blanket. const sled = new T.Group(); const wood = api.toon("#bb7249"); const runner = api.toon("#623e50"); for (const x of [-0.65, 0.65]) { tube(sled, runner, [[x,0.13,-1.9],[x,0.12,-1.3],[x,0.12,1.25],[x,0.25,1.8],[x,0.52,2.05]], 0.09); for (const z of [-1.15, 1.05]) box(sled, wood, x, 0.38, z, 0.13, 0.55, 0.13); } for (let i = 0; i < 5; i++) box(sled, wood, -0.56 + i*0.28, 0.7, 0, 0.22, 0.12, 2.8); for (const z of [-1, 1]) box(sled, runner, 0, 0.62, z, 1.6, 0.12, 0.15); tube(sled, runner, [[-0.7,0.7,1.2],[-0.7,1.55,1.55],[0.7,1.55,1.55],[0.7,0.7,1.2]], 0.07); box(sled, api.toon("#b685cb"), 0, 0.85, 0.1, 1.05, 0.2, 1.1); box(sled, api.toon("#f1c985"), 0, 0.97, 0.1, 0.1, 0.025, 1.08); addLocal(sled, "wooden-sled", "a wooden sled with curved runners and a folded blanket", 5.2, 15); // Resting huskies: tucked paws, pointed ears, fluffy tails and bright eyes. function makeHusky(coat, patch) { const dog = new T.Group(); const fur = api.toon(coat); const muzzle = api.toon("#f4f2e8"); const nose = api.toon("#342737"); const eyeWhite = api.toon("#fffaf3"); sphere(dog, fur, 0, 0.48, 0, 0.58, 0.43, 0.88); sphere(dog, muzzle, 0, 0.30, -0.15, 0.48, 0.19, 0.67); sphere(dog, fur, 0, 0.72, -0.72, 0.48, 0.43, 0.43); sphere(dog, muzzle, 0, 0.58, -1.03, 0.34, 0.24, 0.28); sphere(dog, nose, 0, 0.66, -1.29, 0.11, 0.085, 0.075); for (const x of [-1, 1]) { const ear = mesh(new T.ConeGeometry(0.19, 0.49, 5), fur, x*0.29, 1.16, -0.65, dog); ear.rotation.z = -x * 0.17; const inner = mesh(new T.ConeGeometry(0.09, 0.28, 5), api.toon("#dc9aa6"), x*0.29, 1.16, -0.77, dog); inner.rotation.z = -x * 0.17; sphere(dog, muzzle, x*0.26, 0.82, -1.02, 0.22, 0.23, 0.09); sphere(dog, eyeWhite, x*0.23, 0.87, -1.105, 0.13, 0.14, 0.065); sphere(dog, nose, x*0.23, 0.87, -1.16, 0.043, 0.05, 0.03); sphere(dog, muzzle, x*0.42, 0.18, -0.71, 0.19, 0.14, 0.36); } tube(dog, fur, [[0.35,0.43,0.62],[0.72,0.47,0.76],[0.88,0.37,0.4],[0.75,0.28,0.12]], 0.17); sphere(dog, muzzle, 0.76, 0.28, 0.12, 0.18, 0.16, 0.18); box(dog, api.toon(patch), 0, 0.54, -0.42, 0.83, 0.16, 0.12); return dog; } const dog1 = makeHusky("#7589a1", "#d86c64"); dog1.rotation.y = -0.25; addLocal(dog1, "husky-one", "a resting blue-grey husky", 3.1, 10.2); const dog2 = makeHusky("#8a7085", "#71c3b7"); dog2.rotation.y = 0.28; addLocal(dog2, "husky-two", "a resting lavender-grey husky", 5.0, 10.0); // Wide, softly undulating aurora curtains across the night sky. const aurora = new T.Group(); function auroraRibbon(material, baseY, depth, phase, height) { const verts = [], indices = []; const n = 80; for (let i = 0; i <= n; i++) { const x = -85 + 170 * i / n; const y = baseY + 5 * Math.sin(i * 0.13 + phase) + 2 * Math.sin(i * 0.36 + phase); const z = depth + 8 * Math.sin(i * 0.12 + phase); verts.push(x, y, z, x, y + height * (0.7 + 0.3 * Math.sin(i * 0.17 + phase)), z); if (i < n) { const a = i * 2; indices.push(a, a+1, a+2, a+1, a+3, a+2); } } const geo = new T.BufferGeometry(); geo.setAttribute("position", new T.Float32BufferAttribute(verts, 3)); geo.setIndex(indices); geo.computeVertexNormals(); const mat = material.clone(); mat.side = T.DoubleSide; const m = new T.Mesh(geo, mat); aurora.add(m); return m; } const ar1 = auroraRibbon(greenGlow, 40, 125, 0, 8); const ar2 = auroraRibbon(violetGlow, 50, 136, 1.4, 7); const ar3 = auroraRibbon(api.toon("#4ecda7", { glow: true }), 34, 145, 2.5, 4); addLocal(aurora, "northern-lights", "swirling green and violet northern lights", 0, 0, false); // Stars and a pale moon far above the forest. const stars = new T.Group(); const starGeo = new T.SphereGeometry(1, 7, 5); for (let i = 0; i < 85; i++) { const x = (rnd()-0.5)*350; const y = 25 + rnd()*100; const z = 160 + rnd()*70; const star = mesh(starGeo, i % 4 === 0 ? violetGlow : whiteMat, x, y, z, stars); star.scale.setScalar(0.22 + rnd()*0.35); } const moon = mesh(new T.SphereGeometry(9, 24, 16), api.toon("#ebf6d9", { glow: true }), -65, 76, 210, stars); addLocal(stars, "winter-stars", "stars and a pale winter moon", 0, 0, false); api.particles({ type: "particles", kind: "snow", place: { where: "here", height: 22 }, area: [70, 70], rate: 55, velocity: [0.2, -1.5, 0.1], jitter: 0.7, gravity: 0.3, life: 12, size: 0.12, colors: ["#ffffff", "#d8e8ff"], duration: 0 }); api.onFrame((dt, t) => { flames.forEach((flame, i) => { flame.scale.y = 0.75 + 0.25 * Math.sin(t * 8 + i * 2.1); flame.rotation.z = 0.16 * Math.sin(t * 5 + i); }); fireLight.intensity = 31 + 7 * Math.sin(t * 8.7) + 3 * Math.sin(t * 15.3); tentLight.intensity = 20 + 2 * Math.sin(t * 1.8); ar1.position.y = Math.sin(t * 0.23) * 1.3; ar2.position.y = Math.sin(t * 0.19 + 1) * 1.6; ar3.position.y = Math.sin(t * 0.27 + 2) * 1.0; }); api.say = "I made a snowy forest campsite beneath green and violet northern lights, with two huskies resting by the sled. The frozen lake catches shimmering reflections of the sky."; api.suggest = [ "Add a steaming kettle over the campfire", "Put a little cabin among the pines", "Make the huskies wake up and explore", "Add an ice fishing hole to the lake" ];