like2d 2.10.1 → 2.11.0

package/dist/engine.d.ts

@@ -2,11 +2,11 @@
  * @module engine
  * @description Core game engine - lifecycle management and event dispatch.
  */
-import type { EventType, EventMap, Dispatcher } from './events';
+import type { EventType, EventMap, Dispatcher, LikeCanvasElement } from './events';
 import type { Like } from './like';
 export type EngineDispatcher = Dispatcher<EventType>;
 export type EngineProps<T extends keyof EventMap> = {
-    canvas: HTMLCanvasElement;
+    canvas: LikeCanvasElement;
     abort: AbortSignal;
     dispatch: Dispatcher<T>;
 };

package/dist/engine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AAAA;;;GAGG;AASH,OAAO,KAAK,EAAa,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAInC,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;AACrD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,QAAQ,IAAI;IAClD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CACzB,CAAA;AAED;;;GAGG;AACH,qBAAa,MAAM;IAaL,OAAO,CAAC,SAAS;IAZ7B;4BACwB;IACxB,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,KAAK,CAAyB;IAEtC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;gBAEA,SAAS,EAAE,WAAW;IAuD1C,OAAO,CAAC,QAAQ;IAShB;;OAEG;IACG,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IA4B5B;;OAEG;IACH,OAAO,IAAI,IAAI;CAIhB"}
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AAAA;;;GAGG;AASH,OAAO,KAAK,EAAa,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAInC,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;AACrD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,QAAQ,IAAI;IAClD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CACzB,CAAA;AAED;;;GAGG;AACH,qBAAa,MAAM;IAaL,OAAO,CAAC,SAAS;IAZ7B;4BACwB;IACxB,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,KAAK,CAAyB;IAEtC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;gBAEA,SAAS,EAAE,WAAW;IAqD1C,OAAO,CAAC,QAAQ;IAShB;;OAEG;IACG,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IA4B5B;;OAEG;IACH,OAAO,IAAI,IAAI;CAIhB"}

package/dist/engine.js

@@ -8,7 +8,7 @@ import { Timer } from './timer/timer';
 import { Keyboard } from './input/keyboard';
 import { Mouse } from './input/mouse';
 import { Gamepad } from './input/gamepad';
-import { bindGraphics } from './graphics/index';
+import { Graphics } from './graphics/index';
 import { Canvas } from './graphics/canvas';
 import { sceneDispatch } from './scene';
 /**
@@ -61,17 +61,15 @@ export class Engine {
         this.canvas = document.createElement('canvas');
         const canvas = new Canvas(this.canvas, this.dispatch.bind(this), this.abort.signal);
         this.canvas.addEventListener("like:updateRenderTarget", (event) => {
-            if (!(event instanceof CustomEvent))
-                return;
-            this.like.gfx = bindGraphics(event.detail.target.getContext('2d'));
+            this.like.gfx.setContext(event.detail.target.getContext("2d"));
         });
         this.container.appendChild(this.canvas);
-        let gfx = bindGraphics(this.canvas.getContext('2d'));
         const props = {
             canvas: this.canvas,
             dispatch: this.dispatch.bind(this),
             abort: this.abort.signal,
         };
+        const gfx = new Graphics(this.canvas.getContext('2d'));
         const audio = new Audio();
         const timer = new Timer(props);
         const keyboard = new Keyboard(props);

package/dist/events.d.ts

@@ -5,24 +5,26 @@
 import type { Vector2 } from './math/vector2';
 import type { LikeButton } from './input';
 export type MouseButton = 'left' | 'middle' | 'right';
-declare global {
-    interface HTMLElementEventMap {
-        ['like:mousemoved']: CustomEvent<{
-            pos: Vector2;
-            delta: Vector2;
-        }>;
-        ['like:updateRenderTarget']: CustomEvent<{
-            target: HTMLCanvasElement;
-        }>;
-        ['like:resizeCanvas']: CustomEvent<{
-            size: Vector2;
-        }>;
-        ['like:preDraw']: CustomEvent<{}>;
-        ['like:postDraw']: CustomEvent<{}>;
-        ['like:update']: CustomEvent<{
-            dt: number;
-        }>;
-    }
+export type LikeCanvasEventMap = HTMLElementEventMap & {
+    'like:mousemoved': CustomEvent<{
+        pos: Vector2;
+        delta: Vector2;
+    }>;
+    'like:updateRenderTarget': CustomEvent<{
+        target: HTMLCanvasElement;
+    }>;
+    'like:resizeCanvas': CustomEvent<{
+        size: Vector2;
+    }>;
+    'like:preDraw': CustomEvent<{}>;
+    'like:postDraw': CustomEvent<{}>;
+    'like:update': CustomEvent<{
+        dt: number;
+    }>;
+};
+export type LikeCanvasEvent = LikeCanvasEventMap;
+export interface LikeCanvasElement extends HTMLCanvasElement {
+    addEventListener<K extends keyof LikeCanvasEventMap>(type: K, listener: (this: LikeCanvasElement, ev: LikeCanvasEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
 }
 /**
  * The master type will all events on it.

package/dist/events.d.ts.map

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

package/dist/graphics/canvas.d.ts

@@ -1,4 +1,4 @@
-import { type Dispatcher } from "../events";
+import { type Dispatcher, type LikeCanvasElement } from "../events";
 import { Rectangle } from "../math/rect";
 import { type Vector2 } from "../math/vector2";
 export type CanvasModeOptions = {
@@ -18,7 +18,7 @@ export declare class Canvas {
     private resizeTimeoutId;
     constructor(
     /** The ultimately visible canvas in the browser */
-    displayCanvas: HTMLCanvasElement, dispatch: Dispatcher<'resize'>, abort: AbortSignal);
+    displayCanvas: LikeCanvasElement, dispatch: Dispatcher<'resize'>, abort: AbortSignal);
     /** Get a unified canvas info object. */
     getMode(): {
         size: Vector2;
@@ -59,7 +59,7 @@ export declare class Canvas {
     /** Called every frame by the engine after drawing */
     private postDraw;
     /** @returns if size was changed.  */
-    static setCanvasElemSize(canvas: HTMLCanvasElement, newSize: Vector2): boolean;
-    static getCanvasElemSize(canvas: HTMLCanvasElement): Vector2;
+    static setCanvasElemSize(canvas: LikeCanvasElement, newSize: Vector2): boolean;
+    static getCanvasElemSize(canvas: LikeCanvasElement): Vector2;
 }
 //# sourceMappingURL=canvas.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../src/graphics/canvas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5C,qBAAa,MAAM;IAUX,mDAAmD;IACnD,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,KAAK;IAZjB;;;MAGE;IACF,OAAO,CAAC,YAAY,CAAoB;IAExC,OAAO,CAAC,eAAe,CAAU;;IAG7B,mDAAmD;IAC3C,aAAa,EAAE,iBAAiB,EAChC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC9B,KAAK,EAAE,WAAW;IAoE9B,wCAAwC;IACxC,OAAO,IAAI;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,iBAAiB,CAAA;KAAE;IAStD;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,GAAE,OAAO,CAAC,iBAAiB,CAAM;IA6BhE,8CAA8C;IAC9C,OAAO,IAAI,OAAO;IAIlB,OAAO,CAAC,cAAc;IAWtB,wCAAwC;IACxC,OAAO,IAAI,SAAS;IAIpB,uDAAuD;IACvD,OAAO,CAAC,mBAAmB;IAO3B,yBAAyB;IACzB,aAAa,IAAI,OAAO;IAIxB,sBAAsB;IACtB,aAAa,CAAC,UAAU,EAAE,OAAO;IAWjC;;;OAGG;IACH,OAAO,CAAC,OAAO;IAmBf,qDAAqD;IACrD,OAAO,CAAC,QAAQ;IA2BhB,qCAAqC;IACrC,MAAM,CAAC,iBAAiB,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO;IAO9E,MAAM,CAAC,iBAAiB,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO;CAG/D"}
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../src/graphics/canvas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACpE,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5C,qBAAa,MAAM;IAUX,mDAAmD;IACnD,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,KAAK;IAZjB;;;MAGE;IACF,OAAO,CAAC,YAAY,CAAoB;IAExC,OAAO,CAAC,eAAe,CAAU;;IAG7B,mDAAmD;IAC3C,aAAa,EAAE,iBAAiB,EAChC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC9B,KAAK,EAAE,WAAW;IAoE9B,wCAAwC;IACxC,OAAO,IAAI;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,iBAAiB,CAAA;KAAE;IAStD;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,GAAE,OAAO,CAAC,iBAAiB,CAAM;IA6BhE,8CAA8C;IAC9C,OAAO,IAAI,OAAO;IAIlB,OAAO,CAAC,cAAc;IAWtB,wCAAwC;IACxC,OAAO,IAAI,SAAS;IAIpB,uDAAuD;IACvD,OAAO,CAAC,mBAAmB;IAO3B,yBAAyB;IACzB,aAAa,IAAI,OAAO;IAIxB,sBAAsB;IACtB,aAAa,CAAC,UAAU,EAAE,OAAO;IAWjC;;;OAGG;IACH,OAAO,CAAC,OAAO;IAmBf,qDAAqD;IACrD,OAAO,CAAC,QAAQ;IA2BhB,qCAAqC;IACzC,MAAM,CAAC,iBAAiB,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO;IAU1E,MAAM,CAAC,iBAAiB,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO;CAG/D"}

package/dist/graphics/canvas.js

@@ -208,11 +208,14 @@ export class Canvas {
     }
     /** @returns if size was changed.  */
     static setCanvasElemSize(canvas, newSize) {
-        if (canvas.width != newSize[0] || canvas.height != newSize[1]) {
-            [canvas.width, canvas.height] = newSize;
-            return true;
-        }
-        return false;
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return false;
+        if (canvas.width === newSize[0] && canvas.height === newSize[1])
+            return false;
+        canvas.width = newSize[0];
+        canvas.height = newSize[1];
+        return true;
     }
     static getCanvasElemSize(canvas) {
         return [canvas.width, canvas.height];

package/dist/graphics/{drawing.d.ts → graphics.d.ts}

@@ -75,43 +75,51 @@ export declare class ImageHandle {
  * ```
  *
  */
-export declare const draw: {
+export declare class Graphics {
+    private ctx;
+    constructor(ctx: CanvasRenderingContext2D);
+    /**
+     * Set the 2d drawing context for graphics.
+     *
+     * Be aware that that `like` can set this value at any time.
+     */
+    setContext(ctx: CanvasRenderingContext2D): void;
     /**
      * Clears the canvas with a solid color.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param color Fill color.
      */
-    clear(ctx: CanvasRenderingContext2D, color?: Color): void;
+    clear(color?: Color): void;
     /**
      * Draws a rectangle.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param mode Fill or line.
      * @param color Fill or stroke color.
      * @param rect Rectangle [x, y, w, h].
      * @param props Optional stroke properties.
      */
-    rectangle(ctx: CanvasRenderingContext2D, mode: DrawMode, color: Color, rect: Rectangle, props?: ShapeProps): void;
+    rectangle(mode: DrawMode, color: Color, rect: Rectangle, props?: ShapeProps): void;
     /**
      * Draws a circle or ellipse.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param mode Fill or line.
      * @param color Fill or stroke color.
      * @param position Center position.
      * @param radii Radius (number) or [rx, ry] for ellipse.
      * @param props Optional arc, center, and stroke properties. Center is true by default.
      */
-    circle(ctx: CanvasRenderingContext2D, mode: DrawMode, color: Color, position: Vector2, radii: number | Vector2, props?: ShapeProps & {
+    circle(mode: DrawMode, color: Color, position: Vector2, radii: number | Vector2, props?: ShapeProps & {
         arc?: [number, number];
         center?: boolean;
     }): void;
     /**
      * Draws connected line segments.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param color Stroke color.
      * @param points Array of [x, y] positions.
      * @param props Optional stroke properties.
      */
-    line(ctx: CanvasRenderingContext2D, color: Color, points: Vector2[], props?: ShapeProps): void;
+    line(color: Color, points: Vector2[], props?: ShapeProps): void;
     /**
      * Draws text at a position.
      *
@@ -122,82 +130,82 @@ export declare const draw: {
      * to the left and right of its position. If you align right, your position
      * becomes the upper-right corner of the text.
      *
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param color Fill color.
      * @param text Text string.
      * @param position Top-left position.
      * @param props {@link PrintProps} Optional font, text limit, or alignment.
      */
-    print(ctx: CanvasRenderingContext2D, color: Color, text: string, position: Vector2, props?: PrintProps): void;
+    print(color: Color, text: string, position: Vector2, props?: PrintProps): void;
     /**
      * Draws an image.
      *
      * @remarks named "draw" because it draws anything _drawable_
      * in the long run.
      *
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param handle Image handle from newImage.
      * @param position Draw position.
      * @param props Optional rotation, scale, origin, or quad.
      */
-    draw(ctx: CanvasRenderingContext2D, handle: ImageHandle, position: Vector2, props?: DrawProps): void;
+    draw(handle: ImageHandle, position: Vector2, props?: DrawProps): void;
     /**
      * Loads an image from a path.
      * Unlike built-in loading, this pretends to be synchronous.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param path Image file path.
      * @returns ImageHandle for use with draw.
      */
-    newImage(_ctx: CanvasRenderingContext2D, path: string): ImageHandle;
+    newImage(path: string): ImageHandle;
     /**
      * Sets the clipping region.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param rect Clipping rectangle, or full canvas if omitted.
      */
-    clip(ctx: CanvasRenderingContext2D, rect?: Rectangle): void;
+    clip(rect?: Rectangle): void;
     /**
      * Draws a polygon.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param mode Fill or line.
      * @param color Fill or stroke color.
      * @param points Array of [x, y] vertices.
      * @param props Optional stroke properties.
      */
-    polygon(ctx: CanvasRenderingContext2D, mode: DrawMode, color: Color, points: Vector2[], props?: ShapeProps): void;
+    polygon(mode: DrawMode, color: Color, points: Vector2[], props?: ShapeProps): void;
     /**
      * Draws individual pixels.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param color Fill color.
      * @param pts Array of [x, y] positions.
      */
-    points(ctx: CanvasRenderingContext2D, color: Color, pts: Vector2[]): void;
+    points(color: Color, pts: Vector2[]): void;
     /**
      * Saves canvas state.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      */
-    push(ctx: CanvasRenderingContext2D): void;
+    push(): void;
     /**
      * Restores canvas state.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      */
-    pop(ctx: CanvasRenderingContext2D): void;
+    pop(): void;
     /**
      * Applies a translation.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param offset [x, y] offset.
      */
-    translate(ctx: CanvasRenderingContext2D, offset: Vector2): void;
+    translate(offset: Vector2): void;
     /**
      * Applies a rotation.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param angle Rotation in radians.
      */
-    rotate(ctx: CanvasRenderingContext2D, angle: number): void;
+    rotate(angle: number): void;
     /**
      * Applies a scale.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param factor Scale factor (number or [x, y]).
      */
-    scale(ctx: CanvasRenderingContext2D, factor: number | Vector2): void;
-};
-//# sourceMappingURL=drawing.d.ts.map
+    scale(factor: number | Vector2): void;
+}
+//# sourceMappingURL=graphics.d.ts.map

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

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

package/dist/graphics/{drawing.js → graphics.js}

@@ -128,46 +128,62 @@ function getFontHeight(ctx) {
  * ```
  *
  */
-export const draw = {
+export class Graphics {
+    constructor(ctx) {
+        Object.defineProperty(this, "ctx", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ctx
+        });
+    }
+    /**
+     * Set the 2d drawing context for graphics.
+     *
+     * Be aware that that `like` can set this value at any time.
+     */
+    setContext(ctx) {
+        this.ctx = ctx;
+    }
     /**
      * Clears the canvas with a solid color.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param color Fill color.
      */
-    clear(ctx, color = [0, 0, 0, 1]) {
-        ctx.fillStyle = parseColor(color);
-        ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
-    },
+    clear(color = [0, 0, 0, 1]) {
+        this.ctx.fillStyle = parseColor(color);
+        this.ctx.fillRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
+    }
     /**
      * Draws a rectangle.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param mode Fill or line.
      * @param color Fill or stroke color.
      * @param rect Rectangle [x, y, w, h].
      * @param props Optional stroke properties.
      */
-    rectangle(ctx, mode, color, rect, props) {
+    rectangle(mode, color, rect, props) {
         const c = applyColor(color);
         if (mode === "fill") {
-            ctx.fillStyle = c;
-            ctx.fillRect(...rect);
+            this.ctx.fillStyle = c;
+            this.ctx.fillRect(...rect);
         }
         else {
-            setStrokeProps(ctx, props);
-            ctx.strokeStyle = c;
-            ctx.strokeRect(...rect);
+            setStrokeProps(this.ctx, props);
+            this.ctx.strokeStyle = c;
+            this.ctx.strokeRect(...rect);
         }
-    },
+    }
     /**
      * Draws a circle or ellipse.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param mode Fill or line.
      * @param color Fill or stroke color.
      * @param position Center position.
      * @param radii Radius (number) or [rx, ry] for ellipse.
      * @param props Optional arc, center, and stroke properties. Center is true by default.
      */
-    circle(ctx, mode, color, position, radii, props) {
+    circle(mode, color, position, radii, props) {
         const center = (props && 'center' in props) ? props.center : true;
         const c = applyColor(color);
         const size = typeof radii === "number" ? [radii, radii] : radii;
@@ -175,43 +191,43 @@ export const draw = {
         if (!center) {
             position = Vec2.add(position, size);
         }
-        ctx.save();
-        ctx.translate(...position);
-        ctx.scale(...size);
-        ctx.beginPath();
-        ctx.arc(0, 0, 1, startAngle, endAngle);
+        this.ctx.save();
+        this.ctx.translate(...position);
+        this.ctx.scale(...size);
+        this.ctx.beginPath();
+        this.ctx.arc(0, 0, 1, startAngle, endAngle);
         if (mode == 'fill')
-            ctx.lineTo(0, 0);
-        ctx.closePath();
-        ctx.restore();
+            this.ctx.lineTo(0, 0);
+        this.ctx.closePath();
+        this.ctx.restore();
         if (mode === "fill") {
-            ctx.fillStyle = c;
-            ctx.fill();
+            this.ctx.fillStyle = c;
+            this.ctx.fill();
         }
         else {
-            setStrokeProps(ctx, props);
-            ctx.strokeStyle = c;
-            ctx.stroke();
+            setStrokeProps(this.ctx, props);
+            this.ctx.strokeStyle = c;
+            this.ctx.stroke();
         }
-    },
+    }
     /**
      * Draws connected line segments.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param color Stroke color.
      * @param points Array of [x, y] positions.
      * @param props Optional stroke properties.
      */
-    line(ctx, color, points, props) {
+    line(color, points, props) {
         if (points.length < 2)
             return;
-        setStrokeProps(ctx, props);
-        ctx.beginPath();
+        setStrokeProps(this.ctx, props);
+        this.ctx.beginPath();
         const [[x0, y0], ...rest] = points;
-        ctx.moveTo(x0, y0);
-        rest.forEach(([x, y]) => ctx.lineTo(x, y));
-        ctx.strokeStyle = applyColor(color);
-        ctx.stroke();
-    },
+        this.ctx.moveTo(x0, y0);
+        rest.forEach(([x, y]) => this.ctx.lineTo(x, y));
+        this.ctx.strokeStyle = applyColor(color);
+        this.ctx.stroke();
+    }
     /**
      * Draws text at a position.
      *
@@ -222,44 +238,44 @@ export const draw = {
      * to the left and right of its position. If you align right, your position
      * becomes the upper-right corner of the text.
      *
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param color Fill color.
      * @param text Text string.
      * @param position Top-left position.
      * @param props {@link PrintProps} Optional font, text limit, or alignment.
      */
-    print(ctx, color, text, position, props) {
+    print(color, text, position, props) {
         const [x, y] = position;
         const { font = "16px sans-serif" } = props ?? {};
-        ctx.fillStyle = parseColor(color);
-        ctx.font = font;
-        ctx.textAlign = props?.align ?? "left";
+        this.ctx.fillStyle = parseColor(color);
+        this.ctx.font = font;
+        this.ctx.textAlign = props?.align ?? "left";
         if (props && 'width' in props) {
             const { width } = props;
-            const lines = wrapText(ctx, text, width);
-            const lineHeight = getFontHeight(ctx);
-            ctx.textBaseline = "top";
+            const lines = wrapText(this.ctx, text, width);
+            const lineHeight = getFontHeight(this.ctx);
+            this.ctx.textBaseline = "top";
             lines.forEach((line, i) => {
-                ctx.fillText(line, x, y + i * lineHeight, width);
+                this.ctx.fillText(line, x, y + i * lineHeight, width);
             });
-            ctx.textBaseline = "alphabetic";
+            this.ctx.textBaseline = "alphabetic";
         }
         else {
-            ctx.fillText(text, x, y);
+            this.ctx.fillText(text, x, y);
         }
-    },
+    }
     /**
      * Draws an image.
      *
      * @remarks named "draw" because it draws anything _drawable_
      * in the long run.
      *
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param handle Image handle from newImage.
      * @param position Draw position.
      * @param props Optional rotation, scale, origin, or quad.
      */
-    draw(ctx, handle, position, props) {
+    draw(handle, position, props) {
         if (!handle.isReady())
             return;
         const element = handle.getElement();
@@ -269,120 +285,121 @@ export const draw = {
         const { r = 0, scale = 1, origin = 0, quad } = props ?? {};
         const [sx, sy] = typeof scale === "number" ? [scale, scale] : scale;
         const [ox, oy] = typeof origin === "number" ? [origin, origin] : origin;
-        ctx.save();
-        ctx.translate(x, y);
-        ctx.rotate(r);
-        ctx.scale(sx, sy);
+        this.ctx.save();
+        this.ctx.translate(x, y);
+        this.ctx.rotate(r);
+        this.ctx.scale(sx, sy);
         if (quad) {
             const [qx, qy, qw, qh] = quad;
-            ctx.drawImage(element, qx, qy, qw, qh, -ox, -oy, qw, qh);
+            this.ctx.drawImage(element, qx, qy, qw, qh, -ox, -oy, qw, qh);
         }
         else {
-            ctx.drawImage(element, -ox, -oy);
+            this.ctx.drawImage(element, -ox, -oy);
         }
-        ctx.restore();
-    },
+        this.ctx.restore();
+    }
     /**
      * Loads an image from a path.
      * Unlike built-in loading, this pretends to be synchronous.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param path Image file path.
      * @returns ImageHandle for use with draw.
      */
-    newImage(_ctx, path) {
+    newImage(path) {
         return new ImageHandle(path);
-    },
+    }
     /**
      * Sets the clipping region.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param rect Clipping rectangle, or full canvas if omitted.
      */
-    clip(ctx, rect) {
-        ctx.beginPath();
+    clip(rect) {
+        this.ctx.beginPath();
         if (rect) {
             const [x, y, w, h] = rect;
-            ctx.rect(x, y, w, h);
+            this.ctx.rect(x, y, w, h);
         }
         else {
-            ctx.rect(0, 0, ctx.canvas.width, ctx.canvas.height);
+            this.ctx.rect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
         }
-        ctx.clip();
-    },
+        this.ctx.clip();
+    }
     /**
      * Draws a polygon.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param mode Fill or line.
      * @param color Fill or stroke color.
      * @param points Array of [x, y] vertices.
      * @param props Optional stroke properties.
      */
-    polygon(ctx, mode, color, points, props) {
+    polygon(mode, color, points, props) {
         if (points.length < 3)
             return;
         const c = applyColor(color);
-        ctx.beginPath();
+        this.ctx.beginPath();
         const [[x0, y0], ...rest] = points;
-        ctx.moveTo(x0, y0);
-        rest.forEach(([x, y]) => ctx.lineTo(x, y));
-        ctx.closePath();
+        this.ctx.moveTo(x0, y0);
+        rest.forEach(([x, y]) => this.ctx.lineTo(x, y));
+        this.ctx.closePath();
         if (mode === "fill") {
-            ctx.fillStyle = c;
-            ctx.fill();
+            this.ctx.fillStyle = c;
+            this.ctx.fill();
         }
         else {
-            setStrokeProps(ctx, props);
-            ctx.strokeStyle = c;
-            ctx.stroke();
+            setStrokeProps(this.ctx, props);
+            this.ctx.strokeStyle = c;
+            this.ctx.stroke();
         }
-    },
+    }
     /**
      * Draws individual pixels.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param color Fill color.
      * @param pts Array of [x, y] positions.
      */
-    points(ctx, color, pts) {
-        ctx.fillStyle = applyColor(color);
-        pts.forEach(([x, y]) => ctx.fillRect(x, y, 1, 1));
-    },
+    points(color, pts) {
+        this.ctx.fillStyle = applyColor(color);
+        pts.forEach(([x, y]) => this.ctx.fillRect(x, y, 1, 1));
+    }
     /**
      * Saves canvas state.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      */
-    push(ctx) {
-        ctx.save();
-    },
+    push() {
+        this.ctx.save();
+    }
     /**
      * Restores canvas state.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      */
-    pop(ctx) {
-        ctx.restore();
-    },
+    pop() {
+        this.ctx.restore();
+    }
     /**
      * Applies a translation.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param offset [x, y] offset.
      */
-    translate(ctx, offset) {
+    translate(offset) {
         const [x, y] = offset;
-        ctx.translate(x, y);
-    },
+        this.ctx.translate(x, y);
+    }
     /**
      * Applies a rotation.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param angle Rotation in radians.
      */
-    rotate(ctx, angle) {
-        ctx.rotate(angle);
-    },
+    rotate(angle) {
+        this.ctx.rotate(angle);
+    }
     /**
      * Applies a scale.
-     * @param ctx Canvas context.
+     * @param this.ctx Canvas context.
      * @param factor Scale factor (number or [x, y]).
      */
-    scale(ctx, factor) {
+    scale(factor) {
         const [sx, sy] = typeof factor === "number" ? [factor, factor] : factor;
-        ctx.scale(sx, sy);
-    },
-};
+        this.ctx.scale(sx, sy);
+    }
+}
+;

package/dist/graphics/index.d.ts

@@ -2,18 +2,7 @@
  * @module graphics
  * @description a reduced-state, Love2D-like wrapper around browser canvas
  */
-import { draw } from "./drawing";
-export type { Color, DrawMode, ShapeProps, DrawProps, PrintProps, ImageHandle, } from "./drawing";
-export { draw } from "./drawing";
+export type { Color, DrawMode, ShapeProps, DrawProps, PrintProps, ImageHandle, } from "./graphics";
+export { Graphics } from "./graphics";
 export type { CanvasModeOptions, CanvasSize, Canvas, } from "./canvas";
-type Bind<F> = F extends (ctx: CanvasRenderingContext2D, ...args: infer A) => infer R ? (...args: A) => R : never;
-/**
- * A graphics object with a canvas already attatched to it.
- * Calling its methods will draw to the render canvas.
- * See {@link graphics} for more info.
- */
-export type BoundGraphics = {
-    [K in keyof typeof draw]: Bind<(typeof draw)[K]>;
-};
-export declare function bindGraphics(ctx: CanvasRenderingContext2D): BoundGraphics;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/graphics/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,YAAY,EACV,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,GACZ,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,YAAY,EACV,iBAAiB,EACjB,UAAU,EACV,MAAM,GACP,MAAM,UAAU,CAAC;AAElB,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CACvB,GAAG,EAAE,wBAAwB,EAC7B,GAAG,IAAI,EAAE,MAAM,CAAC,KACb,MAAM,CAAC,GACR,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GACjB,KAAK,CAAC;AAEV;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG;KACzB,CAAC,IAAI,MAAM,OAAO,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;CACjD,CAAC;AAEF,wBAAgB,YAAY,CAAC,GAAG,EAAE,wBAAwB,GAAG,aAAa,CAMzE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/graphics/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,YAAY,EACV,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,GACZ,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,YAAY,EACV,iBAAiB,EACjB,UAAU,EACV,MAAM,GACP,MAAM,UAAU,CAAC"}

package/dist/graphics/index.js

@@ -2,12 +2,4 @@
  * @module graphics
  * @description a reduced-state, Love2D-like wrapper around browser canvas
  */
-import { draw } from "./drawing";
-export { draw } from "./drawing";
-export function bindGraphics(ctx) {
-    const bound = {};
-    for (const [name, fn] of Object.entries(draw)) {
-        bound[name] = (...args) => fn(ctx, ...args);
-    }
-    return bound;
-}
+export { Graphics } from "./graphics";

package/dist/input/gamepad-mapping.js

@@ -65,7 +65,7 @@ export const mapStick = (gp, mapping) => {
     return mapping.map((axis) => (axis.invert ? -1 : 1) * (gp.axes[axis.index] ?? 0));
 };
 //// ************* SDL Gamepad auto-binding system ******************* ////
-import mappingDbRaw from "./controllerdb.json";
+import mappingDbRaw from "./controllerdb.json" with { type: 'json' };
 const mappingDb = new Map(Object.entries(mappingDbRaw[detectedOs]).map(([k, v]) => [
     Number(k),
     {

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

@@ -1 +1 @@
-{"version":3,"file":"mouse.d.ts","sourceRoot":"","sources":["../../src/input/mouse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,KAAK,WAAW,EAAmB,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAMxC,KAAK,SAAS,GACV;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,GACvD;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAElC,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAElE;;GAEG;AACH,qBAAa,KAAK;IAChB,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,GAAG,CAAmB;IAC9B,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,OAAO,CAA0B;IACzC;;OAEG;IACH,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,MAAM,CAAoB;IAIlC,OAAO,CAAC,UAAU,CAAsD;IACxE,OAAO,CAAC,YAAY,CAAgF;IACpG,OAAO,CAAC,UAAU,CAAS;gBAEf,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC;IAwC9C,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,WAAW;IAMnB,oDAAoD;IACpD,WAAW,IAAI,OAAO;IAItB,uEAAuE;IACvE,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO;IAIpC,kCAAkC;IAClC,iBAAiB,IAAI,GAAG,CAAC,WAAW,CAAC;IAIrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACH,OAAO,CAAC,IAAI,EAAE,YAAY;IAgB1B,OAAO,IAAI,SAAS;IAIpB;;;OAGG;IACH,cAAc,CAAC,GAAG,EAAE,OAAO;IAQ3B;;;;;OAKG;IACH,WAAW,CAAC,IAAI,EAAE,OAAO;IAUzB;;OAEG;IACH,eAAe,IAAI,OAAO;IAI1B;;OAEG;IACH,eAAe,IAAI,OAAO;IAI1B;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB"}
+{"version":3,"file":"mouse.d.ts","sourceRoot":"","sources":["../../src/input/mouse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,KAAK,WAAW,EAAmB,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAQxC,KAAK,SAAS,GACV;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,GACvD;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAElC,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAElE;;GAEG;AACH,qBAAa,KAAK;IAChB,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,GAAG,CAAmB;IAC9B,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,OAAO,CAA0B;IACzC;;OAEG;IACH,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,MAAM,CAAoB;IAIlC,OAAO,CAAC,UAAU,CAAsD;IACxE,OAAO,CAAC,YAAY,CAAgF;IACpG,OAAO,CAAC,UAAU,CAAS;gBAEf,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC;IAwC9C,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,WAAW;IAMnB,oDAAoD;IACpD,WAAW,IAAI,OAAO;IAItB,uEAAuE;IACvE,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO;IAIpC,kCAAkC;IAClC,iBAAiB,IAAI,GAAG,CAAC,WAAW,CAAC;IAIrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACH,OAAO,CAAC,IAAI,EAAE,YAAY;IAgB1B,OAAO,IAAI,SAAS;IAIpB;;;OAGG;IACH,cAAc,CAAC,GAAG,EAAE,OAAO;IAQ3B;;;;;OAKG;IACH,WAAW,CAAC,IAAI,EAAE,OAAO;IAUzB;;OAEG;IACH,eAAe,IAAI,OAAO;IAI1B;;OAEG;IACH,eAAe,IAAI,OAAO;IAI1B;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB"}

package/dist/input/mouse.js

@@ -91,7 +91,8 @@ export class Mouse {
         this.canvas.addEventListener("mouseleave", () => this.buttons.clear(), {
             signal: abort,
         });
-        this.canvas.addEventListener("pointerlockchanged", () => {
+        this.canvas.addEventListener("pointerlockchange", // unsupported on mobile, will have to test.
+        () => {
             if (!this.isPointerLocked())
                 this.enableLock = false;
         }, { signal: abort });

package/dist/like.d.ts

@@ -9,7 +9,7 @@ import type { Keyboard } from './input/keyboard';
 import type { Mouse } from './input/mouse';
 import type { Gamepad } from './input/gamepad';
 import type { Canvas } from './graphics/canvas';
-import type { BoundGraphics } from './graphics/index';
+import type { Graphics } from './graphics/index';
 import { EventMap, EventType, LikeEvent } from './events';
 import { Scene } from './scene';
 export type TopLevelEventHandler = (event: LikeEvent) => void;
@@ -38,9 +38,11 @@ export type Like = Callbacks & {
     /** Get and set screen size, choosing between native and pixel perfect prescaling. Plus fullscreen control. */
     readonly canvas: Canvas;
     /** Graphics module: LOVE-style rendering, plus a pseudo-synchronous way to load images. */
-    gfx: BoundGraphics;
+    readonly gfx: Graphics;
     /** I think you meant to type `canvas`. */
     window?: never;
+    /** Shortened to `like.gfx`. */
+    graphics?: never;
     /**
      * Start the game loop. Call this only once.
      * @returns Promise that resolves when the engine is ready

package/dist/like.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"like.d.ts","sourceRoot":"","sources":["../src/like.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;AAE9D,KAAK,QAAQ,CAAC,CAAC,SAAS,SAAS,IAAI,CAAC,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAEpE,KAAK,SAAS,GAAG;KACd,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC/B,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG;IAC7B,6FAA6F;IAC7F,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,sFAAsF;IACtF,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,gFAAgF;IAChF,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,8GAA8G;IAC9G,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,2FAA2F;IAC3F,GAAG,EAAE,aAAa,CAAC;IAEnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC;IAEf;;;OAGG;IACH,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAEvB;;;OAGG;IACH,OAAO,IAAI,IAAI,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAE9B;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;IAEnC;;;;OAIG;IACH,eAAe,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;CACzC,CAAA"}
+{"version":3,"file":"like.d.ts","sourceRoot":"","sources":["../src/like.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;AAE9D,KAAK,QAAQ,CAAC,CAAC,SAAS,SAAS,IAAI,CAAC,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAEpE,KAAK,SAAS,GAAG;KACd,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC/B,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG;IAC7B,6FAA6F;IAC7F,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,sFAAsF;IACtF,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,gFAAgF;IAChF,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,8GAA8G;IAC9G,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,2FAA2F;IAC3F,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC;IAEvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC;IAEjB;;;OAGG;IACH,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAEvB;;;OAGG;IACH,OAAO,IAAI,IAAI,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAE9B;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;IAEnC;;;;OAIG;IACH,eAAe,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;CACzC,CAAA"}

package/dist/timer/timer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timer.d.ts","sourceRoot":"","sources":["../../src/timer/timer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,qBAAa,KAAK;IAChB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,GAAG,CAAK;IAChB,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,UAAU,CAAuB;gBAE7B,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC;IAIrC,OAAO,CAAC,MAAM;IAcd;;OAEG;IACH,QAAQ,IAAI,MAAM;IAIlB,wDAAwD;IACxD,MAAM,IAAI,MAAM;IAIhB,2BAA2B;IAC3B,OAAO,IAAI,MAAM;IAIjB;;;;;OAKG;IACH,UAAU,IAAI,OAAO;IAUrB;;;OAGG;IACH,KAAK,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;CAG9B"}
+{"version":3,"file":"timer.d.ts","sourceRoot":"","sources":["../../src/timer/timer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,qBAAa,KAAK;IAChB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,GAAG,CAAK;IAChB,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,UAAU,CAAuB;gBAE7B,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC;IAIrC,OAAO,CAAC,MAAM;IAad;;OAEG;IACH,QAAQ,IAAI,MAAM;IAIlB,wDAAwD;IACxD,MAAM,IAAI,MAAM;IAIhB,2BAA2B;IAC3B,OAAO,IAAI,MAAM;IAIjB;;;;;OAKG;IACH,UAAU,IAAI,OAAO;IAUrB;;;OAGG;IACH,KAAK,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;CAG9B"}

package/dist/timer/timer.js

@@ -38,8 +38,7 @@ export class Timer {
         });
         props.canvas.addEventListener("like:update", this.update.bind(this), { signal: props.abort });
     }
-    update(ev) {
-        const { dt } = ev.detail;
+    update({ detail: { dt } }) {
         this.currentDelta = dt;
         this.totalTime += dt;
         this.frameCount++;

package/package.json

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

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

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