sliver-engine 0.0.1-alpha.0

package/README.md

@@ -0,0 +1,99 @@
+# Sliver Engine
+
+Pre-alpha TypeScript/HTML5 Canvas 2D game engine.
+
+## Install
+`npm install sliver-engine`
+
+## Usage
+```ts
+import {
+  CanvasController,
+  Game,
+  Scene,
+  SceneManager,
+  SoundManager,
+} from "sliver-engine";
+
+const canvas = new CanvasController(800, 600);
+
+const mainScene = new Scene("main", "#0b0a18");
+const scenes = new SceneManager({ main: mainScene }, mainScene);
+
+const game = new Game({
+  canvas,
+  scenes,
+  soundManager: new SoundManager(),
+  ticksPerSecond: 60,
+});
+
+game.start();
+```
+
+Sliver Engine appends the `<canvas>` to `#canvas-container` if present, otherwise to `document.body`.
+
+## Engine features (Sliver Engine)
+- **Game loop + context**: tick/render split, configurable TPS, shared `GameContext` (tick/frame counters, pressed keys, message bus, sound manager).
+- **Saves**: base64-encoded save files stored in `localStorage`, with `onLoadSaveFile(save => ...)` callback during `game.setup()`.
+- **Scenes**: scene stack, per-scene camera offset, background fill, opacity + overlay, gravity, and transitions (fade/slide/flash with easing).
+- **Rendering**: `CanvasController` + `ShapeDrawer` for primitives/text, clipping and rotation helpers, font loading, and sprite + sprite-sheet support (frame rendering, scaling, mirroring) with `renderSprite` / `renderSpriteAnimation` helpers.
+- **Input/events**: keyboard + mouse + wheel events, propagation control, and ergonomic decorators (`@onClick`, `@onMouseRelease`, `@onHover`, `@onStopHovering`, `@onMouseWheel`, `@onMouseWheelOverHitbox`, `@onKeyPressed`/combo, `@onChildrenEvents`, `@grabbable()`).
+- **Game objects**: `GameObject` base with tick/render hooks, child hierarchy, relative positioning, opacity/rotation, simple movement via `speed`, and helpers to change scenes / publish messages / query keys.
+- **Hitboxes + collisions**: circle + (rotatable) square hitboxes, point checks, “will intersect” checks, debug rendering, and collision resolution with restitution + friction and immovable bodies.
+- **Audio**: `SoundManager` (Web Audio) with preload, master gain, per-sound volume, looping, playback-rate, and start/end/duration controls.
+- **Reusable object/widgets**: `Button`, `Text`, `ScrollView` (clipping + scrollbar + wheel), `FloatingView` (rise + fade), `ShowOnHover`, `Group`, `SceneTranslator`, and basic shape helpers (`ClickableShape`, `HoverableShape`).
+
+## Repository layout
+- `src/` – Engine sources.
+- `src/index.ts` – Library entrypoint (exports the public API).
+- `dist/` – Build output (generated by `npm run build`).
+- `src/CanvasController` – Canvas primitives, font loading, sprite + sprite-sheet helpers.
+- `src/Context` – `GameContext` + message bus.
+- `src/Events` – Event types, dispatcher, decorators, and `KeyAccumulator`.
+- `src/Game` – Game loop orchestration.
+- `src/GameObject` – `GameObject`, hitboxes/collisions, sprite render decorators, and reusable widgets.
+- `src/Scenes` – `Scene` + `SceneManager` and transition helpers.
+- `src/SoundManager` – Web Audio wrapper.
+- `src/Lib` – Utilities (`Vector`, `MinHeap`, `PathfindingProxy`, ...).
+- `src/Assets` – Shape render helpers (arrow/chevrons).
+
+## Running locally
+1) Install deps: `bun install`
+2) Typecheck: `bun run typecheck`
+3) Build: `bun run build`
+
+## Documentation (Docusaurus)
+The docs site lives in `website/` and is **not** part of the published npm package.
+
+### Run locally
+1) Install docs deps: `bun run docs:install`
+2) Start the dev server: `bun run docs:start`
+
+### Docs versioning
+Docs are versioned (initial snapshot: `0.0.1-alpha.0`). For a new engine release, snapshot the current docs into a new version:
+
+```bash
+bun run docs:version -- 0.0.1-alpha.1
+```
+
+Commit the generated `website/versioned_docs/`, `website/versioned_sidebars/`, and `website/versions.json`.
+
+When you decide how to publish, update `website/docusaurus.config.js` (`url`, `baseUrl`, and the GitHub link).
+
+## Extending
+- Add a scene by instantiating `Scene` and registering it in `SceneManager` (see how `src/LamenEmpire/index.ts` wires scenes today).
+- Create a game object by subclassing `GameObject`, adding hitboxes, and using decorators like `@onClick` / `@onHover` / `@onKeyPressed`.
+- Use `GameContext` from objects to switch/push/pop/transition scenes, publish/subscribe messages, query pressed keys, and play sounds.
+- Save/load game state using `game.saves` (or `context.getGame().saves` from a `GameObject`).
+
+## Saving & loading
+- Create a save: `const id = game.saves.create({ ...anySerializableState }, { label: "slot 1" });`
+- List saves: `game.saves.list()`
+- Read a save: `const save = game.saves.read(id)`
+- Load hook (runs during `game.setup()`): `game.onLoadSaveFile((save) => { /* restore state */ });`
+
+## Notes
+- Browser-only (DOM + Canvas + Web Audio).
+- Tooling uses Bun (TypeScript 5).
+- If you use the decorator helpers, enable `experimentalDecorators: true` in your TS config.
+- `src/LamenEmpire` is a dogfooding game and is excluded from the published npm package.

package/dist/Assets/Shapes/Arrow.d.ts

@@ -0,0 +1,12 @@
+import type { ShapeRendererFn } from ".";
+import type { Vector } from "../../Lib/Vector";
+export declare const renderArrow: (context: CanvasRenderingContext2D, position: Vector, size: Vector) => void;
+export declare const renderChevron: (context: CanvasRenderingContext2D, position: Vector, size: Vector) => void;
+export type ShapeRenderOptions = {
+    strokeWidth?: number;
+    color?: string;
+    lineCap?: CanvasLineCap;
+    lineJoin?: CanvasLineJoin;
+};
+export declare const shapeWithParams: (shape: ShapeRendererFn, options?: ShapeRenderOptions) => ShapeRendererFn;
+//# sourceMappingURL=Arrow.d.ts.map

package/dist/Assets/Shapes/Arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.d.ts","sourceRoot":"","sources":["../../../src/Assets/Shapes/Arrow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AACzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE/C,eAAO,MAAM,WAAW,GACtB,SAAS,wBAAwB,EACjC,UAAU,MAAM,EAChB,MAAM,MAAM,SAab,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,SAAS,wBAAwB,EACjC,UAAU,MAAM,EAChB,MAAM,MAAM,SAWb,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,eAAe,GACzB,OAAO,eAAe,EAAE,UAAS,kBAAuB,KAAG,eAS3D,CAAC"}

package/dist/Assets/Shapes/Arrow.js

@@ -0,0 +1,32 @@
+export const renderArrow = (context, position, size) => {
+    const centerX = position.x + size.x / 2;
+    const centerY = position.y + size.y / 2;
+    context.beginPath();
+    context.moveTo(centerX - size.x / 2, centerY);
+    context.lineTo(centerX + size.x / 2, centerY);
+    context.lineTo(centerX + size.x / 2 - size.x * 0.1, centerY - size.y * 0.1);
+    context.moveTo(centerX + size.x / 2, centerY);
+    context.lineTo(centerX + size.x / 2 - size.x * 0.1, centerY + size.y * 0.1);
+    context.stroke();
+    context.closePath();
+};
+export const renderChevron = (context, position, size) => {
+    const centerX = position.x + size.x / 2;
+    const centerY = position.y + size.y / 2;
+    context.beginPath();
+    context.moveTo(centerX - size.x / 2, centerY - size.y / 2);
+    context.lineTo(centerX, centerY);
+    context.lineTo(centerX - size.x / 2, centerY + size.y / 2);
+    context.stroke();
+    context.closePath();
+};
+export const shapeWithParams = (shape, options = {}) => (context, position, size) => {
+    context.save();
+    context.lineWidth = options.strokeWidth || 2;
+    context.strokeStyle = options.color || "black";
+    context.lineCap = options.lineCap || "round";
+    context.lineJoin = options.lineJoin || "round";
+    shape(context, position, size);
+    context.restore();
+};
+//# sourceMappingURL=Arrow.js.map

package/dist/Assets/Shapes/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sourceRoot":"","sources":["../../../src/Assets/Shapes/Arrow.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,OAAiC,EACjC,QAAgB,EAChB,IAAY,EACZ,EAAE;IACF,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAExC,OAAO,CAAC,SAAS,EAAE,CAAC;IACpB,OAAO,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9C,OAAO,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9C,OAAO,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IAC5E,OAAO,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9C,OAAO,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IAC5E,OAAO,CAAC,MAAM,EAAE,CAAC;IACjB,OAAO,CAAC,SAAS,EAAE,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAAiC,EACjC,QAAgB,EAChB,IAAY,EACZ,EAAE;IACF,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAExC,OAAO,CAAC,SAAS,EAAE,CAAC;IACpB,OAAO,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3D,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACjC,OAAO,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3D,OAAO,CAAC,MAAM,EAAE,CAAC;IACjB,OAAO,CAAC,SAAS,EAAE,CAAC;AACtB,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,eAAe,GAC1B,CAAC,KAAsB,EAAE,UAA8B,EAAE,EAAmB,EAAE,CAC9E,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAC1B,OAAO,CAAC,IAAI,EAAE,CAAC;IACf,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,WAAW,IAAI,CAAC,CAAC;IAC7C,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC;IAC/C,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC;IAC7C,OAAO,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC;IAC/C,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;IAC/B,OAAO,CAAC,OAAO,EAAE,CAAC;AACpB,CAAC,CAAC"}

package/dist/Assets/Shapes/index.d.ts

@@ -0,0 +1,4 @@
+import type { Vector } from "../../Lib/Vector";
+export type ShapeRendererFn = (context: CanvasRenderingContext2D, position: Vector, size: Vector) => void;
+export * from "./Arrow";
+//# sourceMappingURL=index.d.ts.map

package/dist/Assets/Shapes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Assets/Shapes/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG,CAC5B,OAAO,EAAE,wBAAwB,EACjC,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,KACT,IAAI,CAAC;AAEV,cAAc,SAAS,CAAC"}

package/dist/Assets/Shapes/index.js

@@ -0,0 +1,2 @@
+export * from "./Arrow";
+//# sourceMappingURL=index.js.map

package/dist/Assets/Shapes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Assets/Shapes/index.ts"],"names":[],"mappings":"AAQA,cAAc,SAAS,CAAC"}

package/dist/CanvasController/SpriteLibrary.d.ts

@@ -0,0 +1,27 @@
+import type { Vector } from "../Lib/Vector";
+declare class SpriteLibrary {
+    private sprites;
+    private spriteSheets;
+    loadSprite(name: string, url: URL): Promise<void>;
+    loadSvgSprite(name: string, url: string): Promise<void>;
+    /**
+     * Load a fixed size sprite sheet
+     */
+    loadSpriteSheet(name: string, url: URL, frameWidth: number, frameHeight: number): Promise<void>;
+    getSprite(name: string): HTMLImageElement | undefined;
+    getSpriteSheetFrameSize(sheetName: string): {
+        frameWidth: number;
+        frameHeight: number;
+    } | null;
+    /**
+     * Render the sprite frame by its index in the sheet
+     * Indexes grow from left to right, top to bottom
+     */
+    drawSpriteFrame(ctx: CanvasRenderingContext2D, sheetName: string, index: number, position: Vector, scale?: number, mirrorHorizontal?: boolean, mirrorVertical?: boolean): void;
+    /**
+     * Render a specific cell from the sprite sheet grid
+     */
+    drawSpriteGrid(ctx: CanvasRenderingContext2D, sheetName: string, col: number, row: number, position: Vector, scale?: number): void;
+}
+export { SpriteLibrary };
+//# sourceMappingURL=SpriteLibrary.d.ts.map

package/dist/CanvasController/SpriteLibrary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpriteLibrary.d.ts","sourceRoot":"","sources":["../../src/CanvasController/SpriteLibrary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,cAAM,aAAa;IACjB,OAAO,CAAC,OAAO,CAA4C;IAC3D,OAAO,CAAC,YAAY,CAQN;IAER,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAYjD,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAoB7D;;OAEG;IACG,eAAe,CACnB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,IAAI,CAAC;IAoBhB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS;IAIrD,uBAAuB,CACrB,SAAS,EAAE,MAAM,GAChB;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAMrD;;;OAGG;IACH,eAAe,CACb,GAAG,EAAE,wBAAwB,EAC7B,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,KAAK,SAAI,EACT,gBAAgB,UAAQ,EACxB,cAAc,UAAQ,GACrB,IAAI;IAoDP;;OAEG;IACH,cAAc,CACZ,GAAG,EAAE,wBAAwB,EAC7B,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,KAAK,SAAI,GACR,IAAI;CAuBR;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/CanvasController/SpriteLibrary.js

@@ -0,0 +1,113 @@
+class SpriteLibrary {
+    sprites = new Map();
+    spriteSheets = new Map();
+    async loadSprite(name, url) {
+        return new Promise((resolve, reject) => {
+            const img = new Image();
+            img.onload = () => {
+                this.sprites.set(name, img);
+                resolve();
+            };
+            img.onerror = reject;
+            img.src = url.toString();
+        });
+    }
+    async loadSvgSprite(name, url) {
+        return new Promise((resolve, reject) => {
+            const img = new Image();
+            img.onload = () => {
+                this.sprites.set(name, img);
+                resolve();
+            };
+            img.onerror = reject;
+            fetch(url)
+                .then((response) => response.text())
+                .then((svgText) => {
+                const svgBlob = new Blob([svgText], { type: "image/svg+xml" });
+                const url = URL.createObjectURL(svgBlob);
+                img.src = url;
+            })
+                .catch(reject);
+        });
+    }
+    /**
+     * Load a fixed size sprite sheet
+     */
+    async loadSpriteSheet(name, url, frameWidth, frameHeight) {
+        return new Promise((resolve, reject) => {
+            const img = new Image();
+            img.onload = () => {
+                const columns = Math.floor(img.width / frameWidth);
+                this.spriteSheets.set(name, {
+                    image: img,
+                    frameWidth,
+                    frameHeight,
+                    columns,
+                });
+                resolve();
+            };
+            img.onerror = reject;
+            img.src = url.toString();
+        });
+    }
+    getSprite(name) {
+        return this.sprites.get(name);
+    }
+    getSpriteSheetFrameSize(sheetName) {
+        const sheet = this.spriteSheets.get(sheetName);
+        if (!sheet)
+            return null;
+        return { frameWidth: sheet.frameWidth, frameHeight: sheet.frameHeight };
+    }
+    /**
+     * Render the sprite frame by its index in the sheet
+     * Indexes grow from left to right, top to bottom
+     */
+    drawSpriteFrame(ctx, sheetName, index, position, scale = 1, mirrorHorizontal = false, mirrorVertical = false) {
+        const sheet = this.spriteSheets.get(sheetName);
+        if (!sheet)
+            return;
+        const { image, frameWidth, frameHeight, columns } = sheet;
+        const sx = (index % columns) * frameWidth;
+        const sy = Math.floor(index / columns) * frameHeight;
+        ctx.imageSmoothingEnabled = false; // nearest neighbor
+        // Save the current context state
+        ctx.save();
+        // Apply transformations if needed
+        if (mirrorHorizontal || mirrorVertical) {
+            // Calculate the center of the sprite
+            const centerX = position.x + (frameWidth * scale) / 2;
+            const centerY = position.y + (frameHeight * scale) / 2;
+            // Translate to the center of the sprite
+            ctx.translate(centerX, centerY);
+            // Apply mirroring
+            if (mirrorHorizontal) {
+                ctx.scale(-1, 1);
+            }
+            if (mirrorVertical) {
+                ctx.scale(1, -1);
+            }
+            // Translate back to the original position
+            ctx.translate(-centerX, -centerY);
+        }
+        // Draw the image with the applied transformations
+        ctx.drawImage(image, sx, sy, frameWidth, frameHeight, position.x, position.y, frameWidth * scale, frameHeight * scale);
+        // Restore the context state
+        ctx.restore();
+    }
+    /**
+     * Render a specific cell from the sprite sheet grid
+     */
+    drawSpriteGrid(ctx, sheetName, col, row, position, scale = 1) {
+        const sheet = this.spriteSheets.get(sheetName);
+        if (!sheet)
+            return;
+        const { image, frameWidth, frameHeight } = sheet;
+        const sx = col * frameWidth;
+        const sy = row * frameHeight;
+        ctx.imageSmoothingEnabled = false;
+        ctx.drawImage(image, sx, sy, frameWidth, frameHeight, position.x, position.y, frameWidth * scale, frameHeight * scale);
+    }
+}
+export { SpriteLibrary };
+//# sourceMappingURL=SpriteLibrary.js.map

package/dist/CanvasController/SpriteLibrary.js.map

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

package/dist/CanvasController/Transformations.d.ts

@@ -0,0 +1,5 @@
+import type { ShapeRendererFn } from "../Assets/Shapes";
+import type { Vector } from "../Lib/Vector";
+export declare const withRotation: (angle: number, shape: ShapeRendererFn) => ShapeRendererFn;
+export declare const withTranslation: (translationVector: Vector, shape: ShapeRendererFn) => ShapeRendererFn;
+//# sourceMappingURL=Transformations.d.ts.map

package/dist/CanvasController/Transformations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transformations.d.ts","sourceRoot":"","sources":["../../src/CanvasController/Transformations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,EACb,OAAO,eAAe,KACrB,eASF,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,mBAAmB,MAAM,EACzB,OAAO,eAAe,KACrB,eAOF,CAAC"}

package/dist/CanvasController/Transformations.js

@@ -0,0 +1,19 @@
+export const withRotation = (angle, shape) => {
+    return (ctx, position, size) => {
+        ctx.save();
+        ctx.translate(position.x + size.x / 2, position.y + size.y / 2);
+        ctx.rotate(angle);
+        ctx.translate(-(position.x + size.x / 2), -(position.y + size.y / 2));
+        shape(ctx, position, size);
+        ctx.restore();
+    };
+};
+export const withTranslation = (translationVector, shape) => {
+    return (ctx, position, size) => {
+        ctx.save();
+        ctx.translate(translationVector.x, translationVector.y);
+        shape(ctx, position, size);
+        ctx.restore();
+    };
+};
+//# sourceMappingURL=Transformations.js.map

package/dist/CanvasController/Transformations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transformations.js","sourceRoot":"","sources":["../../src/CanvasController/Transformations.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAAa,EACb,KAAsB,EACL,EAAE;IACnB,OAAO,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;QAC7B,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAChE,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAClB,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACtE,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;QAC3B,GAAG,CAAC,OAAO,EAAE,CAAC;IAChB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,iBAAyB,EACzB,KAAsB,EACL,EAAE;IACnB,OAAO,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;QAC7B,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACxD,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;QAC3B,GAAG,CAAC,OAAO,EAAE,CAAC;IAChB,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/CanvasController/index.d.ts

@@ -0,0 +1,214 @@
+import type { Vector } from "../Lib/Vector";
+import { SpriteLibrary } from "./SpriteLibrary";
+declare class ShapeDrawer {
+    private context;
+    private spriteLibrary;
+    private defaultFont;
+    constructor(context: CanvasRenderingContext2D, spriteLibrary: SpriteLibrary);
+    /**
+     * Executes drawing instructions with a temporary alpha multiplier.
+     */
+    withOpacity(opacity: number, draw: () => void): void;
+    /**
+     * Draws a rectangle on the canvas with configurable fill/stroke behavior.
+     *
+     * @param x - The x-coordinate of the rectangle's top-left corner
+     * @param y - The y-coordinate of the rectangle's top-left corner
+     * @param width - The width of the rectangle
+     * @param height - The height of the rectangle
+     * @param color - The color to use for filling or stroking (default: "black")
+     * @param filled - If true, fills the rectangle; if false, strokes the outline (default: true)
+     * @param opacity - Alpha multiplier applied while drawing (default: 1)
+     *
+     * @example
+     * // Draw a filled red rectangle
+     * shapeDrawer.drawRectangle(10, 10, 100, 50, "red", true);
+     *
+     * @example
+     * // Draw a blue rectangle outline
+     * shapeDrawer.drawRectangle(10, 10, 100, 50, "blue", false);
+     */
+    drawRectangle(x: number, y: number, width: number, height: number, color?: string, filled?: boolean, opacity?: number): void;
+    /**
+     * Sets the default font family used for text rendering.
+     *
+     * @param font - The font family name to use as default (e.g., "Arial", "Verdana")
+     *
+     * @example
+     * // Set default font to Arial
+     * shapeDrawer.setDefaultFont("Arial");
+     */
+    setDefaultFont(font: string): void;
+    getDefaultFont(): string;
+    /**
+     * Draws a straight line between two points with customizable appearance.
+     *
+     * @param start - The starting point of the line as a Vector
+     * @param end - The ending point of the line as a Vector
+     * @param width - The thickness of the line in pixels
+     * @param color - The color of the line (default: "red")
+     * @param lineCap - The style of the line endings (default: "round")
+     *
+     * @example
+     * // Draw a thick blue line with square caps
+     * shapeDrawer.drawLine(new Vector(10, 10), new Vector(100, 50), 5, "blue", "square");
+     *
+     * @example
+     * // Draw a thin red line with default round caps
+     * shapeDrawer.drawLine(new Vector(0, 0), new Vector(100, 100), 1);
+     */
+    drawLine(start: Vector, end: Vector, width: number, color?: string, lineCap?: CanvasLineCap): void;
+    /**
+     * Draws a circle with customizable appearance and optional center dot.
+     *
+     * @param x - The x-coordinate of the circle's center
+     * @param y - The y-coordinate of the circle's center
+     * @param radius - The radius of the circle in pixels
+     * @param color - The color to use for filling or stroking the circle (default: "black")
+     * @param filled - If true, fills the circle; if false, strokes the outline (default: true)
+     * @param centerDot - If true, draws a small dot at the center of the circle (default: true)
+     * @param centerDotColor - The color of the center dot (default: "red")
+     * @param centerDotRadius - The radius of the center dot in pixels (default: 2)
+     *
+     * @example
+     * // Draw a filled blue circle with default center dot
+     * shapeDrawer.drawCircle(100, 100, 50, "blue", true);
+     *
+     * @example
+     * // Draw a red circle outline with no center dot
+     * shapeDrawer.drawCircle(100, 100, 50, "red");
+     *
+     * @example
+     * // Draw a green circle with custom center dot
+     * shapeDrawer.drawCircle(100, 100, 50, "green", true, true, "yellow", 3);
+     */
+    drawCircle(x: number, y: number, radius: number, color?: string, filled?: boolean, centerDot?: boolean, centerDotColor?: string, centerDotRadius?: number): void;
+    /**
+     * Renders text at the specified position with customizable styling.
+     *
+     * @param text - The text string to render
+     * @param x - The x-coordinate of the text position
+     * @param y - The y-coordinate of the text position
+     * @param color - The color of the text (default: "black")
+     * @param size - The font size in pixels (default: "16px")
+     * @param align - The text alignment (default: "center")
+     * @param font - Optional font family to override the default font
+     *
+     * @example
+     * // Draw centered black text with default font
+     * shapeDrawer.drawText("Hello", 100, 50);
+     *
+     * @example
+     * // Draw right-aligned red text with custom font
+     * shapeDrawer.drawText("World", 100, 50, "red", "20px", "right", "Verdana");
+     *
+     * @example
+     * // Draw left-aligned text with default font but custom size
+     * shapeDrawer.drawText("Welcome", 100, 50, "black", "12px", "left");
+     */
+    drawText(text: string, x: number, y: number, color?: string, size?: string, align?: CanvasTextAlign, font?: string): void;
+    /**
+     * Clears the canvas and fills it with a solid background color.
+     *
+     * @param color - The color to fill the canvas with (default: "white")
+     *
+     * @example
+     * // Clear canvas with default white background
+     * shapeDrawer.drawBackground();
+     *
+     * @example
+     * // Clear canvas with custom gray background
+     * shapeDrawer.drawBackground("#f0f0f0");
+     */
+    drawBackground(color?: string): void;
+    /**
+     * Executes drawing operations within a clipped rectangular region.
+     *
+     * This method saves the current canvas state, creates a clipping region,
+     * executes the provided drawing function, and then restores the original state.
+     *
+     * @param x - The x-coordinate of the clipping rectangle's top-left corner
+     * @param y - The y-coordinate of the clipping rectangle's top-left corner
+     * @param width - The width of the clipping rectangle
+     * @param height - The height of the clipping rectangle
+     * @param draw - A function containing the drawing operations to perform within the clipped region
+     *
+     * @example
+     * // Draw shapes only within a specific region
+     * shapeDrawer.withClippingRect(50, 50, 200, 200, () => {
+     *   shapeDrawer.drawCircle(100, 100, 50, "blue");
+     *   shapeDrawer.drawText("Clipped", 100, 100);
+     * });
+     */
+    withClippingRect(x: number, y: number, width: number, height: number, draw: () => void): void;
+    /**
+     * Executes drawing operations with a temporary rotation around a pivot point.
+     *
+     * This method saves the current canvas state, applies the rotation transform,
+     * executes the provided drawing function, and then restores the original state.
+     *
+     * @param x - The x-coordinate of the rotation pivot
+     * @param y - The y-coordinate of the rotation pivot
+     * @param angle - Rotation angle in radians
+     * @param draw - A function containing the drawing operations to perform while rotated
+     */
+    withRotation(x: number, y: number, angle: number, draw: () => void): void;
+    /**
+     * Draws a sprite from the sprite library onto the canvas.
+     *
+     * @param spriteName - The name of the sprite to draw (must be loaded in the SpriteLibrary)
+     * @param x - The x-coordinate of the top-left corner where the sprite will be drawn
+     * @param y - The y-coordinate of the top-left corner where the sprite will be drawn
+     * @param width - The width to scale the sprite to
+     * @param height - The height to scale the sprite to
+     *
+     * @example
+     * // Draw a sprite named "player" at position (100, 100) with size 50x50
+     * shapeDrawer.drawSprite("player", 100, 100, 50, 50);
+     *
+     * @example
+     * // Draw a sprite with different dimensions
+     * shapeDrawer.drawSprite("enemy", 200, 200, 30, 40);
+     */
+    drawSprite(spriteName: string, x: number, y: number, width: number, height: number): void;
+    /**
+     * Loads a font (local URL or Google Fonts stylesheet) and registers it for use.
+     *
+     * This method handles both local font files and Google Fonts URLs. For Google Fonts,
+     * it injects the stylesheet and waits for the font to be available. For local fonts,
+     * it creates a new FontFace object and adds it to the document's font collection.
+     *
+     * @param fontName - The name of the font to load (must match the font family name)
+     * @param url - The URL of the font file or Google Fonts stylesheet
+     * @returns A Promise that resolves when the font is successfully loaded and available
+     *
+     * @example
+     * // Load a Google Font
+     * await shapeDrawer.loadFont("Roboto", "https://fonts.googleapis.com/css2?family=Roboto");
+     *
+     * @example
+     * // Load a local font file
+     * await shapeDrawer.loadFont("CustomFont", "/fonts/custom-font.woff2");
+     *
+     * @throws Will throw an error if the font fails to load
+     */
+    loadFont(fontName: string, url: string): Promise<void>;
+}
+declare class CanvasController {
+    private canvas;
+    private context;
+    private spriteLibrary;
+    private shapeDrawer;
+    constructor(width: number, height: number);
+    clearCanvas(): void;
+    getCanvas(): HTMLCanvasElement;
+    getContext(): CanvasRenderingContext2D;
+    getShapeDrawer(): ShapeDrawer;
+    getSpriteLibrary(): SpriteLibrary;
+    applyTranslation(translationVector: Vector): void;
+    reset(): void;
+    applyRotation(angle: number): void;
+}
+export * from "./Transformations";
+export { CanvasController, ShapeDrawer, SpriteLibrary };
+//# sourceMappingURL=index.d.ts.map

package/dist/CanvasController/index.d.ts.map

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