// Voltling - MCPity Web Engine game. A 3D neon circuit-maze chase. // Single-file, Three.js. The ONLY bare import is "three" (the /play bundler // marks it external and resolves it via an import map to esm.sh/three@0.168.0). // Everything else lives here. No template literals (backticks) and no template // interpolation anywhere, so the exact bytes embed verbatim inside a String.raw // constant + the staged publish SQL dollar-quote literal. // // The game: you are Volt, a cheerful repair-bot scooting a glowing circuit-board // maze to collect every energy spark. Three rogue Security Drones hunt you, each // with its own chase brain: BLITZ beelines straight at you, PINCER aims for a // spot ahead of your nose to cut you off, and DRIFT roams the grid at random. // Grab an Overcharge Core and the hunt flips: the drones turn scared and flee, // and you can chomp them back to the Dock for a chaining combo bonus. Tech // salvage (a cog, a battery, a chip, a data-gem) pops in for extra points. Clear // every spark to power up the next sector. Faster, meaner drones each level. // // Original by design (legally clean, not a clone): Volt is a real rounded // repair-bot with eyes + antenna (never a wedge-mouth disc), the drones are // angular robots (never sheet-ghosts), the mazes are procedurally generated // (never the classic layout), the palette is a dark circuit board with neon // traces (never the blue-maze / colored-ghost trade dress), and every sound is // an original synth blip (no eating-loop jingle). // // Harness contract: // - mounts into #mcpity-root (fallback document.body); NEVER sets // root.style.position (the host stylesheet already positions it). // - requestAnimationFrame loop, window resize handler, __mcpity_dispose hook. // - desktop: arrow keys / WASD steer. mobile: swipe anywhere to steer. // // Optional harness shims (all guarded / optional-chained; absent means plain // single-player): // - window.MCPityAssets : slot -> GLB registry (§171 asset auto-wire). // - window.MCPityEntitlements : advisory Season Pass gating (§167). // - window.MCPityShell : splash / settings / "Made by MCPity" brand. import * as THREE from "three"; // ═══════════════════════════════════════════════════════════════════════════ // ═══ SHELL CONFIG ═══ branding for the reusable MCPity game shell (splash + // settings + brand mark). Set BEFORE the inlined shell block runs. // ═══════════════════════════════════════════════════════════════════════════ var W = window as any; var HIGH_QUALITY = !/Edg\//.test(navigator.userAgent); // Edge -> simpler pipeline W.__MCPITY_SHELL_CONFIG = { title: "Voltling", tagline: "Scoot the circuit, grab every spark, dodge the drones.", accent: "#34e3c0", panel: "#0e1626", ink: "#eaf4ff", subink: "#8ea6c6", credit: "Made by MCPity", quality: { label: "High quality", get: function () { return HIGH_QUALITY; }, set: function (on: boolean) { setQuality(!!on); }, }, controls: [ "Swipe (mobile) or Arrow keys / WASD (desktop) to steer Volt.", "Grab every energy spark to clear the sector.", "Grab a glowing Overcharge Core to turn the drones scared - chomp them for big points.", "Chain drone catches during one Overcharge for a rising combo bonus.", "Snag the tech salvage that pops in for extra score.", ], }; // ---- MCPITY GAME SHELL - BEGIN ---- // CONFIG (set window.__MCPITY_SHELL_CONFIG before this block runs): // { title, tagline, accent, panel, ink, subink, // quality?: { label, get:()=>boolean, set:(on:boolean)=>void }, // controls?: string[], credit? } (function () { var SW = window as any; if (SW.__mcpityShellInstalled) return; SW.__mcpityShellInstalled = true; var CFG = SW.__MCPITY_SHELL_CONFIG || {}; var TITLE = CFG.title || "MCPity Game"; var TAGLINE = CFG.tagline || ""; var ACCENT = CFG.accent || "#c8843c"; var PANEL = CFG.panel || "#241b13"; var INK = CFG.ink || "#f4ece0"; var SUBINK = CFG.subink || "#c7b6a2"; var CREDIT = CFG.credit || "Made by MCPity"; var CONTROLS: string[] = Array.isArray(CFG.controls) ? CFG.controls : []; var QUALITY = CFG.quality || null; // ---- audio bus (reused if a prior block installed it) ---- var AC = SW.AudioContext || SW.webkitAudioContext; var existingAudio = SW.MCPityAudio; var ctx: AudioContext = existingAudio ? existingAudio.context : (AC ? new AC() : null); function mkBus(initial: number, parent: AudioNode) { var g = ctx.createGain(); g.gain.value = Math.max(0, Math.min(1, initial)); g.connect(parent); return { gain: g, set: function (v: number) { g.gain.setTargetAtTime(Math.max(0, Math.min(1, v)), ctx.currentTime, 0.02); }, get value() { return g.gain.value; } }; } var master: any, music: any, sfxBus: any; if (existingAudio) { master = existingAudio.bus.master; music = existingAudio.bus.music; sfxBus = existingAudio.bus.sfx; } else if (ctx) { master = mkBus(0.85, ctx.destination); music = mkBus(0.55, master.gain); sfxBus = mkBus(0.9, master.gain); SW.MCPityAudio = { context: ctx, bus: { master: master, music: music, sfx: sfxBus } }; } var resumed = false; function resume() { if (!ctx || resumed) return; if (ctx.state === "suspended") { try { ctx.resume(); } catch (e) {} } resumed = ctx.state === "running"; } // ---- cozy procedural music bed + one-shot SFX (reused if present) ---- var musicOn = true, playing = false, chords: number[][] = [[0, 4, 7], [9, 12, 16], [5, 9, 12], [7, 11, 14]]; var voices: OscillatorNode[] = [], lfo: OscillatorNode | null = null, mgain: GainNode | null = null, chordTimer: any = null, chordIdx = 0; var ROOT = 174.6; // F3, warm function hz(semi: number) { return ROOT * Math.pow(2, semi / 12); } function startMusic() { if (!ctx || playing || !musicOn) return; resume(); if (ctx.state === "suspended") { try { ctx.resume(); } catch (e) {} } playing = true; mgain = ctx.createGain(); mgain.gain.value = 0.32; mgain.connect(music ? music.gain : ctx.destination); lfo = ctx.createOscillator(); var lg = ctx.createGain(); lfo.frequency.value = 0.13; lg.gain.value = 0.06; lfo.connect(lg); lg.connect(mgain.gain); lfo.start(); var voiceFor = function (chord: number[]) { for (var i = 0; i < voices.length; i++) { try { voices[i].stop(); } catch (e) {} } voices = []; for (var j = 0; j < chord.length; j++) { var osc = ctx.createOscillator(); osc.type = "triangle"; osc.frequency.value = hz(chord[j]); var vg = ctx.createGain(); vg.gain.value = 0.3; osc.connect(vg); vg.connect(mgain!); osc.start(); voices.push(osc); } }; voiceFor(chords[chordIdx]); chordTimer = setInterval(function () { if (!playing) return; chordIdx = (chordIdx + 1) % chords.length; voiceFor(chords[chordIdx]); }, 3400); } function stopMusic() { if (!playing) return; playing = false; if (chordTimer) { clearInterval(chordTimer); chordTimer = null; } for (var i = 0; i < voices.length; i++) { try { voices[i].stop(); } catch (e) {} } voices = []; if (lfo) { try { lfo.stop(); } catch (e) {} lfo = null; } if (mgain) { try { mgain.disconnect(); } catch (e) {} mgain = null; } } function sfx(name: string) { if (!ctx) return; if (ctx.state === "suspended") { try { ctx.resume(); } catch (e) {} } var now = ctx.currentTime, osc = ctx.createOscillator(), g = ctx.createGain(); osc.connect(g); g.connect(sfxBus ? sfxBus.gain : ctx.destination); var dur = 0.12; if (name === "snap") { osc.type = "triangle"; osc.frequency.setValueAtTime(520, now); osc.frequency.exponentialRampToValueAtTime(880, now + 0.08); dur = 0.12; } else if (name === "win") { osc.type = "triangle"; osc.frequency.setValueAtTime(523, now); osc.frequency.setValueAtTime(659, now + 0.11); osc.frequency.setValueAtTime(784, now + 0.22); dur = 0.4; } else if (name === "soft") { osc.type = "sine"; osc.frequency.setValueAtTime(330, now); osc.frequency.exponentialRampToValueAtTime(260, now + 0.1); dur = 0.12; } else { osc.type = "sine"; osc.frequency.setValueAtTime(760, now); dur = 0.06; } g.gain.setValueAtTime(0.0001, now); g.gain.exponentialRampToValueAtTime(0.22, now + 0.01); g.gain.exponentialRampToValueAtTime(0.0001, now + dur); osc.start(now); osc.stop(now + dur + 0.02); } if (!SW.MCPityMusic) { SW.MCPityMusic = { get playing() { return playing; }, start: function () { startMusic(); }, stop: function () { stopMusic(); }, setEnabled: function (on: boolean) { musicOn = on; if (!on) stopMusic(); else if (SW.__mcpityStarted) startMusic(); }, sfx: sfx, }; } // ---- shared DOM helpers ---- function el(tag: string, css: string, txt?: string) { var e = document.createElement(tag); e.style.cssText = css; if (txt !== undefined) e.textContent = txt; return e; } var FONT = "system-ui,-apple-system,Segoe UI,Roboto,sans-serif"; function brandMark(size: number) { // a tasteful "Made by MCPity" lockup: a small warm gem glyph + wordmark. var wrap = el("div", "display:inline-flex;align-items:center;gap:7px;font-family:" + FONT); var gem = el("span", "width:" + size + "px;height:" + size + "px;border-radius:6px;background:linear-gradient(135deg," + ACCENT + ",#e7b878);box-shadow:0 2px 8px rgba(0,0,0,.35);display:inline-block"); var word = el("span", "font-size:" + (size - 1) + "px;font-weight:700;letter-spacing:.3px;color:" + SUBINK, CREDIT); wrap.appendChild(gem); wrap.appendChild(word); return wrap; } // ---- settings overlay ---- var soundOn = true; var settingsEl: HTMLDivElement | null = null; function buildSettings() { if (settingsEl) return; settingsEl = el("div", "position:fixed;inset:0;z-index:100001;display:none;align-items:center;justify-content:center;background:rgba(10,7,4,.72);font-family:" + FONT + ";color:" + INK) as HTMLDivElement; var card = el("div", "background:" + PANEL + ";border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px;width:min(92vw,420px);max-height:86vh;overflow:auto;box-shadow:0 26px 80px rgba(0,0,0,.55)"); var head = el("div", "display:flex;align-items:center;justify-content:space-between;margin-bottom:14px"); head.appendChild(el("div", "font-size:18px;font-weight:800;letter-spacing:.3px", "Settings")); var x = el("button", "background:transparent;border:0;color:" + INK + ";font-size:20px;cursor:pointer;padding:4px 8px;border-radius:8px", "✕"); x.addEventListener("click", function () { closeSettings(); }); head.appendChild(x); card.appendChild(head); function sectionLabel(t: string) { return el("div", "font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:" + SUBINK + ";margin:14px 0 8px;font-weight:700", t); } function toggleRow(label: string, get: () => boolean, set: (on: boolean) => void) { var row = el("div", "display:flex;align-items:center;justify-content:space-between;padding:7px 0"); row.appendChild(el("label", "font-size:14px;color:" + INK, label)); var btn = el("button", "") as HTMLButtonElement; var paint = function () { var on = get(); btn.textContent = on ? "On" : "Off"; btn.style.cssText = "border:0;border-radius:99px;padding:6px 16px;font-size:13px;font-weight:700;cursor:pointer;background:" + (on ? ACCENT : "#3a2f24") + ";color:" + (on ? "#241b13" : SUBINK); }; paint(); btn.addEventListener("click", function () { set(!get()); paint(); }); row.appendChild(btn); return row; } function sliderRow(label: string, get: () => number, set: (v: number) => void) { var row = el("div", "display:flex;align-items:center;gap:12px;padding:7px 0"); row.appendChild(el("label", "min-width:84px;font-size:14px;color:" + INK, label)); var input = document.createElement("input"); input.type = "range"; input.min = "0"; input.max = "1"; input.step = "0.01"; input.value = String(get()); input.style.cssText = "flex:1;accent-color:" + ACCENT; var val = el("span", "min-width:40px;font-size:12px;color:" + SUBINK + ";text-align:right", Math.round(get() * 100) + "%"); input.addEventListener("input", function () { var v = parseFloat(input.value); set(v); val.textContent = Math.round(v * 100) + "%"; }); row.appendChild(input); row.appendChild(val); return row; } card.appendChild(sectionLabel("Audio")); card.appendChild(toggleRow("Music", function () { return musicOn; }, function (on) { musicOn = on; if (SW.MCPityMusic) SW.MCPityMusic.setEnabled(on); })); card.appendChild(toggleRow("Sound effects", function () { return soundOn; }, function (on) { soundOn = on; })); card.appendChild(sliderRow("Volume", function () { return master ? master.value : 0.85; }, function (v) { if (master) master.set(v); })); if (QUALITY && typeof QUALITY.get === "function" && typeof QUALITY.set === "function") { card.appendChild(sectionLabel("Display")); card.appendChild(toggleRow(QUALITY.label || "High quality", function () { return !!QUALITY.get(); }, function (on) { QUALITY.set(on); })); } if (CONTROLS.length) { card.appendChild(sectionLabel("How to play")); var list = el("div", "font-size:13px;line-height:1.55;color:" + SUBINK); for (var i = 0; i < CONTROLS.length; i++) { var line = el("div", "padding:2px 0", CONTROLS[i]); list.appendChild(line); } card.appendChild(list); } var credit = el("div", "margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center"); credit.appendChild(brandMark(15)); card.appendChild(credit); settingsEl.appendChild(card); settingsEl.addEventListener("click", function (ev) { if (ev.target === settingsEl) closeSettings(); }); document.body.appendChild(settingsEl); } function openSettings() { buildSettings(); settingsEl!.style.display = "flex"; } function closeSettings() { if (settingsEl) settingsEl.style.display = "none"; } SW.MCPitySettings = { open: openSettings, close: closeSettings }; // expose the "is sound on" flag for game SFX gating SW.__mcpitySoundOn = function () { return soundOn; }; // ---- persistent badge (settings gear + small brand) ---- function mountBadge() { if (document.getElementById("mcpity-shell-badge")) return; var badge = el("div", "position:fixed;right:12px;bottom:12px;z-index:99000;display:flex;align-items:center;gap:8px;font-family:" + FONT); badge.id = "mcpity-shell-badge"; var gear = el("button", "width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(20,14,9,.72);color:" + INK + ";font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center", "⚙") as HTMLButtonElement; gear.title = "Settings"; gear.addEventListener("mouseenter", function () { gear.style.background = "rgba(20,14,9,.94)"; }); gear.addEventListener("mouseleave", function () { gear.style.background = "rgba(20,14,9,.72)"; }); gear.addEventListener("click", function () { if (soundOn) sfx("click"); openSettings(); }); var mark = el("div", "padding:5px 9px;border-radius:9px;background:rgba(20,14,9,.6);border:1px solid rgba(255,255,255,.1)"); mark.appendChild(brandMark(13)); badge.appendChild(mark); badge.appendChild(gear); document.body.appendChild(badge); } // ---- splash / title screen ---- var startCbs: Array<() => void> = []; function doStart() { SW.__mcpityStarted = true; resume(); if (musicOn && SW.MCPityMusic) SW.MCPityMusic.start(); if (soundOn) sfx("click"); window.dispatchEvent(new CustomEvent("mcpity:game-new")); for (var i = 0; i < startCbs.length; i++) { try { startCbs[i](); } catch (e) {} } } function mountSplash() { var sp = el("div", "position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;font-family:" + FONT + ";color:" + INK + ";background:radial-gradient(ellipse at 50% 38%, #3a2b1d 0%, #211610 62%, #160e08 100%)") as HTMLDivElement; sp.id = "mcpity-shell-splash"; var gem = el("div", "width:66px;height:66px;border-radius:18px;margin-bottom:18px;background:linear-gradient(135deg," + ACCENT + ",#e7b878);box-shadow:0 12px 34px rgba(200,132,60,.4),inset 0 2px 6px rgba(255,255,255,.4)"); sp.appendChild(gem); var title = el("div", "font-size:38px;font-weight:800;letter-spacing:.4px;line-height:1.1;max-width:9ch", TITLE); sp.appendChild(title); if (TAGLINE) sp.appendChild(el("div", "margin-top:10px;font-size:15px;color:" + SUBINK + ";max-width:24ch;line-height:1.4", TAGLINE)); var play = el("button", "margin-top:26px;background:" + ACCENT + ";color:#241b13;border:0;border-radius:14px;padding:15px 42px;font-size:19px;font-weight:800;letter-spacing:.3px;cursor:pointer;box-shadow:0 10px 28px rgba(200,132,60,.36);min-width:200px", "Play") as HTMLButtonElement; play.addEventListener("mouseenter", function () { play.style.transform = "scale(1.03)"; }); play.addEventListener("mouseleave", function () { play.style.transform = ""; }); play.addEventListener("click", function () { sp.remove(); doStart(); }); sp.appendChild(play); var settingsBtn = el("button", "margin-top:12px;background:transparent;color:" + INK + ";border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:9px 22px;font-size:14px;font-weight:600;cursor:pointer;min-width:200px", "Settings") as HTMLButtonElement; settingsBtn.addEventListener("click", function () { openSettings(); }); sp.appendChild(settingsBtn); var footer = el("div", "position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center"); footer.appendChild(brandMark(16)); sp.appendChild(footer); document.body.appendChild(sp); } SW.MCPityShell = { get started() { return !!SW.__mcpityStarted; }, onStart: function (cb: () => void) { startCbs.push(cb); }, openSettings: openSettings, }; function boot() { mountBadge(); mountSplash(); } if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", boot); else boot(); })(); // ---- MCPITY GAME SHELL - END ---- // small SFX helper for arcade blips (gated on the shell's sound toggle). function beep(kind: string) { try { if (W.__mcpitySoundOn && !W.__mcpitySoundOn()) return; var au = W.MCPityAudio; if (!au) return; var ac: AudioContext = au.context; if (ac.state === "suspended") { try { ac.resume(); } catch (_e) {} } var out = au.bus && au.bus.sfx ? au.bus.sfx.gain : ac.destination; var now = ac.currentTime; function tone(type: OscillatorType, f0: number, f1: number, t: number, vol: number, at: number) { var o = ac.createOscillator(), g = ac.createGain(); o.type = type; o.connect(g); g.connect(out); o.frequency.setValueAtTime(f0, now + at); if (f1 !== f0) o.frequency.exponentialRampToValueAtTime(Math.max(1, f1), now + at + t); g.gain.setValueAtTime(0.0001, now + at); g.gain.exponentialRampToValueAtTime(vol, now + at + 0.008); g.gain.exponentialRampToValueAtTime(0.0001, now + at + t); o.start(now + at); o.stop(now + at + t + 0.03); } if (kind === "orb") { tone("square", 620 + Math.random() * 60, 900, 0.05, 0.12, 0); } else if (kind === "power") { tone("sawtooth", 220, 660, 0.28, 0.16, 0); } else if (kind === "catch") { tone("triangle", 500, 700, 0.09, 0.2, 0); tone("triangle", 700, 950, 0.1, 0.2, 0.09); tone("triangle", 950, 1250, 0.12, 0.2, 0.19); } else if (kind === "bonus") { tone("square", 780, 1180, 0.09, 0.16, 0); tone("square", 1180, 1560, 0.12, 0.16, 0.09); } else if (kind === "death") { tone("sawtooth", 440, 90, 0.5, 0.2, 0); tone("square", 220, 60, 0.5, 0.12, 0.06); } else if (kind === "level") { tone("triangle", 523, 523, 0.1, 0.16, 0); tone("triangle", 659, 659, 0.1, 0.16, 0.11); tone("triangle", 784, 784, 0.1, 0.16, 0.22); tone("triangle", 1046, 1046, 0.22, 0.18, 0.33); } } catch (_e) {} } // ═══════════════════════════════════════════════════════════════════════════ // ═══ ASSETS ═══ optional Meshy/GLB slot registry. Every prop has a procedural // fallback so the game is fully playable + good-looking with ZERO assets wired. // Named slots: hero, enemy_blitz, enemy_pincer, enemy_drift, dock, // decor_pillar, decor_capacitor. // ═══════════════════════════════════════════════════════════════════════════ function getSlot(name: string): THREE.Object3D | null { try { var reg = W && W.MCPityAssets; if (reg && typeof reg.getModel === "function") { var m = reg.getModel(name); return m || null; } } catch (_e) {} return null; } function fitSlot(obj: THREE.Object3D, targetH: number): THREE.Object3D { var bbox = new THREE.Box3().setFromObject(obj); var size = new THREE.Vector3(); bbox.getSize(size); var s = size.y > 0.001 ? targetH / size.y : 1; obj.scale.setScalar(s); // re-center on origin at the object's base var box2 = new THREE.Box3().setFromObject(obj); var ctr = new THREE.Vector3(); box2.getCenter(ctr); obj.position.x -= ctr.x; obj.position.z -= ctr.z; obj.traverse(function (o: any) { if (o.isMesh && HIGH_QUALITY) { o.castShadow = true; o.receiveShadow = true; } }); return obj; } // ═══════════════════════════════════════════════════════════════════════════ // ═══ COMMERCE ═══ inline MCPityEntitlements shim (§167). Advisory Season Pass // snapshot relayed from the authed parent over the coop seam under the __ent // tag. Client entitlement is UX-only; the server holds the real gate. Free play // is always fully playable - the pass only adds cosmetic maze themes + a skin. // ═══════════════════════════════════════════════════════════════════════════ var ENT = (function () { if (W.MCPityEntitlements) return W.MCPityEntitlements; var changeCbs: ((s: any) => void)[] = []; var state = { ready: false, season_pass: false, expires_at: null as string | null, cosmetics: [] as string[] }; var api = { get ready() { return state.ready; }, get season_pass() { return state.season_pass; }, get expires_at() { return state.expires_at; }, get cosmetics() { return state.cosmetics.slice(); }, has: function (sku: string) { return state.cosmetics.indexOf(sku) >= 0; }, snapshot: function () { return { season_pass: state.season_pass, cosmetics: state.cosmetics.slice(), expires_at: state.expires_at }; }, on: function (evt: string, cb: (s: any) => void) { if (evt === "change") changeCbs.push(cb); }, }; W.MCPityEntitlements = api; window.addEventListener("message", function (ev: MessageEvent) { var d: any = ev && ev.data; if (!d || d.mcpity !== true || d.dir !== "studio->game" || d.type !== "coop-apply") return; var p: any = d.payload; if (!p || p.__ent !== 1) return; state.season_pass = !!p.season_pass; state.expires_at = (typeof p.expires_at === "string") ? p.expires_at : null; state.cosmetics = Array.isArray(p.cosmetics) ? p.cosmetics.slice() : []; state.ready = true; for (var i = 0; i < changeCbs.length; i++) { try { changeCbs[i](api.snapshot()); } catch (_e) {} } }); try { if (window.parent && window.parent !== window) { window.parent.postMessage({ mcpity: true, dir: "game->studio", type: "coop-event", payload: { __ent: 1, k: "hello" } }, "*"); } } catch (_e) {} return api; })(); function hasPass(): boolean { try { return !!(ENT && ENT.season_pass); } catch (_e) { return false; } } // ═══════════════════════════════════════════════════════════════════════════ // ═══ THEMES ═══ maze color packs + hero skins. The first pack + default hero // are always FREE; the "premium" packs + gold skin are advisory Season Pass // perks (§167). Cosmetic only - never a gameplay advantage. // ═══════════════════════════════════════════════════════════════════════════ type Theme = { id: string; name: string; premium: boolean; bg: number; floor: number; wall: number; wallTop: number; orb: number; core: number; }; var THEMES: Theme[] = [ { id: "circuit", name: "Circuit", premium: false, bg: 0x060b16, floor: 0x0c1626, wall: 0x123a4a, wallTop: 0x2fe0c4, orb: 0xffcf5a, core: 0x67f0ff }, { id: "grid", name: "Grid", premium: false, bg: 0x070a13, floor: 0x0d1120, wall: 0x1e2a56, wallTop: 0x6b8bff, orb: 0x9be86a, core: 0xff8bd0 }, { id: "neon-reef", name: "Neon Reef", premium: true, bg: 0x04121a, floor: 0x08202a, wall: 0x0e4d5a, wallTop: 0x24f0b0, orb: 0xffe08a, core: 0xff5ea8 }, { id: "molten", name: "Molten Core", premium: true, bg: 0x140606, floor: 0x1e0a06, wall: 0x5a1c12, wallTop: 0xff8a3c, orb: 0xffd23c, core: 0x7cf0ff }, ]; function freeThemes(): Theme[] { var a: Theme[] = []; for (var i = 0; i < THEMES.length; i++) if (!THEMES[i].premium) a.push(THEMES[i]); return a; } function themeForLevel(level: number): Theme { var pool = hasPass() ? THEMES : freeThemes(); return pool[(level - 1) % pool.length]; } function heroSkin(): { body: number; trim: number } { // gold skin is a season-pass cosmetic; default is the warm amber Volt. if (hasPass() && ENT && ENT.has && ENT.has("skin_gold")) return { body: 0xffd166, trim: 0xfff3c4 }; if (hasPass()) return { body: 0xffcf7a, trim: 0xfff0cf }; // pass shows the brighter default return { body: 0xff9f43, trim: 0xffe0b0 }; } // ═══════════════════════════════════════════════════════════════════════════ // ═══ BOOT ═══ renderer / scene / camera. Sizes to #mcpity-root and fills it. // ═══════════════════════════════════════════════════════════════════════════ var root: HTMLElement = document.getElementById("mcpity-root") || document.body; // ── IDEMPOTENCY / SELF-HEAL ────────────────────────────────────────────────── // A raced double-execution of this bundle (e.g. the public /play page re-sends a // hot-reload while a previous run is still live) must NOT stack a second HUD + // a second input/render loop over the first. Fully tear down any prior Voltling // instance and clear any leftover overlay / style / canvas so exactly ONE of // everything exists. __voltling_dispose is our OWN teardown handle (the host // deletes __mcpity_dispose after calling it, so it can't be relied on here). (function () { try { var prev = (window as any).__voltling_dispose; if (typeof prev === "function") prev(); } catch (_e) {} try { var stray: HTMLElement | null; while ((stray = document.getElementById("vl-ui"))) { if (stray.parentNode) stray.parentNode.removeChild(stray); else break; } } catch (_e) {} try { var pc = document.getElementById("vl-css"); if (pc && pc.parentNode) pc.parentNode.removeChild(pc); } catch (_e) {} try { var rootEl = document.getElementById("mcpity-root"); if (rootEl) { var cs = rootEl.querySelectorAll("canvas"); for (var ci = 0; ci < cs.length; ci++) { var cn = cs[ci]; if (cn.parentNode) cn.parentNode.removeChild(cn); } } } catch (_e) {} })(); var renderer = new THREE.WebGLRenderer({ antialias: HIGH_QUALITY, alpha: false, powerPreference: "high-performance" }); renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, HIGH_QUALITY ? 2 : 1.25)); if (HIGH_QUALITY) { renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; } renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.15; renderer.outputColorSpace = THREE.SRGBColorSpace; var canvas = renderer.domElement; canvas.style.display = "block"; canvas.style.width = "100%"; canvas.style.height = "100%"; canvas.style.touchAction = "none"; root.appendChild(canvas); var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(52, 1, 0.1, 260); // grid dimensions (odd for symmetry). world tile size TS. var C = 19, R = 21, TS = 1.25; var MIDC = (C - 1) / 2; // 9 var MIDR = (R - 1) / 2; // 10 function wx(c: number): number { return (c - MIDC) * TS; } function wz(r: number): number { return (r - MIDR) * TS; } // camera frames the whole board from a tilted top-down angle. function placeCamera() { var span = Math.max(C, R) * TS; camera.position.set(0, span * 1.28, span * 0.62); camera.lookAt(0, 0, 0); } placeCamera(); function sizeRenderer() { var w = root.clientWidth || window.innerWidth; var h = root.clientHeight || window.innerHeight; renderer.setSize(w, h, false); camera.aspect = w / h; camera.updateProjectionMatrix(); } sizeRenderer(); if (typeof ResizeObserver !== "undefined") { try { new ResizeObserver(sizeRenderer).observe(root); } catch (_e) {} } window.addEventListener("resize", sizeRenderer); function setQuality(on: boolean) { HIGH_QUALITY = on; renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, on ? 2 : 1.25)); renderer.shadowMap.enabled = on; if (keyLight) keyLight.castShadow = on; sizeRenderer(); } // lighting var ambient = new THREE.AmbientLight(0x8092b0, 0.7); scene.add(ambient); var keyLight = new THREE.DirectionalLight(0xffffff, 0.9); keyLight.position.set(6, 22, 10); if (HIGH_QUALITY) { keyLight.castShadow = true; keyLight.shadow.mapSize.set(1024, 1024); keyLight.shadow.camera.near = 1; keyLight.shadow.camera.far = 80; var sc = keyLight.shadow.camera as THREE.OrthographicCamera; sc.left = -18; sc.right = 18; sc.top = 22; sc.bottom = -22; sc.updateProjectionMatrix(); keyLight.shadow.bias = -0.0006; } scene.add(keyLight); var rimLight = new THREE.PointLight(0x50f0ff, 0.6, 60, 1.5); rimLight.position.set(0, 8, -6); scene.add(rimLight); function matStd(color: number, rough: number, metal: number, emissive?: number, eInt?: number): THREE.Material { if (HIGH_QUALITY) { var m = new THREE.MeshStandardMaterial({ color: color, roughness: rough, metalness: metal }); if (emissive !== undefined) { m.emissive = new THREE.Color(emissive); m.emissiveIntensity = eInt === undefined ? 1 : eInt; } return m; } return new THREE.MeshLambertMaterial({ color: color, emissive: emissive !== undefined ? new THREE.Color(emissive) : new THREE.Color(0x000000) }); } // ═══════════════════════════════════════════════════════════════════════════ // ═══ MAZE ═══ procedural, symmetric, braided (loopy) grid. Original layout // generated per level (never the classic maze). Chars: '#' wall, '.' orb tile, // ' ' empty corridor, 'o' overcharge core, 'D' dock interior, '-' dock gate. // ═══════════════════════════════════════════════════════════════════════════ function mulberry32(seed: number) { var a = seed >>> 0; return function () { a |= 0; a = (a + 0x6D2B79F5) | 0; var t = Math.imul(a ^ (a >>> 15), 1 | a); t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t; return ((t ^ (t >>> 14)) >>> 0) / 4294967296; }; } type Maze = { g: string[][]; start: { r: number; c: number }; dock: { r: number; c: number }; gate: { r: number; c: number }; }; function buildMaze(seed: number): Maze { var rand = mulberry32(seed); var g: string[][] = []; var r: number, c: number; for (r = 0; r < R; r++) { g[r] = []; for (c = 0; c < C; c++) g[r][c] = "#"; } // randomized DFS carve on the odd lattice, LEFT half + center column only. function carve(cr: number, cc: number) { g[cr][cc] = "."; var dirs = [[-2, 0], [2, 0], [0, -2], [0, 2]]; for (var i = dirs.length - 1; i > 0; i--) { var j = (rand() * (i + 1)) | 0; var tmp = dirs[i]; dirs[i] = dirs[j]; dirs[j] = tmp; } for (var k = 0; k < dirs.length; k++) { var nr = cr + dirs[k][0], nc = cc + dirs[k][1]; if (nr > 0 && nr < R - 1 && nc > 0 && nc <= MIDC && g[nr][nc] === "#") { g[(cr + nr) >> 1][(cc + nc) >> 1] = "."; carve(nr, nc); } } } carve(1, 1); // mirror the left half onto the right for a fair, symmetric board. for (r = 0; r < R; r++) for (c = 0; c < MIDC; c++) g[r][C - 1 - c] = g[r][c]; // braid: knock down some dead-end walls to add loops (Pac-Man-like flow). function openNeighbors(rr: number, cc: number): number { var n = 0; if (g[rr - 1][cc] !== "#") n++; if (g[rr + 1][cc] !== "#") n++; if (g[rr][cc - 1] !== "#") n++; if (g[rr][cc + 1] !== "#") n++; return n; } for (var pass = 0; pass < 2; pass++) { for (r = 1; r < R - 1; r++) { for (c = 1; c <= MIDC; c++) { if (g[r][c] === "#") continue; if (openNeighbors(r, c) > 1) continue; var walls = [[-1, 0], [1, 0], [0, -1], [0, 1]]; for (var i2 = walls.length - 1; i2 > 0; i2--) { var j2 = (rand() * (i2 + 1)) | 0; var t2 = walls[i2]; walls[i2] = walls[j2]; walls[j2] = t2; } for (var w = 0; w < walls.length; w++) { var wr = r + walls[w][0], wc = c + walls[w][1]; if (wr > 0 && wr < R - 1 && wc > 0 && wc < C - 1 && g[wr][wc] === "#") { g[wr][wc] = "."; g[wr][C - 1 - wc] = "."; break; } } } } } // guaranteed central vertical avenue (col MIDC) so top/bottom + gate connect. for (r = 1; r < R - 1; r++) g[r][MIDC] = "."; // dock room (center): rows MIDR-1..MIDR, cols MIDC-1..MIDC+1. Gate at top-center. for (r = MIDR - 1; r <= MIDR; r++) for (c = MIDC - 1; c <= MIDC + 1; c++) g[r][c] = "D"; var gate = { r: MIDR - 2, c: MIDC }; g[gate.r][gate.c] = "-"; g[gate.r - 1][gate.c] = "."; // exit corridor above the gate // start tile: lower-center corridor. var start = { r: R - 3, c: MIDC }; g[start.r][start.c] = "."; // flood-fill Volt-reachable corridors from start; strand-proof stray orbs. var reach: boolean[][] = []; for (r = 0; r < R; r++) { reach[r] = []; for (c = 0; c < C; c++) reach[r][c] = false; } function passV(rr: number, cc: number): boolean { var ch = g[rr][cc]; return ch !== "#" && ch !== "D" && ch !== "-"; } var stack = [[start.r, start.c]]; reach[start.r][start.c] = true; while (stack.length) { var cur = stack.pop() as number[]; var qr = cur[0], qc = cur[1]; var nb = [[qr - 1, qc], [qr + 1, qc], [qr, qc - 1], [qr, qc + 1]]; for (var b = 0; b < nb.length; b++) { var ar = nb[b][0], ac = nb[b][1]; if (ar < 0 || ar >= R || ac < 0 || ac >= C) continue; if (!reach[ar][ac] && passV(ar, ac)) { reach[ar][ac] = true; stack.push([ar, ac]); } } } for (r = 1; r < R - 1; r++) for (c = 1; c < C - 1; c++) { if (g[r][c] === "." && !reach[r][c]) g[r][c] = "#"; // wall off any unreachable pocket } // place 4 overcharge cores at reachable tiles nearest the corners. var corners = [[1, 1], [1, C - 2], [R - 2, 1], [R - 2, C - 2]]; for (var ci = 0; ci < corners.length; ci++) { var best: number[] | null = null, bestD = 1e9; for (r = 1; r < R - 1; r++) for (c = 1; c < C - 1; c++) { if (g[r][c] !== "." || !reach[r][c]) continue; var dr = r - corners[ci][0], dc = c - corners[ci][1], d = dr * dr + dc * dc; if (d < bestD) { bestD = d; best = [r, c]; } } if (best) g[best[0]][best[1]] = "o"; } // clear the orb on the start tile. g[start.r][start.c] = " "; return { g: g, start: start, dock: { r: MIDR, c: MIDC }, gate: gate }; } // ---- maze meshes (rebuilt each level) ---- var mazeGroup = new THREE.Group(); scene.add(mazeGroup); var wallHeight = TS * 0.85; var orbInst: THREE.InstancedMesh | null = null; var orbTiles: { r: number; c: number; idx: number; taken: boolean }[] = []; var orbKey: { [k: string]: number } = {}; // "r,c" -> orbTiles index var coreMeshes: { r: number; c: number; mesh: THREE.Object3D; taken: boolean }[] = []; var floorMesh: THREE.Mesh | null = null; var maze: Maze; function clearGroup(gp: THREE.Group) { for (var i = gp.children.length - 1; i >= 0; i--) { var ch = gp.children[i] as any; gp.remove(ch); if (ch.geometry && ch.geometry.dispose) ch.geometry.dispose(); if (ch.material) { if (Array.isArray(ch.material)) ch.material.forEach(function (m: any) { m.dispose && m.dispose(); }); else ch.material.dispose && ch.material.dispose(); } } } function buildMazeMeshes(theme: Theme) { clearGroup(mazeGroup); orbTiles = []; orbKey = {}; coreMeshes = []; scene.background = new THREE.Color(theme.bg); scene.fog = new THREE.Fog(theme.bg, Math.max(C, R) * TS * 0.9, Math.max(C, R) * TS * 2.4); rimLight.color.set(theme.core); // floor var floorGeo = new THREE.PlaneGeometry(C * TS + TS, R * TS + TS); floorMesh = new THREE.Mesh(floorGeo, matStd(theme.floor, 0.95, 0.1, theme.wallTop, HIGH_QUALITY ? 0.04 : 0.02)); floorMesh.rotation.x = -Math.PI / 2; floorMesh.position.y = -wallHeight / 2; if (HIGH_QUALITY) floorMesh.receiveShadow = true; mazeGroup.add(floorMesh); // walls: instanced body + instanced glowing top-plate var wallCount = 0, r: number, c: number; for (r = 0; r < R; r++) for (c = 0; c < C; c++) if (maze.g[r][c] === "#") wallCount++; var bodyGeo = new THREE.BoxGeometry(TS * 0.94, wallHeight, TS * 0.94); var bodyMat = matStd(theme.wall, 0.6, 0.2, theme.wallTop, HIGH_QUALITY ? 0.12 : 0.05); var bodyInst = new THREE.InstancedMesh(bodyGeo, bodyMat, Math.max(1, wallCount)); if (HIGH_QUALITY) { bodyInst.castShadow = true; bodyInst.receiveShadow = true; } var capGeo = new THREE.BoxGeometry(TS * 0.6, wallHeight * 0.12, TS * 0.6); var capMat = matStd(theme.wallTop, 0.35, 0.1, theme.wallTop, 0.9); var capInst = new THREE.InstancedMesh(capGeo, capMat, Math.max(1, wallCount)); var mtx = new THREE.Matrix4(); var wi = 0; for (r = 0; r < R; r++) for (c = 0; c < C; c++) { if (maze.g[r][c] !== "#") continue; mtx.makeTranslation(wx(c), 0, wz(r)); bodyInst.setMatrixAt(wi, mtx); mtx.makeTranslation(wx(c), wallHeight / 2 + wallHeight * 0.06, wz(r)); capInst.setMatrixAt(wi, mtx); wi++; } bodyInst.instanceMatrix.needsUpdate = true; capInst.instanceMatrix.needsUpdate = true; mazeGroup.add(bodyInst); mazeGroup.add(capInst); // dock frame (uses the dock slot GLB when wired, else a neon cage). var dockSlot = getSlot("dock"); var dockG: THREE.Object3D; if (dockSlot) { dockG = fitSlot(dockSlot, wallHeight * 1.2); } else { dockG = new THREE.Group(); var frameMat = matStd(theme.core, 0.4, 0.3, theme.core, 0.7); var barW = TS * 3.1; var b1 = new THREE.Mesh(new THREE.BoxGeometry(barW, 0.12, 0.12), frameMat); b1.position.set(0, wallHeight * 0.42, -TS); (dockG as THREE.Group).add(b1); var b2 = new THREE.Mesh(new THREE.BoxGeometry(barW, 0.12, 0.12), frameMat); b2.position.set(0, wallHeight * 0.42, TS); (dockG as THREE.Group).add(b2); var b3 = new THREE.Mesh(new THREE.BoxGeometry(0.12, 0.12, TS * 2), frameMat); b3.position.set(-barW / 2, wallHeight * 0.42, 0); (dockG as THREE.Group).add(b3); var b4 = new THREE.Mesh(new THREE.BoxGeometry(0.12, 0.12, TS * 2), frameMat); b4.position.set(barW / 2, wallHeight * 0.42, 0); (dockG as THREE.Group).add(b4); var glow = new THREE.Mesh(new THREE.PlaneGeometry(barW * 0.9, TS * 1.8), matStd(theme.core, 0.9, 0, theme.core, 0.25)); glow.rotation.x = -Math.PI / 2; glow.position.y = -wallHeight / 2 + 0.02; (dockG as THREE.Group).add(glow); } dockG.position.set(wx(maze.dock.c), 0, wz(maze.dock.r)); mazeGroup.add(dockG); // decorative props on a few wall junctions (optional Meshy slots). var decorPositions: { r: number; c: number; slot: string }[] = [ { r: 2, c: 2, slot: "decor_pillar" }, { r: 2, c: C - 3, slot: "decor_pillar" }, { r: R - 3, c: 2, slot: "decor_capacitor" }, { r: R - 3, c: C - 3, slot: "decor_capacitor" }, ]; for (var di = 0; di < decorPositions.length; di++) { var dp = decorPositions[di]; if (maze.g[dp.r][dp.c] !== "#") continue; var ds = getSlot(dp.slot); if (!ds) continue; // decor is asset-only bonus; no procedural fallback needed (walls fill the tile) var dm = fitSlot(ds, wallHeight * 1.4); dm.position.set(wx(dp.c), wallHeight * 0.2, wz(dp.r)); mazeGroup.add(dm); } // orbs (instanced) var orbList: { r: number; c: number }[] = []; for (r = 0; r < R; r++) for (c = 0; c < C; c++) if (maze.g[r][c] === ".") orbList.push({ r: r, c: c }); var orbGeo = new THREE.SphereGeometry(TS * 0.11, 8, 8); var orbMat = matStd(theme.orb, 0.3, 0.1, theme.orb, 0.9); orbInst = new THREE.InstancedMesh(orbGeo, orbMat, Math.max(1, orbList.length)); var m2 = new THREE.Matrix4(); for (var oi = 0; oi < orbList.length; oi++) { m2.makeTranslation(wx(orbList[oi].c), TS * 0.02, wz(orbList[oi].r)); orbInst.setMatrixAt(oi, m2); orbTiles.push({ r: orbList[oi].r, c: orbList[oi].c, idx: oi, taken: false }); orbKey[orbList[oi].r + "," + orbList[oi].c] = oi; } orbInst.instanceMatrix.needsUpdate = true; mazeGroup.add(orbInst); // overcharge cores for (r = 0; r < R; r++) for (c = 0; c < C; c++) { if (maze.g[r][c] !== "o") continue; var core = new THREE.Mesh(new THREE.IcosahedronGeometry(TS * 0.26, 0), matStd(theme.core, 0.2, 0.2, theme.core, 1.1)); core.position.set(wx(c), TS * 0.18, wz(r)); if (HIGH_QUALITY) core.castShadow = true; mazeGroup.add(core); coreMeshes.push({ r: r, c: c, mesh: core, taken: false }); } } // ═══════════════════════════════════════════════════════════════════════════ // ═══ ENTITIES ═══ Volt (hero) + 3 drones. Grid-stepping movement with smooth // interpolation; drones decide direction at each tile via their personality. // ═══════════════════════════════════════════════════════════════════════════ type Dir = { dr: number; dc: number }; var DIRS: Dir[] = [{ dr: -1, dc: 0 }, { dr: 1, dc: 0 }, { dr: 0, dc: -1 }, { dr: 0, dc: 1 }]; function opp(a: Dir, b: Dir): boolean { return a.dr === -b.dr && a.dc === -b.dc; } function passEnemy(r: number, c: number): boolean { if (r < 0 || r >= R || c < 0 || c >= C) return false; return maze.g[r][c] !== "#"; } function passHero(r: number, c: number): boolean { if (r < 0 || r >= R || c < 0 || c >= C) return false; var ch = maze.g[r][c]; return ch !== "#" && ch !== "D" && ch !== "-"; } function buildVolt(): THREE.Object3D { var g = new THREE.Group(); var skin = heroSkin(); var body = new THREE.Mesh(new THREE.SphereGeometry(TS * 0.32, 20, 16), matStd(skin.body, 0.35, 0.35, skin.body, 0.15)); body.scale.set(1, 0.86, 1); body.position.y = TS * 0.3; var belt = new THREE.Mesh(new THREE.TorusGeometry(TS * 0.3, TS * 0.05, 8, 20), matStd(skin.trim, 0.3, 0.5, skin.trim, 0.3)); belt.rotation.x = Math.PI / 2; belt.position.y = TS * 0.3; var visor = new THREE.Mesh(new THREE.SphereGeometry(TS * 0.19, 16, 12, 0, Math.PI * 2, 0, Math.PI * 0.6), matStd(0x0a1420, 0.2, 0.6, 0x2fe0ff, 0.4)); visor.position.set(0, TS * 0.36, TS * 0.16); visor.rotation.x = Math.PI * 0.16; var eyeMat = matStd(0x9ff6ff, 0.2, 0.1, 0x67f0ff, 1.2); var eyeL = new THREE.Mesh(new THREE.SphereGeometry(TS * 0.05, 10, 10), eyeMat); eyeL.position.set(-TS * 0.08, TS * 0.37, TS * 0.24); var eyeR = new THREE.Mesh(new THREE.SphereGeometry(TS * 0.05, 10, 10), eyeMat); eyeR.position.set(TS * 0.08, TS * 0.37, TS * 0.24); var ant = new THREE.Mesh(new THREE.CylinderGeometry(TS * 0.015, TS * 0.015, TS * 0.22, 6), matStd(skin.trim, 0.4, 0.6)); ant.position.set(0, TS * 0.58, 0); var bulb = new THREE.Mesh(new THREE.SphereGeometry(TS * 0.05, 10, 10), matStd(0xff5ea8, 0.2, 0.1, 0xff5ea8, 1.4)); bulb.position.set(0, TS * 0.7, 0); var footL = new THREE.Mesh(new THREE.BoxGeometry(TS * 0.16, TS * 0.09, TS * 0.24), matStd(skin.trim, 0.5, 0.4)); footL.position.set(-TS * 0.16, TS * 0.05, 0); var footR = new THREE.Mesh(new THREE.BoxGeometry(TS * 0.16, TS * 0.09, TS * 0.24), matStd(skin.trim, 0.5, 0.4)); footR.position.set(TS * 0.16, TS * 0.05, 0); g.add(body, belt, visor, eyeL, eyeR, ant, bulb, footL, footR); if (HIGH_QUALITY) g.traverse(function (o: any) { if (o.isMesh) o.castShadow = true; }); g.userData.bulb = bulb; return g; } function buildDrone(color: number, kind: string): THREE.Object3D { var g = new THREE.Group(); var bodyMat = matStd(color, 0.4, 0.45, color, 0.2); var core: THREE.Mesh; if (kind === "direct") { core = new THREE.Mesh(new THREE.ConeGeometry(TS * 0.3, TS * 0.5, 4), bodyMat); core.rotation.y = Math.PI / 4; core.position.y = TS * 0.32; } else if (kind === "ambush") { core = new THREE.Mesh(new THREE.OctahedronGeometry(TS * 0.32, 0), bodyMat); core.position.y = TS * 0.34; } else { core = new THREE.Mesh(new THREE.DodecahedronGeometry(TS * 0.3, 0), bodyMat); core.position.y = TS * 0.34; } var ring = new THREE.Mesh(new THREE.TorusGeometry(TS * 0.34, TS * 0.045, 6, 16), matStd(0x0a0f18, 0.3, 0.7, color, 0.3)); ring.rotation.x = Math.PI / 2; ring.position.y = TS * 0.14; var eye = new THREE.Mesh(new THREE.BoxGeometry(TS * 0.26, TS * 0.08, TS * 0.06), matStd(0xff3b3b, 0.2, 0.1, 0xff3b3b, 1.4)); eye.position.set(0, TS * 0.34, TS * 0.24); g.add(core, ring, eye); if (HIGH_QUALITY) g.traverse(function (o: any) { if (o.isMesh) o.castShadow = true; }); g.userData.core = core; g.userData.eye = eye; g.userData.ring = ring; g.userData.baseColor = color; return g; } type Ent = { kind: "hero" | "drone"; personality?: "direct" | "ambush" | "wander"; mesh: THREE.Object3D; cr: number; cc: number; // current tile tr: number; tc: number; // target tile dir: Dir; progress: number; // 0..1 toward target moving: boolean; speed: number; // tiles/sec mode?: "dock" | "chase" | "fright" | "eaten"; releaseAt?: number; // seconds since level start to leave dock color?: number; }; var volt: Ent; var drones: Ent[] = []; function makeVolt() { var mesh = getSlot("hero") ? fitSlot(getSlot("hero") as THREE.Object3D, TS * 0.7) : buildVolt(); scene.add(mesh); volt = { kind: "hero", mesh: mesh, cr: maze.start.r, cc: maze.start.c, tr: maze.start.r, tc: maze.start.c, dir: { dr: 0, dc: 0 }, progress: 0, moving: false, speed: 4.7 }; placeEnt(volt); } var DRONE_DEFS: { personality: "direct" | "ambush" | "wander"; kind: string; color: number; slot: string; release: number }[] = [ { personality: "direct", kind: "direct", color: 0xff4d5e, slot: "enemy_blitz", release: 0 }, { personality: "ambush", kind: "ambush", color: 0x33d6c8, slot: "enemy_pincer", release: 3.5 }, { personality: "wander", kind: "wander", color: 0xb476ff, slot: "enemy_drift", release: 7 }, ]; function makeDrones() { drones = []; for (var i = 0; i < DRONE_DEFS.length; i++) { var d = DRONE_DEFS[i]; var mesh = getSlot(d.slot) ? fitSlot(getSlot(d.slot) as THREE.Object3D, TS * 0.72) : buildDrone(d.color, d.kind); scene.add(mesh); var dockCol = maze.dock.c + (i - 1); // spread across the dock var e: Ent = { kind: "drone", personality: d.personality, mesh: mesh, cr: maze.dock.r, cc: dockCol, tr: maze.dock.r, tc: dockCol, dir: { dr: -1, dc: 0 }, progress: 0, moving: false, speed: 4.1, mode: "dock", releaseAt: d.release, color: d.color, }; drones.push(e); placeEnt(e); } } function placeEnt(e: Ent) { var x = wx(e.cc) + (wx(e.tc) - wx(e.cc)) * e.progress; var z = wz(e.cr) + (wz(e.tr) - wz(e.cr)) * e.progress; e.mesh.position.x = x; e.mesh.position.z = z; } // ═══════════════════════════════════════════════════════════════════════════ // ═══ PARTICLES ═══ lightweight pooled Points bursts for pickups / catches. // ═══════════════════════════════════════════════════════════════════════════ var MAXP = 220; var pGeo = new THREE.BufferGeometry(); var pPos = new Float32Array(MAXP * 3); var pCol = new Float32Array(MAXP * 3); pGeo.setAttribute("position", new THREE.BufferAttribute(pPos, 3)); pGeo.setAttribute("color", new THREE.BufferAttribute(pCol, 3)); var pMat = new THREE.PointsMaterial({ size: TS * 0.14, vertexColors: true, transparent: true, depthWrite: false, blending: THREE.AdditiveBlending }); var points = new THREE.Points(pGeo, pMat); points.frustumCulled = false; scene.add(points); var pVel = new Float32Array(MAXP * 3); var pLife = new Float32Array(MAXP); var pHead = 0; function burst(x: number, y: number, z: number, color: number, n: number, spread: number) { var col = new THREE.Color(color); for (var i = 0; i < n; i++) { var idx = pHead % MAXP; pHead++; pPos[idx * 3] = x; pPos[idx * 3 + 1] = y; pPos[idx * 3 + 2] = z; pVel[idx * 3] = (Math.random() - 0.5) * spread; pVel[idx * 3 + 1] = Math.random() * spread * 0.9 + 0.4; pVel[idx * 3 + 2] = (Math.random() - 0.5) * spread; pCol[idx * 3] = col.r; pCol[idx * 3 + 1] = col.g; pCol[idx * 3 + 2] = col.b; pLife[idx] = 0.5 + Math.random() * 0.35; } pGeo.attributes.position.needsUpdate = true; pGeo.attributes.color.needsUpdate = true; } function updateParticles(dt: number) { var any = false; for (var i = 0; i < MAXP; i++) { if (pLife[i] <= 0) continue; any = true; pLife[i] -= dt; pVel[i * 3 + 1] -= 4.5 * dt; pPos[i * 3] += pVel[i * 3] * dt; pPos[i * 3 + 1] += pVel[i * 3 + 1] * dt; pPos[i * 3 + 2] += pVel[i * 3 + 2] * dt; if (pLife[i] <= 0) { pPos[i * 3 + 1] = -999; } } if (any) pGeo.attributes.position.needsUpdate = true; } // ═══════════════════════════════════════════════════════════════════════════ // ═══ HUD ═══ overlay DOM: score / lives / level, combo popups, banners, // season-pass chip, mobile swipe hint, ready/game-over screens. // ═══════════════════════════════════════════════════════════════════════════ var css = document.createElement("style"); css.id = "vl-css"; css.textContent = "#vl-ui{position:absolute;inset:0;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#eaf4ff;user-select:none;-webkit-user-select:none}" + "#vl-top{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 10px}" + ".vl-chip{background:rgba(8,14,26,.72);border:1px solid rgba(120,200,230,.22);border-radius:11px;padding:7px 13px;font-size:14px;font-weight:700;letter-spacing:.3px}" + "#vl-score span,#vl-hi span{color:#34e3c0}" + "#vl-lives{display:flex;align-items:center;gap:5px}" + ".vl-life{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd7a8,#ff9f43);box-shadow:0 0 6px rgba(255,159,67,.6)}" + "#vl-pass{position:absolute;top:56px;left:50%;transform:translateX(-50%);background:rgba(8,14,26,.66);border:1px solid rgba(120,200,230,.2);border-radius:10px;padding:5px 11px;font-size:11px;font-weight:600;color:#8ea6c6;max-width:88vw;text-align:center;display:none}" + "#vl-pass.on{display:block}" + "#vl-banner{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity .2s}" + "#vl-banner.show{opacity:1}" + "#vl-banner .big{font-size:30px;font-weight:800;text-shadow:0 3px 18px rgba(0,0,0,.6)}" + "#vl-banner .sub{font-size:14px;color:#bcd0e6;margin-top:6px}" + "#vl-over{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;background:rgba(4,8,16,.82);pointer-events:auto;padding:24px}" + "#vl-over.on{display:flex}" + "#vl-over .big{font-size:34px;font-weight:800}" + "#vl-over .sub{font-size:16px;color:#bcd0e6}" + ".vl-btn{border:0;border-radius:13px;padding:14px 40px;font-size:18px;font-weight:800;cursor:pointer;background:#34e3c0;color:#06121a;box-shadow:0 10px 28px rgba(52,227,192,.32)}" + ".vl-btn:active{transform:scale(.97)}" + "#vl-combo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:800;color:#ffd166;text-shadow:0 3px 14px rgba(0,0,0,.6);opacity:0}" + "#vl-hint{position:absolute;bottom:118px;left:50%;transform:translateX(-50%);background:rgba(8,14,26,.7);border:1px solid rgba(120,200,230,.2);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;color:#bcd0e6;pointer-events:none}" + // On-screen d-pad: a reliable control that works on touch AND mouse, so the // player can always steer Volt even if swipe/keyboard aren't available. "#vl-dpad{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:168px;height:168px;pointer-events:none;touch-action:none;z-index:5}" + ".vl-dpad-btn{position:absolute;width:56px;height:56px;border:1px solid rgba(120,200,230,.3);border-radius:14px;background:rgba(8,14,26,.6);color:#eaf4ff;font-size:24px;font-weight:800;line-height:54px;text-align:center;pointer-events:auto;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 14px rgba(0,0,0,.35)}" + ".vl-dpad-btn:active{background:#34e3c0;color:#06121a}" + "#vl-dpad-up{left:56px;top:0}#vl-dpad-down{left:56px;top:112px}#vl-dpad-left{left:0;top:56px}#vl-dpad-right{left:112px;top:56px}"; document.head.appendChild(css); var ui = document.createElement("div"); ui.id = "vl-ui"; ui.innerHTML = "

" + "

Score 0

" + "

Sector 1

" + "

Volts

" + "

Best 0

" + "

" + "" + "

Swipe, tap the pad, or use arrow keys / WASD to steer Volt

" + "

▲

" + "

◀

" + "

▶

" + "

▼

" + "

Powered Down

"; root.appendChild(ui); function $(id: string): HTMLElement { return document.getElementById(id) as HTMLElement; } var elScore = $("vl-score").querySelector("span") as HTMLElement; var elHi = $("vl-hi").querySelector("span") as HTMLElement; var elLevel = $("vl-level"), elLifeRow = $("vl-life-row"), elPass = $("vl-pass"); var elBanner = $("vl-banner"), elCombo = $("vl-combo"), elHint = $("vl-hint"), elOver = $("vl-over"); var HISCORE_KEY = "mcpity:voltling:hi"; var hiScore = 0; try { hiScore = parseInt(localStorage.getItem(HISCORE_KEY) || "0", 10) || 0; } catch (_e) {} elHi.textContent = String(hiScore); function renderLives() { elLifeRow.innerHTML = ""; for (var i = 0; i < lives; i++) { var d = document.createElement("span"); d.className = "vl-life"; elLifeRow.appendChild(d); } } function updatePassChip() { if (hasPass()) { elPass.classList.add("on"); elPass.textContent = "Season Pass active - premium maze packs (Neon Reef, Molten Core) + a Gold Volt skin unlocked."; } else { elPass.classList.add("on"); elPass.textContent = "Free to play. Season Pass adds premium maze packs + a Gold Volt skin (cosmetic)."; } } var bannerTimer: any = null; function banner(big: string, sub: string, hold: number) { (elBanner.querySelector(".big") as HTMLElement).textContent = big; (elBanner.querySelector(".sub") as HTMLElement).textContent = sub; elBanner.classList.add("show"); if (bannerTimer) clearTimeout(bannerTimer); if (hold > 0) bannerTimer = setTimeout(function () { elBanner.classList.remove("show"); }, hold); } function hideBanner() { elBanner.classList.remove("show"); } function comboPop(text: string, x: number, y: number) { elCombo.textContent = text; elCombo.style.left = x + "px"; elCombo.style.top = y + "px"; elCombo.style.transition = "none"; elCombo.style.opacity = "1"; elCombo.style.transform = "translate(-50%,-50%) scale(1.15)"; requestAnimationFrame(function () { elCombo.style.transition = "opacity .7s, transform .7s"; elCombo.style.opacity = "0"; elCombo.style.transform = "translate(-50%,-140%) scale(1)"; }); } // ═══════════════════════════════════════════════════════════════════════════ // ═══ STATE ═══ score / lives / level + phase machine. // ═══════════════════════════════════════════════════════════════════════════ var score = 0, lives = 3, level = 1; var orbsLeft = 0; // inert test affordances (off by default; only a headless harness ever sets them). var DBG_noDrones = false, DBG_invincible = false; var phase: "ready" | "play" | "dying" | "levelclear" | "over" = "ready"; var levelTime = 0; // seconds since sector (re)start var frightTime = 0; // seconds of overcharge remaining var frightDur = 7; // scales down with level var comboCount = 0; // drones caught this overcharge var bonus: { r: number; c: number; mesh: THREE.Object3D; kind: number; ttl: number } | null = null; var bonusTimer = 0; var shakeT = 0, shakeMag = 0; var camBaseY = camera.position.y, camBaseZ = camera.position.z; var BONUS_DEFS = [ { name: "Cog", color: 0xbfe3ff, pts: 100 }, { name: "Battery", color: 0x9be86a, pts: 200 }, { name: "Chip", color: 0xffb454, pts: 400 }, { name: "Data-Gem", color: 0xff5ea8, pts: 800 }, ]; function addScore(n: number) { score += n; elScore.textContent = String(score); if (score > hiScore) { hiScore = score; elHi.textContent = String(hiScore); try { localStorage.setItem(HISCORE_KEY, String(hiScore)); } catch (_e) {} } } function startLevel(fresh: boolean) { var theme = themeForLevel(level); ambient.intensity = theme.id === "molten" ? 0.55 : 0.7; maze = buildMaze(0x9e3779b9 ^ (level * 2654435761)); buildMazeMeshes(theme); makeVolt(); makeDrones(); fieldFrom(maze.dock.r, maze.dock.c, dockField); // static home field for eaten drones orbsLeft = 0; for (var i = 0; i < orbTiles.length; i++) if (!orbTiles[i].taken) orbsLeft++; levelTime = 0; frightTime = 0; comboCount = 0; frightDur = Math.max(3, 7 - (level - 1) * 0.6); bonusTimer = 6 + Math.random() * 4; clearBonus(); elLevel.textContent = "Sector " + level; renderLives(); updatePassChip(); phase = "ready"; banner(fresh ? "Voltling" : "Sector " + level, "Grab every spark. Get ready...", 0); setTimeout(function () { if (phase === "ready") { phase = "play"; hideBanner(); } }, fresh ? 1200 : 1000); } function resetPositions() { // after losing a life: put Volt + drones back at spawns, keep the maze/orbs. scene.remove(volt.mesh); disposeObj(volt.mesh); for (var i = 0; i < drones.length; i++) { scene.remove(drones[i].mesh); disposeObj(drones[i].mesh); } makeVolt(); makeDrones(); levelTime = 0; frightTime = 0; comboCount = 0; clearBonus(); bonusTimer = 6 + Math.random() * 4; phase = "ready"; banner("Careful!", "Volts left: " + lives, 0); setTimeout(function () { if (phase === "ready") { phase = "play"; hideBanner(); } }, 900); } function disposeObj(o: THREE.Object3D) { o.traverse(function (ch: any) { if (ch.geometry && ch.geometry.dispose) ch.geometry.dispose(); if (ch.material) { if (Array.isArray(ch.material)) ch.material.forEach(function (m: any) { m.dispose && m.dispose(); }); else ch.material.dispose && ch.material.dispose(); } }); } function clearBonus() { if (bonus) { scene.remove(bonus.mesh); disposeObj(bonus.mesh); bonus = null; } } function spawnBonus() { if (bonus) return; // choose a random reachable corridor tile roughly central. var candidates: { r: number; c: number }[] = []; for (var i = 0; i < orbTiles.length; i++) { var t = orbTiles[i]; if (Math.abs(t.r - MIDR) <= 5) candidates.push({ r: t.r, c: t.c }); } if (!candidates.length) return; var pick = candidates[(Math.random() * candidates.length) | 0]; var kind = Math.min(BONUS_DEFS.length - 1, ((level - 1) / 2) | 0); var def = BONUS_DEFS[kind]; var g = new THREE.Group(); var shape: THREE.Mesh; if (kind === 0) { shape = new THREE.Mesh(new THREE.TorusGeometry(TS * 0.16, TS * 0.06, 6, 12), matStd(def.color, 0.4, 0.6, def.color, 0.6)); } else if (kind === 1) { shape = new THREE.Mesh(new THREE.CylinderGeometry(TS * 0.12, TS * 0.12, TS * 0.3, 10), matStd(def.color, 0.4, 0.4, def.color, 0.6)); } else if (kind === 2) { shape = new THREE.Mesh(new THREE.BoxGeometry(TS * 0.28, TS * 0.08, TS * 0.28), matStd(def.color, 0.5, 0.3, def.color, 0.6)); } else { shape = new THREE.Mesh(new THREE.OctahedronGeometry(TS * 0.2, 0), matStd(def.color, 0.2, 0.5, def.color, 0.9)); } shape.position.y = TS * 0.24; if (HIGH_QUALITY) shape.castShadow = true; g.add(shape); g.position.set(wx(pick.c), 0, wz(pick.r)); scene.add(g); bonus = { r: pick.r, c: pick.c, mesh: g, kind: kind, ttl: 8.5 }; } // ═══════════════════════════════════════════════════════════════════════════ // ═══ INPUT ═══ desktop arrows/WASD + mobile swipe. Buffered desired direction. // ═══════════════════════════════════════════════════════════════════════════ var wantDir: Dir | null = null; function keyDir(e: KeyboardEvent): Dir | null { var k = (e.key || "").toLowerCase(); if (k === "arrowup" || k === "w") return { dr: -1, dc: 0 }; if (k === "arrowdown" || k === "s") return { dr: 1, dc: 0 }; if (k === "arrowleft" || k === "a") return { dr: 0, dc: -1 }; if (k === "arrowright" || k === "d") return { dr: 0, dc: 1 }; return null; } function steer(d: Dir | null) { if (!d) return; wantDir = d; hideHint(); applyReverse(); } function onKeyDown(e: KeyboardEvent) { var d = keyDir(e); if (d) { e.preventDefault(); steer(d); } } window.addEventListener("keydown", onKeyDown); // on-screen d-pad: reliable mobile fallback. Each button steers on // pointer/touch start; preventDefault stops the tap from scrolling/zooming. var DPAD_DIRS: { [id: string]: Dir } = { "vl-dpad-up": { dr: -1, dc: 0 }, "vl-dpad-down": { dr: 1, dc: 0 }, "vl-dpad-left": { dr: 0, dc: -1 }, "vl-dpad-right": { dr: 0, dc: 1 }, }; function bindDpad(id: string) { var el = document.getElementById(id); if (!el) return; var dir = DPAD_DIRS[id]; var press = function (e: Event) { if (e.cancelable) e.preventDefault(); steer({ dr: dir.dr, dc: dir.dc }); }; el.addEventListener("touchstart", press, { passive: false } as any); el.addEventListener("pointerdown", press); el.addEventListener("mousedown", press); } bindDpad("vl-dpad-up"); bindDpad("vl-dpad-down"); bindDpad("vl-dpad-left"); bindDpad("vl-dpad-right"); // swipe (also drag on desktop): steer by dominant axis. var swStartX = 0, swStartY = 0, swId = -1, swActive = false; function swipeStart(x: number, y: number, id: number) { swStartX = x; swStartY = y; swId = id; swActive = true; } function swipeMove(x: number, y: number) { if (!swActive) return; var dx = x - swStartX, dy = y - swStartY; var TH = 22; if (Math.abs(dx) < TH && Math.abs(dy) < TH) return; if (Math.abs(dx) > Math.abs(dy)) steer({ dr: 0, dc: dx > 0 ? 1 : -1 }); else steer({ dr: dy > 0 ? 1 : -1, dc: 0 }); swStartX = x; swStartY = y; // continuous re-steer } canvas.addEventListener("pointerdown", function (e: any) { swipeStart(e.clientX, e.clientY, e.pointerId); try { canvas.setPointerCapture(e.pointerId); } catch (_x) {} }); canvas.addEventListener("pointermove", function (e: any) { if (e.pointerId === swId) swipeMove(e.clientX, e.clientY); }); canvas.addEventListener("pointerup", function () { swActive = false; swId = -1; }); canvas.addEventListener("pointercancel", function () { swActive = false; swId = -1; }); canvas.addEventListener("touchstart", function (e: any) { if (e.cancelable) e.preventDefault(); }, { passive: false }); // instant reverse: if the desired direction is the opposite of the current one, // flip immediately mid-corridor for responsive Pac-Man-style control. function applyReverse() { if (!wantDir || phase !== "play") return; if (volt.moving && opp(wantDir, volt.dir)) { var nr = volt.tr, nc = volt.tc; volt.tr = volt.cr; volt.tc = volt.cc; volt.cr = nr; volt.cc = nc; volt.dir = { dr: wantDir.dr, dc: wantDir.dc }; volt.progress = 1 - volt.progress; wantDir = null; } } // ═══════════════════════════════════════════════════════════════════════════ // ═══ AI ═══ per-drone direction choice at intersections. // ═══════════════════════════════════════════════════════════════════════════ function openDirs(r: number, c: number, forEnemy: boolean): Dir[] { var out: Dir[] = []; for (var i = 0; i < DIRS.length; i++) { var nr = r + DIRS[i].dr, nc = c + DIRS[i].dc; if (forEnemy ? passEnemy(nr, nc) : passHero(nr, nc)) out.push(DIRS[i]); } return out; } function tileDist(ar: number, ac: number, br: number, bc: number): number { var dr = ar - br, dc = ac - bc; return dr * dr + dc * dc; } // ── BFS distance fields ────────────────────────────────────────────────────── // A "field" is an R×C grid of shortest hop-counts to a target over enemy-passable // tiles (Infinity = wall/unreachable). A drone chases by stepping to the neighbor // with the LOWEST field value (descend the gradient) and flees by stepping to the // HIGHEST. This actually converges through a maze, unlike greedy next-tile. function allocField(): number[][] { var f: number[][] = []; for (var r = 0; r < R; r++) { var row: number[] = []; for (var c = 0; c < C; c++) row.push(Infinity); f.push(row); } return f; } var voltField = allocField(); var ambushField = allocField(); var dockField = allocField(); // reusable BFS queue (flat r*C+c indices) to avoid per-frame allocation. var bfsQueue: number[] = []; function fieldFrom(tr: number, tc: number, buf: number[][]) { for (var r = 0; r < R; r++) for (var c = 0; c < C; c++) buf[r][c] = Infinity; if (!passEnemy(tr, tc)) return; buf[tr][tc] = 0; bfsQueue.length = 0; bfsQueue.push(tr * C + tc); var head = 0; while (head < bfsQueue.length) { var cell = bfsQueue[head++]; var cr = (cell / C) | 0, cc = cell % C; var d = buf[cr][cc] + 1; for (var i = 0; i < DIRS.length; i++) { var nr = cr + DIRS[i].dr, nc = cc + DIRS[i].dc; if (passEnemy(nr, nc) && buf[nr][nc] === Infinity) { buf[nr][nc] = d; bfsQueue.push(nr * C + nc); } } } } // Ambush target: ~4 tiles ahead of Volt along its facing, backed off to a real tile. function computeChaseFields() { fieldFrom(volt.cr, volt.cc, voltField); var ar = volt.cr, ac = volt.cc; for (var lead = 4; lead >= 0; lead--) { var tr = volt.cr + volt.dir.dr * lead, tc = volt.cc + volt.dir.dc * lead; if (passEnemy(tr, tc)) { ar = tr; ac = tc; break; } } fieldFrom(ar, ac, ambushField); } // Step toward the min (chase) or max (flee) field value. Drones prefer not to // reverse (Pac-Man style), but they WILL turn around when no forward move makes // progress, else a chaser that overshoots a stationary target flees forever. function bestDir(dirs: Dir[], e: Ent, fld: number[][], maximize: boolean): { d: Dir | null; score: number } { var best: Dir | null = null, bestScore = maximize ? -1 : Infinity; for (var i = 0; i < dirs.length; i++) { var nr = e.cr + dirs[i].dr, nc = e.cc + dirs[i].dc; var v = fld[nr][nc]; if (!isFinite(v)) continue; if (best === null || (maximize && v > bestScore) || (!maximize && v < bestScore)) { bestScore = v; best = dirs[i]; } } return { d: best, score: bestScore }; } function descend(e: Ent, fld: number[][], maximize: boolean) { var opts = openDirs(e.cr, e.cc, true); var here = fld[e.cr][e.cc]; var noRev = opts.filter(function (d) { return !opp(d, e.dir); }); var fwd = bestDir(noRev.length ? noRev : opts, e, fld, maximize); // If no forward option improves on the current tile, consider reversing. var stuck = fwd.d === null || (isFinite(here) && (maximize ? fwd.score <= here : fwd.score >= here)); if (stuck && noRev.length && noRev.length < opts.length) { var all = bestDir(opts, e, fld, maximize); if (all.d && (maximize ? all.score > fwd.score : all.score < fwd.score)) { e.dir = all.d; return; } } if (fwd.d) e.dir = fwd.d; } function chooseRandom(e: Ent) { var opts = openDirs(e.cr, e.cc, true); var noRev = opts.filter(function (d) { return !opp(d, e.dir); }); if (noRev.length) opts = noRev; e.dir = opts[(Math.random() * opts.length) | 0] || e.dir; } function droneDecide(e: Ent) { if (e.mode === "dock") { // scripted exit: head straight up through the gate until clear of the dock. if (e.cr > maze.gate.r) { e.dir = { dr: -1, dc: 0 }; if (e.cc !== maze.dock.c) e.dir = { dr: 0, dc: e.cc < maze.dock.c ? 1 : -1 }; } if (e.cr <= maze.gate.r - 1) { e.mode = "chase"; } return; } if (e.mode === "eaten") { descend(e, dockField, false); return; } if (e.mode === "fright") { // flee up the Volt gradient (away from Volt) so Volt can corner them; a little noise. if (Math.random() < 0.2) chooseRandom(e); else descend(e, voltField, true); return; } // chase brains: if (e.personality === "direct") { descend(e, voltField, false); } else if (e.personality === "ambush") { descend(e, ambushField, false); } else { // wanderer: mostly random, but locks onto the Volt gradient when close. if (isFinite(voltField[e.cr][e.cc]) && voltField[e.cr][e.cc] < 7 && Math.random() < 0.6) descend(e, voltField, false); else chooseRandom(e); } } // ═══════════════════════════════════════════════════════════════════════════ // ═══ STEP ═══ advance an entity along the grid; return true on tile arrival. // ═══════════════════════════════════════════════════════════════════════════ function stepEntity(e: Ent, dt: number, forEnemy: boolean): boolean { var arrived = false; if (!e.moving) { // idle at a tile: try to (re)start in the current direction. if (e.dir.dr !== 0 || e.dir.dc !== 0) { var okStart = forEnemy ? passEnemy(e.cr + e.dir.dr, e.cc + e.dir.dc) : passHero(e.cr + e.dir.dr, e.cc + e.dir.dc); if (okStart) { e.tr = e.cr + e.dir.dr; e.tc = e.cc + e.dir.dc; e.moving = true; e.progress = 0; } } if (!e.moving) return false; } e.progress += e.speed * dt; while (e.progress >= 1) { e.progress -= 1; e.cr = e.tr; e.cc = e.tc; arrived = true; // decide next direction at the intersection. if (forEnemy) { droneDecide(e); } else { // hero: prefer buffered wanted dir, else keep going, else stop. if (wantDir && passHero(e.cr + wantDir.dr, e.cc + wantDir.dc)) { e.dir = { dr: wantDir.dr, dc: wantDir.dc }; wantDir = null; } } var nr = e.cr + e.dir.dr, nc = e.cc + e.dir.dc; var open = forEnemy ? passEnemy(nr, nc) : passHero(nr, nc); if (open) { e.tr = nr; e.tc = nc; } else { e.moving = false; e.progress = 0; e.tr = e.cr; e.tc = e.cc; break; } } placeEnt(e); return arrived; } // ═══════════════════════════════════════════════════════════════════════════ // ═══ PICKUPS ═══ orb / core / bonus collection tied to Volt's current tile. // ═══════════════════════════════════════════════════════════════════════════ var zeroMtx = new THREE.Matrix4().makeScale(0, 0, 0); function collectAtVolt() { var key = volt.cr + "," + volt.cc; // orb if (orbKey.hasOwnProperty(key)) { var oi = orbKey[key]; var t = orbTiles[oi]; if (!t.taken) { t.taken = true; orbsLeft--; if (orbInst) { orbInst.setMatrixAt(oi, zeroMtx); orbInst.instanceMatrix.needsUpdate = true; } addScore(10); beep("orb"); burst(volt.mesh.position.x, TS * 0.2, volt.mesh.position.z, 0xffcf5a, 4, 1.4); if (orbsLeft <= 0) levelClear(); } } // overcharge core for (var i = 0; i < coreMeshes.length; i++) { var cm = coreMeshes[i]; if (cm.taken || cm.r !== volt.cr || cm.c !== volt.cc) continue; cm.taken = true; cm.mesh.visible = false; addScore(50); beep("power"); burst(volt.mesh.position.x, TS * 0.3, volt.mesh.position.z, 0x67f0ff, 16, 2.6); startFright(); } // bonus salvage if (bonus && bonus.r === volt.cr && bonus.c === volt.cc) { var def = BONUS_DEFS[bonus.kind]; addScore(def.pts); beep("bonus"); burst(bonus.mesh.position.x, TS * 0.3, bonus.mesh.position.z, def.color, 18, 2.4); var sp = worldToScreen(bonus.mesh.position); comboPop("+" + def.pts + " " + def.name, sp.x, sp.y); clearBonus(); } } function startFright() { frightTime = frightDur; comboCount = 0; for (var i = 0; i < drones.length; i++) { var d = drones[i]; if (d.mode === "chase") { d.mode = "fright"; d.dir = { dr: -d.dir.dr, dc: -d.dir.dc }; } } } function endFright() { frightTime = 0; for (var i = 0; i < drones.length; i++) if (drones[i].mode === "fright") drones[i].mode = "chase"; } function worldToScreen(v: THREE.Vector3): { x: number; y: number } { var p = v.clone().project(camera); var w = root.clientWidth || window.innerWidth, h = root.clientHeight || window.innerHeight; return { x: (p.x * 0.5 + 0.5) * w, y: (-p.y * 0.5 + 0.5) * h }; } // ═══════════════════════════════════════════════════════════════════════════ // ═══ COLLISION ═══ Volt vs drones: eat (fright) or lose a life. // ═══════════════════════════════════════════════════════════════════════════ function checkDrones() { if (DBG_invincible || DBG_noDrones) return; for (var i = 0; i < drones.length; i++) { var d = drones[i]; if (d.mode === "eaten" || d.mode === "dock") continue; var dist = tileDist(d.cr, d.cc, volt.cr, volt.cc); var worldClose = d.mesh.position.distanceTo(volt.mesh.position) < TS * 0.7; if (dist === 0 || worldClose) { if (d.mode === "fright") { // eat the drone: combo bonus, send it home. comboCount++; var pts = 200 * Math.pow(2, Math.min(comboCount - 1, 3)); // 200/400/800/1600 addScore(pts); beep("catch"); burst(d.mesh.position.x, TS * 0.4, d.mesh.position.z, 0x67f0ff, 20, 3); var sp = worldToScreen(d.mesh.position); comboPop("+" + pts, sp.x, sp.y); d.mode = "eaten"; d.speed = 8.5; cameraKick(0.18); } else { loseLife(); return; } } } } function loseLife() { phase = "dying"; lives--; renderLives(); beep("death"); burst(volt.mesh.position.x, TS * 0.4, volt.mesh.position.z, 0xff9f43, 24, 2.6); cameraKick(0.35); hideBanner(); setTimeout(function () { if (lives <= 0) { gameOver(); } else { resetPositions(); } }, 950); } function levelClear() { phase = "levelclear"; beep("level"); banner("Sector Cleared!", "Powering up the next grid...", 0); cameraKick(0.12); setTimeout(function () { level++; startLevel(false); }, 1500); } function gameOver() { phase = "over"; $("vl-over-t").textContent = "Powered Down"; $("vl-over-s").textContent = "Score " + score + (score >= hiScore ? " - new best!" : " - best " + hiScore); elOver.classList.add("on"); } $("vl-over-btn").addEventListener("click", function () { elOver.classList.remove("on"); score = 0; elScore.textContent = "0"; lives = 3; level = 1; startLevel(true); }); function cameraKick(mag: number) { shakeT = 0.35; shakeMag = mag; } // ═══════════════════════════════════════════════════════════════════════════ // ═══ LOOP ═══ update entities, pickups, drones, particles, camera; render. // ═══════════════════════════════════════════════════════════════════════════ var clock = new THREE.Clock(); var running = true; var rafId = 0; var bob = 0; function tick() { if (!running) return; var dt = Math.min(0.05, clock.getDelta()); bob += dt; // idle-attract spin before the player presses Play. if (!W.__mcpityStarted) { mazeGroup.rotation.y = Math.sin(bob * 0.2) * 0.05; renderer.render(scene, camera); rafId = requestAnimationFrame(tick); return; } mazeGroup.rotation.y = 0; if (phase === "play") { levelTime += dt; // fright timer if (frightTime > 0) { frightTime -= dt; if (frightTime <= 0) endFright(); } // Volt var vspeed = 4.7 + (level - 1) * 0.12; volt.speed = vspeed; // start Volt moving if idle and a direction is buffered if (!volt.moving && wantDir) { if (passHero(volt.cr + wantDir.dr, volt.cc + wantDir.dc)) { volt.dir = { dr: wantDir.dr, dc: wantDir.dc }; wantDir = null; } } stepEntity(volt, dt, false); collectAtVolt(); // drones computeChaseFields(); // refresh BFS gradients from Volt's current tile each frame for (var i = 0; DBG_noDrones ? false : i < drones.length; i++) { var d = drones[i]; // release from dock if (d.mode === "dock" && d.releaseAt !== undefined && levelTime >= d.releaseAt) { // once its timer is up, the scripted exit in droneDecide takes over. } var baseSpeed = 3.9 + (level - 1) * 0.18; if (d.mode === "fright") d.speed = Math.max(2.2, baseSpeed * 0.55); else if (d.mode === "eaten") d.speed = 8.5; else if (d.mode === "dock") d.speed = (d.releaseAt !== undefined && levelTime >= d.releaseAt) ? baseSpeed : 0.0001; else d.speed = baseSpeed; // ensure a docked+released drone starts heading for the gate if (d.mode === "dock" && d.releaseAt !== undefined && levelTime >= d.releaseAt && !d.moving) { droneDecide(d); } stepEntity(d, dt, true); // eaten drones re-home at the dock if (d.mode === "eaten" && d.cr === maze.dock.r && Math.abs(d.cc - maze.dock.c) <= 1 && !d.moving) { d.mode = "dock"; d.releaseAt = levelTime + 1.4; d.dir = { dr: -1, dc: 0 }; } } checkDrones(); // bonus lifecycle bonusTimer -= dt; if (!bonus && bonusTimer <= 0) { spawnBonus(); } if (bonus) { bonus.ttl -= dt; bonus.mesh.rotation.y += dt * 1.6; bonus.mesh.position.y = Math.sin(bob * 3) * 0.05; if (bonus.ttl <= 0) { clearBonus(); bonusTimer = 7 + Math.random() * 5; } } } // visual flourishes (all phases): orb shimmer, core pulse, drone look. if (orbInst) orbInst.rotation.y += dt * 0.6; for (var ci = 0; ci < coreMeshes.length; ci++) { var cm = coreMeshes[ci]; if (cm.taken) continue; cm.mesh.rotation.y += dt * 1.8; cm.mesh.rotation.x += dt * 1.1; var s = 1 + Math.sin(bob * 5 + ci) * 0.14; cm.mesh.scale.setScalar(s); } // Volt facing + bounce if (volt) { if (volt.dir.dr !== 0 || volt.dir.dc !== 0) { var ang = Math.atan2(volt.dir.dc, -volt.dir.dr); volt.mesh.rotation.y = ang; } volt.mesh.position.y = Math.abs(Math.sin(bob * 9)) * 0.06 * (volt.moving ? 1 : 0.2); var vb: any = volt.mesh.userData && volt.mesh.userData.bulb; if (vb && vb.material) vb.material.emissiveIntensity = frightTime > 0 ? (1 + Math.sin(bob * 14) * 0.6) : 1.2; } // drone look: color by mode + hover bob + face heading for (var di = 0; di < drones.length; di++) { var dd = drones[di]; dd.mesh.position.y = Math.sin(bob * 4 + di) * 0.06 + 0.02; if (dd.dir.dr !== 0 || dd.dir.dc !== 0) dd.mesh.rotation.y = Math.atan2(dd.dir.dc, -dd.dir.dr); var coreM: any = dd.mesh.userData && dd.mesh.userData.core; var eyeM: any = dd.mesh.userData && dd.mesh.userData.eye; if (coreM && coreM.material && coreM.material.color) { if (dd.mode === "fright") { var flash = frightTime < 2 && Math.floor(bob * 6) % 2 === 0; coreM.material.color.setHex(flash ? 0xffffff : 0x2246d6); if (coreM.material.emissive) coreM.material.emissive.setHex(flash ? 0xffffff : 0x1830a0); } else if (dd.mode === "eaten") { coreM.material.color.setHex(0x24304a); if (coreM.material.emissive) coreM.material.emissive.setHex(0x101828); } else { coreM.material.color.setHex(dd.mesh.userData.baseColor); if (coreM.material.emissive) coreM.material.emissive.setHex(dd.mesh.userData.baseColor); } } if (eyeM) eyeM.visible = dd.mode !== "fright"; } updateParticles(dt); // camera shake / kick if (shakeT > 0) { shakeT -= dt; var k = Math.max(0, shakeT / 0.35) * shakeMag; camera.position.x = Math.sin(bob * 60) * k; camera.position.y = camBaseY + Math.cos(bob * 55) * k * 0.6; } else { camera.position.x = 0; camera.position.y = camBaseY; } renderer.render(scene, camera); rafId = requestAnimationFrame(tick); } // ═══════════════════════════════════════════════════════════════════════════ // ═══ START ═══ hide the swipe hint once the player moves; kick off on Play. // ═══════════════════════════════════════════════════════════════════════════ var hintHidden = false; function hideHint() { if (!hintHidden) { hintHidden = true; elHint.style.opacity = "0"; } } canvas.addEventListener("pointerdown", hideHint); var gameBegun = false; function beginGame() { if (gameBegun) return; gameBegun = true; camBaseY = camera.position.y; camBaseZ = camera.position.z; score = 0; lives = 3; level = 1; startLevel(true); } // build a static attract-mode maze so the title screen has something behind it. maze = buildMaze(0x1234abcd); buildMazeMeshes(themeForLevel(1)); makeVolt(); makeDrones(); updatePassChip(); if (W.MCPityShell && typeof W.MCPityShell.onStart === "function") { W.MCPityShell.onStart(function () { beginGame(); }); } else { window.addEventListener("mcpity:game-new", function () { beginGame(); }); } // if the player already pressed Play before this module registered, catch up. if (W.__mcpityStarted) { beginGame(); } try { ENT.on("change", function () { updatePassChip(); }); } catch (_e) {} clock.start(); requestAnimationFrame(tick); // inert debug/test surface (read state + scripted steering for a headless // playtest harness). No effect on normal play; nothing calls it in-game. (window as any).__voltling = { read: function () { return { phase: phase, score: score, lives: lives, level: level, orbsLeft: orbsLeft, frightTime: frightTime, comboCount: comboCount, started: !!W.__mcpityStarted, volt: volt ? { cr: volt.cr, cc: volt.cc, dir: { dr: volt.dir.dr, dc: volt.dir.dc }, moving: volt.moving } : null, drones: drones.map(function (d) { return { p: d.personality, mode: d.mode, cr: d.cr, cc: d.cc }; }), cores: coreMeshes.map(function (c) { return { r: c.r, c: c.c, taken: c.taken }; }), grid: maze ? maze.g.map(function (row) { return row.join(""); }) : null, start: maze ? maze.start : null, dock: maze ? maze.dock : null, gate: maze ? maze.gate : null, R: R, C: C, }; }, steer: function (dr: number, dc: number) { steer({ dr: dr, dc: dc }); }, setNoDrones: function (v: boolean) { DBG_noDrones = !!v; }, setInvincible: function (v: boolean) { DBG_invincible = !!v; }, restart: function () { try { elOver.classList.remove("on"); } catch (_e) {} score = 0; elScore.textContent = "0"; lives = 3; level = 1; wantDir = null; startLevel(true); }, }; // dispose hook for the harness (tab switch / project change). Registered as // BOTH __mcpity_dispose (the host deletes this after calling it) AND // __voltling_dispose (our own non-deleted handle, read by the top-of-body // self-heal so a raced re-run fully tears down the prior instance). function voltlingDispose() { running = false; try { if (rafId) cancelAnimationFrame(rafId); } catch (_e) {} try { window.removeEventListener("keydown", onKeyDown); } catch (_e) {} try { window.removeEventListener("resize", sizeRenderer); } catch (_e) {} try { if (W.MCPityMusic) W.MCPityMusic.stop(); } catch (_e) {} try { renderer.dispose(); } catch (_e) {} try { if (canvas.parentNode) canvas.parentNode.removeChild(canvas); } catch (_e) {} try { if (ui.parentNode) ui.parentNode.removeChild(ui); } catch (_e) {} try { var pc = document.getElementById("vl-css"); if (pc && pc.parentNode) pc.parentNode.removeChild(pc); } catch (_e) {} try { if ((window as any).__voltling_dispose === voltlingDispose) delete (window as any).__voltling_dispose; } catch (_e) {} } (window as any).__mcpity_dispose = voltlingDispose; (window as any).__voltling_dispose = voltlingDispose;