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 origin = new T.Vector3( api.player.x + forward.x * 24, 0, api.player.z + forward.z * 24 ); const facing = Math.atan2(-forward.x, -forward.z); function sceneGroup(id, describe, solid) { const g = new T.Group(); g.position.copy(origin); g.rotation.y = facing; api.add(g, { id, describe, solid }); return g; } function mat(color, glow = false) { return api.toon(color, glow ? { glow: true } : {}); } const rockMat = mat("#745891"); const rockLight = mat("#a681b4"); const rockDark = mat("#51436e"); const mossMat = mat("#408c65"); const grassMat = mat("#428b64"); const trunkMat = mat("#8c5572"); const trunkLight = mat("#bd7890"); const leafMat = mat("#278c68"); const leafLight = mat("#72c976"); const leafDark = mat("#286c68"); const waterMat = mat("#39c3d3"); const waterLight = mat("#a2f0e6", true); const foamMat = mat("#e1fff0", true); function blob(parent, material, x, y, z, sx, sy, sz, name) { const mesh = new T.Mesh(new T.SphereGeometry(1, 12, 8), material); mesh.position.set(x, y, z); mesh.scale.set(sx, sy, sz); if (name) mesh.name = name; parent.add(mesh); return mesh; } function box(parent, material, x, y, z, sx, sy, sz, name) { const mesh = new T.Mesh(new T.BoxGeometry(sx, sy, sz), material); mesh.position.set(x, y, z); if (name) mesh.name = name; parent.add(mesh); return mesh; } function tube(parent, material, points, radius, name) { const curve = new T.CatmullRomCurve3(points.map(p => new T.Vector3(...p))); const mesh = new T.Mesh(new T.TubeGeometry(curve, 20, radius, 7, false), material); if (name) mesh.name = name; parent.add(mesh); return mesh; } function disc(parent, material, x, y, z, rx, rz) { const mesh = new T.Mesh(new T.CircleGeometry(1, 48), material); mesh.rotation.x = -Math.PI / 2; mesh.position.set(x, y, z); mesh.scale.set(rx, rz, 1); parent.add(mesh); return mesh; } const ground = sceneGroup("jungle-clearing", "a lush jungle clearing around a waterfall", false); disc(ground, grassMat, 0, 0.025, 1, 20, 19); disc(ground, mat("#75b870"), 0, 0.04, 4, 15, 13); disc(ground, mat("#45a9b7"), 0, 0.08, 4.4, 9.2, 7.4); disc(ground, waterMat, 0, 0.10, 4.4, 8.4, 6.7); disc(ground, mat("#70dfdf"), -1.2, 0.115, 4.8, 5.6, 3.9); const cliff = sceneGroup("waterfall-cliff", "a towering mossy rock cliff behind the waterfall", true); // Two buttresses frame the falling water, with a recessed back wall. for (const side of [-1, 1]) { for (let j = 0; j < 4; j++) { blob(cliff, j % 2 ? rockLight : rockMat, side * (7.0 + (j % 2) * 0.6), 3.8 + j * 7.1, -4.6, 3.7, 5.0, 3.4, "cliff-rock"); blob(cliff, mossMat, side * (7.2 + (j % 2) * 0.6), 7.1 + j * 7.1, -2.3, 2.5, 0.35, 1.5, "moss"); } } for (let j = 0; j < 3; j++) { box(cliff, j % 2 ? rockMat : rockDark, 0, 5 + j * 9.4, -7.8, 14, 10, 2.3, "back-wall"); } blob(cliff, rockLight, 0, 29.6, -5.6, 9.5, 2.5, 3.0, "cliff-crown"); for (const p of [ [-9, 1, 2, 2.5, 1.4, 2], [9, 1, 2, 2.7, 1.5, 2], [-7.5, 0.8, 9, 2.1, 1, 1.6], [7.6, 0.9, 9.5, 2.0, 1.2, 1.7], [-5, 0.6, 11, 1.2, 0.7, 1], [5.3, 0.6, 11, 1.3, 0.8, 1] ]) blob(cliff, rockMat, ...p, "pool-rock"); const water = sceneGroup("falling-water", "a towering turquoise waterfall plunging into a jungle pool", false); box(water, mat("#48cbd6"), 0, 15.0, -3.0, 7.2, 28.5, 0.75, "waterfall-sheet"); box(water, mat("#83e8e6", true), 0.4, 15.2, -2.56, 3.3, 27.8, 0.13, "waterfall-bright-center"); for (let i = 0; i < 11; i++) { const x = -3.4 + i * 0.68; blob(water, i % 3 === 0 ? foamMat : waterLight, x, 29.2, -2.75, 0.48, 0.75, 0.46, "waterfall-lip"); } for (let i = 0; i < 16; i++) { const angle = i * Math.PI * 2 / 16; const r = 2.4 + (i % 3) * 0.48; blob(water, i % 2 ? foamMat : waterLight, Math.cos(angle) * r, 0.35 + (i % 3) * 0.12, -1.2 + Math.sin(angle) * r * 0.65, 0.55 + (i % 3) * 0.12, 0.24, 0.44, "splash-foam"); } const streaks = []; for (let i = 0; i < 22; i++) { const m = box(water, i % 3 ? waterLight : foamMat, -3.2 + (i * 1.37) % 6.4, 2 + (i * 4.73) % 26, -2.44, 0.09 + (i % 3) * 0.05, 1.2 + (i % 4) * 0.55, 0.06, "flow-streak"); streaks.push({ mesh: m, phase: (i * 4.73) % 27, speed: 7 + i % 4 }); } for (let i = 0; i < 6; i++) { const ring = new T.Mesh(new T.TorusGeometry(0.7 + i * 0.17, 0.055, 6, 30), waterLight); ring.rotation.x = Math.PI / 2; ring.position.set(-3.5 + i * 1.45, 0.15, 3.5 + (i % 2) * 2); ring.scale.y = 0.7; water.add(ring); } const vegetation = sceneGroup("jungle-plants", "giant ferns, jungle trees and hanging vines", false); const trees = sceneGroup("jungle-tree-trunks", "sturdy trees around the jungle pool", true); const treeSpots = [ [-12.5, -5.5, 17], [12.5, -5.2, 18], [-14, 5.8, 15], [14, 6.5, 16], [-10.5, -11, 15], [11, -11, 16] ]; treeSpots.forEach(([x, z, h], index) => { const trunk = new T.Mesh(new T.CylinderGeometry(0.55, 1.05, h, 9), trunkMat); trunk.position.set(x, h / 2, z); trunk.rotation.z = (index % 2 ? -1 : 1) * 0.07; trunk.name = "tree-trunk"; trees.add(trunk); for (let k = 0; k < 3; k++) { const a = k * Math.PI * 2 / 3 + index; blob(vegetation, trunkLight, x + Math.cos(a) * 0.7, 0.35, z + Math.sin(a) * 0.7, 1.2, 0.35, 0.65, "tree-root").rotation.y = -a; } for (let k = 0; k < 5; k++) { const a = k * Math.PI * 2 / 5 + index * 0.5; const ex = x + Math.cos(a) * 4.2; const ez = z + Math.sin(a) * 4.2; tube(vegetation, trunkMat, [ [x, h * 0.68, z], [x + Math.cos(a) * 1.8, h * 0.85, z + Math.sin(a) * 1.8], [ex, h * 0.91, ez] ], 0.24, "branch"); blob(vegetation, k % 2 ? leafMat : leafLight, ex, h * 0.97, ez, 3.1, 1.05, 2.1, "canopy"); blob(vegetation, leafDark, ex - 0.6, h * 0.89, ez + 0.3, 2.4, 0.75, 1.8, "canopy-shadow"); } for (let k = 0; k < 3; k++) { const a = k * 2.1 + index; const vx = x + Math.cos(a) * 2.6; const vz = z + Math.sin(a) * 2.6; const end = h * (0.32 + (k % 2) * 0.15); tube(vegetation, leafDark, [ [vx, h * 0.92, vz], [vx + 0.3, h * 0.68, vz + 0.1], [vx - 0.25, end + 1.2, vz + 0.2], [vx + 0.1, end, vz + 0.3] ], 0.075, "hanging-vine"); for (let n = 0; n < 3; n++) { const yy = end + 0.6 + n * 1.2; const leaf = blob(vegetation, leafLight, vx + (n % 2 ? 0.25 : -0.25), yy, vz + 0.2, 0.36, 0.14, 0.16, "vine-leaf"); leaf.rotation.z = n % 2 ? 0.5 : -0.5; } } }); function fern(x, z, height, seed) { const stemTop = height * 0.42; tube(vegetation, leafDark, [[x, 0.1, z], [x, stemTop * 0.6, z], [x, stemTop, z]], 0.10, "fern-stem"); for (let j = 0; j < 9; j++) { const a = j * Math.PI * 2 / 9 + seed; const dx = Math.cos(a), dz = Math.sin(a); const length = height * (0.62 + (j % 3) * 0.08); const points = [ [x, stemTop, z], [x + dx * length * 0.38, height * 0.94, z + dz * length * 0.38], [x + dx * length * 0.76, height * 0.85, z + dz * length * 0.76], [x + dx * length, height * 0.52, z + dz * length] ]; tube(vegetation, leafDark, points, 0.055, "fern-frond"); for (let n = 1; n <= 5; n++) { const q = n / 6; const px = x + dx * length * q; const pz = z + dz * length * q; const py = stemTop + Math.sin(q * Math.PI * 0.8) * height * 0.5; for (const s of [-1, 1]) { const lx = px - dz * s * 0.28; const lz = pz + dx * s * 0.28; const leaf = blob(vegetation, (n + j) % 2 ? leafLight : leafMat, lx, py, lz, 0.16, 0.065, 0.48 * (1 - q * 0.5), "fern-leaflet"); leaf.rotation.y = -a; leaf.rotation.z = s * 0.25; } } } } [ [-13, 10, 4.8], [12.5, 11, 5.0], [-15, 1, 4.2], [15, -1, 4.5], [-10, -8, 3.6], [10, -8, 4], [-8, 13, 3.2], [8.5, 14, 3.5] ].forEach((p, i) => fern(p[0], p[1], p[2], i * 0.4)); // Parrots sit on visible branches above the pool. const parrots = sceneGroup("perched-parrots", "three bright parrots perched on jungle branches", false); const birdColors = ["#ef5549", "#f0b542", "#5bc7b5"]; const birds = []; [[-10.6, 10.8, 0.0], [10.6, 11.8, -1.0], [-11.7, 9.8, 7.0]].forEach((p, i) => { tube(vegetation, trunkMat, [ [p[0] + (p[0] < 0 ? -2 : 2), p[1] - 0.35, p[2]], [p[0], p[1] - 0.35, p[2]], [p[0] + (p[0] < 0 ? 2 : -2), p[1] - 0.4, p[2]] ], 0.18, "parrot-perch"); const bird = api.build({ parts: [ {name:"body", shape:"sphere", size:[0.8,1.05,0.75], pos:[0,0.8,0], color:birdColors[i]}, {name:"head", shape:"sphere", size:[0.75,0.7,0.7], pos:[0,1.45,0.12], color:birdColors[i]}, {name:"eye-left", shape:"eye", size:[0.24,0.25,0.13], pos:[0.19,1.5,0.43], color:"#ffffff"}, {name:"eye-right", shape:"eye", size:[0.21,0.23,0.13], pos:[-0.19,1.52,0.43], color:"#ffffff"}, {name:"beak", shape:"cone", size:[0.34,0.38,0.4], pos:[0,1.27,0.52], rot:[90,0,0], color:"#f8b83c"}, {name:"wing", shape:"sphere", size:[0.22,0.72,0.52], pos:[0.42,0.88,0], color:"#2ea4ad", mirror:true}, {name:"tail", shape:"sphere", size:[0.22,0.95,0.2], pos:[0,0.23,-0.38], rot:[-30,0,0], color:"#287dc1"}, {name:"crest", shape:"sphere", size:[0.16,0.4,0.15], pos:[0,1.86,0.04], rot:[0,0,-20], color:"#f6c34e"}, {name:"foot", shape:"sphere", size:[0.22,0.12,0.28], pos:[0.2,0.28,0.12], color:"#ef9a45", mirror:true} ] }); bird.position.set(p[0], p[1] - 0.35, p[2]); bird.rotation.y = i === 1 ? -0.4 : 0.4; parrots.add(bird); birds.push(bird); }); // A small flock of blue butterflies moves through the clearing. const butterflies = sceneGroup("blue-butterflies", "big blue butterflies fluttering through the sunlight", false); const butterflyList = []; for (let i = 0; i < 7; i++) { const b = new T.Group(); const body = blob(b, mat("#494279"), 0, 0, 0, 0.09, 0.11, 0.38, "butterfly-body"); blob(b, mat("#494279"), 0, 0.04, 0.37, 0.13, 0.13, 0.12, "butterfly-head"); const wings = []; for (const side of [-1, 1]) { const pivot = new T.Group(); b.add(pivot); const upper = blob(pivot, mat(i % 2 ? "#418de7" : "#5ab7f3"), side * 0.43, 0.03, 0.10, 0.48, 0.075, 0.4, "upper-wing"); const lower = blob(pivot, mat("#346fc3"), side * 0.34, 0.02, -0.25, 0.34, 0.07, 0.28, "lower-wing"); blob(pivot, mat("#c7eff4", true), side * 0.53, 0.11, 0.13, 0.1, 0.03, 0.1, "wing-spot"); wings.push({pivot, side}); } tube(b, mat("#494279"), [[-0.05,0.1,0.35],[-0.15,0.24,0.53],[-0.23,0.25,0.56]], 0.015, "antenna"); tube(b, mat("#494279"), [[0.05,0.1,0.35],[0.15,0.24,0.53],[0.23,0.25,0.56]], 0.015, "antenna"); butterflies.add(b); butterflyList.push({b, wings, phase:i * 1.7, radius:2.3 + (i % 3) * 1.6}); } const shafts = sceneGroup("sunbeams", "soft shafts of sunlight falling into the jungle clearing", false); const beamMaterial = mat("#fff0a8", true); beamMaterial.transparent = true; beamMaterial.opacity = 0.16; beamMaterial.depthWrite = false; for (const p of [[-5,4,0.18], [3,6,-0.15], [7,0,0.13]]) { const mesh = new T.Mesh(new T.CylinderGeometry(0.5, 2.3, 26, 12, 1, true), beamMaterial); mesh.position.set(p[0], 15, p[1]); mesh.rotation.z = p[2]; mesh.name = "sunbeam"; shafts.add(mesh); } api.particles({ type:"particles", kind:"smoke", attach:{object:"falling-water", offset:[0,1,-1]}, area:[7,4], rate:22, velocity:[0,1.6,0], jitter:0.8, gravity:-0.1, life:3.8, size:0.7, colors:["#d9fff2","#b1e8e7","#e9fff9"], duration:0 }); api.particles({ type:"particles", kind:"water", attach:{object:"falling-water", offset:[0,1.1,-1]}, area:[5,2], rate:28, velocity:[0,3,0.6], jitter:2.2, gravity:7, life:1.1, size:0.12, colors:["#d8fff6","#8fe8e7"], duration:0 }); api.onFrame((dt, t) => { streaks.forEach(s => { s.mesh.position.y = 1.3 + ((s.phase - t * s.speed) % 27 + 2700) % 27; }); butterflyList.forEach((item, i) => { const a = t * (0.35 + i * 0.025) + item.phase; item.b.position.set( Math.cos(a) * item.radius + (i % 2 ? 2 : -2), 4.2 + i * 0.55 + Math.sin(t * 1.7 + item.phase) * 0.7, 3 + Math.sin(a * 1.13) * item.radius ); item.b.rotation.y = -a; item.wings.forEach(w => { w.pivot.rotation.z = w.side * (0.25 + 0.75 * Math.abs(Math.sin(t * 9 + item.phase))); }); }); birds.forEach((bird, i) => { bird.rotation.z = Math.sin(t * 1.5 + i * 2) * 0.045; }); }); api.say = "I built a towering waterfall and jungle pool, with rising mist, giant ferns, perched parrots, and blue butterflies fluttering through sunbeams."; api.suggest = [ "Add a rope bridge over the jungle pool", "Give the sky a warm tropical sunset", "Add a family of frogs by the water", "Hide a crystal cave behind the waterfall" ];