like2d 2.3.0 → 2.5.0

package/README.md

@@ -8,12 +8,21 @@ A web-native 2D game framework inspired by [LÖVE](https://love2d.org/), built f
 
 ## What it is
 
-Like2D is a thin, performant wrapper around the browser's Canvas and Web Audio APIs. It provides:
-- **Stateless Graphics:** No more `ctx.save()` and `ctx.restore()` for colors and transforms.
-- **Fire-and-forget Assets:** Synchronous handles for images and audio that load in the background.
-- **Unified Input:** Normalized keyboard, mouse, and gamepad support with action mapping.
-- **Scaling Modes:** Built-in support for "pixel" resolution with pixel-perfect scaling.
-- **Flexible Patterns:** Use Love2D-style global callbacks or class-based scenes.
+LIKE is a **curated toolkit** around browser APIs.
+
+It does less, because it **does the right thing**. And when that's not the right thing for you, we hand you the wrench.
+
+- **Stateless Graphics:** Forget to reset native Canvas state (like LineCap) between calls and things break mysteriously. We make drawing explicit: what you see is what you set.
+
+- **Fire-and-forget Assets:** Async asset loading directly on realtime web games is annoying. We let you pretend it's instant and synchronous.
+
+- **Physical Joypad:** Our gamepad module auto-maps to physical buttons like "bottom" and "top". Because A isn't always in the same spot.
+
+- **Actions System:** Of course you can use device input callbacks just like love2d -- but you can also map inputs to actions and get callbacks on that.
+
+- **Scaling Modes:** Pixel art games need pixel-perfect scaling. So we do that: integer nearest -> linear. Or not; turn off pixelart mode to have a canvas that stays at native resolution.
+
+- **Sane Architecture:** Everything is built around a centralized event handler for browser-native events. We won't reinvent the wheel.
 
 ## Installation
 
@@ -25,6 +34,10 @@ pnpm add like2d
 
 ## Quick Start
 
+[Like2D Starter Template](https://github.com/44100hertz/Like2D-starter)
+
+## Usage Examples
+
 ### Callback Pattern (Love2D-style)
 
 Ideal for small games, jams, or prototyping.
@@ -77,21 +90,17 @@ const runner = new SceneRunner(document.body);
 await runner.start(new MyScene());
 ```
 
-## API Overview
-
-Like2D exports pure library functions for math and geometry that work with native arrays.
+## Module Overview
 
-- **Vec2:** Vector operations using `[number, number]` tuples.
-- **Rect:** Rectangle operations using `[x, y, w, h]` tuples.
-- **Graphics:** Stateless drawing commands.
-- **Audio:** Simple source/playback management.
-- **Input:** Action-based input mapping.
+Pick your pattern, import what you need:
 
-See the [PHILOSOPHY.md](./docs/PHILOSOPHY.md) for the principles behind the design.
-
-## Quick Start Template
+```typescript
+import { love, graphics, input } from 'like2d/callback';  // Love2D-style
+import { SceneRunner, type Scene } from 'like2d/scene';    // Class-based scenes
+import { Vec2, Rect } from 'like2d/math';                  // Pure math functions
+```
 
-Get started quickly with the [Like2D Starter](https://github.com/44100hertz/Like2D-starter) template!
+See the [PHILOSOPHY.md](../../docs/PHILOSOPHY.md) for the principles behind the design.
 
 ## License
 

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

@@ -1,43 +1,23 @@
-import { Graphics } from '../../core/graphics';
-import { Audio } from '../../core/audio';
-import { Input } from '../../core/input';
-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 { Like2DEvent } from '../../core/events';
-import type { Vector2 } from '../../core/vector2';
-export { ImageHandle } from '../../core/graphics';
-export { getGPName, GP } from '../../core/gamepad';
-export { Vec2 } from '../../core/vector2';
-export { Rect } from '../../core/rect';
-export { calcFixedScale } from '../../core/canvas-config';
-export declare let graphics: Graphics;
-export declare const audio: Audio;
-export declare const timer: Timer;
-export declare let keyboard: Keyboard;
-export declare let mouse: Mouse;
-export declare let gamepad: Gamepad;
-export declare let input: Input;
-export declare const like: {
-    load: (() => void) | undefined;
-    update: ((dt: number) => void) | undefined;
-    draw: ((canvas: HTMLCanvasElement) => void) | undefined;
-    resize: ((size: Vector2, pixelSize: Vector2, fullscreen: boolean) => void) | undefined;
-    keypressed: ((scancode: string, keycode: string) => void) | undefined;
-    keyreleased: ((scancode: string, keycode: string) => void) | undefined;
-    mousepressed: ((x: number, y: number, button: number) => void) | undefined;
-    mousereleased: ((x: number, y: number, button: number) => void) | undefined;
-    gamepadpressed: ((i: number, b: number, n: string) => void) | undefined;
-    gamepadreleased: ((i: number, b: number, n: string) => void) | undefined;
-    actionpressed: ((action: string) => void) | undefined;
-    actionreleased: ((action: string) => void) | undefined;
-    handleEvent: ((event: Like2DEvent) => void) | undefined;
-    toggleFullscreen(): void;
-    setScaling(config: CanvasConfig): void;
-    init(container: HTMLElement): Promise<void>;
-    dispose(): void;
+import type { Like } from '../../core/like';
+type LikeWithCallbacks = Like & {
+    load?: () => void;
+    update?: (dt: number) => void;
+    draw?: () => void;
+    resize?: (size: import('../../core/vector2').Vector2, pixelSize: import('../../core/vector2').Vector2, fullscreen: boolean) => void;
+    keypressed?: (scancode: string, keycode: string) => void;
+    keyreleased?: (scancode: string, keycode: string) => void;
+    mousepressed?: (x: number, y: number, button: number) => void;
+    mousereleased?: (x: number, y: number, button: number) => void;
+    gamepadpressed?: (gamepadIndex: number, buttonIndex: number, buttonName: string) => void;
+    gamepadreleased?: (gamepadIndex: number, buttonIndex: number, buttonName: string) => void;
+    actionpressed?: (action: string) => void;
+    actionreleased?: (action: string) => void;
+    handleEvent?: (event: Like2DEvent) => void;
+    start: () => Promise<void>;
+    dispose: () => void;
 };
-export { like as love };
+export declare function routeEvents(like: LikeWithCallbacks): (event: Like2DEvent) => void;
+export declare function createLike(container: HTMLElement): LikeWithCallbacks;
+export {};
 //# sourceMappingURL=index.d.ts.map

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":"AACA,OAAO,KAAK,EAAE,WAAW,EAAuB,MAAM,mBAAmB,CAAC;AAC1E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAM5C,KAAK,iBAAiB,GAAG,IAAI,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,oBAAoB,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACpI,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAGF,wBAAgB,WAAW,CAAC,IAAI,EAAE,iBAAiB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAKjF;AAED,wBAAgB,UAAU,CAAC,SAAS,EAAE,WAAW,GAAG,iBAAiB,CAqBpE"}

package/dist/adapters/callback/index.js

@@ -1,80 +1,30 @@
-import { Graphics } from '../../core/graphics';
-import { Audio } from '../../core/audio';
-import { Input } from '../../core/input';
-import { Timer } from '../../core/timer';
-import { Keyboard } from '../../core/keyboard';
-import { Mouse } from '../../core/mouse';
-import { Gamepad } from '../../core/gamepad';
 import { Engine } from '../../engine';
-export { ImageHandle } from '../../core/graphics';
-export { getGPName, GP } from '../../core/gamepad';
-export { Vec2 } from '../../core/vector2';
-export { Rect } from '../../core/rect';
-export { calcFixedScale } from '../../core/canvas-config';
-export let graphics;
-export const audio = new Audio();
-export const timer = new Timer();
-export let keyboard;
-export let mouse;
-export let gamepad;
-export let input;
-let engine = null;
-export const like = {
-    load: undefined,
-    update: undefined,
-    draw: undefined,
-    resize: undefined,
-    keypressed: undefined,
-    keyreleased: undefined,
-    mousepressed: undefined,
-    mousereleased: undefined,
-    gamepadpressed: undefined,
-    gamepadreleased: undefined,
-    actionpressed: undefined,
-    actionreleased: undefined,
-    handleEvent: undefined,
-    toggleFullscreen() {
-        engine?.toggleFullscreen();
-    },
-    setScaling(config) {
-        engine?.setScaling(config);
-    },
-    async init(container) {
-        engine = new Engine(container);
-        graphics = new Graphics(engine.getContext());
-        keyboard = new Keyboard();
-        mouse = new Mouse((cssX, cssY) => engine.transformMousePosition(cssX, cssY));
-        gamepad = new Gamepad();
-        input = new Input({ keyboard, mouse, gamepad });
-        engine.setDeps({ graphics, input, timer, audio, keyboard, mouse, gamepad });
-        await gamepad.init();
-        engine.start((event) => {
-            // 1. handleEvent first
-            like.handleEvent?.(event);
-            // 2. Direct handlers
-            const handler = like[event.type];
-            if (handler) {
-                handler(...event.args);
-            }
-        });
-    },
-    dispose() {
-        engine?.stop();
-        engine?.dispose();
-        engine = null;
-        this.load = undefined;
-        this.update = undefined;
-        this.draw = undefined;
-        this.resize = undefined;
-        this.keypressed = undefined;
-        this.keyreleased = undefined;
-        this.mousepressed = undefined;
-        this.mousereleased = undefined;
-        this.gamepadpressed = undefined;
-        this.gamepadreleased = undefined;
-        this.actionpressed = undefined;
-        this.actionreleased = undefined;
-        this.handleEvent = undefined;
-    }
-};
-export { like as love };
+// Routes events to callback properties on the like object
+export function routeEvents(like) {
+    return (event) => {
+        const cb = like[event.type];
+        if (cb)
+            cb(...event.args);
+    };
+}
+export function createLike(container) {
+    const engine = new Engine(container);
+    // Create the like object that combines engine.like with callback properties and methods
+    const like = {
+        ...engine.like,
+        handleEvent: undefined,
+        start: async () => {
+            const handleEvent = (event) => {
+                like.handleEvent?.(event);
+                const cb = like[event.type];
+                if (cb)
+                    cb(...event.args);
+            };
+            await engine.start(handleEvent);
+        },
+        dispose: () => {
+            engine.dispose();
+        }
+    };
+    return like;
+}

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

@@ -1,41 +1,17 @@
-import { Graphics } from '../../core/graphics';
-import { Audio } from '../../core/audio';
-import { Input } from '../../core/input';
-import { Timer } from '../../core/timer';
-import { Keyboard } from '../../core/keyboard';
-import { Mouse } from '../../core/mouse';
-import { Gamepad } from '../../core/gamepad';
+import { Engine } from '../../engine';
 import type { Scene } from './scene';
-import type { CanvasConfig } from '../../core/canvas-config';
 import { StartupScene } from './startup-scene';
-export { Graphics, ImageHandle } from '../../core/graphics';
+import type { Like2DEvent } from '../../core/events';
 export { StartupScene };
-export { Audio } from '../../core/audio';
-export { Input } from '../../core/input';
-export { Timer } from '../../core/timer';
-export { Keyboard } from '../../core/keyboard';
-export { Mouse } from '../../core/mouse';
-export { Gamepad, getGPName, GP } from '../../core/gamepad';
-export type { Like2DEvent as Event } from '../../core/events';
-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 { calcFixedScale } from '../../core/canvas-config';
+export type { Scene };
+export declare function createDefaultHandler(scene: Scene, like: Engine['like']): (event: Like2DEvent) => void;
 export declare class SceneRunner {
     private engine;
     private scene;
-    readonly graphics: Graphics;
-    readonly audio: Audio;
-    readonly timer: Timer;
-    readonly input: Input;
-    readonly keyboard: Keyboard;
-    readonly mouse: Mouse;
-    readonly gamepad: Gamepad;
     constructor(container: HTMLElement);
-    setScaling(config: CanvasConfig): void;
+    get like(): import("../..").Like;
     setScene(scene: Scene): void;
+    handleEvent: (event: Like2DEvent) => 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,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,KAAK,EAAE,CAAC;AAGtB,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAMrG;AAED,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,KAAK,CAAsB;gBAEvB,SAAS,EAAE,WAAW;IAIlC,IAAI,IAAI,yBAEP;IAED,QAAQ,CAAC,KAAK,EAAE,KAAK;IAKrB,WAAW,GAAI,OAAO,WAAW,KAAG,IAAI,CAKtC;IAEI,KAAK,CAAC,KAAK,EAAE,KAAK;IAKxB,OAAO;CAIR"}

package/dist/adapters/scene/index.js

@@ -1,23 +1,15 @@
-import { Graphics } from '../../core/graphics';
-import { Audio } from '../../core/audio';
-import { Input } from '../../core/input';
-import { Timer } from '../../core/timer';
-import { Keyboard } from '../../core/keyboard';
-import { Mouse } from '../../core/mouse';
-import { Gamepad } from '../../core/gamepad';
 import { Engine } from '../../engine';
 import { StartupScene } from './startup-scene';
-export { Graphics, ImageHandle } from '../../core/graphics';
 export { StartupScene };
-export { Audio } from '../../core/audio';
-export { Input } from '../../core/input';
-export { Timer } from '../../core/timer';
-export { Keyboard } from '../../core/keyboard';
-export { Mouse } from '../../core/mouse';
-export { Gamepad, getGPName, GP } from '../../core/gamepad';
-export { Vec2 } from '../../core/vector2';
-export { Rect } from '../../core/rect';
-export { calcFixedScale } from '../../core/canvas-config';
+// Default handler that routes events to scene methods
+export function createDefaultHandler(scene, like) {
+    return (event) => {
+        scene.handleEvent?.(like, event);
+        const method = scene[event.type];
+        if (method)
+            method.call(scene, like, ...event.args);
+    };
+}
 export class SceneRunner {
     constructor(container) {
         Object.defineProperty(this, "engine", {
@@ -32,80 +24,33 @@ export class SceneRunner {
             writable: true,
             value: null
         });
-        Object.defineProperty(this, "graphics", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "audio", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "timer", {
+        Object.defineProperty(this, "handleEvent", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "input", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "keyboard", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "mouse", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "gamepad", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
+            value: (event) => {
+                if (!this.scene)
+                    return;
+                this.scene.handleEvent?.(this.engine.like, event);
+                const method = this.scene[event.type];
+                if (method)
+                    method.call(this.scene, this.engine.like, ...event.args);
+            }
         });
         this.engine = new Engine(container);
-        this.graphics = new Graphics(this.engine.getContext());
-        this.keyboard = new Keyboard();
-        this.mouse = new Mouse((cssX, cssY) => this.engine.transformMousePosition(cssX, cssY));
-        this.gamepad = new Gamepad();
-        this.input = new Input({ keyboard: this.keyboard, mouse: this.mouse, gamepad: this.gamepad });
-        this.timer = new Timer();
-        this.audio = new Audio();
     }
-    setScaling(config) {
-        this.engine.setScaling(config);
+    get like() {
+        return this.engine.like;
     }
     setScene(scene) {
         this.scene = scene;
-        this.scene.load?.();
+        scene.load?.(this.engine.like);
     }
     async start(scene) {
         this.setScene(scene);
-        this.engine.setDeps({ graphics: this.graphics, input: this.input, timer: this.timer, audio: this.audio, keyboard: this.keyboard, mouse: this.mouse, gamepad: this.gamepad });
-        await this.gamepad.init();
-        this.engine.start((event) => {
-            // 1. handleEvent runs first
-            this.scene?.handleEvent?.(event);
-            // 2. Direct handlers
-            const handler = this.scene?.[event.type];
-            if (handler) {
-                handler.apply(this.scene, event.args);
-            }
-        });
+        await this.engine.start(this.handleEvent);
     }
     dispose() {
-        this.engine.stop();
         this.engine.dispose();
         this.scene = null;
     }

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

@@ -1,18 +1,19 @@
 import type { Vector2 } from '../../core/vector2';
 import type { Like2DEvent } from '../../core/events';
+import type { Like } from '../../core/like';
 export type Scene = {
-    load?(): void;
-    update?(dt: number): void;
-    draw?(canvas: HTMLCanvasElement): void;
-    resize?(size: Vector2, pixelSize: Vector2, fullscreen: boolean): void;
-    keypressed?(scancode: string, keycode: string): void;
-    keyreleased?(scancode: string, keycode: string): void;
-    mousepressed?(x: number, y: number, button: number): void;
-    mousereleased?(x: number, y: number, button: number): void;
-    gamepadpressed?(gamepadIndex: number, buttonIndex: number, buttonName: string): void;
-    gamepadreleased?(gamepadIndex: number, buttonIndex: number, buttonName: string): void;
-    actionpressed?(action: string): void;
-    actionreleased?(action: string): void;
-    handleEvent?(event: Like2DEvent): void;
+    load?(like: Like): void;
+    update?(like: Like, dt: number): void;
+    draw?(like: Like): void;
+    resize?(like: Like, size: Vector2, pixelSize: Vector2, fullscreen: boolean): void;
+    keypressed?(like: Like, scancode: string, keycode: string): void;
+    keyreleased?(like: Like, scancode: string, keycode: string): void;
+    mousepressed?(like: Like, x: number, y: number, button: number): void;
+    mousereleased?(like: Like, x: number, y: number, button: number): void;
+    gamepadpressed?(like: Like, gamepadIndex: number, buttonIndex: number, buttonName: string): void;
+    gamepadreleased?(like: Like, gamepadIndex: number, buttonIndex: number, buttonName: string): void;
+    actionpressed?(like: Like, action: string): void;
+    actionreleased?(like: Like, action: string): void;
+    handleEvent?(like: Like, event: Like2DEvent): void;
 };
 //# sourceMappingURL=scene.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../../src/adapters/scene/scene.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,IAAI,IAAI,CAAC;IACd,MAAM,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACvC,MAAM,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IACtE,UAAU,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACrD,WAAW,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACtD,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1D,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3D,cAAc,CAAC,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACrF,eAAe,CAAC,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACtF,aAAa,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,WAAW,CAAC,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;CACxC,CAAC"}
+{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../../src/adapters/scene/scene.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IAClF,UAAU,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACjE,WAAW,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAClE,YAAY,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACvE,cAAc,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACjG,eAAe,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAClG,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACjD,cAAc,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAClD,WAAW,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;CACpD,CAAC"}

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

@@ -1,17 +1,18 @@
-import type { Like2DEvent } from '../../core/events';
 import type { Scene } from './scene';
-import type { Graphics } from '../../core/graphics';
+import { ImageHandle } from '../../core/graphics';
+import type { Like } from '../../core/like';
 export type StartupSceneConfig = {
     nextScene: Scene;
-    draw?: (g: Graphics, canvas: HTMLCanvasElement) => void;
+    draw?: (like: Like, logo: ImageHandle) => 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);
-    draw(canvas: HTMLCanvasElement): void;
-    handleEvent(event: Like2DEvent): void;
+    private logo;
+    constructor(config: StartupSceneConfig, setScene: (scene: Scene) => void);
+    draw(like: Like): void;
+    mousepressed(_like: Like, _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,EAAE,WAAW,EAAY,MAAM,qBAAqB,CAAC;AAG5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AA4BF,qBAAa,YAAa,YAAW,KAAK;IAKtC,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,QAAQ;IALlB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,IAAI,CAAc;gBAGhB,MAAM,EAAE,kBAAkB,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAK1C,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAItB,YAAY,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;CAMzE"}

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

@@ -1,25 +1,39 @@
-function defaultDraw(g, canvas) {
-    g.print('white', 'Click to Start', [canvas.width / 2, canvas.height / 2], { align: 'center' });
+import { newImage } from '../../core/graphics';
+import { Vec2 } from '../../core/vector2';
+import { Rect } from '../../core/rect';
+const LOGO_DATA_URI = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB3aWR0aD0iMzAwbW0iIGhlaWdodD0iMTA1bW0iIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMwMCAxMDUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8cmVjdCB4PSIxMCIgeT0iMTEuMjMiIHdpZHRoPSIyODAiIGhlaWdodD0iODMuNTQ0IiBmaWxsPSIjZTQ4MDgwIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSI5Ny40ODQiIHk9IjExLjIzIiB3aWR0aD0iNTIuNTE2IiBoZWlnaHQ9IjQ2LjIzNyIvPgogIDxyZWN0IHg9IjE1MCIgeT0iMTEuMjMiIHdpZHRoPSIzNS4wMTEiIGhlaWdodD0iNDYuMjM3Ii8+CiAgPHJlY3QgeD0iMTg1LjAxIiB5PSIxMS4yMyIgd2lkdGg9IjUyLjUxNiIgaGVpZ2h0PSI0Ni4yMzciLz4KICA8cmVjdCB4PSIyMzcuNTMiIHk9IjExLjIzIiB3aWR0aD0iNTIuNTE2IiBoZWlnaHQ9IjQ2LjIzNyIvPgogPC9nPgogPGc+CiAgPHJlY3QgeD0iMTMyLjQ5IiB5PSIxMS4yMyIgd2lkdGg9IjE3LjUwNSIgaGVpZ2h0PSIyNy40NjEiLz4KICA8cmVjdCB4PSIxNTAiIHk9IjI5LjMwMiIgd2lkdGg9IjguNzUyNyIgaGVpZ2h0PSIxOC43NzYiLz4KICA8cmVjdCB4PSIxNzYuMjYiIHk9IjI5LjMwMiIgd2lkdGg9IjguNzUyNyIgaGVpZ2h0PSIxOC43NzYiLz4KIDwvZz4KIDxyZWN0IHg9IjE1MCIgeT0iMTEuMjMiIHdpZHRoPSIxNy41MDUiIGhlaWdodD0iOC42ODQ1IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KIDxyZWN0IHg9IjE2Ny41MSIgeT0iMTEuMjMiIHdpZHRoPSIxNy41MDUiIGhlaWdodD0iOC42ODQ1IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KIDxnPgogIDxwYXRoIGQ9Im0yMzcuNTMgMzguNjkxLTE3LjUwNS05LjM4ODIgMTcuNTA1LTE4LjA3M3oiLz4KICA8cmVjdCB4PSIyMDIuODgiIHk9IjQ4LjA3OSIgd2lkdGg9IjE2Ljc3MiIgaGVpZ2h0PSI5LjM4ODIiLz4KICA8cmVjdCB4PSIyNzIuNTQiIHk9IjIwLjI2NiIgd2lkdGg9IjE2Ljc3MiIgaGVpZ2h0PSI5LjM4ODIiLz4KICA8cmVjdCB4PSIyNzIuNTQiIHk9IjM4LjY5MSIgd2lkdGg9IjE2Ljc3MiIgaGVpZ2h0PSI5LjM4ODIiLz4KICA8cGF0aCBkPSJtMjAyLjUyIDI5LjMwMiAwLjM2Njg1LTE4LjA3M2gxNy4xMzl6Ii8+CiA8L2c+CiA8cGF0aCBkPSJtNjQuMDc4IDEuMDA0Mi0zMy4zNzUgMzMuMzc1LTAuMDE3NDMgMC4wMTc0YTIzLjYxMiAyMy42MTIgMCAwIDAgMCAzMy4zOTIgMjMuNjEyIDIzLjYxMiAwIDAgMCAzMC4wMTIgMi44MDIyIDIzLjYxMiAyMy42MTIgMCAwIDEgN2UtMyAwLjU3MDM0IDIzLjYxMiAyMy42MTIgMCAwIDEtMjMuNjEyIDIzLjYxMmg1My45N2EyMy42MTIgMjMuNjEyIDAgMCAxLTIzLjYxMS0yMy42MTIgMjMuNjEyIDIzLjYxMiAwIDAgMSA3ZS0zIC0wLjU3MDM0IDIzLjYxMiAyMy42MTIgMCAwIDAgMzAuMDEyLTIuODAyOSAyMy42MTIgMjMuNjEyIDAgMCAwLTYuODhlLTQgLTMzLjM5MnoiIGZpbGw9IiM4MGMzZTQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9Ii41Ij4KICA8Y2lyY2xlIHRyYW5zZm9ybT0icm90YXRlKDEzNSkiIGN4PSItMjAuOTg4IiBjeT0iLTkzLjI0MyIgcj0iMjMuNjEyIi8+CiAgPGNpcmNsZSB0cmFuc2Zvcm09InJvdGF0ZSgxMzUpIiBjeD0iMi42MjM4IiBjeT0iLTY5LjYzMiIgcj0iMjMuNjEyIi8+CiAgPGNpcmNsZSBjeD0iOTEuMDYyIiBjeT0iNzEuMTYxIiByPSIyMy42MTIiLz4KICA8Y2lyY2xlIGN4PSIzNy4wOTMiIGN5PSI3MS4xNjEiIHI9IjIzLjYxMiIvPgogPC9nPgo8L3N2Zz4K';
+const LOGO_WIDTH_RATIO = 0.5;
+function defaultDraw(like, logo) {
+    const size = like.gfx.getCanvasSize();
+    const center = Vec2.mul(size, 0.5);
+    const bottomY = size[1] * 0.85;
+    like.gfx.clear('black');
+    if (logo.isReady()) {
+        const imgSize = logo.size;
+        const scale = (size[0] * LOGO_WIDTH_RATIO) / imgSize[0];
+        const drawSize = Vec2.mul(imgSize, scale);
+        const rect = Rect.fromCenter(center, drawSize);
+        like.gfx.draw(logo, Rect.position(rect), { scale: [scale, scale] });
+    }
+    like.gfx.print('white', 'Click to Start', [0, bottomY], {
+        align: 'center',
+        limit: size[0],
+        font: '32px sans-serif'
+    });
 }
 export class StartupScene {
-    constructor(graphics, config, onStart) {
-        Object.defineProperty(this, "graphics", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: graphics
-        });
+    constructor(config, setScene) {
         Object.defineProperty(this, "config", {
             enumerable: true,
             configurable: true,
             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 +41,21 @@ export class StartupScene {
             writable: true,
             value: false
         });
-        this.graphics.setBackgroundColor('black');
+        Object.defineProperty(this, "logo", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.logo = config.logo ?? newImage(LOGO_DATA_URI);
     }
-    draw(canvas) {
-        (this.config.draw ?? defaultDraw)(this.graphics, canvas);
+    draw(like) {
+        (this.config.draw ?? defaultDraw)(like, this.logo);
     }
-    handleEvent(event) {
-        if (event.type === 'mousepressed' && !this.started) {
+    mousepressed(_like, _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.