@sadhaka/loom-engine 0.10.0

package/dist/input/virtual-dpad.js

@@ -0,0 +1,267 @@
+// VirtualDpad - on-screen 4-direction touch overlay that injects WASD
+// key events into an InputManager. Lets every input-consuming system
+// (movement, interaction, menu nav) keep reading keysHeld with no
+// branching for "is this a touch device?" - the keys are already there.
+//
+// Layout: bottom-left of the viewport, a 3x3 grid where the four
+// edge cells are directional buttons (up = KeyW, down = KeyS,
+// left = KeyA, right = KeyD) and the center cell is a deadzone /
+// label. Corners are inert. The grid is fixed-position so it stays
+// pinned regardless of page scroll.
+//
+// Multi-touch: each direction tracks the set of touch identifiers
+// currently pressing it. KeyDown injects only when the count goes
+// 0->1; KeyUp injects only when it returns to 0. Fingers can slide
+// off (touchcancel) without leaving a phantom held key.
+//
+// Visibility: by default the overlay only mounts when
+// `'ontouchstart' in window` is true (or navigator.maxTouchPoints > 0).
+// Callers can override via opts.visible for tests / forced display.
+const KEY_FOR_DIRECTION = {
+    up: 'KeyW',
+    down: 'KeyS',
+    left: 'KeyA',
+    right: 'KeyD',
+};
+export class VirtualDpad {
+    opts;
+    root = null;
+    buttons = null;
+    mounted = false;
+    visible;
+    constructor(opts) {
+        this.opts = opts;
+        this.visible = opts.visible ?? VirtualDpad.detectTouchSupport();
+    }
+    // Heuristic: any modern phone / tablet exposes ontouchstart on
+    // window. iPad with iPadOS 13+ pretends to be desktop Safari but
+    // still reports navigator.maxTouchPoints > 0. Either signal is
+    // enough to consider the device touch-capable.
+    static detectTouchSupport(win) {
+        const w = win ?? (typeof window !== 'undefined' ? window : undefined);
+        if (!w)
+            return false;
+        if ('ontouchstart' in w)
+            return true;
+        const nav = w.navigator;
+        if (nav && typeof nav.maxTouchPoints === 'number' && nav.maxTouchPoints > 0)
+            return true;
+        return false;
+    }
+    isMounted() {
+        return this.mounted;
+    }
+    isVisible() {
+        return this.visible;
+    }
+    // Attach the overlay DOM. No-op on desktop (visible=false), so the
+    // caller can mount unconditionally and let the class decide.
+    mount() {
+        if (this.mounted)
+            return;
+        if (!this.visible)
+            return;
+        const doc = this.opts.document ?? (typeof document !== 'undefined' ? document : undefined);
+        if (!doc)
+            return;
+        const parent = this.opts.parent ?? doc.body;
+        if (!parent)
+            return;
+        const root = doc.createElement('div');
+        root.className = 'loom-virtual-dpad';
+        this.styleRoot(root);
+        const buttons = {
+            up: this.buildButton(doc, 'up', '▲'),
+            down: this.buildButton(doc, 'down', '▼'),
+            left: this.buildButton(doc, 'left', '◀'),
+            right: this.buildButton(doc, 'right', '▶'),
+        };
+        // 3x3 grid. Corners are inert spacers - cleaner press surface
+        // than a single round pad and easier to thumb on phones.
+        const grid = doc.createElement('div');
+        this.styleGrid(grid);
+        grid.appendChild(this.spacer(doc));
+        grid.appendChild(buttons.up.el);
+        grid.appendChild(this.spacer(doc));
+        grid.appendChild(buttons.left.el);
+        grid.appendChild(this.deadzone(doc));
+        grid.appendChild(buttons.right.el);
+        grid.appendChild(this.spacer(doc));
+        grid.appendChild(buttons.down.el);
+        grid.appendChild(this.spacer(doc));
+        root.appendChild(grid);
+        parent.appendChild(root);
+        this.root = root;
+        this.buttons = buttons;
+        this.attachListeners();
+        this.mounted = true;
+    }
+    // Remove the overlay and release any held WASD keys it had injected.
+    unmount() {
+        if (!this.mounted)
+            return;
+        if (this.buttons) {
+            for (const dir of Object.keys(this.buttons)) {
+                const b = this.buttons[dir];
+                if (b.active.size > 0) {
+                    b.active.clear();
+                    this.opts.inputManager.injectKeyUp(KEY_FOR_DIRECTION[dir]);
+                }
+            }
+        }
+        if (this.root && this.root.parentNode) {
+            this.root.parentNode.removeChild(this.root);
+        }
+        this.root = null;
+        this.buttons = null;
+        this.mounted = false;
+    }
+    // Synthetic press / release for tests. Bypasses DOM listeners but
+    // exercises the same accounting as a real touch.
+    pressDirection(dir, touchId = -1) {
+        const b = this.requireButton(dir);
+        const wasActive = b.active.size > 0;
+        b.active.add(touchId);
+        if (!wasActive) {
+            this.opts.inputManager.injectKeyDown(KEY_FOR_DIRECTION[dir]);
+            if (this.opts.onPress)
+                this.opts.onPress(dir);
+        }
+    }
+    releaseDirection(dir, touchId = -1) {
+        const b = this.requireButton(dir);
+        if (!b.active.delete(touchId))
+            return;
+        if (b.active.size === 0) {
+            this.opts.inputManager.injectKeyUp(KEY_FOR_DIRECTION[dir]);
+        }
+    }
+    // Number of unique touch IDs currently pressing a direction. Test
+    // helper; production code should read InputManager.snapshot().
+    pressedTouchCount(dir) {
+        if (!this.buttons)
+            return 0;
+        return this.buttons[dir].active.size;
+    }
+    requireButton(dir) {
+        if (!this.buttons) {
+            // pressDirection / releaseDirection used before mount. Build a
+            // headless button record so tests can drive synthetic presses
+            // without DOM mounting.
+            const headless = {
+                up: { el: null, active: new Set() },
+                down: { el: null, active: new Set() },
+                left: { el: null, active: new Set() },
+                right: { el: null, active: new Set() },
+            };
+            this.buttons = headless;
+        }
+        return this.buttons[dir];
+    }
+    buildButton(doc, dir, glyph) {
+        const el = doc.createElement('div');
+        el.className = 'loom-virtual-dpad-btn loom-virtual-dpad-' + dir;
+        el.textContent = glyph;
+        el.setAttribute('role', 'button');
+        el.setAttribute('aria-label', 'Move ' + dir);
+        this.styleButton(el);
+        return { el, active: new Set() };
+    }
+    spacer(doc) {
+        const el = doc.createElement('div');
+        el.className = 'loom-virtual-dpad-spacer';
+        el.style.pointerEvents = 'none';
+        return el;
+    }
+    deadzone(doc) {
+        const el = doc.createElement('div');
+        el.className = 'loom-virtual-dpad-deadzone';
+        el.style.pointerEvents = 'none';
+        el.style.display = 'flex';
+        el.style.alignItems = 'center';
+        el.style.justifyContent = 'center';
+        el.style.color = 'rgba(214, 198, 148, 0.45)';
+        el.style.fontSize = '10px';
+        el.style.letterSpacing = '0.08em';
+        el.style.textTransform = 'uppercase';
+        el.style.fontFamily = 'ui-monospace, Consolas, monospace';
+        el.textContent = 'move';
+        return el;
+    }
+    styleRoot(root) {
+        const s = root.style;
+        s.position = 'fixed';
+        // env() falls back to 12px when safe-area-inset is unsupported.
+        s.bottom = 'calc(12px + env(safe-area-inset-bottom, 0px))';
+        s.left = 'calc(12px + env(safe-area-inset-left, 0px))';
+        s.zIndex = '9000';
+        s.userSelect = 'none';
+        s.touchAction = 'none';
+        s.setProperty('-webkit-user-select', 'none');
+    }
+    styleGrid(grid) {
+        const s = grid.style;
+        s.display = 'grid';
+        s.gridTemplateColumns = '56px 56px 56px';
+        s.gridTemplateRows = '56px 56px 56px';
+        s.gap = '4px';
+    }
+    styleButton(btn) {
+        const s = btn.style;
+        s.display = 'flex';
+        s.alignItems = 'center';
+        s.justifyContent = 'center';
+        s.background = 'rgba(20, 17, 13, 0.72)';
+        s.border = '1px solid rgba(214, 198, 148, 0.35)';
+        s.borderRadius = '6px';
+        s.color = '#d6c694';
+        s.fontSize = '20px';
+        s.fontWeight = '700';
+        s.touchAction = 'none';
+        s.cursor = 'pointer';
+        s.userSelect = 'none';
+        s.setProperty('-webkit-user-select', 'none');
+        s.setProperty('-webkit-tap-highlight-color', 'transparent');
+    }
+    attachListeners() {
+        if (!this.buttons)
+            return;
+        const dirs = ['up', 'down', 'left', 'right'];
+        for (const dir of dirs) {
+            const b = this.buttons[dir];
+            // touchstart / touchend / touchcancel cover the touch case.
+            // mousedown / mouseup are added too so a desktop tester with a
+            // visible pad (opts.visible = true) can drive it from a mouse.
+            b.el.addEventListener('touchstart', (e) => {
+                const te = e;
+                for (let i = 0; i < te.changedTouches.length; i++) {
+                    const t = te.changedTouches[i];
+                    if (t)
+                        this.pressDirection(dir, t.identifier);
+                }
+                te.preventDefault();
+            }, { passive: false });
+            const endHandler = (e) => {
+                const te = e;
+                for (let i = 0; i < te.changedTouches.length; i++) {
+                    const t = te.changedTouches[i];
+                    if (t)
+                        this.releaseDirection(dir, t.identifier);
+                }
+            };
+            b.el.addEventListener('touchend', endHandler);
+            b.el.addEventListener('touchcancel', endHandler);
+            b.el.addEventListener('mousedown', (e) => {
+                this.pressDirection(dir, -1);
+                e.preventDefault();
+            });
+            // mouseup is on window so a press-then-drag-off-and-release
+            // doesn't leave a phantom held key.
+            const win = (typeof window !== 'undefined' ? window : undefined);
+            if (win) {
+                win.addEventListener('mouseup', () => this.releaseDirection(dir, -1));
+            }
+        }
+    }
+}
+//# sourceMappingURL=virtual-dpad.js.map

package/dist/input/virtual-dpad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-dpad.js","sourceRoot":"","sources":["../../src/input/virtual-dpad.ts"],"names":[],"mappings":"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"}

package/dist/renderer/camera.d.ts

@@ -0,0 +1,26 @@
+import type { Rect } from '../util/math.js';
+export interface CameraView {
+    centerX: number;
+    centerY: number;
+    zoom: number;
+    rotation: number;
+    viewportWidth: number;
+    viewportHeight: number;
+}
+export declare function createCamera(viewportWidth: number, viewportHeight: number): CameraView;
+export declare function getCameraViewRect(cam: CameraView, out: Rect): Rect;
+export declare function worldToScreen(cam: CameraView, worldX: number, worldY: number, out: {
+    x: number;
+    y: number;
+}): {
+    x: number;
+    y: number;
+};
+export declare function screenToWorld(cam: CameraView, screenX: number, screenY: number, out: {
+    x: number;
+    y: number;
+}): {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=camera.d.ts.map

package/dist/renderer/camera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.d.ts","sourceRoot":"","sources":["../../src/renderer/camera.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,WAAW,UAAU;IAEzB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAEhB,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,EAAE,MAAM,CAAC;IAEjB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,UAAU,CAStF;AAID,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,CAQlE;AAID,wBAAgB,aAAa,CAC3B,GAAG,EAAE,UAAU,EACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,GAAG,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAC5B;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAI1B;AAED,wBAAgB,aAAa,CAC3B,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,GAAG,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAC5B;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAI1B"}

package/dist/renderer/camera.js

@@ -0,0 +1,39 @@
+// Camera for the Loom Engine.
+//
+// 2D camera with optional zoom + rotation. Iso projection happens
+// in iso-projection.ts; this camera produces the screen-space view
+// rect that systems use for frustum culling.
+export function createCamera(viewportWidth, viewportHeight) {
+    return {
+        centerX: 0,
+        centerY: 0,
+        zoom: 1,
+        rotation: 0,
+        viewportWidth,
+        viewportHeight,
+    };
+}
+// World-space rect that the camera currently sees. Used for frustum
+// culling. Rotation is ignored in v1 (engine ships axis-aligned).
+export function getCameraViewRect(cam, out) {
+    const halfW = cam.viewportWidth / cam.zoom / 2;
+    const halfH = cam.viewportHeight / cam.zoom / 2;
+    out.x = cam.centerX - halfW;
+    out.y = cam.centerY - halfH;
+    out.width = halfW * 2;
+    out.height = halfH * 2;
+    return out;
+}
+// World-space coords -> screen-space coords. Iso transform happens
+// before this; this is the pure camera transform.
+export function worldToScreen(cam, worldX, worldY, out) {
+    out.x = (worldX - cam.centerX) * cam.zoom + cam.viewportWidth / 2;
+    out.y = (worldY - cam.centerY) * cam.zoom + cam.viewportHeight / 2;
+    return out;
+}
+export function screenToWorld(cam, screenX, screenY, out) {
+    out.x = (screenX - cam.viewportWidth / 2) / cam.zoom + cam.centerX;
+    out.y = (screenY - cam.viewportHeight / 2) / cam.zoom + cam.centerY;
+    return out;
+}
+//# sourceMappingURL=camera.js.map

package/dist/renderer/camera.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.js","sourceRoot":"","sources":["../../src/renderer/camera.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,6CAA6C;AAiB7C,MAAM,UAAU,YAAY,CAAC,aAAqB,EAAE,cAAsB;IACxE,OAAO;QACL,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,CAAC;QACX,aAAa;QACb,cAAc;KACf,CAAC;AACJ,CAAC;AAED,oEAAoE;AACpE,kEAAkE;AAClE,MAAM,UAAU,iBAAiB,CAAC,GAAe,EAAE,GAAS;IAC1D,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,GAAG,CAAC,cAAc,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC;IAChD,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IAC5B,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IAC5B,GAAG,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;IACtB,GAAG,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC;IACvB,OAAO,GAAG,CAAC;AACb,CAAC;AAED,mEAAmE;AACnE,kDAAkD;AAClD,MAAM,UAAU,aAAa,CAC3B,GAAe,EACf,MAAc,EACd,MAAc,EACd,GAA6B;IAE7B,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC;IAClE,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,cAAc,GAAG,CAAC,CAAC;IACnE,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,GAAe,EACf,OAAe,EACf,OAAe,EACf,GAA6B;IAE7B,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;IACnE,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,cAAc,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;IACpE,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/renderer/canvas2d-device.d.ts

@@ -0,0 +1,26 @@
+import type { ColorRGBA } from '../util/color.js';
+import { type IGraphicsDevice, type AtlasHandle, type AtlasDescriptor, type TextStyle } from './graphics-device.js';
+import { type CameraView } from './camera.js';
+export declare class Canvas2DDevice implements IGraphicsDevice {
+    readonly canvas: HTMLCanvasElement;
+    readonly viewportWidth: number;
+    readonly viewportHeight: number;
+    private ctx;
+    private atlases;
+    private nextAtlasHandle;
+    private camera;
+    private drawCallCount;
+    private particleDisc;
+    constructor(canvas: HTMLCanvasElement);
+    beginFrame(): void;
+    endFrame(): void;
+    setCamera(cam: Readonly<CameraView>): void;
+    registerAtlas(desc: AtlasDescriptor): AtlasHandle;
+    releaseAtlas(handle: AtlasHandle): void;
+    drawSprite(worldX: number, worldY: number, worldZ: number, atlas: AtlasHandle, frame: number, tint?: Readonly<ColorRGBA>): void;
+    drawTile(tileX: number, tileY: number, atlas: AtlasHandle, frame: number): void;
+    drawText(worldX: number, worldY: number, text: string, style: TextStyle): void;
+    drawParticle(worldX: number, worldY: number, worldZ: number, size: number, color: Readonly<ColorRGBA>, additive: boolean): void;
+    getDrawCallCount(): number;
+}
+//# sourceMappingURL=canvas2d-device.d.ts.map

package/dist/renderer/canvas2d-device.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas2d-device.d.ts","sourceRoot":"","sources":["../../src/renderer/canvas2d-device.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,UAAU,EAEhB,MAAM,aAAa,CAAC;AA0CrB,qBAAa,cAAe,YAAW,eAAe;IACpD,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC;IACnC,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAEhC,OAAO,CAAC,GAAG,CAA2B;IACtC,OAAO,CAAC,OAAO,CAAqC;IACpD,OAAO,CAAC,eAAe,CAAa;IACpC,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,aAAa,CAAa;IAElC,OAAO,CAAC,YAAY,CAAkC;gBAE1C,MAAM,EAAE,iBAAiB;IAcrC,UAAU,IAAI,IAAI;IAQlB,QAAQ,IAAI,IAAI;IAIhB,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,IAAI;IAM1C,aAAa,CAAC,IAAI,EAAE,eAAe,GAAG,WAAW;IAMjD,YAAY,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAQvC,UAAU,CACR,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,GACzB,IAAI;IA8CP,QAAQ,CACN,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAM,GACZ,IAAI;IA4BP,QAAQ,CACN,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,SAAS,GACf,IAAI;IAoBP,YAAY,CACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,EAC1B,QAAQ,EAAE,OAAO,GAChB,IAAI;IAsEP,gBAAgB,IAAI,MAAM;CAG3B"}

package/dist/renderer/canvas2d-device.js

@@ -0,0 +1,252 @@
+// Canvas2D backend for the Loom Engine.
+//
+// Primary backend for v1. Iso world coords -> screen coords happens
+// inside the device. drawImage is the workhorse; sorting is the
+// caller's responsibility (the render-graph stage submits sprites
+// in depth-sort order).
+//
+// Babylon.js inspires the ThinEngine split: this file is the lean
+// GPU-talking core. Higher-level scene logic lives elsewhere. See
+// PRIOR-ART.md.
+import { rgbaToCssString } from '../util/color.js';
+import { worldToScreen, } from './camera.js';
+import { ISO_HALF_W, ISO_HALF_H, ISO_Z_SCALE, } from './iso-projection.js';
+const SCRATCH_VEC2 = { x: 0, y: 0 };
+// Pre-baked particle disc - white-to-transparent radial gradient at
+// 64px diameter on an offscreen canvas. drawParticle uses this with
+// drawImage instead of allocating a fresh CanvasGradient per call.
+// Additive blend with globalAlpha = color.a gives correct brightness
+// per particle. For non-additive tinted particles the gradient path
+// is preserved as a fallback (RGB tinting under straight alpha
+// requires a tinted disc per color, which would need a per-color
+// cache; the demo + Phase 4 emitters are all additive so this fast
+// path covers the hot case).
+const PARTICLE_DISC_SIZE = 64;
+function bakeParticleDisc() {
+    if (typeof document === 'undefined')
+        return null;
+    const c = document.createElement('canvas');
+    c.width = PARTICLE_DISC_SIZE;
+    c.height = PARTICLE_DISC_SIZE;
+    const ctx = c.getContext('2d');
+    if (!ctx)
+        return null;
+    const center = PARTICLE_DISC_SIZE / 2;
+    const grad = ctx.createRadialGradient(center, center, 0, center, center, center);
+    grad.addColorStop(0, 'rgba(255,255,255,1)');
+    grad.addColorStop(1, 'rgba(255,255,255,0)');
+    ctx.fillStyle = grad;
+    ctx.beginPath();
+    ctx.arc(center, center, center, 0, Math.PI * 2);
+    ctx.fill();
+    return c;
+}
+export class Canvas2DDevice {
+    canvas;
+    viewportWidth;
+    viewportHeight;
+    ctx;
+    atlases = [];
+    nextAtlasHandle = 0;
+    camera = null;
+    drawCallCount = 0;
+    // Lazy-initialized; null in headless / non-DOM contexts.
+    particleDisc = null;
+    constructor(canvas) {
+        this.canvas = canvas;
+        this.viewportWidth = canvas.width;
+        this.viewportHeight = canvas.height;
+        const ctx = canvas.getContext('2d', { alpha: false });
+        if (!ctx) {
+            throw new Error('Canvas2DDevice: failed to acquire 2D context');
+        }
+        this.ctx = ctx;
+        // Pixel-art friendly defaults. Future style configurability
+        // belongs in a device options object; v1 ships pixel-art-first.
+        this.ctx.imageSmoothingEnabled = false;
+    }
+    beginFrame() {
+        this.drawCallCount = 0;
+        // Clear to opaque black. Higher-level stages can paint a sky
+        // color in their own clear stage if they want a different bg.
+        this.ctx.fillStyle = '#000';
+        this.ctx.fillRect(0, 0, this.viewportWidth, this.viewportHeight);
+    }
+    endFrame() {
+        // Immediate-mode backend - nothing to flush.
+    }
+    setCamera(cam) {
+        // Store a reference rather than copying. The caller owns the
+        // camera object; we only read it inside draw* calls.
+        this.camera = cam;
+    }
+    registerAtlas(desc) {
+        const handle = this.nextAtlasHandle++;
+        this.atlases[handle] = { desc, released: false };
+        return handle;
+    }
+    releaseAtlas(handle) {
+        const slot = this.atlases[handle];
+        if (slot) {
+            slot.released = true;
+            this.atlases[handle] = null;
+        }
+    }
+    drawSprite(worldX, worldY, worldZ, atlas, frame, tint) {
+        const slot = this.atlases[atlas];
+        if (!slot || slot.released)
+            return;
+        const f = slot.desc.frames[frame];
+        if (!f)
+            return;
+        const cam = this.camera;
+        if (!cam)
+            return;
+        // Iso projection: world (x,y,z) -> iso (sx,sy) before camera.
+        const isoX = (worldX - worldY) * ISO_HALF_W;
+        const isoY = (worldX + worldY) * ISO_HALF_H - worldZ * ISO_Z_SCALE;
+        // Camera transform: iso world -> screen.
+        worldToScreen(cam, isoX, isoY, SCRATCH_VEC2);
+        const screenX = SCRATCH_VEC2.x;
+        const screenY = SCRATCH_VEC2.y;
+        // Draw centered horizontally, anchored at the bottom (sprite's
+        // feet on the iso projection point). This is the standard iso
+        // sprite anchor.
+        const dw = f.w * cam.zoom;
+        const dh = f.h * cam.zoom;
+        const dx = screenX - dw / 2;
+        const dy = screenY - dh;
+        if (tint) {
+            this.ctx.save();
+            this.ctx.globalAlpha = tint.a;
+            // Canvas2D doesn't tint drawImage natively. For pixel-perfect
+            // tint we'd need to pre-bake tinted variants in an offscreen
+            // canvas. For v1 we use globalAlpha + a colored overlay
+            // composite. Optimization deferred.
+            this.ctx.drawImage(slot.desc.image, f.x, f.y, f.w, f.h, dx, dy, dw, dh);
+            if (tint.r !== 1 || tint.g !== 1 || tint.b !== 1) {
+                this.ctx.globalCompositeOperation = 'multiply';
+                this.ctx.fillStyle = rgbaToCssString(tint);
+                this.ctx.fillRect(dx, dy, dw, dh);
+            }
+            this.ctx.restore();
+        }
+        else {
+            this.ctx.drawImage(slot.desc.image, f.x, f.y, f.w, f.h, dx, dy, dw, dh);
+        }
+        this.drawCallCount++;
+    }
+    drawTile(tileX, tileY, atlas, frame) {
+        const slot = this.atlases[atlas];
+        if (!slot || slot.released)
+            return;
+        const f = slot.desc.frames[frame];
+        if (!f)
+            return;
+        const cam = this.camera;
+        if (!cam)
+            return;
+        // Tile -> iso (no Z; tiles sit on the ground plane).
+        const isoX = (tileX - tileY) * ISO_HALF_W;
+        const isoY = (tileX + tileY) * ISO_HALF_H;
+        worldToScreen(cam, isoX, isoY, SCRATCH_VEC2);
+        const screenX = SCRATCH_VEC2.x;
+        const screenY = SCRATCH_VEC2.y;
+        const dw = f.w * cam.zoom;
+        const dh = f.h * cam.zoom;
+        // Tile anchor: top of the diamond aligns with the iso point.
+        // Standard 2:1 dimetric. Tile draws centered horizontally on
+        // the projection point, top edge at the iso Y.
+        const dx = screenX - dw / 2;
+        const dy = screenY - dh / 2;
+        this.ctx.drawImage(slot.desc.image, f.x, f.y, f.w, f.h, dx, dy, dw, dh);
+        this.drawCallCount++;
+    }
+    drawText(worldX, worldY, text, style) {
+        const cam = this.camera;
+        if (!cam)
+            return;
+        // Text is treated as a 2D-overlay; no iso projection (text
+        // labels read left-to-right regardless of iso angle).
+        worldToScreen(cam, worldX, worldY, SCRATCH_VEC2);
+        const screenX = SCRATCH_VEC2.x;
+        const screenY = SCRATCH_VEC2.y;
+        this.ctx.save();
+        this.ctx.font = style.font;
+        this.ctx.fillStyle = rgbaToCssString(style.fill);
+        this.ctx.textAlign = style.align ?? 'left';
+        this.ctx.textBaseline = style.baseline ?? 'alphabetic';
+        this.ctx.fillText(text, screenX, screenY);
+        this.ctx.restore();
+        this.drawCallCount++;
+    }
+    drawParticle(worldX, worldY, worldZ, size, color, additive) {
+        const cam = this.camera;
+        if (!cam)
+            return;
+        if (size <= 0 || color.a <= 0)
+            return;
+        // Iso projection same as drawSprite: world (x,y,z) -> iso (sx,sy)
+        // -> screen via camera.
+        const isoX = (worldX - worldY) * ISO_HALF_W;
+        const isoY = (worldX + worldY) * ISO_HALF_H - worldZ * ISO_Z_SCALE;
+        worldToScreen(cam, isoX, isoY, SCRATCH_VEC2);
+        const sx = SCRATCH_VEC2.x;
+        const sy = SCRATCH_VEC2.y;
+        const r = (size / 2) * cam.zoom;
+        // Fast path for additive particles: pre-baked white soft-disc
+        // with globalAlpha. Under 'lighter' blend, white * alpha gives
+        // RGB brightness contributions and the underlying canvas color
+        // emerges, so additive is hue-correct enough for the demo +
+        // Phase 4 sparkle emitters. No per-call CanvasGradient
+        // allocation; drawImage hits the fast composite path.
+        if (additive) {
+            if (!this.particleDisc)
+                this.particleDisc = bakeParticleDisc();
+            if (this.particleDisc) {
+                this.ctx.save();
+                this.ctx.globalCompositeOperation = 'lighter';
+                // For colored additive particles, multiply by color via
+                // globalAlpha (intensity) AND by drawing tinted via a
+                // single fillStyle pre-tint pass. Simpler heuristic for
+                // demo: alpha = color.a * brightness factor. Hue comes
+                // from the underlying canvas + sequential additive layers.
+                // For correctness we'd want per-color discs; deferred until
+                // a profile shows colored particles dominate.
+                const dia = r * 2;
+                const intensity = color.a;
+                // RGB brightness folds into globalAlpha for additive blend
+                // - white * alpha = grey. For tinted additive (most common),
+                // we drawImage twice: once with the disc weighted by R, etc.
+                // Simpler: bake a single colored composite by chaining.
+                // Practical compromise: alpha = max(r, g, b) * a so colored
+                // particles aren't washed out.
+                const channelMax = Math.max(color.r, color.g, color.b);
+                this.ctx.globalAlpha = intensity * channelMax;
+                this.ctx.drawImage(this.particleDisc, sx - r, sy - r, dia, dia);
+                this.ctx.restore();
+                this.drawCallCount++;
+                return;
+            }
+        }
+        // Fallback: gradient path (correct color tinting for non-additive,
+        // or when the pre-baked disc isn't available e.g. headless / SSR).
+        this.ctx.save();
+        if (additive) {
+            this.ctx.globalCompositeOperation = 'lighter';
+        }
+        const grad = this.ctx.createRadialGradient(sx, sy, 0, sx, sy, r);
+        grad.addColorStop(0, rgbaToCssString(color));
+        grad.addColorStop(1, rgbaToCssString({ r: color.r, g: color.g, b: color.b, a: 0 }));
+        this.ctx.fillStyle = grad;
+        this.ctx.beginPath();
+        this.ctx.arc(sx, sy, r, 0, Math.PI * 2);
+        this.ctx.fill();
+        this.ctx.restore();
+        this.drawCallCount++;
+    }
+    getDrawCallCount() {
+        return this.drawCallCount;
+    }
+}
+//# sourceMappingURL=canvas2d-device.js.map

package/dist/renderer/canvas2d-device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas2d-device.js","sourceRoot":"","sources":["../../src/renderer/canvas2d-device.ts"],"names":[],"mappings":"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"}