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 angle = Math.atan2(forward.x, forward.z); const origin = new T.Vector3(api.player.x, 0, api.player.z); function world(x, y, z) { return new T.Vector3(x, y, z).applyAxisAngle(new T.Vector3(0, 1, 0), angle).add(origin); } function material(color, glow = false) { return api.toon(color, { glow }); } function disc(radius, color, x, y, z, id, description) { const mesh = new T.Mesh(new T.CircleGeometry(radius, 96), material(color)); mesh.rotation.x = -Math.PI / 2; mesh.position.copy(world(x, y, z)); api.add(mesh, { id, describe: description, solid: false }); return mesh; } function sphere(group, color, x, y, z, sx, sy, sz) { const mesh = new T.Mesh(new T.SphereGeometry(1, 12, 8), material(color)); mesh.position.set(x, y, z); mesh.scale.set(sx, sy, sz); group.add(mesh); return mesh; } function tube(group, points, radius, color, segments = 32, glow = false) { const curve = new T.CatmullRomCurve3(points.map(p => new T.Vector3(...p))); const mesh = new T.Mesh(new T.TubeGeometry(curve, segments, radius, 7, false), material(color, glow)); group.add(mesh); return mesh; } function seeded(n) { const v = Math.sin(n * 127.1 + 78.233) * 43758.5453; return v - Math.floor(v); } api.world({ sky: "#71cbd1", haze: "#a5e5dc", shadow: "#75529a" }); disc(600, "#168aab", 0, 0.02, 0, "tropical-ocean", "turquoise ocean surrounding the island"); disc(85, "#302535", 0, 0.055, 25, "black-sand-beach", "wide black volcanic sand island"); disc(57, "#58ae69", 0, 0.075, 25, "island-green", "lush green interior of the island"); const volcano = new T.Group(); volcano.position.copy(world(0, 0.08, 65)); volcano.rotation.y = angle; const mountain = new T.Mesh(new T.CylinderGeometry(7.4, 28, 30, 14, 1), material("#583b58")); mountain.position.y = 15; volcano.add(mountain); const upper = new T.Mesh(new T.CylinderGeometry(7.1, 10.7, 4.8, 14, 1), material("#45304a")); upper.position.y = 27.7; volcano.add(upper); const crater = new T.Mesh(new T.CircleGeometry(6.9, 32), material("#ff731d", true)); crater.rotation.x = -Math.PI / 2; crater.position.y = 30.05; volcano.add(crater); const rim = new T.Mesh(new T.TorusGeometry(7.1, 0.8, 8, 28), material("#352738")); rim.rotation.x = Math.PI / 2; rim.position.y = 30.1; volcano.add(rim); for (let i = 0; i < 8; i++) { const a = i * Math.PI * 2 / 8; sphere(volcano, i % 2 ? "#e94b24" : "#ffd153", Math.cos(a) * 4.4, 30.13, Math.sin(a) * 4.4, 0.55, 0.12, 0.4); } const lavaPath = [ [0, 30.1, -5.7], [-1.1, 29, -8.2], [-2.4, 25, -11.2], [-1.3, 21, -14.1], [-2.9, 17, -16.9], [-2.1, 13, -19.8], [-3.8, 9, -22.5], [-3.0, 5, -25.1], [-4.2, 1.3, -27.5] ]; tube(volcano, lavaPath, 0.95, "#a83425", 70); tube(volcano, lavaPath.map(p => [p[0], p[1] + 0.18, p[2] - 0.14]), 0.55, "#ff791d", 70, true); tube(volcano, [ [-2.2, 21, -14.2], [-4.4, 18, -16.3], [-5.5, 15, -18.4], [-5.8, 12, -20.6] ], 0.28, "#ffc13c", 24, true); for (let i = 0; i < 16; i++) { const a = i * 2.4; const r = 11 + seeded(i + 100) * 13; const y = Math.max(1, (28 - r) / 20.6 * 30); sphere(volcano, i % 3 ? "#6c4a62" : "#493247", Math.cos(a) * r, y * 0.9, Math.sin(a) * r, 1.1, 0.65, 0.8); } api.add(volcano, { id: "volcano", describe: "a smoking volcano with a glowing crater and a stream of lava" }); api.particles({ type: "particles", kind: "smoke", attach: { object: "volcano", offset: [0, 31, 0] }, area: [5, 5], rate: 12, velocity: [0.7, 3, 0], jitter: 1.2, gravity: -0.35, life: 8, size: 2.2, colors: ["#68536e", "#907a91", "#ba9baa"], duration: 0 }); api.particles({ type: "particles", kind: "sparkles", attach: { object: "volcano", offset: [0, 30.5, 0] }, area: [5, 5], rate: 8, velocity: [0, 3, 0], jitter: 1.8, gravity: 1.5, life: 2, size: 0.22, colors: ["#ffad32", "#ff6827", "#ffe68a"], duration: 0 }); const palms = []; for (let i = 0; i < 23; i++) { const a = i * Math.PI * 2 / 23 + seeded(i + 7) * 0.17; const r = 65 + seeded(i + 20) * 12; const x = Math.cos(a) * r; const z = 25 + Math.sin(a) * r; if (Math.hypot(x, z - 65) < 33) continue; const height = 6 + seeded(i + 40) * 2.8; const palm = new T.Group(); palm.position.copy(world(x, 0.08, z)); palm.rotation.y = angle; const leanX = (seeded(i + 60) - 0.5) * 1.5; const leanZ = (seeded(i + 80) - 0.5) * 1.5; tube(palm, [[0, 0, 0], [leanX * 0.2, height * 0.35, leanZ * 0.2], [leanX * 0.7, height * 0.72, leanZ * 0.7], [leanX, height, leanZ]], 0.38, "#a65c35", 18); for (let j = 1; j <= 5; j++) { const yy = height * j / 6; const band = new T.Mesh(new T.TorusGeometry(0.38, 0.055, 5, 10), material("#754039")); band.rotation.x = Math.PI / 2; band.position.set(leanX * j / 6, yy, leanZ * j / 6); palm.add(band); } const crown = new T.Group(); crown.position.set(leanX, height, leanZ); palm.add(crown); for (let j = 0; j < 7; j++) { const theta = j * Math.PI * 2 / 7 + i * 0.4; const len = 4.0 + seeded(i * 9 + j) * 1.2; const vertices = []; const indices = []; const steps = 8; for (let k = 0; k <= steps; k++) { const t = k / steps; const dist = len * t; const width = Math.sin(Math.PI * t) * 0.65; const y = 0.35 * Math.sin(Math.PI * t) - 1.35 * t * t; for (const side of [-1, 0, 1]) { vertices.push(Math.cos(theta) * dist - Math.sin(theta) * width * side, y + (side === 0 ? 0.14 * Math.sin(Math.PI * t) : 0), Math.sin(theta) * dist + Math.cos(theta) * width * side); } } for (let k = 0; k < steps; k++) { for (let s = 0; s < 2; s++) { const p = k * 3 + s; indices.push(p, p + 3, p + 1, p + 1, p + 3, p + 4); } } const geo = new T.BufferGeometry(); geo.setAttribute("position", new T.Float32BufferAttribute(vertices, 3)); geo.setIndex(indices); geo.computeVertexNormals(); const mat = material(j % 2 ? "#42a94f" : "#72c85c"); mat.side = T.DoubleSide; crown.add(new T.Mesh(geo, mat)); } for (let j = 0; j < 3; j++) { const a2 = j * Math.PI * 2 / 3; sphere(crown, "#80503a", Math.cos(a2) * 0.4, -0.25, Math.sin(a2) * 0.4, 0.32, 0.36, 0.32); } api.add(palm, { id: "palm-" + i, describe: "a coconut palm on the black sand beach" }); palms.push({ crown, phase: i * 1.3 }); } const accents = new T.Group(); accents.position.copy(world(0, 0.09, 25)); accents.rotation.y = angle; for (let i = 0; i < 65; i++) { const a = seeded(i + 200) * Math.PI * 2; const r = 58 + seeded(i + 300) * 23; const x = Math.cos(a) * r, z = Math.sin(a) * r; if (Math.hypot(x, z - 40) < 31) continue; if (i % 3 === 0) { sphere(accents, i % 2 ? "#594455" : "#755468", x, 0.22, z, 0.5 + seeded(i) * 0.7, 0.25, 0.4); } else { sphere(accents, i % 2 ? "#f5cf9b" : "#e79886", x, 0.08, z, 0.18, 0.08, 0.13); } } for (let i = 0; i < 24; i++) { const a = seeded(i + 400) * Math.PI * 2; const r = 10 + seeded(i + 500) * 43; const x = Math.cos(a) * r, z = Math.sin(a) * r; if (Math.hypot(x, z - 40) < 29) continue; for (let j = 0; j < 3; j++) { const blade = new T.Mesh(new T.ConeGeometry(0.16, 0.75 + j * 0.12, 5), material(j === 1 ? "#a1d761" : "#348e54")); blade.position.set(x + (j - 1) * 0.2, 0.35, z); blade.rotation.z = (j - 1) * 0.35; accents.add(blade); } if (i % 4 === 0) sphere(accents, "#f58db8", x, 0.65, z, 0.18, 0.15, 0.18); } api.add(accents, { id: "island-details", describe: "beach stones, shells and tropical plants", solid: false }); const surf = new T.Group(); surf.position.copy(world(0, 0.1, 25)); surf.rotation.y = angle; const waves = []; for (let i = 0; i < 22; i++) { const a = i * Math.PI * 2 / 22; const width = 0.18 + seeded(i + 600) * 0.09; const radius = 90 + seeded(i + 700) * 4; const pts = []; for (let j = 0; j <= 10; j++) { const q = a + (j / 10 - 0.5) * width; const rr = radius + Math.sin(j * 1.3 + i) * 0.35; pts.push([Math.cos(q) * rr, 0, Math.sin(q) * rr]); } const crest = tube(surf, pts, 0.15, i % 2 ? "#d4fff1" : "#9ceee5", 30); waves.push({ crest, phase: seeded(i + 800) }); } api.add(surf, { id: "rolling-surf", describe: "white waves rolling toward the black sand", solid: false }); const sun = new T.Mesh(new T.SphereGeometry(22, 24, 16), material("#ffe19a", true)); sun.position.copy(world(-150, 155, 310)); api.add(sun, { id: "tropical-sun", describe: "a warm sun above the tropical ocean", solid: false }); api.onFrame((dt, t) => { for (const p of palms) { p.crown.rotation.z = Math.sin(t * 0.8 + p.phase) * 0.055; p.crown.rotation.x = Math.cos(t * 0.65 + p.phase) * 0.045; } for (const w of waves) { const progress = (t * 0.09 + w.phase) % 1; const s = 1.045 - progress * 0.1; w.crest.scale.set(s, 1, s); w.crest.visible = progress < 0.94; } }); api.say = "I made a tropical island with a smoking, lava-lit volcano, coconut palms, black sand and rolling surf."; api.suggest = [ "Add a hidden cave inside the volcano", "Put a colorful boat offshore", "Add parrots flying among the palms", "Make the island glow at sunset" ];