const T = api.THREE; const mats = {}; function mat(c) { return mats[c] || (mats[c] = api.toon(c)); } function mesh(geo, color, x, y, z, parent, name) { const m = new T.Mesh(geo, mat(color)); m.position.set(x, y, z); if (name) m.name = name; parent.add(m); return m; } function box(p, color, x, y, z, w, h, d, name) { return mesh(new T.BoxGeometry(w, h, d), color, x, y, z, p, name); } function ball(p, color, x, y, z, w, h, d, name) { const m = mesh(new T.SphereGeometry(1, 20, 14), color, x, y, z, p, name); m.scale.set(w / 2, h / 2, d / 2); return m; } function cyl(p, color, x, y, z, r1, r2, h, name) { return mesh(new T.CylinderGeometry(r1, r2, h, 24), color, x, y, z, p, name); } function rod(p, color, a, b, radius, name) { const start = new T.Vector3(...a), end = new T.Vector3(...b); const dir = end.clone().sub(start); const m = mesh(new T.CylinderGeometry(radius, radius, dir.length(), 10), color, (a[0] + b[0]) / 2, (a[1] + b[1]) / 2, (a[2] + b[2]) / 2, p, name); m.quaternion.setFromUnitVectors(new T.Vector3(0, 1, 0), dir.normalize()); return m; } function lathe(p, color, points, name) { return mesh(new T.LatheGeometry(points.map(v => new T.Vector2(v[0], v[1])), 48), color, 0, 0, 0, p, name); } const f = new T.Vector3(); api.camera.getWorldDirection(f); f.y = 0; if (f.lengthSq() < 0.001) f.set(0, 0, -1); f.normalize(); const right = new T.Vector3(-f.z, 0, f.x); const origin = new T.Vector3(api.player.x, 0, api.player.z); const yaw = Math.atan2(f.x, f.z); function locate(group, x, z, y = 0) { group.position.set(origin.x + right.x * x + f.x * z, y, origin.z + right.z * x + f.z * z); group.rotation.y = yaw; } function add(group, id, describe, x, z, y = 0, solid = true) { locate(group, x, z, y); api.add(group, { id, describe, solid }); } api.world({ sky: "#f6dcae", haze: "#e9c9ae", shadow: "#8a69a9" }); const floor = new T.Group(); const disc = mesh(new T.CircleGeometry(600, 96), "#f6d8a7", 0, 0.02, 0, floor, "kitchen-floor"); disc.rotation.x = -Math.PI / 2; for (let i = -12; i <= 12; i++) { box(floor, "#d9b4a1", i * 6, 0.035, 30, 0.055, 0.025, 144); box(floor, "#d9b4a1", 0, 0.036, 30 + i * 6, 144, 0.025, 0.055); } add(floor, "kitchen-floor", "a vast warm tiled kitchen floor", 0, 0, 0, false); const table = new T.Group(); box(table, "#a75f37", 0, 8, 0, 36, 1.15, 22, "tabletop"); box(table, "#d28a4a", 0, 8.59, 0, 35.7, 0.12, 21.7, "polished-top"); for (let x = -15; x <= 15; x += 6) { box(table, "#a8663d", x, 8.66, 0, 0.07, 0.025, 21.4); } for (const x of [-15, 15]) for (const z of [-8.5, 8.5]) { box(table, "#9c5839", x, 3.75, z, 2.3, 7.5, 2.3, "table-leg"); box(table, "#d08a4d", x, 0.35, z, 2.6, 0.7, 2.6); } box(table, "#8e4d36", 0, 6.9, -10.1, 33, 1.15, 0.5); box(table, "#8e4d36", 0, 6.9, 10.1, 33, 1.15, 0.5); add(table, "giant-table", "an enormous wooden kitchen table with stout legs", 0, 43); const cup = new T.Group(); lathe(cup, "#ef90a5", [ [0,0.2],[2.65,0.2],[3.2,0.5],[3.65,1.3],[3.9,3.8], [3.9,4.1],[3.48,4.1],[3.45,3.75],[3.2,1.35],[2.65,0.7],[0,0.7] ], "teacup"); const lip = mesh(new T.TorusGeometry(3.68, 0.22, 12, 48), "#fff0d7", 0, 4.05, 0, cup, "cup-rim"); lip.rotation.x = Math.PI / 2; const handle = mesh(new T.TorusGeometry(1.5, 0.48, 14, 36), "#ef90a5", 4.35, 2.35, 0, cup, "handle"); box(cup, "#eac77d", 0, 0.09, 0, 8.8, 0.18, 8.8, "saucer"); const saucer = cyl(cup, "#fff0d7", 0, 0.18, 0, 5, 4.7, 0.24, "saucer-rim"); add(cup, "swimming-teacup", "a swim-sized pink teacup with a big handle and saucer", 11, 19); const tea = new T.Group(); const surface = mesh(new T.CircleGeometry(3.38, 48), "#b56c39", 0, 2.55, 0, tea, "tea-surface"); surface.rotation.x = -Math.PI / 2; for (let i = 0; i < 3; i++) { const ring = mesh(new T.TorusGeometry(0.7 + i * 0.48, 0.035, 8, 36), "#f4c47c", 0, 2.57 + i * 0.002, 0, tea); ring.rotation.x = Math.PI / 2; } add(tea, "tea", "a pool of tea inside the giant cup", 11, 19, 0, false); const bread = new T.Group(); ball(bread, "#c97932", 0, 4.5, 0, 6.3, 9, 4.8, "loaf"); ball(bread, "#e7a34f", 0, 5.2, -0.15, 5.9, 7.7, 4.7, "golden-crust"); box(bread, "#b66b31", 0, 0.45, 0, 5.5, 0.9, 4.1, "loaf-base"); for (let i = 0; i < 4; i++) { const slash = box(bread, "#f6ce83", 0, 2.5 + i * 1.55, -2.38, 3.6, 0.23, 0.12, "baking-score"); slash.rotation.z = -0.35; } for (let i = 0; i < 7; i++) { ball(bread, "#f4c47b", (i % 3 - 1) * 1.2, 1.7 + (i * 1.07) % 5.8, -2.39, 0.18, 0.22, 0.12); } add(bread, "towering-loaf", "a towering golden loaf with baked slashes", -15, 21); const bowl = new T.Group(); lathe(bowl, "#a9d8ea", [ [0,0.15],[1.8,0.15],[2.45,0.45],[2.9,1.4],[3.05,3.2], [2.8,4.5],[2.65,4.85],[2.32,4.85],[2.45,4.35], [2.65,3.1],[2.5,1.55],[1.9,0.65],[0,0.65] ], "sugar-bowl"); const rim = mesh(new T.TorusGeometry(2.5, 0.2, 12, 40), "#fff1d8", 0, 4.8, 0, bowl, "bowl-rim"); rim.rotation.x = Math.PI / 2; cyl(bowl, "#fff4df", 0, 4.1, 0, 2.42, 2.42, 0.18, "sugar"); for (let i = 0; i < 8; i++) { const a = i * Math.PI * 2 / 8; const cube = box(bowl, i % 2 ? "#ffffff" : "#f8e7fa", Math.cos(a) * 1.35, 4.27, Math.sin(a) * 1.35, 0.55, 0.38, 0.55, "sugar-cube"); cube.rotation.y = a; } for (const x of [-0.55, 0.55]) { rod(bowl, "#a85d39", [x, 0.12, -5.9], [x, 5.2, -2.48], 0.14, "ladder-rail"); } for (let i = 0; i <= 9; i++) { const q = 0.08 + i * 0.095; rod(bowl, "#e6a05d", [-0.55, 0.12 + 5.08*q, -5.9 + 3.42*q], [0.55, 0.12 + 5.08*q, -5.9 + 3.42*q], 0.10, "ladder-rung"); } add(bowl, "sugar-bowl", "a giant open sugar bowl with a leaning wooden ladder", -4, 16); const explorers = new T.Group(); const moving = []; function explorer(x, y, z, coat, facing, phase) { const g = new T.Group(); g.position.set(x, y, z); g.rotation.y = facing; explorers.add(g); ball(g, coat, 0, 0.56, 0, 0.48, 0.58, 0.3, "coat"); ball(g, "#f2c9a0", 0, 1.0, 0.02, 0.43, 0.46, 0.4, "head"); ball(g, "#fffaf0", -0.11, 1.04, 0.205, 0.17, 0.19, 0.10, "eye"); ball(g, "#fffaf0", 0.11, 1.04, 0.205, 0.17, 0.19, 0.10, "eye"); ball(g, "#231623", -0.11, 1.04, 0.26, 0.055, 0.06, 0.04); ball(g, "#231623", 0.11, 1.04, 0.26, 0.055, 0.06, 0.04); cyl(g, "#ef8a3c", 0, 1.25, 0, 0.25, 0.27, 0.12, "explorer-hat"); box(g, "#ef8a3c", 0, 1.19, 0.06, 0.59, 0.05, 0.49); ball(g, "#9b6ae0", 0, 0.58, -0.23, 0.36, 0.42, 0.19, "backpack"); const armL = rod(g, "#f2c9a0", [-0.22, 0.76, 0], [-0.42, 0.48, 0.12], 0.065, "arm-left"); const armR = rod(g, "#f2c9a0", [0.22, 0.76, 0], [0.42, 0.48, 0.12], 0.065, "arm-right"); rod(g, "#704b70", [-0.13, 0.34, 0], [-0.16, 0.05, 0.08], 0.085, "leg-left"); rod(g, "#704b70", [0.13, 0.34, 0], [0.16, 0.05, 0.08], 0.085, "leg-right"); moving.push({g, armL, armR, y, phase}); } explorer(0, 1.05, -5.14, "#d94e51", 0, 0); explorer(0, 3.1, -3.77, "#67b9aa", 0, 1.8); explorer(-1.25, 0.05, -6.6, "#8a5cc9", Math.PI, 0.7); add(explorers, "tiny-explorers", "three tiny explorers climbing and watching the sugar bowl", -4, 16, 0, false); api.onFrame((dt, t) => { for (let i = 0; i < moving.length; i++) { const e = moving[i]; e.g.position.y = e.y + (i < 2 ? 0.10 * Math.sin(t * 2.2 + e.phase) : 0.025 * Math.sin(t * 2 + e.phase)); e.armL.rotation.z = 0.25 * Math.sin(t * 2.2 + e.phase); e.armR.rotation.z = -0.25 * Math.sin(t * 2.2 + e.phase); } }); const spoon = new T.Group(); ball(spoon, "#b9a3e8", 0, 0.21, 0, 2.5, 0.35, 3.4, "spoon-bowl"); box(spoon, "#d5c3ed", 0, 0.23, 4.2, 0.65, 0.28, 7, "spoon-handle"); ball(spoon, "#d5c3ed", 0, 0.23, 7.65, 1.0, 0.3, 1.1); add(spoon, "giant-spoon", "a giant lavender spoon lying on the floor", 19, 30); const back = new T.Group(); box(back, "#f3c79e", 0, 17, 0, 90, 34, 1.2, "kitchen-wall"); box(back, "#df9f81", 0, 2, -0.7, 90, 4, 0.3, "baseboard"); for (const x of [-30, -15, 0, 15, 30]) { box(back, "#a66d53", x, 19, -1.1, 12, 10, 1.4, "cupboard"); box(back, "#e3a76f", x, 19, -1.9, 11.2, 9.2, 0.25, "cupboard-door"); cyl(back, "#f8d77b", x + 4, 18.5, -2.1, 0.32, 0.32, 0.18, "cabinet-knob").rotation.x = Math.PI / 2; } box(back, "#c56d53", 0, 8, -1, 90, 1.2, 3, "counter"); add(back, "kitchen-backdrop", "towering kitchen wall, cupboards and counter", 0, 71); api.say = "I made a giant's kitchen with a swim-sized teacup, a towering loaf, and tiny explorers climbing the sugar bowl. There's even a giant spoon on the floor."; api.suggest = [ "Add a little flag to the top of the sugar bowl", "Put a giant kettle on the table", "Make the explorers tell me about their expedition", "Add a window overlooking an alien garden" ];