const T = api.THREE; const ink = "#3a2230"; const mat = c => api.toon(c); 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); const origin = new T.Vector3(api.player.x, 0, api.player.z); const angle = Math.atan2(forward.x, forward.z); function position(g, x, z) { g.position.set(origin.x + right.x * x + forward.x * z, api.groundHeight(origin.x + right.x * x + forward.x * z, origin.z + right.z * x + forward.z * z), origin.z + right.z * x + forward.z * z); g.rotation.y = angle; return g; } function box(g, name, x, y, z, sx, sy, sz, color, rotY = 0) { const m = new T.Mesh(new T.BoxGeometry(sx, sy, sz), mat(color)); m.name = name; m.position.set(x, y, z); m.rotation.y = rotY; g.add(m); return m; } function ball(g, name, x, y, z, sx, sy, sz, color) { const m = new T.Mesh(new T.SphereGeometry(1, 20, 14), mat(color)); m.name = name; m.position.set(x, y, z); m.scale.set(sx, sy, sz); g.add(m); return m; } function cyl(g, name, x, y, z, rt, rb, h, color, rx = 0) { const m = new T.Mesh(new T.CylinderGeometry(rt, rb, h, 24), mat(color)); m.name = name; m.position.set(x, y, z); m.rotation.x = rx; g.add(m); return m; } function tube(g, name, points, radius, color) { const curve = new T.CatmullRomCurve3(points.map(p => new T.Vector3(...p))); const m = new T.Mesh(new T.TubeGeometry(curve, 24, radius, 8, false), mat(color)); m.name = name; g.add(m); return m; } function add(g, id, describe, solid = true) { api.add(g, {id, describe, solid}); } api.world({sky:"#89dce4", haze:"#c1ebdf", shadow:"#8a68ad"}); const ground = new T.Group(); const disk = new T.Mesh(new T.CircleGeometry(600, 96), mat("#91d46e")); disk.rotation.x = -Math.PI / 2; disk.position.y = 0.02; ground.add(disk); add(ground, "music-meadow", "a great green musical meadow", false); const sun = new T.Group(); ball(sun, "sun", 0, 0, 0, 28, 28, 2, "#ffe083"); position(sun, -95, 260); sun.position.y = 140; add(sun, "music-sun", "a warm golden sun over the music land", false); // A shimmering ribbon of water with a walkable keyboard crossing. const river = position(new T.Group(), 0, 15); box(river, "water", 0, 0.055, 0, 68, 0.07, 9, "#42baca"); for (let i = 0; i < 15; i++) { box(river, "ripple", -30 + i * 4.1, 0.105, (i % 3 - 1) * 2.5, 1.8, 0.025, 0.09, "#b4eef0", -0.12); } add(river, "melody-stream", "a turquoise stream crossing the meadow", false); const bridge = position(new T.Group(), 0, 15); box(bridge, "bridge-base", 0, 0.14, 0, 5.3, 0.23, 10.5, "#a46adc"); for (let i = 0; i < 14; i++) { const z = -4.85 + i * 0.74; box(bridge, "ivory-key", 0, 0.29, z, 5.15, 0.16, 0.70, "#fff2d5"); if (i < 13 && i % 7 !== 2 && i % 7 !== 6) { box(bridge, "black-key", -1.22, 0.42, z + 0.37, 2.45, 0.14, 0.28, ink); } } add(bridge, "piano-bridge", "a walkable bridge made of giant piano keys"); // Giant upright guitar, with a real open doorway and hollow ground floor. const guitar = position(new T.Group(), 0, 36); box(guitar, "left-wall", -4.0, 3.3, 0, 0.45, 6.6, 5.1, "#df7136"); box(guitar, "right-wall", 4.0, 3.3, 0, 0.45, 6.6, 5.1, "#df7136"); box(guitar, "back-wall", 0, 3.3, 2.45, 8.1, 6.6, 0.4, "#c95239"); box(guitar, "front-left", -2.72, 3.0, -2.45, 2.55, 6.0, 0.4, "#ef8a3c"); box(guitar, "front-right", 2.72, 3.0, -2.45, 2.55, 6.0, 0.4, "#ef8a3c"); box(guitar, "front-over-door", 0, 4.75, -2.45, 3.0, 2.5, 0.4, "#ef8a3c"); box(guitar, "roof", 0, 6.5, 0, 8.5, 0.35, 5.4, "#f3ad4a"); ball(guitar, "left-curved-bout", -3.85, 3.3, 0, 0.55, 2.9, 2.45, "#ef8a3c"); ball(guitar, "right-curved-bout", 3.85, 3.3, 0, 0.55, 2.9, 2.45, "#ef8a3c"); box(guitar, "door-lintel", 0, 3.55, -2.72, 3.4, 0.22, 0.24, "#7144a4"); box(guitar, "door-trim-left", -1.55, 1.8, -2.72, 0.22, 3.6, 0.22, "#7144a4"); box(guitar, "door-trim-right", 1.55, 1.8, -2.72, 0.22, 3.6, 0.22, "#7144a4"); box(guitar, "neck", 0, 10.35, 0, 2.25, 7.8, 1.4, "#af6945"); box(guitar, "fingerboard", 0, 10.35, -0.77, 1.8, 7.6, 0.18, "#704180"); box(guitar, "headstock", 0, 15.1, 0, 3.05, 2.25, 1.7, "#edaa50"); for (let i = 0; i < 6; i++) { box(guitar, "fret", 0, 7.2 + i * 1.12, -0.90, 1.84, 0.09, 0.08, "#fce8ad"); } for (let i = 0; i < 4; i++) { const x = -0.57 + i * 0.38; box(guitar, "string", x, 10.5, -0.98, 0.035, 8.8, 0.035, "#fff0b6"); } for (let i = 0; i < 3; i++) { cyl(guitar, "tuning-peg", -1.65, 14.4 + i * 0.65, 0, 0.23, 0.23, 0.28, "#f9df8b", Math.PI / 2); cyl(guitar, "tuning-peg", 1.65, 14.4 + i * 0.65, 0, 0.23, 0.23, 0.28, "#f9df8b", Math.PI / 2); } cyl(guitar, "sound-hole-rim", 0, 5.05, -2.70, 1.05, 1.05, 0.10, "#f8d078", Math.PI / 2); cyl(guitar, "sound-hole", 0, 5.05, -2.78, 0.77, 0.77, 0.08, "#593260", Math.PI / 2); for (const x of [-2.75, 2.75]) { box(guitar, "window-frame", x, 3.55, -2.72, 1.3, 1.25, 0.15, "#633d8a"); box(guitar, "window", x, 3.55, -2.82, 1.03, 0.98, 0.08, "#a9e9ee"); box(guitar, "window-crossbar", x, 3.55, -2.88, 1.02, 0.08, 0.07, "#f6d889"); } add(guitar, "giant-guitar-house", "a giant upright guitar building with an open doorway"); function makeDrumHouse(x, z, color, trim, id) { const g = position(new T.Group(), x, z); const radius = 3.0; const n = 16; for (let i = 0; i < n; i++) { const a = i * Math.PI * 2 / n; // Leave a wide gap facing the viewer. if (i === 7 || i === 8 || i === 9) continue; const px = Math.sin(a) * radius, pz = Math.cos(a) * radius; box(g, "drum-wall", px, 2.0, pz, 1.25, 4.0, 0.35, color, a); } box(g, "door-header", 0, 3.58, -2.90, 3.25, 0.85, 0.35, color); cyl(g, "drum-roof", 0, 4.12, 0, 3.3, 3.3, 0.28, trim); cyl(g, "drum-skin", 0, 4.28, 0, 3.05, 3.05, 0.10, "#fff0c7"); for (let i = 0; i < n; i++) { const a = i * Math.PI * 2 / n; const px = Math.sin(a) * 3.08, pz = Math.cos(a) * 3.08; if (i !== 7 && i !== 8 && i !== 9) { box(g, "drum-lug", px, 2.0, pz, 0.18, 3.5, 0.18, trim, a); } } box(g, "door-trim-left", -1.55, 1.65, -2.9, 0.19, 3.3, 0.22, trim); box(g, "door-trim-right", 1.55, 1.65, -2.9, 0.19, 3.3, 0.22, trim); box(g, "door-trim-top", 0, 3.3, -2.95, 3.2, 0.2, 0.22, trim); // Two oversized crossed drumsticks on the roof. const stick1 = box(g, "drumstick", 0, 4.52, 0, 4.0, 0.13, 0.13, "#f5c886", 0.55); const stick2 = box(g, "drumstick", 0, 4.64, 0, 4.0, 0.13, 0.13, "#f5c886", -0.55); ball(g, "stick-tip", -1.65, 4.52, 1.02, 0.17, 0.17, 0.17, "#fff0c7"); ball(g, "stick-tip", 1.65, 4.64, 1.02, 0.17, 0.17, 0.17, "#fff0c7"); add(g, id, "a colorful drum house with an open doorway and drumsticks on its roof"); } makeDrumHouse(-14, 28, "#ec739e", "#8d55c6", "pink-drum-house"); makeDrumHouse(14, 29, "#8f6bd5", "#f4b74e", "violet-drum-house"); // A garden of trumpet flowers, with curved stems and flaring open bells. function trumpetFlower(x, z, color, scale, index) { const g = position(new T.Group(), x, z); const h = 2.2 * scale; tube(g, "stem", [[0,0.08,0],[0.12*scale,h*0.38,0],[0.3*scale,h*0.8,0],[0.3*scale,h,0]], 0.10*scale, "#479d62"); const leaf1 = ball(g, "leaf", -0.32*scale, h*0.38, 0, 0.48*scale, 0.10*scale, 0.20*scale, "#6abd59"); leaf1.rotation.z = -0.45; const leaf2 = ball(g, "leaf", 0.40*scale, h*0.58, 0, 0.46*scale, 0.10*scale, 0.20*scale, "#6abd59"); leaf2.rotation.z = 0.42; const profile = [ new T.Vector2(0.10*scale, 0), new T.Vector2(0.14*scale, 0.32*scale), new T.Vector2(0.23*scale, 0.55*scale), new T.Vector2(0.55*scale, 0.83*scale), new T.Vector2(0.66*scale, 0.88*scale), new T.Vector2(0.56*scale, 0.77*scale), new T.Vector2(0.20*scale, 0.48*scale) ]; const bell = new T.Mesh(new T.LatheGeometry(profile, 24), mat(color)); bell.name = "trumpet-bell"; bell.position.set(0.3*scale, h, 0); bell.rotation.z = index % 2 ? -0.35 : 0.3; g.add(bell); ball(g, "flower-base", 0, 0.09, 0, 0.55*scale, 0.09, 0.42*scale, "#58ab59"); add(g, "trumpet-flower-" + index, "a trumpet-shaped flower", false); return g; } const flowers = []; const flowerPlaces = [ [-8,6],[-12,9],[8,7],[12,9],[-9,20],[9,21], [-21,23],[-19,33],[20,23],[21,35],[-8,43],[9,44], [-25,14],[25,14],[-5,26],[6,26] ]; const flowerColors = ["#f4bd40","#f08cc0","#ee8a3c","#be92ee"]; flowerPlaces.forEach((p,i) => flowers.push(trumpetFlower(p[0],p[1],flowerColors[i%4],0.8+(i%3)*0.18,i))); // Notes are sculptural symbols, not lettering, and gently bob in the air. const notes = position(new T.Group(), 0, 0); const notePieces = []; const noteColors = ["#f08cc0","#ef8a3c","#9b6ae0","#ffd055","#3cbeca"]; for (let i = 0; i < 22; i++) { const g = new T.Group(); const x = Math.sin(i * 2.17) * (5 + (i % 5) * 3.8); const z = 7 + (i * 7.3) % 42; const y = 4.5 + (i % 5) * 1.5; g.position.set(x, y, z); const c = noteColors[i % noteColors.length]; const head = ball(g, "note-head", 0, 0, 0, 0.52, 0.36, 0.25, c); head.rotation.z = 0.25; box(g, "note-stem", 0.43, 0.75, 0, 0.13, 1.55, 0.14, c); if (i % 3 !== 0) { tube(g, "note-flag", [[0.43,1.5,0],[0.9,1.32,0],[1.04,0.95,0],[0.83,0.76,0]], 0.09, c); } g.userData.baseY = y; notes.add(g); notePieces.push(g); } add(notes, "floating-music-notes", "colorful musical notes floating above the meadow", false); api.onFrame((dt, t) => { notePieces.forEach((g, i) => { g.position.y = g.userData.baseY + Math.sin(t * 1.1 + i * 0.9) * 0.35; g.rotation.y = Math.sin(t * 0.55 + i) * 0.3; g.rotation.z = Math.sin(t * 0.8 + i * 0.7) * 0.12; }); flowers.forEach((g, i) => { g.rotation.z = Math.sin(t * 0.8 + i) * 0.035; }); }); api.say = "I made a musical meadow with a piano bridge, a giant guitar building, drum houses and swaying trumpet flowers. Colorful notes float overhead!"; api.suggest = [ "Make the floating notes dance faster", "Add a band of friendly animal musicians", "Build a xylophone path through the meadow", "Turn the sky into a starry night" ];