like2d 2.3.0 → 2.5.0

package/dist/core/graphics.js

@@ -52,300 +52,217 @@ export class ImageHandle {
     }
 }
 function parseColor(color) {
-    if (typeof color === 'string') {
+    if (typeof color === 'string')
         return color;
-    }
     const [r, g, b, a = 1] = color;
     return `rgba(${r * 255}, ${g * 255}, ${b * 255}, ${a})`;
 }
-export class Graphics {
-    constructor(ctx) {
-        Object.defineProperty(this, "ctx", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "screenCtx", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "canvases", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Map()
-        });
-        Object.defineProperty(this, "backgroundColor", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: [0, 0, 0, 1]
-        });
-        Object.defineProperty(this, "images", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Map()
-        });
-        Object.defineProperty(this, "defaultFont", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: '16px sans-serif'
-        });
-        this.screenCtx = ctx;
-        this.ctx = ctx;
-        ctx.font = this.defaultFont;
-    }
-    applyColor(color) {
-        return parseColor(color ?? [1, 1, 1, 1]);
-    }
-    setStrokeProps(props) {
-        if (!this.ctx)
-            return;
-        // Always reset to defaults first, then apply any custom props
-        this.ctx.lineWidth = props?.lineWidth ?? 1;
-        this.ctx.lineCap = props?.lineCap ?? 'butt';
-        this.ctx.lineJoin = props?.lineJoin ?? 'miter';
-        this.ctx.miterLimit = props?.miterLimit ?? 10;
-    }
-    clear() {
-        if (!this.ctx)
-            return;
-        this.ctx.fillStyle = parseColor(this.backgroundColor);
-        this.ctx.fillRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
+function applyColor(color) {
+    return parseColor(color ?? [1, 1, 1, 1]);
+}
+function setStrokeProps(ctx, props) {
+    ctx.lineWidth = props?.lineWidth ?? 1;
+    ctx.lineCap = props?.lineCap ?? 'butt';
+    ctx.lineJoin = props?.lineJoin ?? 'miter';
+    ctx.miterLimit = props?.miterLimit ?? 10;
+}
+export function newState(ctx) {
+    return {
+        screenCtx: ctx,
+        currentCtx: ctx,
+        canvases: new Map(),
+    };
+}
+export function clear(s, color = [0, 0, 0, 1]) {
+    const ctx = s.currentCtx;
+    ctx.fillStyle = parseColor(color);
+    ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
+}
+export function rectangle(s, mode, color, rect, props) {
+    const ctx = s.currentCtx;
+    const [x, y, w, h] = rect;
+    const c = applyColor(color);
+    if (mode === 'fill') {
+        ctx.fillStyle = c;
+        ctx.fillRect(x, y, w, h);
     }
-    setBackgroundColor(color) {
-        this.backgroundColor = color;
-        this.clear();
+    else {
+        setStrokeProps(ctx, props);
+        ctx.strokeStyle = c;
+        ctx.strokeRect(x, y, w, h);
     }
-    rectangle(mode, color, rect, props) {
-        if (!this.ctx)
-            return;
-        const [x, y, width, height] = rect;
-        const parsedColor = this.applyColor(color);
-        if (mode === 'fill') {
-            this.ctx.fillStyle = parsedColor;
-            this.ctx.fillRect(x, y, width, height);
-        }
-        else {
-            this.setStrokeProps(props);
-            this.ctx.strokeStyle = parsedColor;
-            this.ctx.strokeRect(x, y, width, height);
-        }
-    }
-    circle(mode, color, position, radii, props) {
-        if (!this.ctx)
-            return;
-        const [x, y] = position;
-        const parsedColor = this.applyColor(color);
-        const [rx, ry] = typeof radii === 'number' ? [radii, radii] : radii;
-        const [startAngle, endAngle] = props?.arc ?? [0, Math.PI * 2];
-        const rotation = props?.angle ?? 0;
-        this.ctx.save();
-        this.ctx.translate(x, y);
-        this.ctx.rotate(rotation);
-        this.ctx.scale(rx, ry);
-        this.ctx.beginPath();
-        this.ctx.arc(0, 0, 1, startAngle, endAngle);
-        this.ctx.closePath();
-        this.ctx.restore();
-        if (mode === 'fill') {
-            this.ctx.fillStyle = parsedColor;
-            this.ctx.fill();
-        }
-        else {
-            this.setStrokeProps(props);
-            this.ctx.strokeStyle = parsedColor;
-            this.ctx.stroke();
-        }
-    }
-    line(color, points, props) {
-        if (!this.ctx || points.length < 2)
-            return;
-        const parsedColor = this.applyColor(color);
-        this.setStrokeProps(props);
-        this.ctx.beginPath();
-        const [[x0, y0], ...rest] = points;
-        this.ctx.moveTo(x0, y0);
-        rest.forEach(([x, y]) => this.ctx.lineTo(x, y));
-        this.ctx.strokeStyle = parsedColor;
-        this.ctx.stroke();
+}
+export function circle(s, mode, color, position, radii, props) {
+    const ctx = s.currentCtx;
+    const [x, y] = position;
+    const c = applyColor(color);
+    const [rx, ry] = typeof radii === 'number' ? [radii, radii] : radii;
+    const [startAngle, endAngle] = props?.arc ?? [0, Math.PI * 2];
+    const rotation = props?.angle ?? 0;
+    ctx.save();
+    ctx.translate(x, y);
+    ctx.rotate(rotation);
+    ctx.scale(rx, ry);
+    ctx.beginPath();
+    ctx.arc(0, 0, 1, startAngle, endAngle);
+    ctx.closePath();
+    ctx.restore();
+    if (mode === 'fill') {
+        ctx.fillStyle = c;
+        ctx.fill();
     }
-    print(color, text, position, props) {
-        if (!this.ctx)
-            return;
-        const [x, y] = position;
-        const { font = this.defaultFont, limit, align = 'left' } = props ?? {};
-        this.ctx.fillStyle = parseColor(color);
-        this.ctx.font = font;
-        if (limit !== undefined) {
-            const lines = this.wrapText(text, limit);
-            const lineHeight = this.getFontHeight();
-            lines.forEach((line, index) => {
-                const lineWidth = this.ctx.measureText(line).width;
-                const drawX = align === 'center' ? x + (limit - lineWidth) / 2 :
-                    align === 'right' ? x + limit - lineWidth : x;
-                this.ctx.fillText(line, drawX, y + index * lineHeight);
-            });
-        }
-        else {
-            this.ctx.fillText(text, x, y);
-        }
+    else {
+        setStrokeProps(ctx, props);
+        ctx.strokeStyle = c;
+        ctx.stroke();
     }
-    wrapText(text, maxWidth) {
-        if (!this.ctx)
-            return [text];
-        const words = text.split(' ');
-        const [first, ...rest] = words;
-        const lines = [];
-        let currentLine = first ?? '';
-        rest.forEach((word) => {
-            const width = this.ctx.measureText(currentLine + ' ' + word).width;
-            if (width < maxWidth) {
-                currentLine += ' ' + word;
-            }
-            else {
-                lines.push(currentLine);
-                currentLine = word;
-            }
+}
+export function line(s, color, points, props) {
+    const ctx = s.currentCtx;
+    if (points.length < 2)
+        return;
+    setStrokeProps(ctx, props);
+    ctx.beginPath();
+    const [[x0, y0], ...rest] = points;
+    ctx.moveTo(x0, y0);
+    rest.forEach(([x, y]) => ctx.lineTo(x, y));
+    ctx.strokeStyle = applyColor(color);
+    ctx.stroke();
+}
+export function print(s, color, text, position, props) {
+    const ctx = s.currentCtx;
+    const [x, y] = position;
+    const { font = '16px sans-serif', limit, align = 'left' } = props ?? {};
+    ctx.fillStyle = parseColor(color);
+    ctx.font = font;
+    if (limit !== undefined) {
+        const lines = wrapText(ctx, text, limit);
+        const lineHeight = getFontHeight(ctx);
+        lines.forEach((line, i) => {
+            const lineWidth = ctx.measureText(line).width;
+            const drawX = align === 'center' ? x + (limit - lineWidth) / 2
+                : align === 'right' ? x + limit - lineWidth
+                    : x;
+            ctx.fillText(line, drawX, y + i * lineHeight);
         });
-        lines.push(currentLine);
-        return lines;
-    }
-    getFontHeight() {
-        if (!this.ctx)
-            return 16;
-        const match = this.ctx.font.match(/(\d+)px/);
-        return match ? parseInt(match[1]) : 16;
     }
-    setFont(size, font = 'sans-serif') {
-        if (!this.ctx)
-            return;
-        this.defaultFont = `${size}px ${font}`;
-        this.ctx.font = this.defaultFont;
+    else {
+        ctx.fillText(text, x, y);
     }
-    getFont() {
-        return this.defaultFont;
-    }
-    newImage(path) {
-        let handle = this.images.get(path);
-        if (!handle) {
-            handle = new ImageHandle(path);
-            this.images.set(path, handle);
-        }
-        return handle;
-    }
-    draw(handle, position, props) {
-        if (!this.ctx)
-            return;
-        const imageHandle = this.images.get(handle.path);
-        if (!imageHandle?.isReady())
-            return;
-        const element = imageHandle.getElement();
-        if (!element)
-            return;
-        const [x, y] = position;
-        const { r = 0, scale = 1, origin = 0, quad } = props ?? {};
-        const [sx, sy] = typeof scale === 'number' ? [scale, scale] : scale;
-        const [ox, oy] = typeof origin === 'number' ? [origin, origin] : origin;
-        this.ctx.save();
-        this.ctx.translate(x, y);
-        this.ctx.rotate(r);
-        this.ctx.scale(sx, sy);
-        if (quad) {
-            const [qx, qy, qw, qh] = quad;
-            this.ctx.drawImage(element, qx, qy, qw, qh, -ox, -oy, qw, qh);
+}
+function wrapText(ctx, text, maxWidth) {
+    const words = text.split(' ');
+    const [first, ...rest] = words;
+    const lines = [];
+    let current = first ?? '';
+    rest.forEach(word => {
+        if (ctx.measureText(current + ' ' + word).width < maxWidth) {
+            current += ' ' + word;
         }
         else {
-            this.ctx.drawImage(element, -ox, -oy);
+            lines.push(current);
+            current = word;
         }
-        this.ctx.restore();
+    });
+    lines.push(current);
+    return lines;
+}
+function getFontHeight(ctx) {
+    const match = ctx.font.match(/(\d+)px/);
+    return match ? parseInt(match[1]) : 16;
+}
+export function drawImage(s, handle, position, props) {
+    const ctx = s.currentCtx;
+    if (!handle.isReady())
+        return;
+    const element = handle.getElement();
+    if (!element)
+        return;
+    const [x, y] = position;
+    const { r = 0, scale = 1, origin = 0, quad } = props ?? {};
+    const [sx, sy] = typeof scale === 'number' ? [scale, scale] : scale;
+    const [ox, oy] = typeof origin === 'number' ? [origin, origin] : origin;
+    ctx.save();
+    ctx.translate(x, y);
+    ctx.rotate(r);
+    ctx.scale(sx, sy);
+    if (quad) {
+        const [qx, qy, qw, qh] = quad;
+        ctx.drawImage(element, qx, qy, qw, qh, -ox, -oy, qw, qh);
     }
-    getCanvasSize() {
-        const width = this.ctx?.canvas.width ?? 800;
-        const height = this.ctx?.canvas.height ?? 600;
-        return [width, height];
+    else {
+        ctx.drawImage(element, -ox, -oy);
     }
-    newCanvas(size) {
-        const [width, height] = size;
-        const element = document.createElement('canvas');
-        element.width = width;
-        element.height = height;
-        const ctx = element.getContext('2d');
-        if (!ctx) {
-            throw new Error('Failed to create canvas context');
-        }
-        const canvas = { size, element, ctx };
-        this.canvases.set(canvas, true);
-        return canvas;
+    ctx.restore();
+}
+export function getCanvasSize(s) {
+    return [s.currentCtx.canvas.width, s.currentCtx.canvas.height];
+}
+export function newCanvas(s, size) {
+    const [w, h] = size;
+    const element = document.createElement('canvas');
+    element.width = w;
+    element.height = h;
+    const ctx = element.getContext('2d');
+    if (!ctx)
+        throw new Error('Failed to create canvas context');
+    const canvas = { size, element, ctx };
+    s.canvases.set(canvas, true);
+    return canvas;
+}
+export function setCanvas(s, canvas) {
+    s.currentCtx = canvas?.ctx ?? s.screenCtx;
+}
+export function clip(s, rect) {
+    const ctx = s.currentCtx;
+    ctx.beginPath();
+    if (rect) {
+        const [x, y, w, h] = rect;
+        ctx.rect(x, y, w, h);
     }
-    setCanvas(canvas) {
-        if (canvas) {
-            this.ctx = canvas.ctx;
-        }
-        else {
-            this.ctx = this.screenCtx;
-        }
+    else {
+        ctx.rect(0, 0, ctx.canvas.width, ctx.canvas.height);
     }
-    clip(rect) {
-        if (!this.ctx)
-            return;
-        if (rect) {
-            const [x, y, w, h] = rect;
-            this.ctx.beginPath();
-            this.ctx.rect(x, y, w, h);
-            this.ctx.clip();
-        }
-        else {
-            this.ctx.beginPath();
-            this.ctx.rect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
-            this.ctx.clip();
-        }
+    ctx.clip();
+}
+export function polygon(s, mode, color, points, props) {
+    const ctx = s.currentCtx;
+    if (points.length < 3)
+        return;
+    const c = applyColor(color);
+    ctx.beginPath();
+    const [[x0, y0], ...rest] = points;
+    ctx.moveTo(x0, y0);
+    rest.forEach(([x, y]) => ctx.lineTo(x, y));
+    ctx.closePath();
+    if (mode === 'fill') {
+        ctx.fillStyle = c;
+        ctx.fill();
     }
-    polygon(mode, color, points, props) {
-        if (!this.ctx || points.length < 3)
-            return;
-        const parsedColor = this.applyColor(color);
-        this.ctx.beginPath();
-        const [[x0, y0], ...rest] = points;
-        this.ctx.moveTo(x0, y0);
-        rest.forEach(([x, y]) => this.ctx.lineTo(x, y));
-        this.ctx.closePath();
-        if (mode === 'fill') {
-            this.ctx.fillStyle = parsedColor;
-            this.ctx.fill();
-        }
-        else {
-            this.setStrokeProps(props);
-            this.ctx.strokeStyle = parsedColor;
-            this.ctx.stroke();
-        }
+    else {
+        setStrokeProps(ctx, props);
+        ctx.strokeStyle = c;
+        ctx.stroke();
     }
-    arc(mode, x, y, radius, angle1, angle2, props) {
-        if (!this.ctx)
-            return;
-        const color = this.applyColor(props?.color);
-        this.ctx.beginPath();
-        this.ctx.arc(x, y, radius, angle1, angle2);
-        if (mode === 'fill') {
-            this.ctx.fillStyle = color;
-            this.ctx.fill();
-        }
-        else {
-            this.setStrokeProps(props);
-            this.ctx.strokeStyle = color;
-            this.ctx.stroke();
+}
+export function points(s, color, pts) {
+    const ctx = s.currentCtx;
+    ctx.fillStyle = applyColor(color);
+    pts.forEach(([x, y]) => ctx.fillRect(x, y, 1, 1));
+}
+export function newImage(path) {
+    return new ImageHandle(path);
+}
+const graphicsFns = {
+    clear, rectangle, circle, line, print,
+    draw: drawImage, getCanvasSize, newCanvas, setCanvas,
+    clip, polygon, points,
+};
+export function bindGraphics(s) {
+    return new Proxy({}, {
+        get(_, prop) {
+            const fn = graphicsFns[prop];
+            return fn ? (...args) => fn(s, ...args) : undefined;
         }
-    }
-    points(color, points) {
-        if (!this.ctx)
-            return;
-        const parsedColor = this.applyColor(color);
-        this.ctx.fillStyle = parsedColor;
-        points.forEach(([x, y]) => this.ctx.fillRect(x, y, 1, 1));
-    }
+    });
 }

package/dist/core/like.d.ts

@@ -0,0 +1,54 @@
+import type { Audio } from './audio';
+import type { Timer } from './timer';
+import type { Input } from './input';
+import type { Keyboard } from './keyboard';
+import type { Mouse } from './mouse';
+import type { Gamepad } from './gamepad';
+import type { Vector2 } from './vector2';
+import type { CanvasMode, PartialCanvasMode } from './canvas-config';
+import type { BoundGraphics } from './graphics';
+/**
+ * The Like interface provides access to all core systems and APIs
+ * that are passed to game callbacks (load, update, draw, etc.).
+ *
+ * This is the main interface for interacting with the engine's subsystems.
+ */
+export interface Like {
+    /** Audio system for managing and playing sounds */
+    readonly audio: Audio;
+    /** Timer system for tracking time, delta, and FPS */
+    readonly timer: Timer;
+    /** Input system for action-based input handling */
+    readonly input: Input;
+    /** Keyboard input handling */
+    readonly keyboard: Keyboard;
+    /** Mouse input handling */
+    readonly mouse: Mouse;
+    /** Gamepad input handling */
+    readonly gamepad: Gamepad;
+    /** Graphics context for rendering operations */
+    readonly gfx: BoundGraphics;
+    /**
+     * Set the canvas display mode.
+     * @param mode - Partial canvas mode configuration
+     */
+    setMode(mode: PartialCanvasMode): void;
+    /**
+     * Get the current canvas mode configuration.
+     * @returns The current canvas mode or undefined if not available
+     */
+    getMode(): CanvasMode | undefined;
+    /**
+     * Get the current canvas size in pixels.
+     * @returns The canvas size as a Vector2 [width, height]
+     */
+    getCanvasSize(): Vector2;
+}
+export type { Audio, Source, SourceOptions } from './audio';
+export type { Timer } from './timer';
+export type { Input, InputBinding, InputType } from './input';
+export type { Keyboard } from './keyboard';
+export type { Mouse, MousePositionTransform } from './mouse';
+export type { Gamepad, StickPosition, ButtonCallback } from './gamepad';
+export type { CanvasMode, PartialCanvasMode } from './canvas-config';
+//# sourceMappingURL=like.d.ts.map

package/dist/core/like.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"like.d.ts","sourceRoot":"","sources":["../../src/core/like.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,WAAW,IAAI;IACnB,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAEtB,qDAAqD;IACrD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAEtB,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAEtB,8BAA8B;IAC9B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAE5B,2BAA2B;IAC3B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAEtB,6BAA6B;IAC7B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAE1B,gDAAgD;IAChD,QAAQ,CAAC,GAAG,EAAE,aAAa,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAEvC;;;OAGG;IACH,OAAO,IAAI,UAAU,GAAG,SAAS,CAAC;IAElC;;;OAGG;IACH,aAAa,IAAI,OAAO,CAAC;CAC1B;AAGD,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC9D,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAC7D,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACxE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/core/like.js

@@ -0,0 +1 @@
+export {};

package/dist/core/player-movement.d.ts

@@ -0,0 +1,16 @@
+export interface PlayerState {
+    pos: [number, number];
+    speed: number;
+}
+export interface MovementInput {
+    left: boolean;
+    right: boolean;
+    up: boolean;
+    down: boolean;
+}
+/**
+ * Calculate new player position based on input and delta time.
+ * Handles movement in 4 directions with speed scaling and boundary clamping.
+ */
+export declare function updatePlayerPosition(player: PlayerState, input: MovementInput, dt: number, minBounds: [number, number], maxBounds: [number, number]): [number, number];
+//# sourceMappingURL=player-movement.d.ts.map

package/dist/core/player-movement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"player-movement.d.ts","sourceRoot":"","sources":["../../src/core/player-movement.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,aAAa,EACpB,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAC3B,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAC1B,CAAC,MAAM,EAAE,MAAM,CAAC,CAalB"}

package/dist/core/player-movement.js

@@ -0,0 +1,20 @@
+import { Vec2 } from '../core/vector2';
+/**
+ * Calculate new player position based on input and delta time.
+ * Handles movement in 4 directions with speed scaling and boundary clamping.
+ */
+export function updatePlayerPosition(player, input, dt, minBounds, maxBounds) {
+    let moveDelta = [0, 0];
+    if (input.left)
+        moveDelta = Vec2.add(moveDelta, [-1, 0]);
+    if (input.right)
+        moveDelta = Vec2.add(moveDelta, [1, 0]);
+    if (input.up)
+        moveDelta = Vec2.add(moveDelta, [0, -1]);
+    if (input.down)
+        moveDelta = Vec2.add(moveDelta, [0, 1]);
+    // Apply movement with speed scaling
+    const newPos = Vec2.add(player.pos, Vec2.mul(moveDelta, player.speed * dt));
+    // Keep player in bounds
+    return Vec2.clamp(newPos, minBounds, maxBounds);
+}

package/dist/engine.d.ts

@@ -1,42 +1,23 @@
-import type { Graphics } from './core/graphics';
-import type { Audio } from './core/audio';
-import type { Input } from './core/input';
-import type { Timer } from './core/timer';
-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';
-export type EngineDeps = {
-    graphics: Graphics;
-    input: Input;
-    timer: Timer;
-    audio: Audio;
-    keyboard: Keyboard;
-    mouse: Mouse;
-    gamepad: Gamepad;
-};
+import type { PartialCanvasMode } from './core/canvas-config';
+import type { Like } from './core/like';
+export type { CanvasMode, PartialCanvasMode } from './core/canvas-config';
 export declare class Engine {
     private canvas;
     private ctx;
-    private deps;
     private isRunning;
     private lastTime;
     private container;
     private canvasManager;
     private onEvent;
+    readonly like: Like;
     constructor(container: HTMLElement);
-    setScaling(config: CanvasConfig): void;
-    setDeps(deps: EngineDeps): void;
-    dispose(): void;
+    private handleFullscreenChange;
+    setMode(mode: PartialCanvasMode): void;
     private dispatchEvent;
-    start(onEvent: (event: Like2DEvent) => void): void;
+    start(onEvent: (event: Like2DEvent) => void): Promise<void>;
     stop(): void;
-    setSize(width: number, height: number): void;
-    getTime(): number;
-    getCanvas(): HTMLCanvasElement;
-    getContext(): CanvasRenderingContext2D;
-    transformMousePosition(cssX: number, cssY: number): [number, number];
-    toggleFullscreen(): void;
+    dispose(): void;
+    getCanvasSize(): [number, number];
 }
 //# 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":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGxC,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE1E,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,GAAG,CAA2B;IACtC,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;IAG9D,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;gBAER,SAAS,EAAE,WAAW;IAgElC,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAgBtC,OAAO,CAAC,aAAa;IAMf,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI;IAgCjD,IAAI;IAIJ,OAAO,IAAI,IAAI;IAWf,aAAa,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC;CAGlC"}