like2d 2.3.0 → 2.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"canvas-config.d.ts","sourceRoot":"","sources":["../../src/core/canvas-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5C,MAAM,MAAM,YAAY,GACpB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GACpD;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEvB;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAKzG"}
+{"version":3,"file":"canvas-config.d.ts","sourceRoot":"","sources":["../../src/core/canvas-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG;IACvB,eAAe,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAKzG"}

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

@@ -1,4 +1,4 @@
-import type { CanvasConfig } from './canvas-config';
+import type { CanvasMode, PartialCanvasMode } from './canvas-config';
 import { type Vector2 } from './vector2';
 export declare class CanvasManager {
     private canvas;
@@ -6,17 +6,16 @@ export declare class CanvasManager {
     private ctx;
     private config;
     private resizeObserver;
-    private pixelArtCanvas;
-    private pixelArtCtx;
+    private pixelCanvas;
+    private pixelCtx;
     private onWindowResize;
-    private onFullscreenChange;
     onResize: ((size: Vector2, pixelSize: Vector2, fullscreen: boolean) => void) | null;
-    constructor(canvas: HTMLCanvasElement, container: HTMLElement, ctx: CanvasRenderingContext2D, config?: CanvasConfig);
+    constructor(canvas: HTMLCanvasElement, container: HTMLElement, ctx: CanvasRenderingContext2D, config?: CanvasMode);
     private listenForPixelRatioChanges;
-    setConfig(config: CanvasConfig): void;
-    getConfig(): CanvasConfig;
+    setMode(mode: PartialCanvasMode): void;
+    getMode(): CanvasMode;
     private applyConfig;
-    private applyFixedMode;
+    private applyPixelMode;
     private applyNativeMode;
     dispose(): void;
     present(): void;

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,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC;AAmB/C,qBAAa,aAAa;IAWtB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,MAAM;IAbhB,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,WAAW,CAAyC;IAE5D,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,kBAAkB,CAA4B;IAE/C,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,YAAiC;IAYnD,OAAO,CAAC,0BAA0B;IAQlC,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAKrC,SAAS,IAAI,YAAY;IAIzB,OAAO,CAAC,WAAW;IA+BnB,OAAO,CAAC,cAAc;IAiCtB,OAAO,CAAC,eAAe;IAkBvB,OAAO,IAAI,IAAI;IASf,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;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"}

package/dist/core/canvas-manager.js

@@ -14,7 +14,7 @@ function centerElement(el) {
     el.style.transform = 'translate(-50%, -50%)';
 }
 export class CanvasManager {
-    constructor(canvas, container, ctx, config = { mode: 'native' }) {
+    constructor(canvas, container, ctx, config = { pixelResolution: null, fullscreen: false }) {
         Object.defineProperty(this, "canvas", {
             enumerable: true,
             configurable: true,
@@ -45,13 +45,13 @@ export class CanvasManager {
             writable: true,
             value: null
         });
-        Object.defineProperty(this, "pixelArtCanvas", {
+        Object.defineProperty(this, "pixelCanvas", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: null
         });
-        Object.defineProperty(this, "pixelArtCtx", {
+        Object.defineProperty(this, "pixelCtx", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -63,12 +63,6 @@ export class CanvasManager {
             writable: true,
             value: () => this.applyConfig()
         });
-        Object.defineProperty(this, "onFullscreenChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => this.applyConfig()
-        });
         Object.defineProperty(this, "onResize", {
             enumerable: true,
             configurable: true,
@@ -78,7 +72,6 @@ export class CanvasManager {
         this.resizeObserver = new ResizeObserver(() => this.applyConfig());
         this.resizeObserver.observe(this.container);
         window.addEventListener('resize', this.onWindowResize);
-        document.addEventListener('fullscreenchange', this.onFullscreenChange);
         this.listenForPixelRatioChanges();
         this.applyConfig();
     }
@@ -89,63 +82,50 @@ export class CanvasManager {
             this.listenForPixelRatioChanges();
         }, { once: true });
     }
-    setConfig(config) {
-        this.config = config;
+    setMode(mode) {
+        this.config = { ...this.config, ...mode };
         this.applyConfig();
     }
-    getConfig() {
+    getMode() {
         return { ...this.config };
     }
     applyConfig() {
         const containerSize = document.fullscreenElement
             ? [document.fullscreenElement.clientWidth, document.fullscreenElement.clientHeight]
             : [this.container.clientWidth, this.container.clientHeight];
-        // Always clean up pixel art canvas first
-        if (this.pixelArtCanvas) {
-            this.pixelArtCanvas.remove();
-            this.pixelArtCanvas = null;
-            this.pixelArtCtx = null;
+        // Always clean up pixel canvas first
+        if (this.pixelCanvas) {
+            this.pixelCanvas.remove();
+            this.pixelCanvas = null;
+            this.pixelCtx = null;
+        }
+        if (this.config.pixelResolution) {
+            this.applyPixelMode(containerSize);
         }
-        switch (this.config.mode) {
-            case 'fixed':
-                this.applyFixedMode(containerSize);
-                break;
-            case 'native':
-                this.applyNativeMode(containerSize);
-                break;
+        else {
+            this.applyNativeMode(containerSize);
         }
-        const displayCanvas = this.pixelArtCanvas ?? this.canvas;
-        const isFullscreen = !!document.fullscreenElement;
-        this.onResize?.(containerSize, [displayCanvas.width, displayCanvas.height], isFullscreen);
+        const displayCanvas = this.pixelCanvas ?? this.canvas;
+        this.onResize?.(containerSize, [displayCanvas.width, displayCanvas.height], this.config.fullscreen);
     }
-    applyFixedMode(csize) {
-        const { size: gameSize, pixelArt } = this.config;
+    applyPixelMode(csize) {
+        const gameSize = this.config.pixelResolution;
         const pixelRatio = window.devicePixelRatio || 1;
         const scale = Math.min(csize[0] / gameSize[0], csize[1] / gameSize[1]);
-        if (pixelArt) {
-            const physicalScale = scale * pixelRatio;
-            const intScale = Math.max(1, Math.floor(physicalScale));
-            this.pixelArtCanvas = document.createElement('canvas');
-            this.pixelArtCtx = this.pixelArtCanvas.getContext('2d');
-            setCanvasSize(this.pixelArtCanvas, Vec2.mul(gameSize, intScale));
-            setCanvasSize(this.canvas, gameSize);
-            this.canvas.style.display = 'none';
-            const pac = this.pixelArtCanvas;
-            setCanvasDisplaySize(pac, Vec2.mul(gameSize, scale));
-            pac.style.maxWidth = '100%';
-            pac.style.maxHeight = '100%';
-            pac.style.imageRendering = 'auto';
-            centerElement(pac);
-            this.container.appendChild(pac);
-        }
-        else {
-            setCanvasSize(this.canvas, gameSize);
-            this.canvas.style.display = 'block';
-            setCanvasDisplaySize(this.canvas, Vec2.mul(gameSize, scale));
-            this.canvas.style.imageRendering = pixelArt ? 'pixelated' : 'auto';
-            this.ctx.imageSmoothingEnabled = !pixelArt;
-            centerElement(this.canvas);
-        }
+        const physicalScale = scale * pixelRatio;
+        const intScale = Math.max(1, Math.floor(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);
     }
     applyNativeMode(csize) {
         const pixelRatio = window.devicePixelRatio || 1;
@@ -164,34 +144,35 @@ export class CanvasManager {
     dispose() {
         this.resizeObserver?.disconnect();
         window.removeEventListener('resize', this.onWindowResize);
-        document.removeEventListener('fullscreenchange', this.onFullscreenChange);
-        this.pixelArtCanvas?.remove();
-        this.pixelArtCanvas = null;
-        this.pixelArtCtx = null;
+        this.pixelCanvas?.remove();
+        this.pixelCanvas = null;
+        this.pixelCtx = null;
     }
     present() {
-        if (!this.pixelArtCtx || !this.pixelArtCanvas) {
+        if (!this.pixelCtx || !this.pixelCanvas) {
             return;
         }
-        this.pixelArtCtx.imageSmoothingEnabled = false;
-        this.pixelArtCtx.drawImage(this.canvas, 0, 0, this.canvas.width, this.canvas.height, 0, 0, this.pixelArtCanvas.width, this.pixelArtCanvas.height);
+        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);
     }
     getDisplayCanvas() {
-        return this.pixelArtCanvas ?? this.canvas;
+        return this.pixelCanvas ?? this.canvas;
     }
     transformMousePosition(cssX, cssY) {
         const displayCanvas = this.getDisplayCanvas();
         const rect = displayCanvas.getBoundingClientRect();
         const relative = [cssX - rect.left, cssY - rect.top];
-        switch (this.config.mode) {
-            case 'fixed': {
-                const scale = [displayCanvas.width / rect.width, displayCanvas.height / rect.height];
-                return Vec2.mul(relative, scale);
-            }
-            case 'native':
-            default: {
-                return Vec2.mul(relative, window.devicePixelRatio || 1);
-            }
+        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]);
+        }
+        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);
         }
     }
 }

package/dist/core/events.d.ts

@@ -1,52 +1,24 @@
 import type { Vector2 } from './vector2';
-export type Like2DEvent = {
-    type: 'load';
-    args: [];
-    timestamp: number;
-} | {
-    type: 'update';
-    args: [dt: number];
-    timestamp: number;
-} | {
-    type: 'draw';
-    args: [canvas: HTMLCanvasElement];
-    timestamp: number;
-} | {
-    type: 'resize';
-    args: [size: Vector2, pixelSize: Vector2, fullscreen: boolean];
-    timestamp: number;
-} | {
-    type: 'keypressed';
-    args: [scancode: string, keycode: string];
-    timestamp: number;
-} | {
-    type: 'keyreleased';
-    args: [scancode: string, keycode: string];
-    timestamp: number;
-} | {
-    type: 'mousepressed';
-    args: [x: number, y: number, button: number];
-    timestamp: number;
-} | {
-    type: 'mousereleased';
-    args: [x: number, y: number, button: number];
-    timestamp: number;
-} | {
-    type: 'gamepadpressed';
-    args: [gamepadIndex: number, buttonIndex: number, buttonName: string];
-    timestamp: number;
-} | {
-    type: 'gamepadreleased';
-    args: [gamepadIndex: number, buttonIndex: number, buttonName: string];
-    timestamp: number;
-} | {
-    type: 'actionpressed';
-    args: [action: string];
-    timestamp: number;
-} | {
-    type: 'actionreleased';
-    args: [action: string];
-    timestamp: number;
+export type EventMap = {
+    load: [];
+    update: [dt: number];
+    draw: [];
+    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];
+    gamepadpressed: [gamepadIndex: number, buttonIndex: number, buttonName: string];
+    gamepadreleased: [gamepadIndex: number, buttonIndex: number, buttonName: string];
+    actionpressed: [action: string];
+    actionreleased: [action: string];
 };
-export type EventType = Like2DEvent['type'];
+export type EventType = keyof EventMap;
+export type Like2DEvent = {
+    [K in EventType]: {
+        type: K;
+        args: EventMap[K];
+        timestamp: number;
+    };
+}[EventType];
 //# sourceMappingURL=events.d.ts.map

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;AAEzC,MAAM,MAAM,WAAW,GACnB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,EAAE,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACzD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACtE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACrG;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACpF;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACrF;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACzF;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAC1F;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACpH;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACrH;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACpE;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1E,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,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;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"}

package/dist/core/graphics.d.ts

@@ -10,7 +10,6 @@ export type Canvas = {
     ctx: CanvasRenderingContext2D;
 };
 export type ShapeProps = {
-    color?: Color;
     lineWidth?: number;
     lineCap?: 'butt' | 'round' | 'square';
     lineJoin?: 'bevel' | 'miter' | 'round';
@@ -27,6 +26,11 @@ export type PrintProps = {
     limit?: number;
     align?: 'left' | 'center' | 'right';
 };
+export type GraphicsState = {
+    screenCtx: CanvasRenderingContext2D;
+    currentCtx: CanvasRenderingContext2D;
+    canvases: Map<Canvas, true>;
+};
 export declare class ImageHandle {
     readonly path: string;
     private element;
@@ -38,37 +42,39 @@ export declare class ImageHandle {
     get size(): Vector2;
     getElement(): HTMLImageElement | null;
 }
-export declare class Graphics {
-    private ctx;
-    private readonly screenCtx;
-    private canvases;
-    private backgroundColor;
-    private images;
-    private defaultFont;
-    constructor(ctx: CanvasRenderingContext2D);
-    private applyColor;
-    private setStrokeProps;
-    clear(): void;
-    setBackgroundColor(color: Color): void;
-    rectangle(mode: DrawMode, color: Color, rect: Rect, props?: ShapeProps): void;
-    circle(mode: DrawMode, color: Color, position: Vector2, radii: number | Vector2, props?: ShapeProps & {
+export declare function newState(ctx: CanvasRenderingContext2D): GraphicsState;
+export declare function clear(s: GraphicsState, color?: Color): void;
+export declare function rectangle(s: GraphicsState, mode: DrawMode, color: Color, rect: Rect, props?: ShapeProps): void;
+export declare function circle(s: GraphicsState, mode: DrawMode, color: Color, position: Vector2, radii: number | Vector2, props?: ShapeProps & {
+    angle?: number;
+    arc?: [number, number];
+}): void;
+export declare function line(s: GraphicsState, color: Color, points: Vector2[], props?: ShapeProps): void;
+export declare function print(s: GraphicsState, color: Color, text: string, position: Vector2, props?: PrintProps): void;
+export declare function drawImage(s: GraphicsState, handle: ImageHandle, position: Vector2, props?: DrawProps): void;
+export declare function getCanvasSize(s: GraphicsState): Vector2;
+export declare function newCanvas(s: GraphicsState, size: Vector2): Canvas;
+export declare function setCanvas(s: GraphicsState, canvas?: Canvas | null): 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;
+export declare function newImage(path: string): ImageHandle;
+export type BoundGraphics = {
+    clear: (color?: Color) => void;
+    rectangle: (mode: DrawMode, color: Color, rect: Rect, props?: ShapeProps) => void;
+    circle: (mode: DrawMode, color: Color, position: Vector2, radii: number | Vector2, props?: ShapeProps & {
         angle?: number;
         arc?: [number, number];
-    }): void;
-    line(color: Color, points: Vector2[], props?: ShapeProps): void;
-    print(color: Color, text: string, position: Vector2, props?: PrintProps): void;
-    private wrapText;
-    private getFontHeight;
-    setFont(size: number, font?: string): void;
-    getFont(): string;
-    newImage(path: string): ImageHandle;
-    draw(handle: ImageHandle, position: Vector2, props?: DrawProps): void;
-    getCanvasSize(): Vector2;
-    newCanvas(size: Vector2): Canvas;
-    setCanvas(canvas?: Canvas | null): void;
-    clip(rect?: Rect): void;
-    polygon(mode: DrawMode, color: Color, points: Vector2[], props?: ShapeProps): void;
-    arc(mode: DrawMode, x: number, y: number, radius: number, angle1: number, angle2: number, props?: ShapeProps): void;
-    points(color: Color, points: Vector2[]): void;
-}
+    }) => void;
+    line: (color: Color, points: Vector2[], props?: ShapeProps) => void;
+    print: (color: Color, text: string, position: Vector2, props?: PrintProps) => void;
+    draw: (handle: ImageHandle, position: Vector2, props?: DrawProps) => void;
+    getCanvasSize: () => Vector2;
+    newCanvas: (size: Vector2) => Canvas;
+    setCanvas: (canvas?: Canvas | null) => void;
+    clip: (rect?: Rect) => void;
+    polygon: (mode: DrawMode, color: Color, points: Vector2[], props?: ShapeProps) => void;
+    points: (color: Color, pts: Vector2[]) => void;
+};
+export declare function bindGraphics(s: GraphicsState): BoundGraphics;
 //# sourceMappingURL=graphics.d.ts.map

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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"}