dino-ge 1.2.2 → 1.2.6

package/dist/RenderingSystem.d.ts

@@ -0,0 +1,22 @@
+import System from './System.js';
+import type GameObject from './GameObject.js';
+/**
+ * A system that processes entities with RenderComponents.
+ * Handles camera transforms, frustum culling, and drawing.
+ */
+export default class RenderingSystem extends System {
+    private ctx;
+    constructor(ctx: CanvasRenderingContext2D);
+    /**
+     * Updates the rendering context (used when the engine is re-initialized).
+     * @param ctx The new canvas rendering context.
+     */
+    setContext(ctx: CanvasRenderingContext2D): void;
+    /**
+     * Main rendering loop.
+     * @param entities The set of entities to process.
+     * @param deltaTime Time passed since the last frame (optional).
+     * @param debug Whether to draw debug overlays (hitboxes/tags).
+     */
+    update(entities: Set<GameObject>, deltaTime?: number, debug?: boolean): void;
+}

package/dist/RenderingSystem.js

@@ -0,0 +1,66 @@
+import System from './System.js';
+import RenderComponent from './RenderComponent.js';
+import Engine from './Engine.js';
+/**
+ * A system that processes entities with RenderComponents.
+ * Handles camera transforms, frustum culling, and drawing.
+ */
+export default class RenderingSystem extends System {
+    constructor(ctx) {
+        super();
+        this.ctx = ctx;
+    }
+    /**
+     * Updates the rendering context (used when the engine is re-initialized).
+     * @param ctx The new canvas rendering context.
+     */
+    setContext(ctx) {
+        this.ctx = ctx;
+    }
+    /**
+     * Main rendering loop.
+     * @param entities The set of entities to process.
+     * @param deltaTime Time passed since the last frame (optional).
+     * @param debug Whether to draw debug overlays (hitboxes/tags).
+     */
+    update(entities, deltaTime, debug = false) {
+        const bounds = Engine.camera.getViewportBounds(this.ctx.canvas.width, this.ctx.canvas.height);
+        this.ctx.save();
+        // Apply camera transform
+        this.ctx.scale(Engine.camera.zoom, Engine.camera.zoom);
+        this.ctx.translate(-Engine.camera.position.x, -Engine.camera.position.y);
+        // Sort entities by zIndex for correct draw order
+        const sorted = Array.from(entities).sort((a, b) => (a.zIndex > b.zIndex ? 1 : -1));
+        sorted.forEach((object) => {
+            // Frustum Culling
+            if (object.position.x < bounds.x + bounds.width &&
+                object.position.x + object.width > bounds.x &&
+                object.position.y < bounds.y + bounds.height &&
+                object.position.y + object.height > bounds.y) {
+                // Find any RenderComponent on the entity
+                const renderable = object.getComponent(RenderComponent);
+                if (renderable && object.visible) {
+                    renderable.draw(this.ctx);
+                }
+                // Backward compatibility: call draw() if it exists on the object itself
+                const legacyObj = object;
+                if (legacyObj.draw && !(object.getComponent(RenderComponent))) {
+                    legacyObj.draw(this.ctx);
+                }
+                // Draw debug overlays in world space
+                if (debug) {
+                    this.ctx.save();
+                    this.ctx.strokeStyle = object === Engine.selectedObject ? '#00ff00' : 'red';
+                    this.ctx.lineWidth = (object === Engine.selectedObject ? 2 : 1) / Engine.camera.zoom;
+                    this.ctx.strokeRect(object.position.x, object.position.y, object.width, object.height);
+                    this.ctx.font = `${12 / Engine.camera.zoom}px monospace`;
+                    this.ctx.fillStyle = this.ctx.strokeStyle;
+                    this.ctx.fillText(object.tag || 'obj', object.position.x, object.position.y - (5 / Engine.camera.zoom));
+                    this.ctx.restore();
+                }
+            }
+        });
+        this.ctx.restore();
+    }
+}
+//# sourceMappingURL=RenderingSystem.js.map

package/dist/RenderingSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderingSystem.js","sourceRoot":"","sources":["../src/RenderingSystem.ts"],"names":[],"mappings":"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"}

package/dist/ShapeComponent.d.ts

@@ -0,0 +1,24 @@
+import RenderComponent from './RenderComponent.js';
+/**
+ * Types of shapes supported by the ShapeComponent.
+ */
+export type ShapeType = 'rect' | 'circle';
+/**
+ * Component that holds data for rendering a basic shape.
+ */
+export default class ShapeComponent extends RenderComponent {
+    /** The type of shape to draw. */
+    type: ShapeType;
+    /** Fill colour. */
+    colour: string;
+    /** Width (for rect) or radius (for circle). */
+    width: number;
+    /** Height (for rect) or unused (for circle). */
+    height: number;
+    constructor(type: ShapeType, colour: string, width: number, height?: number);
+    /**
+     * Draws the shape to the canvas.
+     * @param ctx The canvas 2D rendering context.
+     */
+    draw(ctx: CanvasRenderingContext2D): void;
+}

package/dist/ShapeComponent.js

@@ -0,0 +1,35 @@
+import RenderComponent from './RenderComponent.js';
+/**
+ * Component that holds data for rendering a basic shape.
+ */
+export default class ShapeComponent extends RenderComponent {
+    constructor(type, colour, width, height = 0) {
+        super();
+        this.type = type;
+        this.colour = colour;
+        this.width = width;
+        this.height = height;
+    }
+    /**
+     * Draws the shape to the canvas.
+     * @param ctx The canvas 2D rendering context.
+     */
+    draw(ctx) {
+        if (!this.gameObject)
+            return;
+        const { position } = this.gameObject;
+        ctx.fillStyle = this.colour;
+        if (this.type === 'rect') {
+            ctx.fillRect(position.x, position.y, this.width, this.height);
+        }
+        else if (this.type === 'circle') {
+            ctx.beginPath();
+            const centerX = position.x + this.width; // width is radius
+            const centerY = position.y + this.width;
+            ctx.arc(centerX, centerY, this.width, 0, Math.PI * 2);
+            ctx.fill();
+            ctx.closePath();
+        }
+    }
+}
+//# sourceMappingURL=ShapeComponent.js.map

package/dist/ShapeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeComponent.js","sourceRoot":"","sources":["../src/ShapeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAOnD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,eAAe;IAUzD,YAAY,IAAe,EAAE,MAAc,EAAE,KAAa,EAAE,SAAiB,CAAC;QAC5E,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED;;;OAGG;IACH,IAAI,CAAC,GAA6B;QAChC,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC;QACrC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC;QAE5B,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YACzB,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAChE,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,kBAAkB;YAC3D,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACxC,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YACtD,GAAG,CAAC,IAAI,EAAE,CAAC;YACX,GAAG,CAAC,SAAS,EAAE,CAAC;QAClB,CAAC;IACH,CAAC;CACF"}

package/dist/Sprite.d.ts

@@ -25,29 +25,38 @@ export interface SpriteProps {
  * Represents an animated sprite using a spritesheet.
  */
 export default class Sprite extends GameObject {
-    #private;
+    /** Internal sprite component for rendering and animation. */
+    private _spriteComponent;
     /** The source image for the sprite. */
-    img: HTMLImageElement;
+    get img(): HTMLImageElement;
+    set img(val: HTMLImageElement);
     /** Number of rows in the spritesheet. */
-    rows: number;
+    get rows(): number;
+    set rows(val: number);
     /** Number of columns in the spritesheet. */
-    cols: number;
+    get cols(): number;
+    set cols(val: number);
     /** The starting column for the current animation loop. */
-    startCol: number;
+    get startCol(): number;
+    set startCol(val: number);
     /** The ending column for the current animation loop. */
-    endCol: number;
+    get endCol(): number;
+    set endCol(val: number);
     /** The pixel width of a single animation frame (calculated automatically). */
-    frameWidth: number;
+    get frameWidth(): number;
     /** The pixel height of a single animation frame (calculated automatically). */
-    frameHeight: number;
+    get frameHeight(): number;
     /** Whether the sprite is currently registered with the engine. */
     registered: boolean;
     /** The current frame index being displayed. */
-    currentFrame: number;
+    get currentFrame(): number;
+    set currentFrame(val: number);
     /** Whether the sprite is horizontally flipped. */
-    flip: boolean;
+    get flip(): boolean;
+    set flip(val: boolean);
     /** Duration of each animation frame in milliseconds. */
-    frameDuration: number;
+    get frameDuration(): number;
+    set frameDuration(val: number);
     /**
      * Gets the display width of the sprite (scaled by 3).
      */
@@ -57,12 +66,6 @@ export default class Sprite extends GameObject {
      */
     get height(): number;
     constructor(props: SpriteProps);
-    /**
-     * Main rendering method for the sprite.
-     * Handles frame calculation and horizontal flipping.
-     * @param ctx The canvas 2D rendering context.
-     */
-    draw(ctx: CanvasRenderingContext2D): void;
     /**
      * Registers the sprite with the engine and starts its animation loop.
      */

package/dist/Sprite.js

@@ -1,22 +1,39 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _Sprite_lastFrameUpdate;
 import Engine from './Engine.js';
 import GameObject from './GameObject.js';
 import ResourceLoader from './Loader.js';
+import SpriteComponent from './SpriteComponent.js';
 /**
  * Represents an animated sprite using a spritesheet.
  */
-class Sprite extends GameObject {
+export default class Sprite extends GameObject {
+    /** The source image for the sprite. */
+    get img() { return this._spriteComponent.img; }
+    set img(val) { this._spriteComponent.img = val; }
+    /** Number of rows in the spritesheet. */
+    get rows() { return this._spriteComponent.rows; }
+    set rows(val) { this._spriteComponent.rows = val; }
+    /** Number of columns in the spritesheet. */
+    get cols() { return this._spriteComponent.cols; }
+    set cols(val) { this._spriteComponent.cols = val; }
+    /** The starting column for the current animation loop. */
+    get startCol() { return this._spriteComponent.startCol; }
+    set startCol(val) { this._spriteComponent.startCol = val; }
+    /** The ending column for the current animation loop. */
+    get endCol() { return this._spriteComponent.endCol; }
+    set endCol(val) { this._spriteComponent.endCol = val; }
+    /** The pixel width of a single animation frame (calculated automatically). */
+    get frameWidth() { return this._spriteComponent.frameWidth; }
+    /** The pixel height of a single animation frame (calculated automatically). */
+    get frameHeight() { return this._spriteComponent.frameHeight; }
+    /** The current frame index being displayed. */
+    get currentFrame() { return this._spriteComponent.currentFrame; }
+    set currentFrame(val) { this._spriteComponent.currentFrame = val; }
+    /** Whether the sprite is horizontally flipped. */
+    get flip() { return this._spriteComponent.flip; }
+    set flip(val) { this._spriteComponent.flip = val; }
+    /** Duration of each animation frame in milliseconds. */
+    get frameDuration() { return this._spriteComponent.frameDuration; }
+    set frameDuration(val) { this._spriteComponent.frameDuration = val; }
     /**
      * Gets the display width of the sprite (scaled by 3).
      */
@@ -34,84 +51,25 @@ class Sprite extends GameObject {
             throw new Error('You must provide a tag for a Sprite');
         }
         super(props.tag, props.zIndex || 1);
-        /** The pixel width of a single animation frame (calculated automatically). */
-        this.frameWidth = 0;
-        /** The pixel height of a single animation frame (calculated automatically). */
-        this.frameHeight = 0;
         /** Whether the sprite is currently registered with the engine. */
         this.registered = false;
-        /** The current frame index being displayed. */
-        this.currentFrame = 0;
-        /** Whether the sprite is horizontally flipped. */
-        this.flip = false;
-        /** Duration of each animation frame in milliseconds. */
-        this.frameDuration = 100;
-        _Sprite_lastFrameUpdate.set(this, Date.now());
+        let img;
         if (typeof props.img === 'string') {
-            this.img = ResourceLoader.getImage(props.img);
+            img = ResourceLoader.getImage(props.img);
         }
         else {
-            this.img = props.img;
+            img = props.img;
         }
-        this.rows = props.rows;
-        this.cols = props.cols;
+        this._spriteComponent = new SpriteComponent(img, props.rows, props.cols, props.startCol, props.endCol);
+        this.addComponent(this._spriteComponent);
         this.position = props.position;
-        this.startCol = props.startCol;
-        this.endCol = props.endCol;
-        this.currentFrame = props.startCol || 0;
-        const setDimensions = () => {
-            this.frameWidth = this.img.width / this.cols;
-            this.frameHeight = this.img.height / this.rows;
-        };
-        if (this.img.complete) {
-            setDimensions();
-        }
-        else {
-            this.img.addEventListener('load', setDimensions, { once: true });
-        }
         this.registered = false;
     }
-    /**
-     * Main rendering method for the sprite.
-     * Handles frame calculation and horizontal flipping.
-     * @param ctx The canvas 2D rendering context.
-     */
-    draw(ctx) {
-        if (!this.visible || !this.frameWidth || !this.frameHeight)
-            return;
-        const now = Date.now();
-        if (this.registered && now - __classPrivateFieldGet(this, _Sprite_lastFrameUpdate, "f") > this.frameDuration) {
-            this.currentFrame += 1;
-            __classPrivateFieldSet(this, _Sprite_lastFrameUpdate, now, "f");
-        }
-        const { img, cols, frameWidth, frameHeight, position, startCol, endCol, } = this;
-        ctx.imageSmoothingEnabled = true;
-        ctx.imageSmoothingQuality = 'high';
-        const maxFrame = endCol - 1;
-        if (this.currentFrame < startCol) {
-            this.currentFrame = startCol;
-        }
-        if (this.currentFrame > maxFrame) {
-            this.currentFrame = startCol;
-        }
-        // Update rows and columns
-        const column = this.currentFrame % cols;
-        const row = Math.floor(this.currentFrame / cols);
-        ctx.save();
-        if (this.flip) {
-            ctx.translate(position.x + (frameWidth * 3), position.y);
-            ctx.scale(-1, 1);
-            ctx.drawImage(img, column * frameWidth, row * frameHeight, frameWidth, frameHeight, 0, 0, frameWidth * 3, frameHeight * 3);
-        }
-        else {
-            ctx.drawImage(img, column * frameWidth, row * frameHeight, frameWidth, frameHeight, position.x, position.y, frameWidth * 3, frameHeight * 3);
-        }
-        ctx.restore();
-    }
     /**
      * Registers the sprite with the engine and starts its animation loop.
      */
     play() {
+        this._spriteComponent.playing = true;
         if (!this.registered) {
             Engine.registerObject(this);
             this.registered = true;
@@ -121,9 +79,8 @@ class Sprite extends GameObject {
      * Stops the sprite's animation and removes it from the engine.
      */
     stop() {
+        this._spriteComponent.playing = false;
         Engine.destroyObject(this);
     }
 }
-_Sprite_lastFrameUpdate = new WeakMap();
-export default Sprite;
 //# sourceMappingURL=Sprite.js.map

package/dist/Sprite.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sprite.js","sourceRoot":"","sources":["../src/Sprite.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sprite.js","sourceRoot":"","sources":["../src/Sprite.ts"],"names":[],"mappings":"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"}

package/dist/SpriteComponent.d.ts

@@ -0,0 +1,35 @@
+import RenderComponent from './RenderComponent.js';
+/**
+ * Component that holds data for rendering an animated sprite.
+ */
+export default class SpriteComponent extends RenderComponent {
+    #private;
+    /** The source image for the sprite. */
+    img: HTMLImageElement;
+    /** Number of rows in the spritesheet. */
+    rows: number;
+    /** Number of columns in the spritesheet. */
+    cols: number;
+    /** The starting column for the current animation loop. */
+    startCol: number;
+    /** The ending column for the current animation loop. */
+    endCol: number;
+    /** The pixel width of a single animation frame. */
+    frameWidth: number;
+    /** The pixel height of a single animation frame. */
+    frameHeight: number;
+    /** The current frame index being displayed. */
+    currentFrame: number;
+    /** Whether the sprite is horizontally flipped. */
+    flip: boolean;
+    /** Duration of each animation frame in milliseconds. */
+    frameDuration: number;
+    /** Whether the sprite is currently playing its animation. */
+    playing: boolean;
+    constructor(img: HTMLImageElement, rows: number, cols: number, startCol: number, endCol: number);
+    /**
+     * Draws the current frame of the sprite.
+     * @param ctx The canvas 2D rendering context.
+     */
+    draw(ctx: CanvasRenderingContext2D): void;
+}

package/dist/SpriteComponent.js

@@ -0,0 +1,90 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _SpriteComponent_lastFrameUpdate;
+import RenderComponent from './RenderComponent.js';
+/**
+ * Component that holds data for rendering an animated sprite.
+ */
+class SpriteComponent extends RenderComponent {
+    constructor(img, rows, cols, startCol, endCol) {
+        super();
+        /** The pixel width of a single animation frame. */
+        this.frameWidth = 0;
+        /** The pixel height of a single animation frame. */
+        this.frameHeight = 0;
+        /** The current frame index being displayed. */
+        this.currentFrame = 0;
+        /** Whether the sprite is horizontally flipped. */
+        this.flip = false;
+        /** Duration of each animation frame in milliseconds. */
+        this.frameDuration = 100;
+        /** Whether the sprite is currently playing its animation. */
+        this.playing = false;
+        _SpriteComponent_lastFrameUpdate.set(this, Date.now());
+        this.img = img;
+        this.rows = rows;
+        this.cols = cols;
+        this.startCol = startCol;
+        this.endCol = endCol;
+        this.currentFrame = startCol;
+        const setDimensions = () => {
+            this.frameWidth = this.img.width / this.cols;
+            this.frameHeight = this.img.height / this.rows;
+        };
+        if (this.img.complete) {
+            setDimensions();
+        }
+        else {
+            this.img.addEventListener('load', setDimensions, { once: true });
+        }
+    }
+    /**
+     * Draws the current frame of the sprite.
+     * @param ctx The canvas 2D rendering context.
+     */
+    draw(ctx) {
+        if (!this.frameWidth || !this.frameHeight || !this.gameObject)
+            return;
+        const now = Date.now();
+        if (this.playing && now - __classPrivateFieldGet(this, _SpriteComponent_lastFrameUpdate, "f") > this.frameDuration) {
+            this.currentFrame += 1;
+            __classPrivateFieldSet(this, _SpriteComponent_lastFrameUpdate, now, "f");
+        }
+        const { img, cols, frameWidth, frameHeight, startCol, endCol, } = this;
+        const { position } = this.gameObject;
+        ctx.imageSmoothingEnabled = true;
+        ctx.imageSmoothingQuality = 'high';
+        const maxFrame = endCol - 1;
+        if (this.currentFrame < startCol) {
+            this.currentFrame = startCol;
+        }
+        if (this.currentFrame > maxFrame) {
+            this.currentFrame = startCol;
+        }
+        // Update rows and columns
+        const column = this.currentFrame % cols;
+        const row = Math.floor(this.currentFrame / cols);
+        ctx.save();
+        if (this.flip) {
+            ctx.translate(position.x + (frameWidth * 3), position.y);
+            ctx.scale(-1, 1);
+            ctx.drawImage(img, column * frameWidth, row * frameHeight, frameWidth, frameHeight, 0, 0, frameWidth * 3, frameHeight * 3);
+        }
+        else {
+            ctx.drawImage(img, column * frameWidth, row * frameHeight, frameWidth, frameHeight, position.x, position.y, frameWidth * 3, frameHeight * 3);
+        }
+        ctx.restore();
+    }
+}
+_SpriteComponent_lastFrameUpdate = new WeakMap();
+export default SpriteComponent;
+//# sourceMappingURL=SpriteComponent.js.map

package/dist/SpriteComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpriteComponent.js","sourceRoot":"","sources":["../src/SpriteComponent.ts"],"names":[],"mappings":"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"}

package/dist/System.d.ts

@@ -0,0 +1,20 @@
+import type GameObject from './GameObject.js';
+/**
+ * Base class for all systems in the Entity Component System.
+ * Systems contain the logic that processes entities with specific components.
+ */
+export default abstract class System {
+    /**
+     * Called every frame during the main update loop.
+     * @param entities The set of entities to process.
+     * @param deltaTime Time passed since the last frame in seconds.
+     * @param debug Whether to draw debug information.
+     */
+    update?(entities: Set<GameObject>, deltaTime?: number, debug?: boolean): void;
+    /**
+     * Called at a fixed interval for physics and consistent logic.
+     * @param entities The set of entities to process.
+     * @param fixedDelta The fixed time step in seconds.
+     */
+    fixedUpdate?(entities: Set<GameObject>, fixedDelta: number): void;
+}

package/dist/System.js

@@ -0,0 +1,7 @@
+/**
+ * Base class for all systems in the Entity Component System.
+ * Systems contain the logic that processes entities with specific components.
+ */
+export default class System {
+}
+//# sourceMappingURL=System.js.map

package/dist/System.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"System.js","sourceRoot":"","sources":["../src/System.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAgB,MAAM;CAenC"}

package/dist/Text.d.ts

@@ -42,26 +42,36 @@ export interface TextProperties {
  */
 export default class Text extends GameObject {
     #private;
+    /** Internal text component. */
+    private _textComponent;
     /** Text fill colour. */
-    colour: string;
+    get colour(): string;
+    set colour(val: string);
     /** Background box colour. */
-    backgroundColour: string;
+    get backgroundColour(): string;
+    set backgroundColour(val: string);
     /** Font size in pixels. */
     fontSize: number;
     /** Compiled font string (e.g., '25px Helvetica'). */
-    font: string;
+    get font(): string;
+    set font(val: string);
     /** The text content. */
-    text: string;
+    get text(): string;
+    set text(val: string);
     /** Number of characters in the text. */
     length: number;
     /** Horizontal alignment. */
-    horizontalAlign: HorizontalAlign;
+    get horizontalAlign(): HorizontalAlign;
+    set horizontalAlign(val: HorizontalAlign);
     /** Vertical alignment. */
-    verticalAlign: VerticalAlign;
+    get verticalAlign(): VerticalAlign;
+    set verticalAlign(val: VerticalAlign);
     /** Width of the background box or interaction area. */
-    width: number;
+    get width(): number;
+    set width(val: number);
     /** Height of the background box or interaction area. */
-    height: number;
+    get height(): number;
+    set height(val: number);
     /** Whether the object should be registered. */
     register: boolean;
     /** Whether the object is currently registered. */
@@ -69,8 +79,6 @@ export default class Text extends GameObject {
     /** Callback for click events. */
     onClick: () => void;
     constructor(props: TextProperties);
-    /** Draws the text and its optional background onto the context. */
-    draw(ctx: CanvasRenderingContext2D): void;
     /** Registers the text object with the engine for rendering and interaction. */
     registerSelf(): void;
     /** Removes the text object from the engine. */