like2d 2.3.0 → 2.5.0

package/dist/engine.js

@@ -1,3 +1,10 @@
+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 { newState, bindGraphics } from './core/graphics';
 import { CanvasManager } from './core/canvas-manager';
 export class Engine {
     constructor(container) {
@@ -13,12 +20,6 @@ export class Engine {
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "deps", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
         Object.defineProperty(this, "isRunning", {
             enumerable: true,
             configurable: true,
@@ -49,6 +50,13 @@ export class Engine {
             writable: true,
             value: null
         });
+        // Public Like object with all systems - initialized in constructor
+        Object.defineProperty(this, "like", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         this.canvas = document.createElement('canvas');
         this.canvas.style.border = '1px solid #ccc';
         this.canvas.style.display = 'block';
@@ -58,66 +66,95 @@ 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' });
-        // Internal listener to forward to onEvent
+        this.canvasManager = new CanvasManager(this.canvas, this.container, this.ctx, { pixelResolution: null, fullscreen: false });
+        // Create graphics state and bind it
+        const gfxState = newState(this.ctx);
+        const gfx = bindGraphics(gfxState);
+        // Create all subsystems
+        const audio = new Audio();
+        const timer = new Timer();
+        const keyboard = new Keyboard();
+        const mouse = new Mouse((cssX, cssY) => this.canvasManager.transformMousePosition(cssX, cssY));
+        const gamepad = new Gamepad();
+        const input = new Input({ keyboard, mouse, gamepad });
+        // Create the Like object with all systems
+        this.like = {
+            audio,
+            timer,
+            input,
+            keyboard,
+            mouse,
+            gamepad,
+            gfx,
+            setMode: (m) => this.setMode(m),
+            getMode: () => this.canvasManager.getMode(),
+            getCanvasSize: () => [this.canvas.width, this.canvas.height],
+        };
+        // Set up input event handlers
+        keyboard.onKeyEvent = (scancode, keycode, type) => {
+            this.dispatchEvent(type === 'keydown' ? 'keypressed' : 'keyreleased', [scancode, keycode]);
+        };
+        mouse.onMouseEvent = (clientX, clientY, button, type) => {
+            const [x, y] = this.canvasManager.transformMousePosition(clientX, clientY);
+            const b = (button ?? 0) + 1;
+            this.dispatchEvent(type === 'mousedown' ? 'mousepressed' : 'mousereleased', [x, y, b]);
+        };
+        gamepad.onButtonEvent = (gpIndex, buttonIndex, buttonName, pressed) => {
+            this.dispatchEvent(pressed ? 'gamepadpressed' : 'gamepadreleased', [gpIndex, buttonIndex, buttonName]);
+        };
+        // Internal listener to forward resize events
         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);
-    }
-    setDeps(deps) {
-        this.deps = deps;
+    handleFullscreenChange() {
+        const mode = this.canvasManager.getMode();
+        const isFullscreen = !!document.fullscreenElement;
+        if (mode.fullscreen !== isFullscreen) {
+            this.canvasManager.setMode({ ...mode, fullscreen: isFullscreen });
+        }
     }
-    dispose() {
-        this.isRunning = false;
-        this.deps?.keyboard.dispose();
-        this.deps?.mouse.dispose();
-        this.deps?.gamepad.dispose();
-        this.canvasManager.dispose();
-        if (this.canvas.parentNode === this.container) {
-            this.container.removeChild(this.canvas);
+    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);
     }
     dispatchEvent(type, args) {
         if (this.onEvent) {
             this.onEvent({ type, args, timestamp: performance.now() });
         }
     }
-    start(onEvent) {
-        if (!this.deps)
-            throw new Error('Engine dependencies not set. Call setDeps() before start().');
+    async start(onEvent) {
         this.onEvent = onEvent;
         this.isRunning = true;
         this.lastTime = performance.now();
-        // Listeners for raw input
-        this.deps.keyboard.onKeyEvent = (scancode, keycode, type) => {
-            this.dispatchEvent(type === 'keydown' ? 'keypressed' : 'keyreleased', [scancode, keycode]);
-        };
-        this.deps.mouse.onMouseEvent = (clientX, clientY, button, type) => {
-            const [x, y] = this.transformMousePosition(clientX, clientY);
-            const b = (button ?? 0) + 1;
-            this.dispatchEvent(type === 'mousedown' ? 'mousepressed' : 'mousereleased', [x, y, b]);
-        };
-        this.deps.gamepad.onButtonEvent = (gpIndex, buttonIndex, buttonName, pressed) => {
-            this.dispatchEvent(pressed ? 'gamepadpressed' : 'gamepadreleased', [gpIndex, buttonIndex, buttonName]);
-        };
+        // Initialize gamepad
+        await this.like.gamepad.init();
         const loop = () => {
             if (!this.isRunning)
                 return;
             const currentTime = performance.now();
             const dt = (currentTime - this.lastTime) / 1000;
             this.lastTime = currentTime;
-            if (!this.deps.timer.isSleeping()) {
-                this.deps.timer.update(dt);
-                const inputEvents = this.deps.input.update();
+            if (!this.like.timer.isSleeping()) {
+                this.like.timer.update(dt);
+                const inputEvents = this.like.input.update();
                 inputEvents.pressed.forEach(action => this.dispatchEvent('actionpressed', [action]));
                 inputEvents.released.forEach(action => this.dispatchEvent('actionreleased', [action]));
                 this.dispatchEvent('update', [dt]);
             }
-            this.deps.graphics.clear();
-            this.dispatchEvent('draw', [this.canvas]);
+            this.dispatchEvent('draw', []);
             this.canvasManager.present();
             requestAnimationFrame(loop);
         };
@@ -127,28 +164,17 @@ export class Engine {
     stop() {
         this.isRunning = false;
     }
-    setSize(width, height) {
-        this.canvas.width = width;
-        this.canvas.height = height;
-    }
-    getTime() {
-        return this.deps?.timer.getTime() ?? 0;
-    }
-    getCanvas() {
-        return this.canvas;
-    }
-    getContext() {
-        return this.ctx;
-    }
-    transformMousePosition(cssX, cssY) {
-        return this.canvasManager.transformMousePosition(cssX, cssY);
-    }
-    toggleFullscreen() {
-        if (!document.fullscreenElement) {
-            this.container.requestFullscreen().catch(console.error);
-        }
-        else {
-            document.exitFullscreen();
+    dispose() {
+        this.isRunning = false;
+        this.like.keyboard.dispose();
+        this.like.mouse.dispose();
+        this.like.gamepad.dispose();
+        this.canvasManager.dispose();
+        if (this.canvas.parentNode === this.container) {
+            this.container.removeChild(this.canvas);
         }
     }
+    getCanvasSize() {
+        return [this.canvas.width, this.canvas.height];
+    }
 }

package/dist/index.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Main API interface containing all core systems.
+ * Passed as first argument to all callbacks.
+ */
+export type { Like } from './core/like';
 /**
  * 2D vector as a tuple: [x, y]
  */
@@ -14,7 +19,8 @@ export { Rect } from './core/rect';
 /**
  * Common event structure for all engine events.
  */
-export type { Like2DEvent, EventType } from './core/events';
+export type { Like2DEvent, EventType, EventMap } from './core/events';
+export type { CanvasMode, PartialCanvasMode } from './core/canvas-config';
 /**
  * Graphics types for drawing operations.
  */
@@ -22,7 +28,7 @@ export type { Color, Quad, ShapeProps, DrawProps, PrintProps } from './core/grap
 /**
  * Handle to an image asset that may be loading in the background.
  */
-export { ImageHandle } from './core/graphics';
+export { ImageHandle, newImage } from './core/graphics';
 /**
  * Audio source types for sound playback.
  */

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,YAAY,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC;;;GAGG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE5D;;GAEG;AACH,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEtF;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE1D;;GAEG;AACH,YAAY,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAEpD;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,YAAY,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,YAAY,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC;;;GAGG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE1E;;GAEG;AACH,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEtF;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAExD;;GAEG;AACH,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE1D;;GAEG;AACH,YAAY,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAEpD;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -1,6 +1,6 @@
 // Like2D - Multi-adapter game framework
 // Use specific adapters for different patterns:
-// - import { like, graphics } from 'like2d/callback'  (Love2D-style callbacks)
+// - import { createLike, graphics } from 'like2d/callback'  (Love2D-style callbacks)
 // - import { SceneRunner, Scene } from 'like2d/scene'  (Class-based scenes)
 /**
  * 2D vector math and utility functions
@@ -14,11 +14,11 @@ export { Rect } from './core/rect';
 /**
  * Handle to an image asset that may be loading in the background.
  */
-export { ImageHandle } from './core/graphics';
+export { ImageHandle, newImage } from './core/graphics';
 /**
  * Gamepad utility functions and types.
  */
 export { getGPName, GP } from './core/gamepad';
 // Note: For actual usage, import from specific adapters:
-// import { like, graphics } from 'like2d/callback';
+// import { createLike, graphics } from 'like2d/callback';
 // import { SceneRunner, Scene } from 'like2d/scene';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "like2d",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "description": "A web-native game framework inspired by Love2D",
   "type": "module",
   "main": "./dist/index.js",
@@ -26,13 +26,6 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "build": "tsc && cp src/gamecontrollerdb.txt dist/",
-    "typecheck": "tsc --noEmit",
-    "lint": "echo 'No linting configured'",
-    "clean": "rm -rf dist",
-    "test": "vitest run"
-  },
   "keywords": [
     "game",
     "framework",
@@ -46,5 +39,12 @@
   "license": "MIT",
   "devDependencies": {
     "typescript": "^5.9.3"
+  },
+  "scripts": {
+    "build": "tsc && cp src/gamecontrollerdb.txt dist/",
+    "typecheck": "tsc --noEmit",
+    "lint": "echo 'No linting configured'",
+    "clean": "rm -rf dist",
+    "test": "vitest run"
   }
-}
+}