like2d 2.2.0 → 2.4.0

package/dist/adapters/callback/index.d.ts

@@ -5,7 +5,7 @@ import { Timer } from '../../core/timer';
 import { Keyboard } from '../../core/keyboard';
 import { Mouse } from '../../core/mouse';
 import { Gamepad } from '../../core/gamepad';
-import type { CanvasConfig } from '../../core/canvas-config';
+import type { CanvasMode, PartialCanvasMode } from '../../core/canvas-config';
 import type { Like2DEvent } from '../../core/events';
 import type { Vector2 } from '../../core/vector2';
 export { ImageHandle } from '../../core/graphics';
@@ -13,6 +13,7 @@ export { getGPName, GP } from '../../core/gamepad';
 export { Vec2 } from '../../core/vector2';
 export { Rect } from '../../core/rect';
 export { calcFixedScale } from '../../core/canvas-config';
+export type { CanvasMode, PartialCanvasMode } from '../../core/canvas-config';
 export declare let graphics: Graphics;
 export declare const audio: Audio;
 export declare const timer: Timer;
@@ -34,8 +35,8 @@ export declare const like: {
     actionpressed: ((action: string) => void) | undefined;
     actionreleased: ((action: string) => void) | undefined;
     handleEvent: ((event: Like2DEvent) => void) | undefined;
-    toggleFullscreen(): void;
-    setScaling(config: CanvasConfig): void;
+    setMode(mode: PartialCanvasMode): void;
+    getMode(): CanvasMode | undefined;
     init(container: HTMLElement): Promise<void>;
     dispose(): void;
 };

package/dist/adapters/callback/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/callback/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,eAAO,IAAI,QAAQ,EAAE,QAAQ,CAAC;AAC9B,eAAO,MAAM,KAAK,OAAc,CAAC;AACjC,eAAO,MAAM,KAAK,OAAc,CAAC;AACjC,eAAO,IAAI,QAAQ,EAAE,QAAQ,CAAC;AAC9B,eAAO,IAAI,KAAK,EAAE,KAAK,CAAC;AACxB,eAAO,IAAI,OAAO,EAAE,OAAO,CAAC;AAC5B,eAAO,IAAI,KAAK,EAAE,KAAK,CAAC;AAIxB,eAAO,MAAM,IAAI;UACI,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;YACtB,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;UACpC,CAAC,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS;YAC/C,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS;gBAC1E,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;iBACxD,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;kBACxD,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;mBAC3D,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;oBAC3D,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;qBACtD,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;mBACzD,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;oBACrC,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;iBACzC,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS;wBAEhD,IAAI;uBAIL,YAAY,GAAG,IAAI;oBAIhB,WAAW;eAyBtB,IAAI;CAkBhB,CAAC;AAEF,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/callback/index.ts"],"names":[],"mappings":"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"}

package/dist/adapters/callback/index.js

@@ -33,11 +33,11 @@ export const like = {
     actionpressed: undefined,
     actionreleased: undefined,
     handleEvent: undefined,
-    toggleFullscreen() {
-        engine?.toggleFullscreen();
+    setMode(mode) {
+        engine?.setMode(mode);
     },
-    setScaling(config) {
-        engine?.setScaling(config);
+    getMode() {
+        return engine?.getMode();
     },
     async init(container) {
         engine = new Engine(container);

package/dist/adapters/scene/index.d.ts

@@ -6,7 +6,7 @@ import { Keyboard } from '../../core/keyboard';
 import { Mouse } from '../../core/mouse';
 import { Gamepad } from '../../core/gamepad';
 import type { Scene } from './scene';
-import type { CanvasConfig } from '../../core/canvas-config';
+import type { CanvasMode, PartialCanvasMode } from '../../core/canvas-config';
 import { StartupScene } from './startup-scene';
 export { Graphics, ImageHandle } from '../../core/graphics';
 export { StartupScene };
@@ -21,7 +21,7 @@ export type { Scene } from './scene';
 export type { Vector2 } from '../../core/vector2';
 export { Vec2 } from '../../core/vector2';
 export { Rect } from '../../core/rect';
-export type { CanvasConfig } from '../../core/canvas-config';
+export type { CanvasMode, PartialCanvasMode } from '../../core/canvas-config';
 export { calcFixedScale } from '../../core/canvas-config';
 export declare class SceneRunner {
     private engine;
@@ -34,7 +34,8 @@ export declare class SceneRunner {
     readonly mouse: Mouse;
     readonly gamepad: Gamepad;
     constructor(container: HTMLElement);
-    setScaling(config: CanvasConfig): void;
+    setMode(mode: PartialCanvasMode): void;
+    getMode(): CanvasMode;
     setScene(scene: Scene): void;
     start(scene: Scene): Promise<void>;
     dispose(): void;

package/dist/adapters/scene/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/scene/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAC5D,YAAY,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,YAAY,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,KAAK,CAAsB;IAEnC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;gBAEd,SAAS,EAAE,WAAW;IAWlC,UAAU,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAItC,QAAQ,CAAC,KAAK,EAAE,KAAK;IAKf,KAAK,CAAC,KAAK,EAAE,KAAK;IAiBxB,OAAO,IAAI,IAAI;CAKhB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/scene/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAC5D,YAAY,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,YAAY,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,KAAK,CAAsB;IAEnC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;gBAEd,SAAS,EAAE,WAAW;IAWlC,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAItC,OAAO,IAAI,UAAU;IAIrB,QAAQ,CAAC,KAAK,EAAE,KAAK;IAKf,KAAK,CAAC,KAAK,EAAE,KAAK;IAiBxB,OAAO,IAAI,IAAI;CAKhB"}

package/dist/adapters/scene/index.js

@@ -83,8 +83,11 @@ export class SceneRunner {
         this.timer = new Timer();
         this.audio = new Audio();
     }
-    setScaling(config) {
-        this.engine.setScaling(config);
+    setMode(mode) {
+        this.engine.setMode(mode);
+    }
+    getMode() {
+        return this.engine.getMode();
     }
     setScene(scene) {
         this.scene = scene;

package/dist/adapters/scene/startup-scene.d.ts

@@ -1,17 +1,19 @@
-import type { Like2DEvent } from '../../core/events';
 import type { Scene } from './scene';
 import type { Graphics } from '../../core/graphics';
+import { ImageHandle } from '../../core/graphics';
 export type StartupSceneConfig = {
     nextScene: Scene;
     draw?: (g: Graphics, canvas: HTMLCanvasElement) => void;
+    logo?: ImageHandle;
 };
 export declare class StartupScene implements Scene {
     private graphics;
     private config;
-    private onStart;
+    private setScene;
     private started;
-    constructor(graphics: Graphics, config: StartupSceneConfig, onStart: () => void);
+    private logo;
+    constructor(graphics: Graphics, config: StartupSceneConfig, setScene: (scene: Scene) => void);
     draw(canvas: HTMLCanvasElement): void;
-    handleEvent(event: Like2DEvent): void;
+    mousepressed(_x: number, _y: number, _button: number): void;
 }
 //# sourceMappingURL=startup-scene.d.ts.map

package/dist/adapters/scene/startup-scene.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"startup-scene.d.ts","sourceRoot":"","sources":["../../../src/adapters/scene/startup-scene.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACzD,CAAC;AAMF,qBAAa,YAAa,YAAW,KAAK;IAItC,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,OAAO;IALjB,OAAO,CAAC,OAAO,CAAS;gBAGd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,kBAAkB,EAC1B,OAAO,EAAE,MAAM,IAAI;IAK7B,IAAI,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAIrC,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;CAMtC"}
+{"version":3,"file":"startup-scene.d.ts","sourceRoot":"","sources":["../../../src/adapters/scene/startup-scene.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIlD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACxD,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AA6BF,qBAAa,YAAa,YAAW,KAAK;IAKtC,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,QAAQ;IANlB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,IAAI,CAAc;gBAGhB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,kBAAkB,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAM1C,IAAI,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAIrC,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;CAM5D"}

package/dist/adapters/scene/startup-scene.js

@@ -1,8 +1,28 @@
-function defaultDraw(g, canvas) {
-    g.print('white', 'Click to Start', [canvas.width / 2, canvas.height / 2], { align: 'center' });
+import { Vec2 } from '../../core/vector2';
+import { Rect } from '../../core/rect';
+// Base64-encoded Like2D logo (logo-banner-optimized.svg)
+const LOGO_DATA_URI = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB3aWR0aD0iMzAwbW0iIGhlaWdodD0iMTA1bW0iIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMwMCAxMDUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8cmVjdCB4PSIxMCIgeT0iMTEuMjMiIHdpZHRoPSIyODAiIGhlaWdodD0iODMuNTQ0IiBmaWxsPSIjZTQ4MDgwIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSI5Ny40ODQiIHk9IjExLjIzIiB3aWR0aD0iNTIuNTE2IiBoZWlnaHQ9IjQ2LjIzNyIvPgogIDxyZWN0IHg9IjE1MCIgeT0iMTEuMjMiIHdpZHRoPSIzNS4wMTEiIGhlaWdodD0iNDYuMjM3Ii8+CiAgPHJlY3QgeD0iMTg1LjAxIiB5PSIxMS4yMyIgd2lkdGg9IjUyLjUxNiIgaGVpZ2h0PSI0Ni4yMzciLz4KICA8cmVjdCB4PSIyMzcuNTMiIHk9IjExLjIzIiB3aWR0aD0iNTIuNTE2IiBoZWlnaHQ9IjQ2LjIzNyIvPgogPC9nPgogPGc+CiAgPHJlY3QgeD0iMTMyLjQ5IiB5PSIxMS4yMyIgd2lkdGg9IjE3LjUwNSIgaGVpZ2h0PSIyNy40NjEiLz4KICA8cmVjdCB4PSIxNTAiIHk9IjI5LjMwMiIgd2lkdGg9IjguNzUyNyIgaGVpZ2h0PSIxOC43NzYiLz4KICA8cmVjdCB4PSIxNzYuMjYiIHk9IjI5LjMwMiIgd2lkdGg9IjguNzUyNyIgaGVpZ2h0PSIxOC43NzYiLz4KIDwvZz4KIDxyZWN0IHg9IjE1MCIgeT0iMTEuMjMiIHdpZHRoPSIxNy41MDUiIGhlaWdodD0iOC42ODQ1IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KIDxyZWN0IHg9IjE2Ny41MSIgeT0iMTEuMjMiIHdpZHRoPSIxNy41MDUiIGhlaWdodD0iOC42ODQ1IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KIDxnPgogIDxwYXRoIGQ9Im0yMzcuNTMgMzguNjkxLTE3LjUwNS05LjM4ODIgMTcuNTA1LTE4LjA3M3oiLz4KICA8cmVjdCB4PSIyMDIuODgiIHk9IjQ4LjA3OSIgd2lkdGg9IjE2Ljc3MiIgaGVpZ2h0PSI5LjM4ODIiLz4KICA8cmVjdCB4PSIyNzIuNTQiIHk9IjIwLjI2NiIgd2lkdGg9IjE2Ljc3MiIgaGVpZ2h0PSI5LjM4ODIiLz4KICA8cmVjdCB4PSIyNzIuNTQiIHk9IjM4LjY5MSIgd2lkdGg9IjE2Ljc3MiIgaGVpZ2h0PSI5LjM4ODIiLz4KICA8cGF0aCBkPSJtMjAyLjUyIDI5LjMwMiAwLjM2Njg1LTE4LjA3M2gxNy4xMzl6Ii8+CiA8L2c+CiA8cGF0aCBkPSJtNjQuMDc4IDEuMDA0Mi0zMy4zNzUgMzMuMzc1LTAuMDE3NDMgMC4wMTc0YTIzLjYxMiAyMy42MTIgMCAwIDAgMCAzMy4zOTIgMjMuNjEyIDIzLjYxMiAwIDAgMCAzMC4wMTIgMi44MDIyIDIzLjYxMiAyMy42MTIgMCAwIDEgN2UtMyAwLjU3MDM0IDIzLjYxMiAyMy42MTIgMCAwIDEtMjMuNjEyIDIzLjYxMmg1My45N2EyMy42MTIgMjMuNjEyIDAgMCAxLTIzLjYxMS0yMy42MTIgMjMuNjEyIDIzLjYxMiAwIDAgMSA3ZS0zIC0wLjU3MDM0IDIzLjYxMiAyMy42MTIgMCAwIDAgMzAuMDEyLTIuODAyOSAyMy42MTIgMjMuNjEyIDAgMCAwLTYuODhlLTQgLTMzLjM5MnoiIGZpbGw9IiM4MGMzZTQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9Ii41Ij4KICA8Y2lyY2xlIHRyYW5zZm9ybT0icm90YXRlKDEzNSkiIGN4PSItMjAuOTg4IiBjeT0iLTkzLjI0MyIgcj0iMjMuNjEyIi8+CiAgPGNpcmNsZSB0cmFuc2Zvcm09InJvdGF0ZSgxMzUpIiBjeD0iMi42MjM4IiBjeT0iLTY5LjYzMiIgcj0iMjMuNjEyIi8+CiAgPGNpcmNsZSBjeD0iOTEuMDYyIiBjeT0iNzEuMTYxIiByPSIyMy42MTIiLz4KICA8Y2lyY2xlIGN4PSIzNy4wOTMiIGN5PSI3MS4xNjEiIHI9IjIzLjYxMiIvPgogPC9nPgo8L3N2Zz4K';
+const LOGO_WIDTH_RATIO = 0.5; // Logo takes up 50% of canvas width
+function defaultDraw(g, canvas, logo) {
+    const size = [canvas.width, canvas.height];
+    const center = Vec2.mul(size, 0.5);
+    const bottomY = size[1] * 0.85;
+    if (logo.isReady()) {
+        const imgSize = logo.size;
+        // Scale to fit 50% of canvas width, ignoring height constraint
+        const scale = (size[0] * LOGO_WIDTH_RATIO) / imgSize[0];
+        const drawSize = Vec2.mul(imgSize, scale);
+        const rect = Rect.fromCenter(center, drawSize);
+        g.draw(logo, Rect.position(rect), { scale: [scale, scale] });
+    }
+    g.print('white', 'Click to Start', [0, bottomY], {
+        align: 'center',
+        limit: size[0],
+        font: '32px sans-serif'
+    });
 }
 export class StartupScene {
-    constructor(graphics, config, onStart) {
+    constructor(graphics, config, setScene) {
         Object.defineProperty(this, "graphics", {
             enumerable: true,
             configurable: true,
@@ -15,11 +35,11 @@ export class StartupScene {
             writable: true,
             value: config
         });
-        Object.defineProperty(this, "onStart", {
+        Object.defineProperty(this, "setScene", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: onStart
+            value: setScene
         });
         Object.defineProperty(this, "started", {
             enumerable: true,
@@ -27,15 +47,22 @@ export class StartupScene {
             writable: true,
             value: false
         });
+        Object.defineProperty(this, "logo", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         this.graphics.setBackgroundColor('black');
+        this.logo = config.logo ?? graphics.newImage(LOGO_DATA_URI);
     }
     draw(canvas) {
-        (this.config.draw ?? defaultDraw)(this.graphics, canvas);
+        (this.config.draw ?? defaultDraw)(this.graphics, canvas, this.logo);
     }
-    handleEvent(event) {
-        if (event.type === 'mousepressed' && !this.started) {
+    mousepressed(_x, _y, _button) {
+        if (!this.started) {
             this.started = true;
-            this.onStart();
+            this.setScene(this.config.nextScene);
         }
     }
 }

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

@@ -1,11 +1,11 @@
 import type { Vector2 } from './vector2';
-export type CanvasMode = 'fixed' | 'native';
-export type CanvasConfig = {
-    mode: 'fixed';
-    size: Vector2;
-    pixelArt?: boolean;
-} | {
-    mode: 'native';
+export type CanvasMode = {
+    pixelResolution: Vector2 | null;
+    fullscreen: boolean;
+};
+export type PartialCanvasMode = {
+    pixelResolution?: Vector2 | null;
+    fullscreen?: boolean;
 };
 /**
  * Calculate the scale and offset for rendering fixed-size content to a target canvas.

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/engine.d.ts

@@ -6,7 +6,7 @@ import type { Keyboard } from './core/keyboard';
 import type { Mouse } from './core/mouse';
 import type { Gamepad } from './core/gamepad';
 import type { Like2DEvent } from './core/events';
-import type { CanvasConfig } from './core/canvas-config';
+import type { CanvasMode, PartialCanvasMode } from './core/canvas-config';
 export type EngineDeps = {
     graphics: Graphics;
     input: Input;
@@ -26,7 +26,9 @@ export declare class Engine {
     private canvasManager;
     private onEvent;
     constructor(container: HTMLElement);
-    setScaling(config: CanvasConfig): void;
+    private handleFullscreenChange;
+    setMode(mode: PartialCanvasMode): void;
+    getMode(): CanvasMode;
     setDeps(deps: EngineDeps): void;
     dispose(): void;
     private dispatchEvent;
@@ -37,6 +39,5 @@ export declare class Engine {
     getCanvas(): HTMLCanvasElement;
     getContext(): CanvasRenderingContext2D;
     transformMousePosition(cssX: number, cssY: number): [number, number];
-    toggleFullscreen(): void;
 }
 //# sourceMappingURL=engine.d.ts.map

package/dist/engine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGzD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,GAAG,CAA2B;IACtC,OAAO,CAAC,IAAI,CAA2B;IACvC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,OAAO,CAA+C;gBAElD,SAAS,EAAE,WAAW;IAmBlC,UAAU,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAItC,OAAO,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAI/B,OAAO,IAAI,IAAI;IAWf,OAAO,CAAC,aAAa;IAMrB,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI;IA+C3C,IAAI;IAIJ,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAKrC,OAAO,IAAI,MAAM;IAIjB,SAAS,IAAI,iBAAiB;IAI9B,UAAU,IAAI,wBAAwB;IAItC,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAIpE,gBAAgB,IAAI,IAAI;CAOzB"}
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,GAAG,CAA2B;IACtC,OAAO,CAAC,IAAI,CAA2B;IACvC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,OAAO,CAA+C;gBAElD,SAAS,EAAE,WAAW;IAsBlC,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAgBtC,OAAO,IAAI,UAAU;IAIrB,OAAO,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAI/B,OAAO,IAAI,IAAI;IAWf,OAAO,CAAC,aAAa;IAMrB,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI;IA+C3C,IAAI;IAIJ,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAKrC,OAAO,IAAI,MAAM;IAIjB,SAAS,IAAI,iBAAiB;IAI9B,UAAU,IAAI,wBAAwB;IAItC,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;CAIrE"}

package/dist/engine.js

@@ -58,14 +58,37 @@ export class Engine {
         this.ctx = ctx;
         this.container = container;
         this.container.appendChild(this.canvas);
-        this.canvasManager = new CanvasManager(this.canvas, this.container, this.ctx, { mode: 'native' });
+        this.canvasManager = new CanvasManager(this.canvas, this.container, this.ctx, { pixelResolution: null, fullscreen: false });
         // Internal listener to forward to onEvent
         this.canvasManager.onResize = (size, pixelSize, fullscreen) => {
             this.dispatchEvent('resize', [size, pixelSize, fullscreen]);
         };
+        // Listen for fullscreen changes to update mode
+        document.addEventListener('fullscreenchange', () => this.handleFullscreenChange());
     }
-    setScaling(config) {
-        this.canvasManager.setConfig(config);
+    handleFullscreenChange() {
+        const mode = this.canvasManager.getMode();
+        const isFullscreen = !!document.fullscreenElement;
+        if (mode.fullscreen !== isFullscreen) {
+            this.canvasManager.setMode({ ...mode, fullscreen: isFullscreen });
+        }
+    }
+    setMode(mode) {
+        const currentMode = this.canvasManager.getMode();
+        const mergedMode = { ...currentMode, ...mode };
+        const needsFullscreenChange = mode.fullscreen !== undefined && mode.fullscreen !== currentMode.fullscreen;
+        if (needsFullscreenChange) {
+            if (mergedMode.fullscreen) {
+                this.container.requestFullscreen().catch(console.error);
+            }
+            else {
+                document.exitFullscreen();
+            }
+        }
+        this.canvasManager.setMode(mode);
+    }
+    getMode() {
+        return this.canvasManager.getMode();
     }
     setDeps(deps) {
         this.deps = deps;
@@ -143,12 +166,4 @@ export class Engine {
     transformMousePosition(cssX, cssY) {
         return this.canvasManager.transformMousePosition(cssX, cssY);
     }
-    toggleFullscreen() {
-        if (!document.fullscreenElement) {
-            this.container.requestFullscreen().catch(console.error);
-        }
-        else {
-            document.exitFullscreen();
-        }
-    }
 }

package/package.json

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