import * as THREE from 'three'; import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; import { RoomEnvironment } from 'three/addons/environments/RoomEnvironment.js'; export const xr = ['vr', 'ar']; const SFX = { select: 'sfx_hKA8E3sE8drG', move: 'sfx_uPqUqcJKPuFS', capture: 'sfx_TdhqegCTZ1sf', check: 'sfx_x074VyzAFhjg', chime: 'sfx_EnX68s4PFpFf', amb: 'sfx_99InIxPOhwA9' }; const TEX = { concrete: 'tex_nyBvwwfKtoBJ', hazard: 'tex_jSZXfQlb4jxv', warehouse: 'tex_k1ynb96HjfBA' }; const ROLE = { p: 'Hi-vis Worker', n: 'Pallet Jack', b: 'Safety Cone', r: 'Forklift', q: 'Racking Tower', k: 'Supervisor' }; const MOVES = { p: 'steps forward, takes diagonally', n: 'jumps in an L', b: 'slides diagonally', r: 'drives in straight lines', q: 'reaches in any direction', k: 'one careful step at a time' }; const TIPS = { p: ["Pedestrians and forklifts don't mix. Stay in marked walkways and keep out of exclusion zones.", 'Wear your hi-vis and safety footwear on the floor. Being seen is your first line of defence.', "Make eye contact with a driver before you cross in front of a forklift. If you can't see them, they can't see you."], n: ["Check the pallet is stable and within the jack's rated load before moving it. Push rather than pull where you can.", 'Use mechanical aids for heavy or awkward loads. Manual handling injuries are among the most common in warehousing.'], b: ['Mark exclusion zones with cones and barriers wherever loading, unloading or cleaning is under way.', 'Separate pedestrian and vehicle routes, with physical barriers where reasonably practicable.'], r: ['Forklift operators must be trained and competent, with a current operator certificate. Do a pre-start check every shift.', 'Wear the seatbelt. In a tip-over, stay in the cab, hold on and lean away from the fall.', 'Travel with forks low and never exceed the capacity on the data plate.', 'Never lift people on forks or a pallet. Use a purpose-built work platform.'], q: ['Load racking within its rated capacity. Keep load signs visible and heavier items low.', 'Report bumped or damaged racking straight away. Regular inspections keep racking safe (AS/NZS 4084).'], k: ['Under the Health and Safety at Work Act 2015, the PCBU must ensure worker health and safety, so far as is reasonably practicable.', 'Good supervisors consult their crew. The people doing the job often spot the hazards first.'], }; const GENERAL = [ 'You can stop work you reasonably believe would expose you to a serious risk to your health or safety (HSWA 2015).', 'Notifiable events (deaths, notifiable injuries or illnesses, and dangerous incidents) must be reported to WorkSafe NZ.', 'Report near misses. They are free lessons before someone gets hurt.', 'Know your Health and Safety Representative (HSR). They represent workers on health and safety matters.', "Every worker must take reasonable care for their own and others' safety, and follow reasonable instructions.", ]; const HAZ = [ { label: 'SPILL', head: 'SPILL CLEARED', body: 'Slips, trips and falls cause many warehouse injuries. Clean up or cordon off spills straight away, and report them.' }, { label: 'BLIND CORNER', head: 'BLIND CORNER MADE SAFE', body: 'At blind corners drivers slow down and sound the horn. Pedestrians stop, look, and wait for eye contact before crossing.' }, { label: 'DAMAGED RACK', head: 'DAMAGED RACKING REPORTED', body: 'Never use a damaged bay. Unload it, tag it out and report it so it can be inspected and repaired.' }, { label: 'BLOCKED EXIT', head: 'EMERGENCY EXIT CLEARED', body: 'Keep exits, fire extinguishers and walkways clear at all times. Know your evacuation route and assembly point.' }, { label: 'NO HI-VIS', head: 'HI-VIS ON', body: 'Wear hi-vis in operational areas so drivers can see you, especially near the docks and in low light.' }, { label: 'RAISED LOAD', head: 'STAYED CLEAR OF THE LOAD', body: 'Never walk or stand under raised forks or a suspended load. Keep a safe distance while loads are moving.' }, ]; const KN = [[1, 2], [2, 1], [-1, 2], [-2, 1], [1, -2], [2, -1], [-1, -2], [-2, -1]]; const KG = [[1, 0], [-1, 0], [0, 1], [0, -1], [1, 1], [1, -1], [-1, 1], [-1, -1]]; const DI = [[1, 1], [1, -1], [-1, 1], [-1, -1]]; const OR = [[1, 0], [-1, 0], [0, 1], [0, -1]]; const AL = DI.concat(OR); const VAL = { p: 100, n: 320, b: 330, r: 500, q: 900, k: 0 }; // ---------- chess engine ---------- function pseudo(b, c, out) { for (let s = 0; s < 64; s++) { const p = b[s]; if (!p || p.c !== c) continue; const f = s & 7, r = s >> 3; if (p.t === 'p') { const d = c === 'w' ? 1 : -1, r1 = r + d; if (r1 < 0 || r1 > 7) continue; if (!b[r1 * 8 + f]) { out.push({ from: s, to: r1 * 8 + f, cap: null }); const st = c === 'w' ? 1 : 6, r2 = r + 2 * d; if (r === st && !b[r2 * 8 + f]) out.push({ from: s, to: r2 * 8 + f, cap: null }); } for (let df = -1; df <= 1; df += 2) { const f1 = f + df; if (f1 < 0 || f1 > 7) continue; const t = b[r1 * 8 + f1]; if (t && t.c !== c) out.push({ from: s, to: r1 * 8 + f1, cap: t }); } } else if (p.t === 'n' || p.t === 'k') { const L = p.t === 'n' ? KN : KG; for (const d of L) { const ff = f + d[0], rr = r + d[1]; if (ff < 0 || ff > 7 || rr < 0 || rr > 7) continue; const t = b[rr * 8 + ff]; if (!t || t.c !== c) out.push({ from: s, to: rr * 8 + ff, cap: t || null }); } } else { const L = p.t === 'b' ? DI : p.t === 'r' ? OR : AL; for (const d of L) { let ff = f + d[0], rr = r + d[1]; while (ff >= 0 && ff < 8 && rr >= 0 && rr < 8) { const t = b[rr * 8 + ff]; if (!t) out.push({ from: s, to: rr * 8 + ff, cap: null }); else { if (t.c !== c) out.push({ from: s, to: rr * 8 + ff, cap: t }); break; } ff += d[0]; rr += d[1]; } } } } } function attacked(b, sq, by) { const f = sq & 7, r = sq >> 3; for (const d of KN) { const ff = f + d[0], rr = r + d[1]; if (ff < 0 || ff > 7 || rr < 0 || rr > 7) continue; const p = b[rr * 8 + ff]; if (p && p.c === by && p.t === 'n') return true; } for (const d of KG) { const ff = f + d[0], rr = r + d[1]; if (ff < 0 || ff > 7 || rr < 0 || rr > 7) continue; const p = b[rr * 8 + ff]; if (p && p.c === by && p.t === 'k') return true; } const pr = r + (by === 'w' ? -1 : 1); if (pr >= 0 && pr < 8) for (let df = -1; df <= 1; df += 2) { const ff = f + df; if (ff < 0 || ff > 7) continue; const p = b[pr * 8 + ff]; if (p && p.c === by && p.t === 'p') return true; } for (const d of DI) { let ff = f + d[0], rr = r + d[1]; while (ff >= 0 && ff < 8 && rr >= 0 && rr < 8) { const p = b[rr * 8 + ff]; if (p) { if (p.c === by && (p.t === 'b' || p.t === 'q')) return true; break; } ff += d[0]; rr += d[1]; } } for (const d of OR) { let ff = f + d[0], rr = r + d[1]; while (ff >= 0 && ff < 8 && rr >= 0 && rr < 8) { const p = b[rr * 8 + ff]; if (p) { if (p.c === by && (p.t === 'r' || p.t === 'q')) return true; break; } ff += d[0]; rr += d[1]; } } return false; } function make(b, m) { const p = b[m.from]; m.prev = p; const last = (m.to >> 3) === 7 || (m.to >> 3) === 0; b[m.to] = p.t === 'p' && last ? { t: 'q', c: p.c } : p; b[m.from] = null; } function unmake(b, m) { b[m.from] = m.prev; b[m.to] = m.cap; } function kingSq(b, c) { for (let s = 0; s < 64; s++) if (b[s] && b[s].t === 'k' && b[s].c === c) return s; return -1; } function inCheck(b, c) { const k = kingSq(b, c); return k >= 0 && attacked(b, k, c === 'w' ? 'b' : 'w'); } function legal(b, c) { const ps = []; pseudo(b, c, ps); const out = []; for (const m of ps) { make(b, m); if (!inCheck(b, c)) out.push(m); unmake(b, m); } return out; } function evalB(b) { let s = 0; for (let i = 0; i < 64; i++) { const p = b[i]; if (!p) continue; const f = i & 7, r = i >> 3; const cd = 3.5 - Math.max(Math.abs(f - 3.5), Math.abs(r - 3.5)); let v = VAL[p.t]; if (p.t === 'n' || p.t === 'b') v += cd * 9; if (p.t === 'q') v += cd * 2; if (p.t === 'p') v += (p.c === 'w' ? r - 1 : 6 - r) * 6 + (cd > 2 ? 10 : 0); s += p.c === 'w' ? v : -v; } return s; } function negamax(b, c, depth, alpha, beta) { if (depth <= 0) return (c === 'w' ? 1 : -1) * evalB(b); const ms = legal(b, c); if (!ms.length) return inCheck(b, c) ? -100000 - depth : 0; ms.sort((a, z) => (z.cap ? VAL[z.cap.t] : 0) - (a.cap ? VAL[a.cap.t] : 0)); const o = c === 'w' ? 'b' : 'w'; let best = -Infinity; for (const m of ms) { make(b, m); const v = -negamax(b, o, depth - 1, -beta, -alpha); unmake(b, m); if (v > best) best = v; if (v > alpha) alpha = v; if (alpha >= beta) break; } return best; } function rr(g, x, y, w, h, r) { g.beginPath(); g.moveTo(x + r, y); g.lineTo(x + w - r, y); g.quadraticCurveTo(x + w, y, x + w, y + r); g.lineTo(x + w, y + h - r); g.quadraticCurveTo(x + w, y + h, x + w - r, y + h); g.lineTo(x + r, y + h); g.quadraticCurveTo(x, y + h, x, y + h - r); g.lineTo(x, y + r); g.quadraticCurveTo(x, y, x + r, y); g.closePath(); } function wrap(g, text, maxW) { const words = text.split(' '); const lines = []; let line = ''; for (const w of words) { const t = line ? line + ' ' + w : w; if (g.measureText(t).width > maxW && line) { lines.push(line); line = w; } else line = t; } if (line) lines.push(line); return lines; } export default function sketch(ctx) { const { scene, camera, renderer, gui, canvas } = ctx; const X = ctx.xr || null; const sfx = ctx.sfx || null; const play = (id, o) => { if (sfx) { try { sfx.play(id, o); } catch (e) { /* ignore */ } } }; const coarse = matchMedia('(pointer: coarse)').matches; const params = { boardSize: 1, difficulty: 'Operator', hints: true, crew: '#ffd21f', rival: '#2f7fd8', volume: 0.7, restart: () => restart() }; // ---------- renderer & environment ---------- renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.05; renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; const pmrem = new THREE.PMREMGenerator(renderer); scene.environment = pmrem.fromScene(new RoomEnvironment(), 0.04).texture; scene.environmentIntensity = 0.55; scene.background = new THREE.Color('#1b1f24'); scene.fog = new THREE.Fog('#1b1f24', 5, 16); camera.near = 0.01; camera.far = 100; camera.updateProjectionMatrix(); // ---------- textures ---------- const T = ctx.textures; const concreteTex = T.get(TEX.concrete); const floorTex = concreteTex.clone(); floorTex.wrapS = floorTex.wrapT = THREE.RepeatWrapping; floorTex.repeat.set(16, 16); floorTex.needsUpdate = true; const tapeTex = T.get(TEX.hazard, { repeat: [12, 1] }); const floorTape = tapeTex.clone(); floorTape.wrapS = floorTape.wrapT = THREE.RepeatWrapping; floorTape.repeat.set(70, 1); floorTape.needsUpdate = true; const whTex = T.get(TEX.warehouse).clone(); whTex.wrapS = THREE.RepeatWrapping; whTex.repeat.set(4, 1); whTex.needsUpdate = true; // ---------- backdrop (hidden in AR) ---------- let backdrop = X && X.backdrop; if (!backdrop) { backdrop = new THREE.Group(); scene.add(backdrop); } const floor = new THREE.Mesh(new THREE.PlaneGeometry(30, 30), new THREE.MeshStandardMaterial({ map: floorTex, color: '#8f9091', roughness: 0.85 })); floor.rotation.x = -Math.PI / 2; backdrop.add(floor); for (const z of [-1.7, 1.9]) { const tape = new THREE.Mesh(new THREE.PlaneGeometry(20, 0.1), new THREE.MeshStandardMaterial({ map: floorTape, roughness: 0.7 })); tape.rotation.x = -Math.PI / 2; tape.position.set(0, 0.002, z); backdrop.add(tape); } const wall = new THREE.Mesh(new THREE.CylinderGeometry(9, 9, 9, 64, 1, true), new THREE.MeshBasicMaterial({ map: whTex, side: THREE.BackSide, color: '#9a9a9a' })); wall.position.y = 3.9; backdrop.add(wall); const tableMat = new THREE.MeshStandardMaterial({ color: '#4d535b', metalness: 0.5, roughness: 0.45 }); const tableTop = new THREE.Mesh(new THREE.BoxGeometry(1.2, 0.04, 0.9), new THREE.MeshStandardMaterial({ color: '#3a3f46', roughness: 0.6, metalness: 0.2 })); tableTop.position.y = 0.73; tableTop.receiveShadow = true; backdrop.add(tableTop); for (const x of [-0.55, 0.55]) for (const z of [-0.4, 0.4]) { const leg = new THREE.Mesh(new THREE.BoxGeometry(0.04, 0.71, 0.04), tableMat); leg.position.set(x, 0.355, z); backdrop.add(leg); } // ---------- lights ---------- scene.add(new THREE.HemisphereLight('#fff4df', '#3a3f47', 0.9)); const sun = new THREE.DirectionalLight('#fff2dc', 2.4); sun.castShadow = true; sun.shadow.mapSize.set(1024, 1024); sun.shadow.bias = -0.0004; sun.shadow.normalBias = 0.002; sun.shadow.camera.near = 0.1; sun.shadow.camera.far = 5; const setShadowBounds = () => { const e = 0.5 * params.boardSize; const sc = sun.shadow.camera; sc.left = -e; sc.right = e; sc.top = e; sc.bottom = -e; sc.updateProjectionMatrix(); }; setShadowBounds(); scene.add(sun); const sunOff = new THREE.Vector3(0.6, 1.5, 0.7); // ---------- game group ---------- const game = new THREE.Group(); game.position.set(0, 0.75, 0); scene.add(game); const boardRoot = new THREE.Group(); game.add(boardRoot); sun.target = game; const S = 0.0625; const base = new THREE.Mesh(new THREE.BoxGeometry(8 * S + 0.06, 0.02, 8 * S + 0.06), new THREE.MeshStandardMaterial({ color: '#25282e', roughness: 0.6, metalness: 0.3 })); base.position.y = -0.0101; base.receiveShadow = true; base.castShadow = true; boardRoot.add(base); const stripG = new THREE.BoxGeometry(8 * S + 0.05, 0.003, 0.022); const stripM = new THREE.MeshStandardMaterial({ map: tapeTex, roughness: 0.6 }); for (let i = 0; i < 4; i++) { const st = new THREE.Mesh(stripG, stripM); const off = 4 * S + 0.013; st.rotation.y = i * Math.PI / 2; st.position.set(i === 1 ? off : i === 3 ? -off : 0, 0.0005, i === 0 ? off : i === 2 ? -off : 0); st.receiveShadow = true; boardRoot.add(st); } const lightSq = new THREE.MeshStandardMaterial({ map: concreteTex, color: '#ece7dc', roughness: 0.8 }); const darkSq = new THREE.MeshStandardMaterial({ map: concreteTex, color: '#6f747c', roughness: 0.75 }); const sqPos = (s, v) => v.set(((s & 7) - 3.5) * S, 0, (3.5 - (s >> 3)) * S); const tv = new THREE.Vector3(); for (let s = 0; s < 64; s++) { const f = s & 7, r = s >> 3; const g = new THREE.PlaneGeometry(S, S); const uv = g.attributes.uv; for (let i = 0; i < uv.count; i++) uv.setXY(i, (f + uv.getX(i)) / 8, (r + uv.getY(i)) / 8); const sq = new THREE.Mesh(g, (f + r) % 2 === 0 ? darkSq : lightSq); sq.rotation.x = -Math.PI / 2; sqPos(s, sq.position); sq.position.y = 0; sq.receiveShadow = true; boardRoot.add(sq); } const pickPlane = new THREE.Mesh(new THREE.PlaneGeometry(8 * S, 8 * S), new THREE.MeshBasicMaterial({ transparent: true, opacity: 0, depthWrite: false })); pickPlane.rotation.x = -Math.PI / 2; pickPlane.position.y = 0.012; boardRoot.add(pickPlane); // overlays const ovMat = (color, opacity) => new THREE.MeshBasicMaterial({ color, transparent: true, opacity, depthWrite: false, toneMapped: false }); const sqGeo = new THREE.PlaneGeometry(S, S); const mkOv = (geo, m, y) => { const o = new THREE.Mesh(geo, m); o.rotation.x = -Math.PI / 2; o.position.y = y; o.visible = false; boardRoot.add(o); return o; }; const lastA = mkOv(sqGeo, ovMat('#ff7a1a', 0.32), 0.0008); const lastB = mkOv(sqGeo, ovMat('#ff7a1a', 0.42), 0.0008); const selPlane = mkOv(sqGeo, ovMat('#ffd21f', 0.55), 0.002); const checkPlane = mkOv(sqGeo, ovMat('#ff3b30', 0.6), 0.0021); const dotMat = ovMat('#19c37d', 0.9), ringMat = ovMat('#19c37d', 0.85); const dotGeo = new THREE.CircleGeometry(S * 0.15, 20), ringGeo = new THREE.RingGeometry(S * 0.36, S * 0.46, 32); const dots = [], rings = []; for (let s = 0; s < 64; s++) { dots.push(mkOv(dotGeo, dotMat, 0.0026)); sqPos(s, tv); dots[s].position.x = tv.x; dots[s].position.z = tv.z; rings.push(mkOv(ringGeo, ringMat, 0.0026)); rings[s].position.x = tv.x; rings[s].position.z = tv.z; } // hazard signs function signTex(label) { const c = document.createElement('canvas'); c.width = c.height = 256; const g = c.getContext('2d'); g.fillStyle = '#ffd21f'; g.fillRect(0, 0, 256, 256); g.fillStyle = '#111'; for (let i = -256; i < 512; i += 36) { g.beginPath(); g.moveTo(i, 0); g.lineTo(i + 18, 0); g.lineTo(i + 18 - 256, 256); g.lineTo(i - 256, 256); g.closePath(); g.fill(); } g.fillStyle = '#ffd21f'; rr(g, 20, 20, 216, 216, 18); g.fill(); g.fillStyle = '#111'; g.beginPath(); g.moveTo(128, 36); g.lineTo(204, 166); g.lineTo(52, 166); g.closePath(); g.fill(); g.fillStyle = '#ffd21f'; g.beginPath(); g.moveTo(128, 60); g.lineTo(184, 156); g.lineTo(72, 156); g.closePath(); g.fill(); g.fillStyle = '#111'; g.textAlign = 'center'; g.font = '900 72px sans-serif'; g.fillText('!', 128, 150); let fs = 32; g.font = `900 ${fs}px sans-serif`; while (g.measureText(label).width > 196 && fs > 12) { fs -= 2; g.font = `900 ${fs}px sans-serif`; } g.fillText(label, 128, 214); const t = new THREE.CanvasTexture(c); t.colorSpace = THREE.SRGBColorSpace; t.anisotropy = 4; return t; } HAZ.forEach((h) => { h.tex = signTex(h.label); }); const hazGeo = new THREE.PlaneGeometry(S * 0.9, S * 0.9); const hazardGroup = new THREE.Group(); boardRoot.add(hazardGroup); const hazards = []; // ---------- info panel ---------- const pc = document.createElement('canvas'); pc.width = 1024; pc.height = 600; const pg = pc.getContext('2d'); const ptex = new THREE.CanvasTexture(pc); ptex.colorSpace = THREE.SRGBColorSpace; ptex.anisotropy = 4; const panel = new THREE.Mesh(new THREE.PlaneGeometry(0.42, 0.42 * 600 / 1024), new THREE.MeshBasicMaterial({ map: ptex, transparent: true, toneMapped: false, side: THREE.DoubleSide })); panel.position.set(0, 0.2, -0.34); boardRoot.add(panel); // ---------- materials ---------- const MS = (o) => new THREE.MeshStandardMaterial(o); const mat = { dark: MS({ color: '#1e2126', roughness: 0.6, metalness: 0.2 }), navy: MS({ color: '#26324a', roughness: 0.8 }), metal: MS({ color: '#9aa1a9', metalness: 0.8, roughness: 0.35 }), skin: MS({ color: '#d9a77f', roughness: 0.7 }), white: MS({ color: '#f3f3ef', roughness: 0.35 }), reflect: MS({ color: '#e6ecf2', metalness: 0.9, roughness: 0.2, emissive: '#5a5f66', emissiveIntensity: 0.4 }), amber: MS({ color: '#ff8a00', emissive: '#ff7a00', emissiveIntensity: 2.5 }), card: MS({ color: '#b9875a', roughness: 0.9 }), wood: MS({ color: '#caa36a', roughness: 0.85 }), orange: MS({ color: '#ff6a13', roughness: 0.5 }), }; const team = { w: MS({ color: params.crew, roughness: 0.45, metalness: 0.1 }), b: MS({ color: params.rival, roughness: 0.45, metalness: 0.1 }) }; const puckMat = { w: MS({ color: params.crew, emissive: params.crew, emissiveIntensity: 0.25, roughness: 0.4 }), b: MS({ color: params.rival, emissive: params.rival, emissiveIntensity: 0.25, roughness: 0.4 }) }; // ---------- piece builders ---------- const gcache = new Map(); const cg = (k, fn) => { if (!gcache.has(k)) gcache.set(k, fn()); return gcache.get(k); }; const boxG = (w, h, d) => cg(`b${w},${h},${d}`, () => new THREE.BoxGeometry(w, h, d)); const cylG = (rt, rb, h, s = 16) => cg(`c${rt},${rb},${h},${s}`, () => new THREE.CylinderGeometry(rt, rb, h, s)); const sphG = (r) => cg(`s${r}`, () => new THREE.SphereGeometry(r, 16, 12)); const hatG = new THREE.SphereGeometry(0.0062, 16, 8, 0, Math.PI * 2, 0, Math.PI / 2); function add(parent, geo, m, x, y, z, rx = 0, ry = 0, rz = 0) { const o = new THREE.Mesh(geo, m); o.position.set(x, y, z); o.rotation.set(rx, ry, rz); o.castShadow = true; o.receiveShadow = true; parent.add(o); return o; } function shell(c) { const g = new THREE.Group(); const m = new THREE.Group(); m.position.y = 0.006; g.add(m); add(g, cylG(S * 0.4, S * 0.43, 0.006, 28), puckMat[c], 0, 0.003, 0); return [g, m]; } function beam(parent, y) { const b = add(parent, boxG(0.011, 0.0012, 0.0012), mat.amber, 0, y, 0); b.castShadow = false; return b; } function buildWorker(c, king) { const [g, m] = shell(c); const tm = team[c]; for (const x of [-0.0045, 0.0045]) add(m, boxG(0.007, 0.004, 0.009), mat.dark, x, 0.002, 0.001); for (const x of [-0.0042, 0.0042]) add(m, boxG(0.0065, 0.014, 0.0065), mat.navy, x, 0.011, 0); add(m, boxG(0.017, 0.015, 0.01), tm, 0, 0.0255, 0); add(m, boxG(0.0176, 0.0016, 0.0106), mat.reflect, 0, 0.0225, 0); add(m, boxG(0.0176, 0.0016, 0.0106), mat.reflect, 0, 0.0285, 0); add(m, boxG(0.0042, 0.013, 0.005), tm, -0.0108, 0.0255, 0, 0, 0, 0.08); add(m, boxG(0.0042, 0.013, 0.005), tm, 0.0108, 0.0255, 0, 0, 0, -0.08); add(m, sphG(0.0055), mat.skin, 0, 0.0385, 0); add(m, hatG, mat.white, 0, 0.0402, 0); add(m, cylG(0.0076, 0.0076, 0.0009, 20), mat.white, 0, 0.0402, 0.0008); if (king) { add(m, boxG(0.008, 0.01, 0.0012), mat.wood, 0.004, 0.025, 0.0058, -0.3, 0, 0); add(m, cylG(0.0018, 0.0022, 0.003, 10), mat.amber, 0, 0.0475, 0); const halo = add(m, cg('halo', () => new THREE.TorusGeometry(0.009, 0.0011, 8, 32)), mat.amber, 0, 0.055, 0, Math.PI / 2, 0, 0); halo.castShadow = false; g.userData.spin = beam(m, 0.0478); m.scale.setScalar(1.3); } return g; } function buildForklift(c) { const [g, m] = shell(c); const tm = team[c]; add(m, boxG(0.026, 0.014, 0.03), tm, 0, 0.011, 0); add(m, boxG(0.027, 0.012, 0.007), mat.dark, 0, 0.012, -0.0175); for (const x of [-0.0135, 0.0135]) for (const z of [-0.009, 0.01]) add(m, cylG(0.0045, 0.0045, 0.005, 14), mat.dark, x, 0.0045, z, 0, 0, Math.PI / 2); for (const x of [-0.011, 0.011]) for (const z of [-0.01, 0.009]) add(m, boxG(0.0016, 0.022, 0.0016), mat.dark, x, 0.029, z); add(m, boxG(0.0245, 0.0015, 0.0215), mat.dark, 0, 0.0405, -0.0005); add(m, boxG(0.01, 0.007, 0.008), mat.dark, 0, 0.0215, -0.004); for (const x of [-0.0068, 0.0068]) add(m, boxG(0.0022, 0.042, 0.0022), mat.metal, x, 0.021, 0.0165); add(m, boxG(0.016, 0.002, 0.002), mat.metal, 0, 0.041, 0.0165); add(m, boxG(0.018, 0.009, 0.002), mat.dark, 0, 0.008, 0.019); for (const x of [-0.005, 0.005]) add(m, boxG(0.003, 0.0012, 0.012), mat.metal, x, 0.0035, 0.0255); add(m, cylG(0.0019, 0.0021, 0.003, 10), mat.amber, 0, 0.0428, -0.007); g.userData.spin = beam(m, 0.0432); g.userData.spin.position.z = -0.007; return g; } function buildJack(c) { const [g, m] = shell(c); const tm = team[c]; for (const z of [-0.013, 0, 0.013]) add(m, boxG(0.032, 0.005, 0.004), mat.wood, 0, 0.0025, z); add(m, boxG(0.034, 0.002, 0.032), mat.wood, 0, 0.006, 0); add(m, boxG(0.027, 0.015, 0.027), mat.card, 0, 0.0145, 0); add(m, boxG(0.017, 0.011, 0.017), mat.card, 0.002, 0.0275, -0.002, 0, 0.3, 0); add(m, boxG(0.0276, 0.0152, 0.004), tm, 0, 0.0145, 0); add(m, boxG(0.004, 0.0152, 0.0276), tm, 0, 0.0145, 0); add(m, boxG(0.012, 0.014, 0.008), tm, 0, 0.008, -0.021); const piv = new THREE.Group(); piv.position.set(0, 0.015, -0.022); piv.rotation.x = -0.45; m.add(piv); add(piv, boxG(0.0016, 0.03, 0.0016), mat.metal, 0, 0.015, 0); add(piv, boxG(0.012, 0.0022, 0.0022), mat.dark, 0, 0.03, 0); return g; } function buildCone(c) { const [g, m] = shell(c); const tm = team[c]; add(m, boxG(0.03, 0.003, 0.03), mat.dark, 0, 0.0015, 0); const H = 0.046, R0 = 0.012, R1 = 0.0018; add(m, cylG(R1, R0, H, 24), tm, 0, 0.003 + H / 2, 0); const rad = (h) => R0 - (R0 - R1) * h / H + 0.0003; for (const h of [0.014, 0.027]) add(m, cylG(rad(h + 0.0025), rad(h - 0.0025), 0.005, 24), mat.reflect, 0, 0.003 + h, 0); return g; } function buildRack(c) { const [g, m] = shell(c); const tm = team[c]; for (const x of [-0.0155, 0.0155]) for (const z of [-0.0095, 0.0095]) add(m, boxG(0.0022, 0.064, 0.0022), tm, x, 0.032, z); const lv = [0.004, 0.023, 0.042, 0.061]; lv.forEach((y, i) => { for (const z of [-0.0095, 0.0095]) add(m, boxG(0.031, 0.0022, 0.0018), mat.orange, 0, y, z); if (i < 3) add(m, boxG(0.03, 0.001, 0.019), mat.metal, 0, y + 0.0011, 0); }); add(m, boxG(0.012, 0.013, 0.015), mat.card, -0.007, 0.0116, 0); add(m, boxG(0.011, 0.011, 0.015), mat.card, 0.0075, 0.0106, 0); add(m, boxG(0.026, 0.014, 0.016), mat.card, 0, 0.0311, 0); add(m, boxG(0.01, 0.01, 0.014), mat.card, -0.008, 0.0481, 0); add(m, boxG(0.012, 0.012, 0.015), mat.card, 0.006, 0.0491, 0); add(m, cylG(0.002, 0.0024, 0.0035, 10), mat.amber, 0, 0.0645, 0); g.userData.spin = beam(m, 0.065); return g; } function build(p) { switch (p.t) { case 'p': return buildWorker(p.c, false); case 'k': return buildWorker(p.c, true); case 'r': return buildForklift(p.c); case 'n': return buildJack(p.c); case 'b': return buildCone(p.c); default: return buildRack(p.c); } } // ---------- game state ---------- const piecesGroup = new THREE.Group(); boardRoot.add(piecesGroup); const B = new Array(64).fill(null); const meshAt = new Array(64).fill(null); const anims = [], dying = []; let turn = 'w', selected = -1, lastMove = null, busy = false, gameOver = false, points = 0, now = 0, aiAt = Infinity; let playerMoves = []; let status = ''; let tip = { head: '', body: '', color: '#ffd21f' }; let bobObj = null; const verb = () => { if (X && X.presenting) return X.handheld ? 'Tap' : 'Aim + trigger'; return coarse ? 'Tap' : 'Click'; }; const setTip = (head, body, color) => { tip = { head, body, color }; }; const pickTip = (t) => { const list = TIPS[t] || GENERAL; return Math.random() < 0.3 ? GENERAL[Math.floor(Math.random() * GENERAL.length)] : list[Math.floor(Math.random() * list.length)]; }; function initBoard() { B.fill(null); const back = 'rnbqkbnr'; for (let f = 0; f < 8; f++) { B[f] = { t: back[f], c: 'w' }; B[8 + f] = { t: 'p', c: 'w' }; B[48 + f] = { t: 'p', c: 'b' }; B[56 + f] = { t: back[f], c: 'b' }; } } function spawnPiece(s) { const p = B[s]; if (!p) return; const g = build(p); sqPos(s, g.position); g.rotation.y = p.c === 'w' ? Math.PI : 0; piecesGroup.add(g); meshAt[s] = g; } function spawnHazard() { const cands = []; for (let s = 16; s < 48; s++) if (!B[s] && !hazards.some((h) => h.sq === s)) cands.push(s); if (!cands.length) return; const sq = cands[Math.floor(Math.random() * cands.length)]; const used = hazards.map((h) => h.type); const pool = HAZ.filter((h) => !used.includes(h)); const type = pool[Math.floor(Math.random() * pool.length)] || HAZ[0]; const mesh = new THREE.Mesh(hazGeo, new THREE.MeshBasicMaterial({ map: type.tex, transparent: true, depthWrite: false, toneMapped: false })); mesh.rotation.x = -Math.PI / 2; sqPos(sq, mesh.position); mesh.position.y = 0.0014; hazardGroup.add(mesh); hazards.push({ sq, type, mesh }); } function removeHazard(i) { const h = hazards[i]; hazardGroup.remove(h.mesh); h.mesh.material.dispose(); hazards.splice(i, 1); } function updateStatus() { const v = verb(); if (gameOver) status = `Game over. ${v} this sign to play again.`; else if (turn === 'b') status = 'Rival crew is planning their move...'; else if (selected >= 0 && B[selected]) status = `${ROLE[B[selected].t]}: ${MOVES[B[selected].t]}. ${v} a green marker.`; else status = `Your move. ${v} one of your crew.` + (inCheck(B, 'w') ? ' You are in check!' : ''); } function updateOverlays() { for (let s = 0; s < 64; s++) { dots[s].visible = false; rings[s].visible = false; } selPlane.visible = selected >= 0; if (selected >= 0) { sqPos(selected, tv); selPlane.position.x = tv.x; selPlane.position.z = tv.z; if (params.hints) for (const m of playerMoves) if (m.from === selected) { if (B[m.to]) rings[m.to].visible = true; else dots[m.to].visible = true; } } lastA.visible = lastB.visible = !!lastMove; if (lastMove) { sqPos(lastMove.from, tv); lastA.position.x = tv.x; lastA.position.z = tv.z; sqPos(lastMove.to, tv); lastB.position.x = tv.x; lastB.position.z = tv.z; } const k = kingSq(B, turn); checkPlane.visible = !gameOver ? (k >= 0 && inCheck(B, turn)) : (k >= 0 && inCheck(B, turn)); if (checkPlane.visible) { sqPos(k, tv); checkPlane.position.x = tv.x; checkPlane.position.z = tv.z; } } function drawPanel() { const g = pg, W = 1024, H = 600; g.clearRect(0, 0, W, H); g.fillStyle = 'rgba(16,18,22,0.94)'; rr(g, 6, 6, W - 12, H - 12, 28); g.fill(); g.save(); rr(g, 6, 6, W - 12, H - 12, 28); g.clip(); g.fillStyle = '#ffd21f'; g.fillRect(0, 0, W, 30); g.fillStyle = '#111'; for (let i = -40; i < W + 40; i += 40) { g.beginPath(); g.moveTo(i, 0); g.lineTo(i + 20, 0); g.lineTo(i - 10, 30); g.lineTo(i - 30, 30); g.closePath(); g.fill(); } g.restore(); g.textBaseline = 'alphabetic'; g.textAlign = 'left'; g.fillStyle = '#ffd21f'; g.font = '900 66px sans-serif'; g.fillText('SAFE MOVES', 40, 108); g.fillStyle = '#aeb5bf'; g.font = '600 26px sans-serif'; g.fillText('Warehouse safety chess \u00b7 Aotearoa New Zealand', 42, 146); g.textAlign = 'right'; g.fillStyle = '#aeb5bf'; g.font = '700 22px sans-serif'; g.fillText('SAFETY POINTS', 984, 74); g.fillStyle = '#19c37d'; g.font = '900 60px sans-serif'; g.fillText(String(points), 984, 132); g.textAlign = 'left'; let fs = 32; g.font = `700 ${fs}px sans-serif`; while (g.measureText(status).width > 944 && fs > 18) { fs -= 2; g.font = `700 ${fs}px sans-serif`; } g.fillStyle = '#ffffff'; g.fillText(status, 40, 205); g.fillStyle = 'rgba(255,255,255,0.06)'; rr(g, 30, 228, 964, 318, 20); g.fill(); g.fillStyle = tip.color; rr(g, 30, 228, 10, 318, 5); g.fill(); fs = 32; g.font = `800 ${fs}px sans-serif`; while (g.measureText(tip.head).width > 900 && fs > 18) { fs -= 2; g.font = `800 ${fs}px sans-serif`; } g.fillText(tip.head, 64, 280); g.fillStyle = '#e8ebef'; g.font = '500 30px sans-serif'; wrap(g, tip.body, 900).slice(0, 6).forEach((l, i) => g.fillText(l, 64, 328 + i * 38)); g.fillStyle = '#7d8590'; g.font = '500 19px sans-serif'; g.fillText("General guidance based on HSWA 2015 and WorkSafe NZ. Always follow your site's own rules and training.", 40, 578); ptex.needsUpdate = true; } const refresh = () => { updateStatus(); updateOverlays(); drawPanel(); }; function setBob(o) { if (bobObj && bobObj !== o) bobObj.position.y = 0; bobObj = o; } function doMove(m) { const mover = B[m.from]; const moverType = mover.t, color = mover.c; let obj = meshAt[m.from]; const capObj = meshAt[m.to]; if (capObj) dying.push({ obj: capObj, t: 0 }); setBob(null); make(B, m); meshAt[m.from] = null; if (B[m.to].t !== moverType) { const from = obj.position.clone(); piecesGroup.remove(obj); obj = build(B[m.to]); obj.position.copy(from); obj.rotation.y = color === 'w' ? Math.PI : 0; piecesGroup.add(obj); } meshAt[m.to] = obj; obj.position.y = 0; const to = sqPos(m.to, new THREE.Vector3()); const dist = obj.position.distanceTo(to); anims.push({ obj, from: obj.position.clone(), to, t: 0, dur: 0.3 + dist * 3.2, hop: moverType === 'n' ? 0.035 : 0.006 }); busy = true; lastMove = m; selected = -1; play(m.cap ? SFX.capture : SFX.move, { volume: m.cap ? 0.8 : 0.45, rate: 0.92 + Math.random() * 0.16 }); let tipSet = false; if (color === 'w') { const hi = hazards.findIndex((h) => h.sq === m.to); if (hi >= 0) { const h = hazards[hi]; points += 10; setTip(`+10 \u00b7 ${h.type.head}`, h.type.body, '#19c37d'); removeHazard(hi); spawnHazard(); play(SFX.chime, { volume: 0.7 }); tipSet = true; } if (m.cap) { points += 5; if (!tipSet) { setTip(`${ROLE[moverType].toUpperCase()} TAKES ${ROLE[m.cap.t].toUpperCase()}`, pickTip(moverType), '#ffd21f'); tipSet = true; } } } else if (m.cap) { setTip(`YOUR ${ROLE[m.cap.t].toUpperCase()} WAS CAUGHT OUT`, pickTip(m.cap.t), '#ff7a1a'); tipSet = true; } turn = color === 'w' ? 'b' : 'w'; const next = legal(B, turn); const chk = inCheck(B, turn); if (!next.length) { gameOver = true; if (chk && turn === 'b') { points += 50; setTip('SITE SECURED: YOU WIN!', 'Checkmate. Safe work is everyone\'s job, and you led the crew well. Keep spotting hazards on the real floor too.', '#19c37d'); play(SFX.chime, { volume: 0.9, rate: 1.1 }); } else if (chk) { setTip('INCIDENT REPORT TIME', 'Checkmate, the rival crew wins this shift. Every incident is a chance to learn: review what happened and try again.', '#ff3b30'); play(SFX.check, { volume: 0.7 }); } else setTip('STALEMATE: WORK STOPPED', 'No safe moves left. Sometimes stopping the job is the safest call, and under HSWA 2015 you have the right to.', '#ffd21f'); } else if (chk) { play(SFX.check, { volume: 0.6 }); if (turn === 'w' && !tipSet) setTip('CHECK: YOUR SUPERVISOR IS EXPOSED', 'Treat it like a near miss. Stop, assess the risk, and act before you carry on.', '#ff3b30'); else if (turn === 'b' && !tipSet) setTip('CHECK!', 'You have the rival Supervisor cornered. Hazards are easier to control when you act early.', '#19c37d'); } playerMoves = turn === 'w' ? next : []; refresh(); } function aiMove() { aiAt = Infinity; const ms = legal(B, 'b'); if (!ms.length) return; const cfg = { Trainee: [1, 70], Operator: [2, 15], Supervisor: [3, 4] }[params.difficulty] || [2, 15]; let best = ms[0], bv = -Infinity; for (const m of ms) { make(B, m); const v = -negamax(B, 'w', cfg[0] - 1, -Infinity, Infinity) + Math.random() * cfg[1]; unmake(B, m); if (v > bv) { bv = v; best = m; } } doMove(best); } function clicked(sq) { if (busy || gameOver || turn !== 'w' || sq < 0 || sq > 63) return; const p = B[sq]; if (p && p.c === 'w') { selected = sq; setBob(meshAt[sq]); play(SFX.select, { volume: 0.6, rate: 0.95 + Math.random() * 0.1 }); refresh(); return; } if (selected >= 0) { const m = playerMoves.find((mm) => mm.from === selected && mm.to === sq); if (m) { doMove(m); return; } selected = -1; setBob(null); refresh(); } } const lp = new THREE.Vector3(); function handleHit(hit) { if (hit.object === panel) { if (gameOver) restart(); return; } lp.copy(hit.point); boardRoot.worldToLocal(lp); const f = Math.floor(lp.x / S + 4), r = Math.floor(4 - lp.z / S); if (f < 0 || f > 7 || r < 0 || r > 7) return; clicked(r * 8 + f); } function restart() { piecesGroup.clear(); meshAt.fill(null); anims.length = 0; dying.length = 0; while (hazards.length) removeHazard(0); initBoard(); for (let s = 0; s < 64; s++) spawnPiece(s); for (let i = 0; i < 3; i++) spawnHazard(); turn = 'w'; selected = -1; lastMove = null; busy = false; gameOver = false; points = 0; aiAt = Infinity; bobObj = null; playerMoves = legal(B, 'w'); setTip('WELCOME TO THE CREW', 'You lead your crew against the rival shift. Land on hazard signs to clear them for safety points, and checkmate the rival Supervisor. Every move teaches a safe work habit.', '#ffd21f'); refresh(); } // ---------- screen input ---------- const orbit = new OrbitControls(camera, renderer.domElement); orbit.enableDamping = true; orbit.enablePan = false; orbit.minDistance = 0.3; orbit.maxDistance = 3; orbit.maxPolarAngle = 1.45; const target = new THREE.Vector3(0, 0.79, 0); const viewDir = new THREE.Vector3(0, 0.7, 0.72).normalize(); orbit.target.copy(target); function frameCamera() { const a = Math.max(0.2, camera.aspect || 1); const d = Math.max(0.95, 0.4 / (Math.tan(THREE.MathUtils.degToRad(25)) * a)) * params.boardSize; target.set(0, 0.75 + 0.04 * params.boardSize, 0); orbit.target.copy(target); camera.position.copy(target).addScaledVector(viewDir, d); orbit.update(); } frameCamera(); const ray = new THREE.Raycaster(); const ndc = new THREE.Vector2(); let downX = 0, downY = 0; const onDown = (e) => { downX = e.clientX; downY = e.clientY; }; const onUp = (e) => { if (X && X.presenting) return; if (Math.hypot(e.clientX - downX, e.clientY - downY) > 8) return; const rect = canvas.getBoundingClientRect(); ndc.set(((e.clientX - rect.left) / rect.width) * 2 - 1, -((e.clientY - rect.top) / rect.height) * 2 + 1); ray.setFromCamera(ndc, camera); const hits = ray.intersectObjects([panel, pickPlane], false); if (hits.length) handleHit(hits[0]); }; canvas.addEventListener('pointerdown', onDown); canvas.addEventListener('pointerup', onUp); // ---------- XR ---------- const cp = new THREE.Vector3(), cd = new THREE.Vector3(), hz = new THREE.Vector3(); let userPlaced = false, surfacePlaced = false; const offs = []; function faceViewer() { camera.getWorldPosition(cp); game.rotation.set(0, Math.atan2(cp.x - game.position.x, cp.z - game.position.z), 0); } function placeInFront() { camera.getWorldPosition(cp); camera.getWorldDirection(cd); hz.set(cd.x, 0, cd.z); if (hz.lengthSq() < 1e-6) hz.set(0, 0, -1); hz.normalize(); if (X.handheld) { const pitch = THREE.MathUtils.clamp(Math.asin(THREE.MathUtils.clamp(cd.y, -1, 1)), -0.9, -0.3); const dir = hz.clone().multiplyScalar(Math.cos(pitch)); dir.y = Math.sin(pitch); game.position.copy(cp).addScaledVector(dir, 0.65); } else { game.position.copy(cp).addScaledVector(hz, 0.75); game.position.y = cp.y - 0.5; } faceViewer(); } const pinG = () => { if (X.pin) X.pin(game); }; const unpinG = () => { if (X.unpin) X.unpin(game); }; if (X && X.on) { offs.push(X.on('enter', () => { if (X.mode === 'ar') { userPlaced = false; surfacePlaced = false; placeInFront(); pinG(); setTip('PLACE YOUR BOARD', X.handheld ? 'Tap a table or the floor to move the board there. Use Bring here to call it back any time.' : 'Point at a table and pull the trigger to move the board there. Recentre to bring it back.', '#ffd21f'); } else { game.position.set(0, 0.75, 0); game.rotation.set(0, 0, 0); if (X.rig) X.rig.position.set(0, 0, 0.85); } refresh(); })); offs.push(X.on('exit', () => { unpinG(); game.position.set(0, 0.75, 0); game.rotation.set(0, 0, 0); refresh(); })); offs.push(X.on('recentre', () => { if (X.mode !== 'ar') return; unpinG(); placeInFront(); pinG(); userPlaced = true; })); offs.push(X.on('surfaces', () => { if (X.mode !== 'ar' || userPlaced || surfacePlaced || X.handheld || !X.surface) return; const t = X.surface('table') || X.surface((s) => s.orientation === 'horizontal' && s.center && s.center.y > 0.45 && s.center.y < 1.3); if (t && t.center) { unpinG(); game.position.copy(t.center); faceViewer(); pinG(); surfacePlaced = true; } })); offs.push(X.on('select', ({ controller }) => { if (!controller) return; const hits = controller.intersect([panel, pickPlane]); if (hits && hits.length) { handleHit(hits[0]); return; } if (X.mode === 'ar' && controller.surface && controller.surface.normal && controller.surface.normal.y > 0.8) { unpinG(); game.position.copy(controller.surface.point); faceViewer(); pinG(); userPlaced = true; play(SFX.select, { volume: 0.6 }); } })); } // ---------- controls ---------- gui.add(params, 'boardSize', 0.6, 1.6, 0.05).name('Board size').onChange(() => { setShadowBounds(); frameCamera(); }); gui.add(params, 'difficulty', ['Trainee', 'Operator', 'Supervisor']).name('Rival skill'); gui.add(params, 'hints').name('Show moves').onChange(() => updateOverlays()); gui.addColor(params, 'crew').name('Your crew').onChange((v) => { team.w.color.set(v); puckMat.w.color.set(v); puckMat.w.emissive.set(v); }); gui.addColor(params, 'rival').name('Rival crew').onChange((v) => { team.b.color.set(v); puckMat.b.color.set(v); puckMat.b.emissive.set(v); }); gui.add(params, 'volume', 0, 1, 0.01).name('Sound volume'); gui.add(params, 'restart').name('Restart game'); if (sfx) { try { sfx.loop(SFX.amb, { volume: 0.22 }); } catch (e) { /* ignore */ } } restart(); return { update({ time, delta }) { now = time; const dt = Math.min(0.1, delta || 0); if (sfx) sfx.volume = params.volume; boardRoot.scale.setScalar(params.boardSize); if (!(X && X.presenting)) orbit.update(); for (let i = anims.length - 1; i >= 0; i--) { const a = anims[i]; a.t += dt / a.dur; const k = Math.min(1, a.t); const e = k < 0.5 ? 2 * k * k : 1 - Math.pow(-2 * k + 2, 2) / 2; a.obj.position.lerpVectors(a.from, a.to, e); a.obj.position.y = a.hop * Math.sin(Math.PI * e); if (k >= 1) { a.obj.position.copy(a.to); anims.splice(i, 1); } } for (let i = dying.length - 1; i >= 0; i--) { const d = dying[i]; d.t += dt * 2.2; const s = Math.max(0.001, 1 - d.t); d.obj.scale.setScalar(s); d.obj.rotation.y += dt * 8; d.obj.position.y = d.t * 0.03; if (d.t >= 1) { piecesGroup.remove(d.obj); dying.splice(i, 1); } } if (busy && anims.length === 0) { busy = false; if (turn === 'b' && !gameOver) aiAt = time + 0.35; } if (!busy && !gameOver && turn === 'b' && time >= aiAt) aiMove(); if (bobObj && selected >= 0) bobObj.position.y = 0.004 * (1 + Math.sin(time * 5)); for (const c of piecesGroup.children) if (c.userData.spin) c.userData.spin.rotation.y += dt * 4; for (const h of hazards) h.mesh.material.opacity = 0.75 + 0.25 * Math.sin(time * 3 + h.sq); dotMat.opacity = 0.7 + 0.25 * Math.sin(time * 4); sun.position.copy(game.position).add(sunOff); camera.getWorldPosition(cp); panel.lookAt(cp); }, resize() { frameCamera(); }, dispose() { canvas.removeEventListener('pointerdown', onDown); canvas.removeEventListener('pointerup', onUp); for (const off of offs) if (typeof off === 'function') off(); orbit.dispose(); pmrem.dispose(); }, }; }