like2d 2.7.2 → 2.8.0

package/dist/core/canvas-manager.d.ts

@@ -20,6 +20,13 @@ export declare class CanvasManager {
     dispose(): void;
     present(): void;
     getDisplayCanvas(): HTMLCanvasElement;
-    transformMousePosition(cssX: number, cssY: number): Vector2;
+    /** Canvas to render to. Pixel canvas in pixel mode, display canvas otherwise. */
+    getRenderTarget(): {
+        canvas: HTMLCanvasElement;
+        ctx: CanvasRenderingContext2D;
+    };
+    /** Render target size in pixels. Pixel resolution in pixel mode, scaled size otherwise. */
+    getCanvasSize(): Vector2;
+    transformMousePosition(offsetX: number, offsetY: number): Vector2;
 }
 //# sourceMappingURL=canvas-manager.d.ts.map

package/dist/core/canvas-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas-manager.d.ts","sourceRoot":"","sources":["../../src/core/canvas-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC;AAmB/C,qBAAa,aAAa;IAUtB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,MAAM;IAZhB,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,WAAW,CAAkC;IACrD,OAAO,CAAC,QAAQ,CAAyC;IAEzD,OAAO,CAAC,cAAc,CAA4B;IAE3C,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;gBAGxF,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,WAAW,EACtB,GAAG,EAAE,wBAAwB,EAC7B,MAAM,GAAE,UAAyD;IAW3E,OAAO,CAAC,0BAA0B;IAQlC,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAKtC,OAAO,IAAI,UAAU;IAIrB,OAAO,CAAC,WAAW;IA2BnB,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,eAAe;IAkBvB,OAAO,IAAI,IAAI;IAQf,OAAO,IAAI,IAAI;IAaf,gBAAgB,IAAI,iBAAiB;IAIrC,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO;CAiB5D"}
+{"version":3,"file":"canvas-manager.d.ts","sourceRoot":"","sources":["../../src/core/canvas-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC;AAmB/C,qBAAa,aAAa;IAUtB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,MAAM;IAZhB,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,WAAW,CAAkC;IACrD,OAAO,CAAC,QAAQ,CAAyC;IAEzD,OAAO,CAAC,cAAc,CAA4B;IAE3C,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;gBAGxF,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,WAAW,EACtB,GAAG,EAAE,wBAAwB,EAC7B,MAAM,GAAE,UAAyD;IAW3E,OAAO,CAAC,0BAA0B;IAQlC,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAKtC,OAAO,IAAI,UAAU;IAIrB,OAAO,CAAC,WAAW;IAwBnB,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,eAAe;IAkBvB,OAAO,IAAI,IAAI;IAQf,OAAO,IAAI,IAAI;IAaf,gBAAgB,IAAI,iBAAiB;IAIrC,iFAAiF;IACjF,eAAe,IAAI;QAAE,MAAM,EAAE,iBAAiB,CAAC;QAAC,GAAG,EAAE,wBAAwB,CAAA;KAAE;IAO/E,2FAA2F;IAC3F,aAAa,IAAI,OAAO;IAKxB,sBAAsB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO;CAYlE"}

package/dist/core/canvas-manager.js

@@ -93,7 +93,6 @@ export class CanvasManager {
         const containerSize = document.fullscreenElement
             ? [document.fullscreenElement.clientWidth, document.fullscreenElement.clientHeight]
             : [this.container.clientWidth, this.container.clientHeight];
-        // Always clean up pixel canvas first
         if (this.pixelCanvas) {
             this.pixelCanvas.remove();
             this.pixelCanvas = null;
@@ -105,27 +104,23 @@ export class CanvasManager {
         else {
             this.applyNativeMode(containerSize);
         }
-        const displayCanvas = this.pixelCanvas ?? this.canvas;
-        this.onResize?.(containerSize, [displayCanvas.width, displayCanvas.height], this.config.fullscreen);
+        this.onResize?.(containerSize, [this.canvas.width, this.canvas.height], this.config.fullscreen);
     }
     applyPixelMode(csize) {
         const gameSize = this.config.pixelResolution;
         const pixelRatio = window.devicePixelRatio || 1;
         const scale = Math.min(csize[0] / gameSize[0], csize[1] / gameSize[1]);
         const physicalScale = scale * pixelRatio;
-        const intScale = Math.max(1, Math.floor(physicalScale));
+        const intScale = Math.max(1, Math.round(physicalScale));
         this.pixelCanvas = document.createElement('canvas');
         this.pixelCtx = this.pixelCanvas.getContext('2d');
-        setCanvasSize(this.pixelCanvas, Vec2.mul(gameSize, intScale));
-        setCanvasSize(this.canvas, gameSize);
-        this.canvas.style.display = 'none';
-        const pc = this.pixelCanvas;
-        setCanvasDisplaySize(pc, Vec2.mul(gameSize, scale));
-        pc.style.maxWidth = '100%';
-        pc.style.maxHeight = '100%';
-        pc.style.imageRendering = 'auto';
-        centerElement(pc);
-        this.container.appendChild(pc);
+        setCanvasSize(this.pixelCanvas, gameSize);
+        setCanvasSize(this.canvas, Vec2.mul(gameSize, intScale));
+        setCanvasDisplaySize(this.canvas, Vec2.mul(gameSize, scale));
+        this.canvas.style.maxWidth = '100%';
+        this.canvas.style.maxHeight = '100%';
+        this.canvas.style.imageRendering = 'auto';
+        centerElement(this.canvas);
     }
     applyNativeMode(csize) {
         const pixelRatio = window.devicePixelRatio || 1;
@@ -152,27 +147,33 @@ export class CanvasManager {
         if (!this.pixelCtx || !this.pixelCanvas) {
             return;
         }
-        this.pixelCtx.imageSmoothingEnabled = false;
-        this.pixelCtx.drawImage(this.canvas, 0, 0, this.canvas.width, this.canvas.height, 0, 0, this.pixelCanvas.width, this.pixelCanvas.height);
+        this.ctx.imageSmoothingEnabled = false;
+        this.ctx.drawImage(this.pixelCanvas, 0, 0, this.pixelCanvas.width, this.pixelCanvas.height, 0, 0, this.canvas.width, this.canvas.height);
     }
     getDisplayCanvas() {
-        return this.pixelCanvas ?? this.canvas;
+        return this.canvas;
     }
-    transformMousePosition(cssX, cssY) {
-        const displayCanvas = this.getDisplayCanvas();
-        const rect = displayCanvas.getBoundingClientRect();
-        const relative = [cssX - rect.left, cssY - rect.top];
-        if (this.config.pixelResolution) {
-            // In pixel mode: CSS position (as fraction of CSS size) × game size = game position
-            const gameSize = this.config.pixelResolution;
-            return Vec2.mul(relative, [gameSize[0] / rect.width, gameSize[1] / rect.height]);
+    /** Canvas to render to. Pixel canvas in pixel mode, display canvas otherwise. */
+    getRenderTarget() {
+        if (this.pixelCanvas && this.pixelCtx) {
+            return { canvas: this.pixelCanvas, ctx: this.pixelCtx };
         }
-        else {
-            // In native mode, canvas fills the container completely at position 0,0
-            // Mouse coordinates should be relative to the canvas, accounting for the fact
-            // that the canvas internal pixel size != CSS size
-            const pixelRatio = window.devicePixelRatio || 1;
-            return Vec2.mul(relative, pixelRatio);
+        return { canvas: this.canvas, ctx: this.ctx };
+    }
+    /** Render target size in pixels. Pixel resolution in pixel mode, scaled size otherwise. */
+    getCanvasSize() {
+        const target = this.getRenderTarget();
+        return [target.canvas.width, target.canvas.height];
+    }
+    transformMousePosition(offsetX, offsetY) {
+        if (this.config.pixelResolution) {
+            const rect = this.canvas.getBoundingClientRect();
+            return [
+                offsetX * (this.config.pixelResolution[0] / rect.width),
+                offsetY * (this.config.pixelResolution[1] / rect.height),
+            ];
         }
+        const pixelRatio = window.devicePixelRatio || 1;
+        return [offsetX * pixelRatio, offsetY * pixelRatio];
     }
 }

package/dist/core/events.d.ts

@@ -1,4 +1,5 @@
 import type { Vector2 } from './vector2';
+/** Game events. All events flow through handleEvent; these are also available as individual callbacks. */
 export type EventMap = {
     load: [];
     update: [dt: number];
@@ -6,8 +7,14 @@ export type EventMap = {
     resize: [size: Vector2, pixelSize: Vector2, fullscreen: boolean];
     keypressed: [scancode: string, keycode: string];
     keyreleased: [scancode: string, keycode: string];
-    mousepressed: [x: number, y: number, button: number];
-    mousereleased: [x: number, y: number, button: number];
+    focus: [];
+    blur: [];
+    /** Mouse moved. relative=true means pos is delta [dx, dy] (pointer lock). */
+    mousemoved: [pos: Vector2, relative: boolean];
+    /** Mouse button pressed. pos in canvas pixels. Button 1 = left, 2 = middle, 3 = right. */
+    mousepressed: [pos: Vector2, button: number];
+    /** Mouse button released. */
+    mousereleased: [pos: Vector2, button: number];
     gamepadpressed: [gamepadIndex: number, buttonIndex: number, buttonName: string];
     gamepadreleased: [gamepadIndex: number, buttonIndex: number, buttonName: string];
     actionpressed: [action: string];

package/dist/core/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/core/events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGzC,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,EAAE,CAAC;IACT,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;IACrB,IAAI,EAAE,EAAE,CAAC;IACT,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;IACjE,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAChD,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IACjD,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACrD,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;IAChF,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;IACjF,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC;AAGvC,MAAM,MAAM,WAAW,GAAG;KACvB,CAAC,IAAI,SAAS,GAAG;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE;CACpE,CAAC,SAAS,CAAC,CAAC"}
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/core/events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,0GAA0G;AAC1G,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,EAAE,CAAC;IACT,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;IACrB,IAAI,EAAE,EAAE,CAAC;IACT,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;IACjE,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAChD,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IACjD,KAAK,EAAE,EAAE,CAAC;IACV,IAAI,EAAE,EAAE,CAAC;IACT,6EAA6E;IAC7E,UAAU,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC9C,0FAA0F;IAC1F,YAAY,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,6BAA6B;IAC7B,aAAa,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;IAChF,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;IACjF,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC;AAGvC,MAAM,MAAM,WAAW,GAAG;KACvB,CAAC,IAAI,SAAS,GAAG;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE;CACpE,CAAC,SAAS,CAAC,CAAC"}

package/dist/core/graphics.d.ts

@@ -56,6 +56,7 @@ export declare function getCanvasSize(s: GraphicsState): Vector2;
 export declare function newImage(_s: GraphicsState, path: string): ImageHandle;
 export declare function newCanvas(s: GraphicsState, size: Vector2): Canvas;
 export declare function setCanvas(s: GraphicsState, canvas?: Canvas | null): void;
+export declare function setScreenContext(s: GraphicsState, ctx: CanvasRenderingContext2D): void;
 export declare function clip(s: GraphicsState, rect?: Rect): void;
 export declare function polygon(s: GraphicsState, mode: DrawMode, color: Color, points: Vector2[], props?: ShapeProps): void;
 export declare function points(s: GraphicsState, color: Color, pts: Vector2[]): void;

package/dist/core/graphics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"graphics.d.ts","sourceRoot":"","sources":["../../src/core/graphics.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"graphics.d.ts","sourceRoot":"","sources":["../../src/core/graphics.ts"],"names":[],"mappings":"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"}

package/dist/core/graphics.js

@@ -216,6 +216,10 @@ export function newCanvas(s, size) {
 export function setCanvas(s, canvas) {
     s.currentCtx = canvas?.ctx ?? s.screenCtx;
 }
+export function setScreenContext(s, ctx) {
+    s.screenCtx = ctx;
+    s.currentCtx = ctx;
+}
 export function clip(s, rect) {
     const ctx = s.currentCtx;
     ctx.beginPath();

package/dist/core/keyboard.d.ts

@@ -1,10 +1,11 @@
 export declare class Keyboard {
     private pressedScancodes;
     onKeyEvent?: (scancode: string, keycode: string, type: 'keydown' | 'keyup') => void;
+    private canvas;
     private keydownHandler;
     private keyupHandler;
     private blurHandler;
-    constructor();
+    constructor(canvas: HTMLCanvasElement | null);
     private handleKeyDown;
     private handleKeyUp;
     private handleBlur;

package/dist/core/keyboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard.d.ts","sourceRoot":"","sources":["../../src/core/keyboard.ts"],"names":[],"mappings":"AAAA,qBAAa,QAAQ;IACnB,OAAO,CAAC,gBAAgB,CAAqB;IACtC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,KAAK,IAAI,CAAC;IAG3F,OAAO,CAAC,cAAc,CAAwC;IAC9D,OAAO,CAAC,YAAY,CAAwC;IAC5D,OAAO,CAAC,WAAW,CAAa;;IAchC,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,UAAU;IAIlB,OAAO,IAAI,IAAI;IAOf,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIjC,SAAS,CAAC,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO;CAG3C"}
+{"version":3,"file":"keyboard.d.ts","sourceRoot":"","sources":["../../src/core/keyboard.ts"],"names":[],"mappings":"AAAA,qBAAa,QAAQ;IACnB,OAAO,CAAC,gBAAgB,CAAqB;IACtC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,KAAK,IAAI,CAAC;IAC3F,OAAO,CAAC,MAAM,CAAkC;IAGhD,OAAO,CAAC,cAAc,CAAwC;IAC9D,OAAO,CAAC,YAAY,CAAwC;IAC5D,OAAO,CAAC,WAAW,CAAa;gBAEpB,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAc5C,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,UAAU;IAIlB,OAAO,IAAI,IAAI;IASf,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIjC,SAAS,CAAC,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO;CAG3C"}

package/dist/core/keyboard.js

@@ -1,5 +1,5 @@
 export class Keyboard {
-    constructor() {
+    constructor(canvas) {
         Object.defineProperty(this, "pressedScancodes", {
             enumerable: true,
             configurable: true,
@@ -12,6 +12,12 @@ export class Keyboard {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "canvas", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
         // Event handler references for cleanup
         Object.defineProperty(this, "keydownHandler", {
             enumerable: true,
@@ -31,16 +37,21 @@ export class Keyboard {
             writable: true,
             value: void 0
         });
-        // Bind event handlers
+        this.canvas = canvas;
         this.keydownHandler = this.handleKeyDown.bind(this);
         this.keyupHandler = this.handleKeyUp.bind(this);
         this.blurHandler = this.handleBlur.bind(this);
-        // Register event listeners
-        window.addEventListener('keydown', this.keydownHandler);
-        window.addEventListener('keyup', this.keyupHandler);
-        window.addEventListener('blur', this.blurHandler);
+        if (this.canvas) {
+            this.canvas.addEventListener('keydown', this.keydownHandler);
+            this.canvas.addEventListener('keyup', this.keyupHandler);
+            this.canvas.addEventListener('blur', this.blurHandler);
+        }
     }
     handleKeyDown(e) {
+        const scrollKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Space', 'PageUp', 'PageDown', 'Home', 'End'];
+        if (scrollKeys.includes(e.code)) {
+            e.preventDefault();
+        }
         if (e.code) {
             this.pressedScancodes.add(e.code);
         }
@@ -56,9 +67,11 @@ export class Keyboard {
         this.pressedScancodes.clear();
     }
     dispose() {
-        window.removeEventListener('keydown', this.keydownHandler);
-        window.removeEventListener('keyup', this.keyupHandler);
-        window.removeEventListener('blur', this.blurHandler);
+        if (this.canvas) {
+            this.canvas.removeEventListener('keydown', this.keydownHandler);
+            this.canvas.removeEventListener('keyup', this.keyupHandler);
+            this.canvas.removeEventListener('blur', this.blurHandler);
+        }
         this.pressedScancodes.clear();
     }
     isDown(scancode) {

package/dist/core/like.d.ts

@@ -28,7 +28,7 @@ export interface Like {
     /** Gamepad input handling */
     readonly gamepad: Gamepad;
     /** Graphics context for rendering operations */
-    readonly gfx: BoundGraphics;
+    gfx: BoundGraphics;
     /**
      * Set the canvas display mode.
      * @param mode - Partial canvas mode configuration

package/dist/core/like.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"like.d.ts","sourceRoot":"","sources":["../../src/core/like.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC;;;;;GAKG;AACH,MAAM,WAAW,IAAI;IACnB,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAEtB,qDAAqD;IACrD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAEtB,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAEtB,8BAA8B;IAC9B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAE5B,2BAA2B;IAC3B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAEtB,6BAA6B;IAC7B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAE1B,gDAAgD;IAChD,QAAQ,CAAC,GAAG,EAAE,aAAa,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAEvC;;;OAGG;IACH,OAAO,IAAI,UAAU,GAAG,SAAS,CAAC;IAElC;;;OAGG;IACH,aAAa,IAAI,OAAO,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;CACrC;AAGD,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC9D,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAC7D,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACxE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"like.d.ts","sourceRoot":"","sources":["../../src/core/like.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC;;;;;GAKG;AACH,MAAM,WAAW,IAAI;IACnB,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAEtB,qDAAqD;IACrD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAEtB,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAEtB,8BAA8B;IAC9B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAE5B,2BAA2B;IAC3B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAEtB,6BAA6B;IAC7B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAE1B,gDAAgD;IAChD,GAAG,EAAE,aAAa,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAEvC;;;OAGG;IACH,OAAO,IAAI,UAAU,GAAG,SAAS,CAAC;IAElC;;;OAGG;IACH,aAAa,IAAI,OAAO,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;CACrC;AAGD,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC9D,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAC7D,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACxE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/core/mouse.d.ts

@@ -1,29 +1,45 @@
 import type { Vector2 } from './vector2';
-export type MousePositionTransform = (cssX: number, cssY: number) => Vector2;
+export type MousePositionTransform = (offsetX: number, offsetY: number) => Vector2;
+export type MouseMoveHandler = (pos: Vector2, relative: boolean) => void;
+export type MouseButtonHandler = (pos: Vector2, button: number) => void;
+/**
+ * Mouse input handling. Bound to canvas. Emits relative movement when pointer locked.
+ * Buttons: 1 = left, 2 = middle, 3 = right.
+ */
 export declare class Mouse {
     private x;
     private y;
     private buttons;
-    onMouseEvent?: (clientX: number, clientY: number, button: number | undefined, type: 'mousemove' | 'mousedown' | 'mouseup') => void;
+    private cursorVisible;
+    onMouseMove?: MouseMoveHandler;
+    onMouseDown?: MouseButtonHandler;
+    onMouseUp?: MouseButtonHandler;
     private transformFn?;
+    private canvas;
     private mousemoveHandler;
     private mousedownHandler;
     private mouseupHandler;
-    private blurHandler;
-    constructor(transformFn?: MousePositionTransform);
+    private wheelHandler;
+    constructor(canvas: HTMLCanvasElement | null, transformFn?: MousePositionTransform);
     setTransform(transformFn: MousePositionTransform | undefined): void;
     private handleMouseMove;
     private handleMouseDown;
     private handleMouseUp;
-    private handleBlur;
+    private handleWheel;
     dispose(): void;
+    /** Mouse position in canvas pixels. */
     getPosition(): Vector2;
-    getX(): number;
-    getY(): number;
+    /** Check if button is held. Button 1 = left, 2 = middle, 3 = right. */
     isDown(button: number): boolean;
+    /** All currently held buttons. */
     getPressedButtons(): Set<number>;
-    isVisible(): boolean;
-    setVisible(visible: boolean, canvas?: HTMLCanvasElement): void;
-    getRelativeMode(): boolean;
+    /** True when pointer is locked to canvas. */
+    isPointerLocked(): boolean;
+    /** Lock or unlock pointer. When locked, mousemoved emits relative deltas. */
+    lockPointer(locked: boolean): void;
+    /** Show or hide cursor. Unlike pointer lock, cursor can still leave canvas. */
+    showCursor(visible: boolean): void;
+    /** Current cursor visibility state. */
+    isCursorVisible(): boolean;
 }
 //# sourceMappingURL=mouse.d.ts.map

package/dist/core/mouse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mouse.d.ts","sourceRoot":"","sources":["../../src/core/mouse.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;AAE7E,qBAAa,KAAK;IAChB,OAAO,CAAC,CAAC,CAAK;IACd,OAAO,CAAC,CAAC,CAAK;IACd,OAAO,CAAC,OAAO,CAAqB;IAC7B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1I,OAAO,CAAC,WAAW,CAAC,CAAyB;IAG7C,OAAO,CAAC,gBAAgB,CAAqC;IAC7D,OAAO,CAAC,gBAAgB,CAAqC;IAC7D,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,WAAW,CAAa;gBAEpB,WAAW,CAAC,EAAE,sBAAsB;IAgBhD,YAAY,CAAC,WAAW,EAAE,sBAAsB,GAAG,SAAS,GAAG,IAAI;IAInE,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,UAAU;IAIlB,OAAO,IAAI,IAAI;IAQf,WAAW,IAAI,OAAO;IAOtB,IAAI,IAAI,MAAM;IAId,IAAI,IAAI,MAAM;IAId,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAI/B,iBAAiB,IAAI,GAAG,CAAC,MAAM,CAAC;IAIhC,SAAS,IAAI,OAAO;IAIpB,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,iBAAiB,GAAG,IAAI;IAQ9D,eAAe,IAAI,OAAO;CAG3B"}
+{"version":3,"file":"mouse.d.ts","sourceRoot":"","sources":["../../src/core/mouse.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;AACnF,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;AACzE,MAAM,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;AAExE;;;GAGG;AACH,qBAAa,KAAK;IAChB,OAAO,CAAC,CAAC,CAAK;IACd,OAAO,CAAC,CAAC,CAAK;IACd,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,aAAa,CAAQ;IACtB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IACtC,OAAO,CAAC,WAAW,CAAC,CAAyB;IAC7C,OAAO,CAAC,MAAM,CAAkC;IAGhD,OAAO,CAAC,gBAAgB,CAAqC;IAC7D,OAAO,CAAC,gBAAgB,CAAqC;IAC7D,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,YAAY,CAA0B;gBAElC,MAAM,EAAE,iBAAiB,GAAG,IAAI,EAAE,WAAW,CAAC,EAAE,sBAAsB;IAqBlF,YAAY,CAAC,WAAW,EAAE,sBAAsB,GAAG,SAAS,GAAG,IAAI;IAInE,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,WAAW;IAInB,OAAO,IAAI,IAAI;IAUf,uCAAuC;IACvC,WAAW,IAAI,OAAO;IAOtB,uEAAuE;IACvE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAI/B,kCAAkC;IAClC,iBAAiB,IAAI,GAAG,CAAC,MAAM,CAAC;IAIhC,6CAA6C;IAC7C,eAAe,IAAI,OAAO;IAI1B,6EAA6E;IAC7E,WAAW,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAUlC,+EAA+E;IAC/E,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAOlC,uCAAuC;IACvC,eAAe,IAAI,OAAO;CAG3B"}

package/dist/core/mouse.js

@@ -1,5 +1,9 @@
+/**
+ * Mouse input handling. Bound to canvas. Emits relative movement when pointer locked.
+ * Buttons: 1 = left, 2 = middle, 3 = right.
+ */
 export class Mouse {
-    constructor(transformFn) {
+    constructor(canvas, transformFn) {
         Object.defineProperty(this, "x", {
             enumerable: true,
             configurable: true,
@@ -18,7 +22,25 @@ export class Mouse {
             writable: true,
             value: new Set()
         });
-        Object.defineProperty(this, "onMouseEvent", {
+        Object.defineProperty(this, "cursorVisible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "onMouseMove", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onMouseDown", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onMouseUp", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -30,6 +52,12 @@ export class Mouse {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "canvas", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
         // Event handler references for cleanup
         Object.defineProperty(this, "mousemoveHandler", {
             enumerable: true,
@@ -49,82 +77,106 @@ export class Mouse {
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "blurHandler", {
+        Object.defineProperty(this, "wheelHandler", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
+        this.canvas = canvas;
         this.transformFn = transformFn;
-        // Bind event handlers
+        if (this.canvas) {
+            this.canvas.tabIndex = 0;
+        }
         this.mousemoveHandler = this.handleMouseMove.bind(this);
         this.mousedownHandler = this.handleMouseDown.bind(this);
         this.mouseupHandler = this.handleMouseUp.bind(this);
-        this.blurHandler = this.handleBlur.bind(this);
-        // Register event listeners
-        window.addEventListener('mousemove', this.mousemoveHandler);
-        window.addEventListener('mousedown', this.mousedownHandler);
-        window.addEventListener('mouseup', this.mouseupHandler);
-        window.addEventListener('blur', this.blurHandler);
+        this.wheelHandler = this.handleWheel.bind(this);
+        if (this.canvas) {
+            this.canvas.addEventListener('mousemove', this.mousemoveHandler);
+            this.canvas.addEventListener('mousedown', this.mousedownHandler);
+            window.addEventListener('mouseup', this.mouseupHandler);
+            this.canvas.addEventListener('wheel', this.wheelHandler, { passive: false });
+        }
     }
     setTransform(transformFn) {
         this.transformFn = transformFn;
     }
     handleMouseMove(e) {
-        // Store raw CSS coordinates - transformation to game coordinates
-        // should be done by the consumer using engine.transformMousePosition()
-        this.x = e.clientX;
-        this.y = e.clientY;
-        this.onMouseEvent?.(e.clientX, e.clientY, undefined, 'mousemove');
+        if (this.isPointerLocked()) {
+            // When locked, emit relative movement
+            this.onMouseMove?.([e.movementX, e.movementY], true);
+        }
+        else {
+            // Normal mode: track position and emit absolute coords
+            this.x = e.offsetX;
+            this.y = e.offsetY;
+            const pos = this.getPosition();
+            this.onMouseMove?.(pos, false);
+        }
     }
     handleMouseDown(e) {
         this.buttons.add(e.button + 1);
-        this.onMouseEvent?.(e.clientX, e.clientY, e.button, 'mousedown');
+        const pos = this.transformFn ? this.transformFn(e.offsetX, e.offsetY) : [e.offsetX, e.offsetY];
+        this.onMouseDown?.(pos, e.button + 1);
+        this.canvas?.focus();
     }
     handleMouseUp(e) {
         this.buttons.delete(e.button + 1);
-        this.onMouseEvent?.(e.clientX, e.clientY, e.button, 'mouseup');
+        const pos = this.transformFn ? this.transformFn(e.offsetX, e.offsetY) : [e.offsetX, e.offsetY];
+        this.onMouseUp?.(pos, e.button + 1);
     }
-    handleBlur() {
-        this.buttons.clear();
+    handleWheel(e) {
+        e.preventDefault();
     }
     dispose() {
-        window.removeEventListener('mousemove', this.mousemoveHandler);
-        window.removeEventListener('mousedown', this.mousedownHandler);
+        if (this.canvas) {
+            this.canvas.removeEventListener('mousemove', this.mousemoveHandler);
+            this.canvas.removeEventListener('mousedown', this.mousedownHandler);
+            this.canvas.removeEventListener('wheel', this.wheelHandler);
+        }
         window.removeEventListener('mouseup', this.mouseupHandler);
-        window.removeEventListener('blur', this.blurHandler);
         this.buttons.clear();
     }
+    /** Mouse position in canvas pixels. */
     getPosition() {
         if (this.transformFn) {
             return this.transformFn(this.x, this.y);
         }
         return [this.x, this.y];
     }
-    getX() {
-        return this.x;
-    }
-    getY() {
-        return this.y;
-    }
+    /** Check if button is held. Button 1 = left, 2 = middle, 3 = right. */
     isDown(button) {
         return this.buttons.has(button);
     }
+    /** All currently held buttons. */
     getPressedButtons() {
         return new Set(this.buttons);
     }
-    isVisible() {
-        return document.pointerLockElement === null;
+    /** True when pointer is locked to canvas. */
+    isPointerLocked() {
+        return document.pointerLockElement !== null;
     }
-    setVisible(visible, canvas) {
-        if (!visible && canvas) {
-            canvas.requestPointerLock();
+    /** Lock or unlock pointer. When locked, mousemoved emits relative deltas. */
+    lockPointer(locked) {
+        if (!this.canvas)
+            return;
+        if (locked && document.pointerLockElement !== this.canvas) {
+            this.canvas.requestPointerLock();
         }
-        else if (visible && canvas && document.pointerLockElement === canvas) {
+        else if (!locked && document.pointerLockElement === this.canvas) {
             document.exitPointerLock();
         }
     }
-    getRelativeMode() {
-        return document.pointerLockElement !== null;
+    /** Show or hide cursor. Unlike pointer lock, cursor can still leave canvas. */
+    showCursor(visible) {
+        this.cursorVisible = visible;
+        if (this.canvas) {
+            this.canvas.style.cursor = visible ? 'auto' : 'none';
+        }
+    }
+    /** Current cursor visibility state. */
+    isCursorVisible() {
+        return this.cursorVisible;
     }
 }

package/dist/engine.d.ts

@@ -3,13 +3,18 @@ import type { PartialCanvasMode } from './core/canvas-config';
 import type { Like } from './core/like';
 export declare class Engine {
     private canvas;
-    private ctx;
     private isRunning;
     private lastTime;
     private container;
     private canvasManager;
     private handleEvent;
     private currentScene;
+    private gfxState;
+    private windowFocusHandler;
+    private windowBlurHandler;
+    private canvasFocusHandler;
+    private canvasBlurHandler;
+    private fullscreenChangeHandler;
     readonly like: Like;
     constructor(container: HTMLElement);
     private dispatch;

package/dist/engine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAIxC,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,GAAG,CAA2B;IACtC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,WAAW,CAA+C;IAClE,OAAO,CAAC,YAAY,CAAsB;IAE1C,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;gBAER,SAAS,EAAE,WAAW;IAkElC,OAAO,CAAC,QAAQ;IAchB,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAWhC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IA+BrE,OAAO,IAAI,IAAI;CAUhB"}
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAIxC,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,WAAW,CAA+C;IAClE,OAAO,CAAC,YAAY,CAAsB;IAC1C,OAAO,CAAC,QAAQ,CAA8B;IAG9C,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,iBAAiB,CAA6B;IACtD,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,iBAAiB,CAA6B;IACtD,OAAO,CAAC,uBAAuB,CAA6B;IAE5D,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;gBAER,SAAS,EAAE,WAAW;IAqFlC,OAAO,CAAC,QAAQ;IAchB,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAUhC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IA+BrE,OAAO,IAAI,IAAI;CAiBhB"}

package/dist/engine.js

@@ -14,12 +14,6 @@ export class Engine {
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "ctx", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
         Object.defineProperty(this, "isRunning", {
             enumerable: true,
             configurable: true,
@@ -56,6 +50,43 @@ export class Engine {
             writable: true,
             value: null
         });
+        Object.defineProperty(this, "gfxState", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        // Event handler references for cleanup
+        Object.defineProperty(this, "windowFocusHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "windowBlurHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "canvasFocusHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "canvasBlurHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "fullscreenChangeHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
         Object.defineProperty(this, "like", {
             enumerable: true,
             configurable: true,
@@ -68,16 +99,16 @@ export class Engine {
         const ctx = this.canvas.getContext('2d');
         if (!ctx)
             throw new Error('Failed to get 2D context');
-        this.ctx = ctx;
         this.container = container;
         this.container.appendChild(this.canvas);
-        this.canvasManager = new CanvasManager(this.canvas, this.container, this.ctx, { pixelResolution: null, fullscreen: false });
-        const gfxState = newState(this.ctx);
-        const gfx = bindGraphics(gfxState);
+        this.canvasManager = new CanvasManager(this.canvas, this.container, ctx, { pixelResolution: null, fullscreen: false });
+        const renderTarget = this.canvasManager.getRenderTarget();
+        this.gfxState = newState(renderTarget.ctx);
+        let gfx = bindGraphics(this.gfxState);
         const audio = new Audio();
         const timer = new Timer();
-        const keyboard = new Keyboard();
-        const mouse = new Mouse((cssX, cssY) => this.canvasManager.transformMousePosition(cssX, cssY));
+        const keyboard = new Keyboard(this.canvas);
+        const mouse = new Mouse(this.canvas, (cssX, cssY) => this.canvasManager.transformMousePosition(cssX, cssY));
         const gamepad = new Gamepad();
         const input = new Input({ keyboard, mouse, gamepad });
         this.like = {
@@ -90,32 +121,48 @@ export class Engine {
             gfx,
             setMode: (m) => this.setMode(m),
             getMode: () => this.canvasManager.getMode(),
-            getCanvasSize: () => [this.canvas.width, this.canvas.height],
+            getCanvasSize: () => this.canvasManager.getCanvasSize(),
             setScene: (scene) => {
                 this.currentScene = scene;
                 scene?.load?.(this.like);
             },
         };
+        this.canvasManager.onResize = () => {
+            const target = this.canvasManager.getRenderTarget();
+            this.gfxState = newState(target.ctx);
+            this.like.gfx = bindGraphics(this.gfxState);
+        };
         keyboard.onKeyEvent = (scancode, keycode, type) => {
             this.dispatch(type === 'keydown' ? 'keypressed' : 'keyreleased', [scancode, keycode]);
         };
-        mouse.onMouseEvent = (clientX, clientY, button, type) => {
-            const [x, y] = this.canvasManager.transformMousePosition(clientX, clientY);
-            this.dispatch(type === 'mousedown' ? 'mousepressed' : 'mousereleased', [x, y, (button ?? 0) + 1]);
+        mouse.onMouseMove = (pos, relative) => {
+            this.dispatch('mousemoved', [pos, relative]);
+        };
+        mouse.onMouseDown = (pos, button) => {
+            this.dispatch('mousepressed', [pos, button]);
+        };
+        mouse.onMouseUp = (pos, button) => {
+            this.dispatch('mousereleased', [pos, button]);
         };
         gamepad.onButtonEvent = (gpIndex, buttonIndex, buttonName, pressed) => {
             this.dispatch(pressed ? 'gamepadpressed' : 'gamepadreleased', [gpIndex, buttonIndex, buttonName]);
         };
-        this.canvasManager.onResize = (size, pixelSize, fullscreen) => {
-            this.dispatch('resize', [size, pixelSize, fullscreen]);
-        };
-        document.addEventListener('fullscreenchange', () => {
+        this.windowFocusHandler = () => this.dispatch('focus', []);
+        this.windowBlurHandler = () => this.dispatch('blur', []);
+        this.canvasFocusHandler = () => this.dispatch('focus', []);
+        this.canvasBlurHandler = () => this.dispatch('blur', []);
+        this.fullscreenChangeHandler = () => {
             const mode = this.canvasManager.getMode();
             const isFullscreen = !!document.fullscreenElement;
             if (mode.fullscreen !== isFullscreen) {
                 this.canvasManager.setMode({ ...mode, fullscreen: isFullscreen });
             }
-        });
+        };
+        window.addEventListener('focus', this.windowFocusHandler);
+        window.addEventListener('blur', this.windowBlurHandler);
+        this.canvas.addEventListener('focus', this.canvasFocusHandler);
+        this.canvas.addEventListener('blur', this.canvasBlurHandler);
+        document.addEventListener('fullscreenchange', this.fullscreenChangeHandler);
     }
     dispatch(type, args) {
         if (!this.handleEvent)
@@ -132,11 +179,10 @@ export class Engine {
     }
     setMode(mode) {
         const currentMode = this.canvasManager.getMode();
-        const mergedMode = { ...currentMode, ...mode };
-        if (mode.fullscreen !== undefined && mode.fullscreen !== currentMode.fullscreen) {
-            mergedMode.fullscreen ? this.container.requestFullscreen().catch(console.error) : document.exitFullscreen();
+        if ('fullscreen' in mode && mode.fullscreen !== currentMode.fullscreen) {
+            mode.fullscreen ? this.container.requestFullscreen().catch(console.error) : document.exitFullscreen();
         }
-        this.canvasManager.setMode(mode);
+        this.canvasManager.setMode({ ...currentMode, ...mode });
     }
     async start(handleEvent) {
         this.handleEvent = handleEvent;
@@ -169,6 +215,16 @@ export class Engine {
         this.like.mouse.dispose();
         this.like.gamepad.dispose();
         this.canvasManager.dispose();
+        if (this.windowFocusHandler)
+            window.removeEventListener('focus', this.windowFocusHandler);
+        if (this.windowBlurHandler)
+            window.removeEventListener('blur', this.windowBlurHandler);
+        if (this.canvasFocusHandler)
+            this.canvas.removeEventListener('focus', this.canvasFocusHandler);
+        if (this.canvasBlurHandler)
+            this.canvas.removeEventListener('blur', this.canvasBlurHandler);
+        if (this.fullscreenChangeHandler)
+            document.removeEventListener('fullscreenchange', this.fullscreenChangeHandler);
         if (this.canvas.parentNode === this.container) {
             this.container.removeChild(this.canvas);
         }

package/dist/scenes/startup.d.ts

@@ -13,6 +13,6 @@ export declare class StartupScene implements Scene {
     constructor(next: Scene, onDraw?: ((like: Like) => void) | undefined);
     load(like: Like): void;
     draw(like: Like): void;
-    mousepressed(like: Like): void;
+    mousepressed(like: Like, _pos: [number, number], _button: number): void;
 }
 //# sourceMappingURL=startup.d.ts.map

package/dist/scenes/startup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"startup.d.ts","sourceRoot":"","sources":["../../src/scenes/startup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAM5C;;;;;;GAMG;AACH,qBAAa,YAAa,YAAW,KAAK;IAItC,OAAO,CAAC,IAAI;IACZ,OAAO,CAAC,MAAM,CAAC;IAJjB,OAAO,CAAC,IAAI,CAAe;gBAGjB,IAAI,EAAE,KAAK,EACX,MAAM,CAAC,GAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,aAAA;IAGvC,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAItB,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAWtB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;CAG/B"}
+{"version":3,"file":"startup.d.ts","sourceRoot":"","sources":["../../src/scenes/startup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAM5C;;;;;;GAMG;AACH,qBAAa,YAAa,YAAW,KAAK;IAItC,OAAO,CAAC,IAAI;IACZ,OAAO,CAAC,MAAM,CAAC;IAJjB,OAAO,CAAC,IAAI,CAAe;gBAGjB,IAAI,EAAE,KAAK,EACX,MAAM,CAAC,GAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,aAAA;IAGvC,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAItB,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAWtB,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;CAGxE"}

package/dist/scenes/startup.js

@@ -42,7 +42,7 @@ export class StartupScene {
             like.gfx.draw(this.logo, Vec2.div(winSize, 2), { scale, origin: Vec2.div(this.logo.size, 2) });
         }
     }
-    mousepressed(like) {
+    mousepressed(like, _pos, _button) {
         like.setScene(this.next);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "like2d",
-  "version": "2.7.2",
+  "version": "2.8.0",
   "description": "A web-native game framework inspired by Love2D",
   "type": "module",
   "main": "./dist/index.js",