npm - create-lagom-game - Versions diffs - 0.0.1-beta.1 - Mend

create-lagom-game 0.0.1-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/LICENSE +21 -0
package/bin/create-lagom-game.js +29 -0
package/package.json +19 -0
package/template/index.html +13 -0
package/template/package.json +19 -0
package/template/src/GameTemplate.ts +84 -0
package/template/src/Platformer.ts +132 -0
package/template/src/Pong.ts +258 -0
package/template/src/art/level.json +359 -0
package/template/src/assets/flip_0.1.wav +0 -0
package/template/src/assets/mute_button_16x16.png +0 -0
package/template/src/assets/pixeloid.ttf +0 -0
package/template/src/assets/retro.ttf +0 -0
package/template/src/main.css +4 -0
package/template/src/main.ts +17 -0
package/template/src/util/SoundManager.ts +102 -0
package/template/src/vite-env.d.ts +1 -0
package/template/tsconfig.json +15 -0
package/template/vite.config.ts +6 -0

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2020 Peter Mandile
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/bin/create-lagom-game.js ADDED Viewed

@@ -0,0 +1,29 @@
+#!/usr/bin/env node
+import path from "path";
+import fs from "fs-extra";
+import { fileURLToPath } from "url";
+import prompts from "prompts";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+async function main() {
+    const { projectName } = await prompts({
+        type: "text",
+        name: "projectName",
+        message: "Project name",
+        initial: "my-lagom-game"
+    });
+    const target = path.resolve(process.cwd(), projectName);
+    const template = path.resolve(__dirname, "../template");
+    await fs.copy(template, target);
+    console.log(`\nCreated ${projectName}`);
+    console.log(`\nNext steps:`);
+    console.log(`  cd ${projectName}`);
+    console.log(`  pnpm install`);
+    console.log(`  pnpm dev`);
+}
+main();

package/package.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+  "name": "create-lagom-game",
+  "version": "0.0.1-beta.1",
+  "bin": {
+    "create-lagom-game": "bin/create-lagom-game.js"
+  },
+  "files": [
+    "bin",
+    "template"
+  ],
+  "dependencies": {
+    "prompts": "^2.4.2",
+    "fs-extra": "^11.3.3"
+  },
+  "devDependencies": {
+    "typescript": "^5.6.2",
+    "vite": "7.1.11"
+  }
+}

package/template/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lagom</title>
+</head>
+<body>
+<div id="app"></div>
+<script type="module" src="/src/main.ts"></script>
+</body>
+</html>

package/template/package.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+    "name": "lagom-game-template",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "dev": "vite",
+        "build": "tsc && vite build",
+        "preview": "vite preview",
+        "deploy": "tsc && vite build && butler push dist USERNAME/GAMENAME:html5"
+    },
+    "dependencies": {
+        "lagom-engine": "workspace:^"
+    },
+    "devDependencies": {
+        "typescript": "^5.6.2",
+        "vite": "7.1.11"
+    },
+    "packageManager": "pnpm@10.15.1"
+}

package/template/src/GameTemplate.ts ADDED Viewed

@@ -0,0 +1,84 @@
+import { ActionOnPress, AudioAtlas, Entity, FrameTriggerSystem, Game, Log, LogLevel, Scene, TextDisp, TimerSystem } from "lagom-engine";
+import { SoundManager } from "./util/SoundManager";
+class TitleScene extends Scene {
+    onAdded() {
+        super.onAdded();
+        this.addGUIEntity(new SoundManager());
+        this.addGlobalSystem(new TimerSystem());
+        this.addGlobalSystem(new FrameTriggerSystem());
+        this.addGUIEntity(new Entity("title")).addComponent(
+            new TextDisp(100, 10, "GAME NAME", {
+                fontFamily: "retro",
+                fill: 0xffffff,
+            }),
+        );
+        this.addSystem(
+            new ActionOnPress(() => {
+                this.game.setScene(new MainScene(this.game));
+            }),
+        );
+    }
+}
+class MainScene extends Scene {
+    onAdded() {
+        super.onAdded();
+        this.addGUIEntity(new SoundManager());
+        this.addGlobalSystem(new TimerSystem());
+        this.addGlobalSystem(new FrameTriggerSystem());
+        this.addGUIEntity(new Entity("main scene")).addComponent(
+            new TextDisp(100, 10, "MAIN SCENE", {
+                fontFamily: "pixeloid",
+                fill: 0xffffff,
+            }),
+        );
+    }
+}
+export class GameTemplate extends Game {
+    startScene = () => new TitleScene(this);
+    resourceLoad = async () => {
+        await this.resourceLoader.autoLoad();
+        this.resourceLoader.getSound("flip").play();
+        console.log("loaded all resources");
+        // await this.resourceLoader.addResource("mute_button", muteButtonSpr, {
+        //     tileHeight: 16,
+        //     tileWidth: 16,
+        // });
+    };
+    static GAME_WIDTH = 512;
+    static GAME_HEIGHT = 512;
+    static muted = false;
+    static musicPlaying = false;
+    static audioAtlas: AudioAtlas = new AudioAtlas();
+    constructor() {
+        super({
+            width: GameTemplate.GAME_WIDTH,
+            height: GameTemplate.GAME_HEIGHT,
+            resolution: 1,
+            backgroundColor: 0x200140,
+        });
+        // Set the global log level
+        Log.logLevel = LogLevel.INFO;
+        // Load an empty scene while we async load the resources for the main one
+        // this.setScene(new Scene(this));
+        // TODO sound loader and font loader need to go in the actual loader
+        // Import sounds and set their properties
+        // const music = GameTemplate.audioAtlas.load("music", "src/assets/ADD_ME")
+        //     .loop(true)
+        //     .volume(0.3);
+    }
+}

package/template/src/Platformer.ts ADDED Viewed

@@ -0,0 +1,132 @@
+import {
+    CircleSatCollider,
+    CollisionMatrix,
+    Component,
+    Entity,
+    Game,
+    Key,
+    Log,
+    LogLevel,
+    newSystem,
+    RectSatCollider,
+    RenderCircle,
+    RenderRect,
+    SatCollisionSystem,
+    Scene,
+    types,
+} from "lagom-engine";
+enum Layers {
+    Guy,
+    Wall,
+    WallCheck,
+}
+class MoveMe extends Component {
+    constructor(public vel: number = 0) {
+        super();
+    }
+}
+class Gravity extends Component {}
+class Grounded extends Component {
+    constructor(public onGround: boolean = false) {
+        super();
+    }
+}
+class MainScene extends Scene {
+    onAdded() {
+        super.onAdded();
+        const matrix = new CollisionMatrix();
+        matrix.addCollision(Layers.Guy, Layers.Wall);
+        matrix.addCollision(Layers.Wall, Layers.WallCheck);
+        this.addGlobalSystem(new SatCollisionSystem(matrix));
+        const e2 = this.addEntity(new Entity("", 105, 100));
+        e2.addComponent(new CircleSatCollider({ layer: Layers.Guy, radius: 10 })).onTrigger.register((caller, data) => {
+            if (data.other.layer == Layers.Wall) {
+                // console.log("hit")
+                caller.parent.transform.x -= data.result.overlapV.x;
+                caller.parent.transform.y -= data.result.overlapV.y;
+            }
+        });
+        const grounded = e2.addComponent(new Grounded());
+        const groundChild = e2.addChild(new Entity("groundCheck", 0, 12));
+        const groundCheck = groundChild.addComponent(
+            new CircleSatCollider({
+                layer: Layers.WallCheck,
+                radius: 12,
+            }),
+        );
+        groundCheck.onTriggerEnter.register((caller, data) => {
+            console.log("grounded");
+            if (data.other.layer == Layers.Wall) {
+                grounded.onGround = true;
+            }
+        });
+        groundCheck.onTriggerExit.register((caller, data) => {
+            console.log("no grounded");
+            if (data.other.layer == Layers.Wall) {
+                grounded.onGround = false;
+            }
+        });
+        groundChild.addComponent(new RenderCircle({ radius: 2 }, 0x00ffff, undefined));
+        e2.addComponent(new RenderCircle({ radius: 10 }));
+        e2.addComponent(new MoveMe());
+        e2.addComponent(new Gravity());
+        const floor = this.addEntity(new Entity("floor", 0, 150));
+        floor.addComponent(new RectSatCollider({ layer: Layers.Wall, height: 10, width: 200 }));
+        floor.addComponent(new RenderRect({ width: 200, height: 10 }));
+        this.addFnSystem(
+            newSystem([MoveMe], (d, e, moveme) => {
+                if (this.game.keyboard.isKeyDown(Key.KeyA)) {
+                    e.transform.position.x -= d * 0.1;
+                }
+                if (this.game.keyboard.isKeyDown(Key.KeyD)) {
+                    e.transform.position.x += d * 0.1;
+                }
+                if (this.game.keyboard.isKeyPressed(Key.KeyW) && grounded.onGround) {
+                    moveme.vel = -50;
+                }
+            }),
+        );
+        this.addFixedFnSystem(
+            newSystem(types(MoveMe, Gravity), (delta, entity, moveme, gravity) => {
+                moveme.vel += delta * 0.2;
+                if (moveme.vel > 20) {
+                    moveme.vel = 20;
+                }
+                entity.transform.y += moveme.vel * delta * 0.01;
+            }),
+        );
+        // this.addFnSystem(newSystem([MoveMe, MoveMeToo], (d, e) => {}))
+    }
+}
+export class Platformer extends Game {
+    resourceLoad = async () => {};
+    startScene = () => new MainScene(this);
+    static GAME_WIDTH = 512;
+    static GAME_HEIGHT = 512;
+    constructor() {
+        super({
+            width: Platformer.GAME_WIDTH,
+            height: Platformer.GAME_HEIGHT,
+            resolution: 1,
+            backgroundColor: 0x200140,
+        });
+        Log.logLevel = LogLevel.INFO;
+    }
+}

package/template/src/Pong.ts ADDED Viewed

@@ -0,0 +1,258 @@
+// import {
+//     CollisionMatrix,
+//     CollisionSystem,
+//     Component,
+//     CType,
+//     Diagnostics,
+//     DiscreteCollisionSystem,
+//     Entity,
+//     Game,
+//     Key,
+//     Observable,
+//     RectCollider,
+//     RenderRect,
+//     Scene,
+//     System,
+//     TextDisp
+// } from "lagom-engine";
+//
+// enum Layers {
+//     leftpaddle,
+//     ball,
+//     rightpaddle
+// }
+//
+// enum PaddleSide {
+//     left,
+//     right
+// }
+//
+// export class Pong extends Game {
+//     constructor() {
+//         super({width: 800, height: 600, resolution: 1, backgroundColor: 0x000000});
+//         this.setScene(new MainScene(this));
+//     }
+// }
+//
+// class MainScene extends Scene {
+//     onAdded() {
+//         super.onAdded();
+//
+//         const collisionMatrix = new CollisionMatrix();
+//         collisionMatrix.addCollision(Layers.leftpaddle, Layers.ball);
+//         collisionMatrix.addCollision(Layers.rightpaddle, Layers.ball);
+//
+//         this.addGlobalSystem(new DiscreteCollisionSystem(collisionMatrix));
+//
+//         this.addEntity(new Paddle(30, 300, PaddleSide.left));
+//         this.addEntity(new Paddle(740, 300, PaddleSide.right));
+//         this.addEntity(new Ball(400, 200));
+//         const scoreboard = new Scoreboard(400, 50);
+//         this.addEntity(scoreboard);
+//         this.addEntity(new Diagnostics("red"));
+//
+//         this.addSystem(new PlayerMover());
+//         this.addSystem(new BallMover());
+//         this.addSystem(new ScoreSystem(scoreboard.score));
+//     }
+// }
+//
+// class Paddle extends Entity {
+//     private static width = 30;
+//     private static height = 80;
+//
+//     constructor(x: number, y: number, private side: PaddleSide) {
+//         super("paddle", x, y);
+//     }
+//
+//     onAdded() {
+//         super.onAdded();
+//
+//         if (this.side === PaddleSide.left) {
+//             this.addComponent(new PlayerControlled(Key.KeyW, Key.KeyS));
+//         } else {
+//             this.addComponent(new PlayerControlled(Key.ArrowUp, Key.ArrowDown));
+//         }
+//
+//         this.addComponent(new RenderRect(0, 0, Paddle.width, Paddle.height, 0xffffff, 0xffffff));
+//
+//         this.addComponent(
+//             new RectCollider(<CollisionSystem<any>>this.getScene().getGlobalSystem<CollisionSystem<any>>(CollisionSystem),
+//                 {
+//                     layer: Layers.leftpaddle,
+//                     height: Paddle.height, width: Paddle.width
+//                 }));
+//     }
+// }
+//
+// class PlayerControlled extends Component {
+//     constructor(public upKey: Key, public downKey: Key) {
+//         super();
+//     }
+// }
+//
+// class PlayerMover extends System<[PlayerControlled]> {
+//     types: [CType<PlayerControlled>] = [PlayerControlled];
+//
+//     private readonly moveSpeed = 40;
+//
+//     runOnEntities(delta: number, entity: Entity, playerControlled: PlayerControlled): void {
+//
+//         if (this.scene.game.keyboard.isKeyDown(playerControlled.upKey) && entity.transform.position.y > 0) {
+//             entity.transform.position.y += this.moveSpeed * -1 * (delta / 100);
+//         }
+//         if (this.scene.game.keyboard.isKeyDown(playerControlled.downKey)
+//             && entity.transform.position.y + entity.transform.height < entity.getScene().getGame().renderer.height) {
+//             entity.transform.position.y += this.moveSpeed * (delta / 100);
+//         }
+//     }
+// }
+//
+//
+// class BallMovement extends Component {
+//     xSpeed: number;
+//     ySpeed: number;
+//
+//     constructor() {
+//         super();
+//         this.xSpeed = -30;
+//         this.ySpeed = 30;
+//     }
+// }
+//
+//
+// class BallMover extends System<[BallMovement]> {
+//     types: [CType<BallMovement>] = [BallMovement];
+//
+//     topBounce: number;
+//     bottomBounce: number;
+//
+//     constructor() {
+//         super();
+//         this.topBounce = 10;
+//         this.bottomBounce = 600 - 10;
+//     }
+//
+//     runOnEntities(delta: number, entity: Entity, ball: BallMovement): void {
+//
+//         const bodyY = entity.transform.y;
+//         if (bodyY > this.bottomBounce || bodyY < this.topBounce) {
+//             ball.ySpeed *= -1;
+//         }
+//         entity.transform.x += ball.xSpeed * (delta / 100);
+//         entity.transform.y += ball.ySpeed * (delta / 100);
+//     }
+// }
+//
+// class Ball extends Entity {
+//     constructor(x: number, y: number) {
+//         super("ball", x, y);
+//     }
+//
+//     onAdded(): void {
+//         super.onAdded();
+//
+//         const rect = new RenderRect(0, 0, 10, 10, 0xffffff, 0xffffff);
+//         this.addComponent(rect);
+//         this.addComponent(new BallMovement());
+//
+//         const collider = this.addComponent(
+//             new RectCollider(<CollisionSystem<any>>this.getScene().getGlobalSystem<CollisionSystem<any>>(CollisionSystem),
+//                 {
+//                     xOff: 0, yOff: 0, layer: Layers.ball, rotation: 0,
+//                     height: 10, width: 10
+//                 }));
+//
+//         collider.onTriggerEnter.register(() => {
+//             const movement = this.getComponent<BallMovement>(BallMovement);
+//             if (movement !== null) {
+//                 movement.xSpeed *= -1;
+//             }
+//         });
+//     }
+// }
+//
+// class Scoreboard extends Entity {
+//     score: Score;
+//
+//     constructor(x: number, y: number) {
+//         super("scoreboard", x, y);
+//         this.score = new Score();
+//     }
+//
+//     onAdded() {
+//         super.onAdded();
+//
+//         const p1Label = new TextDisp(-30, 0, this.score.player1Score.toString(), {fill: 0x777777});
+//         this.addComponent(p1Label);
+//         this.score.onP1Score.register((_, num) => {
+//             p1Label.pixiObj.text = num.toString();
+//         });
+//
+//         const p2Label = new TextDisp(30, 0, this.score.player2Score.toString(), {fill: 0x777777});
+//         this.addComponent(p2Label);
+//         this.score.onP2Score.register((_, num) => {
+//             p2Label.pixiObj.text = num.toString();
+//         });
+//     }
+// }
+//
+// class Score extends Component {
+//     private _player1Score: number;
+//     private _player2Score: number;
+//
+//     constructor() {
+//         super();
+//         this._player1Score = 0;
+//         this._player2Score = 0;
+//     }
+//
+//     player1Scored(): void {
+//         this._player1Score++;
+//         this.onP1Score.trigger(this, this._player1Score);
+//     }
+//
+//     get player1Score(): number {
+//         return this._player1Score;
+//     }
+//
+//     player2Scored(): void {
+//         this._player2Score++;
+//         this.onP2Score.trigger(this, this._player2Score);
+//     }
+//
+//     get player2Score(): number {
+//         return this._player2Score;
+//     }
+//
+//     readonly onP1Score: Observable<Score, number> = new Observable();
+//     readonly onP2Score: Observable<Score, number> = new Observable();
+//
+//     onRemoved(): void {
+//         super.onRemoved();
+//
+//         this.onP1Score.releaseAll();
+//         this.onP2Score.releaseAll();
+//     }
+// }
+//
+// class ScoreSystem extends System<[BallMovement]> {
+//     types: [CType<BallMovement>] = [BallMovement];
+//
+//     constructor(private score: Score) {
+//         super();
+//     }
+//
+//     runOnEntities(delta: number, entity: Entity, args_0: BallMovement): void {
+//         if (entity.transform.x < 0) {
+//             this.score.player2Scored();
+//             entity.destroy();
+//             this.getScene().addEntity(new Ball(400, 200));
+//         }
+//         if (entity.transform.x > 800) {
+//             this.score.player1Scored();
+//             entity.destroy();
+//             this.getScene().addEntity(new Ball(400, 200));
+//         }
+//     }
+// }

package/template/src/art/level.json ADDED Viewed

@@ -0,0 +1,359 @@
+{
+    "id": "1",
+    "name": "Untitled",
+    "description": "No description",
+    "tileSize": 12,
+    "spriteSheets": {
+        "600d29ce-27cb-48ed-b91d-13f8c07e6c2a": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAwCAYAAAD+WvNWAAAAAXNSR0IArs4c6QAAAt1JREFUeJztncFt3DAQRb+C+OoefHEBPtiNpIzAgCsxYLiMNGIfXIAv7iHXHJRDwICrHXFJzgxFUf8BCwjaNYcSPz+H4i49AZjRH5NTufG1esXwItS9q3pP8BVQuNiaGNY3aq0OXTWIwLLezev76+5uBoAfHx9nsb85xp1WjnOxFHaqrNk4lhWu9Xp4fTQp+7tFIQKSYGrcbl4pq7SMks9t7UhF9+jP7/uzz19dv5tdQ3CfcLx0IQ8HSlW+tRPV/O1WjlQcVxKPJbF4gnDic4C9gHIE0kpE2pvbSkhN4jy8Ps5rw5Z0Xsp7vHOgEmF4i8g6f/Jo4KZO9/bzRbznqVxIEgxw6kJWAqoRhJeIvBrFqsE3TdolwayJKyZ2pFhYFtP4VkluTsyWDVN63VZ1+x+3JoHWCMhjCLPI9q2cqHWvznWSJo5zdf0+5cy+lmLJEU8KjYAsp7taEW35HGdNIO7CCaIpnbaXimY581oyV7y8qKnL0V7NSQmodhz3XqsqKX9L97Fg6weXKjyXMsgB0PR078XOHlxIsxhcUv5uoQMRFb0IqIdpeQoPp9i9+wD5AmIDE5EeHCglxFFFOow4exAQ2TE5PeGSC2h6U67D5MYwX29yiDGM+wB0IKJkSwGV9ORRcqGh3AegAxEll3qEdY5SWm5NnFY5Smmc4dwHoAMRJVsISOMQe82FhnQfIC0gJrnkIq0dyEJoexPr0KJkDkRUWP+6wfMJbkmsmngeT9SHdh+ADkSUtBKQR97Sey40vPsAsoA4zSbZtHAg758B9YJ2P6RdwhyIqFj2lBbfp2mN5/eZDo/XDmVkAL6ebsXOd/P8ebI7RwwdiAD4J55YKPH5cHzz/DnRgcgZa84DnLoPcJpEW85oep0dlbx3aCT3kaADEZGc/AeggMgKuQ4UhjAuNZAq+CCRiHw93c6pZDpwpO1LvLenGQ5JQMuhzfufrYQYveC9w9rh4BBGVPwF3wE0x+ESvQkAAAAASUVORK5CYII="
+    },
+    "layers": [
+        {
+            "id": "b2cce924-1569-4bd3-87b4-628d278a97d9",
+            "name": "Layer_0",
+            "description": "",
+            "tiles": [
+                {
+                    "id": "0",
+                    "x": 216,
+                    "y": -72,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "0",
+                    "x": 216,
+                    "y": -60,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "0",
+                    "x": 216,
+                    "y": -48,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "0",
+                    "x": 216,
+                    "y": -36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "0",
+                    "x": 216,
+                    "y": -24,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "47",
+                    "x": 216,
+                    "y": 0,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "0",
+                    "x": 312,
+                    "y": -48,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "0",
+                    "x": 312,
+                    "y": -24,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "14",
+                    "x": 264,
+                    "y": -36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "15",
+                    "x": 276,
+                    "y": -36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "26",
+                    "x": 264,
+                    "y": -24,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "27",
+                    "x": 276,
+                    "y": -24,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "16",
+                    "x": 216,
+                    "y": 24,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "17",
+                    "x": 228,
+                    "y": 24,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "28",
+                    "x": 216,
+                    "y": 36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "29",
+                    "x": 228,
+                    "y": 36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "40",
+                    "x": 216,
+                    "y": 48,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "41",
+                    "x": 228,
+                    "y": 48,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "16",
+                    "x": 300,
+                    "y": 24,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "17",
+                    "x": 312,
+                    "y": 24,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "28",
+                    "x": 300,
+                    "y": 36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "29",
+                    "x": 312,
+                    "y": 36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "40",
+                    "x": 300,
+                    "y": 48,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "41",
+                    "x": 312,
+                    "y": 48,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "16",
+                    "x": 264,
+                    "y": 72,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "17",
+                    "x": 276,
+                    "y": 72,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "28",
+                    "x": 264,
+                    "y": 84,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "29",
+                    "x": 276,
+                    "y": 84,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "40",
+                    "x": 264,
+                    "y": 96,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "41",
+                    "x": 276,
+                    "y": 96,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "9",
+                    "x": 240,
+                    "y": -60,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "9",
+                    "x": 252,
+                    "y": -36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "9",
+                    "x": 264,
+                    "y": 48,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "9",
+                    "x": 240,
+                    "y": 72,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "9",
+                    "x": 300,
+                    "y": 72,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "11",
+                    "x": 276,
+                    "y": 24,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "11",
+                    "x": 276,
+                    "y": 36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "11",
+                    "x": 264,
+                    "y": 36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "11",
+                    "x": 264,
+                    "y": 24,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "10",
+                    "x": 300,
+                    "y": -48,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "10",
+                    "x": 288,
+                    "y": -48,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "10",
+                    "x": 288,
+                    "y": -36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "10",
+                    "x": 288,
+                    "y": -24,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "10",
+                    "x": 300,
+                    "y": -24,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "10",
+                    "x": 300,
+                    "y": -36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "10",
+                    "x": 312,
+                    "y": -36,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                },
+                {
+                    "id": "47",
+                    "x": 216,
+                    "y": 120,
+                    "spriteSheetId": "600d29ce-27cb-48ed-b91d-13f8c07e6c2a",
+                    "scaleX": 1
+                }
+            ],
+            "collider": false,
+            "isAutoTile": false,
+            "rules": []
+        }
+    ],
+    "settings": {
+        "showGrid": true,
+        "GBStudioMode": false,
+        "backgroundColor": "#FFFFFF"
+    },
+    "exports": {
+        "spritesheet": "",
+        "tiles": []
+    }
+}

package/template/src/assets/flip_0.1.wav ADDED Viewed

Binary file

package/template/src/assets/mute_button_16x16.png ADDED Viewed

Binary file

package/template/src/assets/pixeloid.ttf ADDED Viewed

Binary file

package/template/src/assets/retro.ttf ADDED Viewed

Binary file

package/template/src/main.css ADDED Viewed

@@ -0,0 +1,4 @@
+body {
+    margin: 0;
+    padding: 0;
+}

package/template/src/main.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import "./main.css";
+import { Platformer } from "./Platformer";
+import { GameTemplate } from "./GameTemplate";
+document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
+  <div id="main" style="align-items: center; justify-content: center; height: 100%; display: flex">
+  </div>
+  <!--  <canvas id="detect-render" width="768" height="768""></canvas>-->
+`;
+const main = document.querySelector<HTMLDivElement>("#main")!;
+const game = new Platformer();
+// const game = new GameTemplate();
+game.start().then(() => {
+    main.appendChild(game.application.canvas);
+    game.application.canvas.focus();
+});

package/template/src/util/SoundManager.ts ADDED Viewed

@@ -0,0 +1,102 @@
+import { AnimatedSpriteController, Button, Component, CType, Entity, Key, System, Timer } from "lagom-engine";
+import { GameTemplate } from "../GameTemplate";
+class MuteComp extends Component {}
+class MuteListener extends System<[AnimatedSpriteController, MuteComp]> {
+    types: [CType<AnimatedSpriteController>, CType<MuteComp>] = [AnimatedSpriteController, MuteComp];
+    runOnEntities(delta: number, e: Entity, spr: AnimatedSpriteController, args_1: MuteComp): void {
+        if (this.scene.game.mouse.isButtonPressed(Button.LEFT)) {
+            // TODO this is a bit cheeky, how can I do it now?
+            // const pos = e.scene.game.canvas.plugins.interaction.mouse.global;
+            // if (pos.x >= GameTemplate.GAME_WIDTH - 24 && pos.x <= GameTemplate.GAME_WIDTH - 8 && pos.y >= GameTemplate.GAME_HEIGHT - 24 && pos.y <= GameTemplate.GAME_HEIGHT - 8) {
+            //     (e.scene.getEntityWithName("audio") as SoundManager).toggleMute();
+            //     spr.setAnimation(Number(GameTemplate.muted));
+            // }
+        } else if (this.scene.game.keyboard.isKeyPressed(Key.KeyM)) {
+            (e.scene.getEntityWithName("audio") as SoundManager).toggleMute();
+            spr.setAnimation(Number(GameTemplate.muted));
+        }
+    }
+}
+export class SoundManager extends Entity {
+    constructor() {
+        super("audio", GameTemplate.GAME_WIDTH - 16 - 8, GameTemplate.GAME_HEIGHT - 24, 0);
+        this.startMusic();
+    }
+    onAdded(): void {
+        super.onAdded();
+        this.addComponent(new MuteComp());
+        const spr = this.addComponent(
+            new AnimatedSpriteController(Number(GameTemplate.muted), [
+                {
+                    id: 0,
+                    textures: [this.scene.game.getResource("mute_button").tileAt(0, 0)],
+                },
+                {
+                    id: 1,
+                    textures: [this.scene.game.getResource("mute_button").tileAt(1, 0)],
+                },
+            ]),
+        );
+        this.addComponent(new Timer(50, spr, false)).onTrigger.register((caller, data) => {
+            data.setAnimation(Number(GameTemplate.muted));
+        });
+        this.scene.addSystem(new MuteListener());
+    }
+    toggleMute() {
+        GameTemplate.muted = !GameTemplate.muted;
+        if (GameTemplate.muted) {
+            this.stopAllSounds();
+        } else {
+            this.startMusic();
+        }
+    }
+    startMusic() {
+        if (!GameTemplate.muted && !GameTemplate.musicPlaying) {
+            GameTemplate.audioAtlas.play("music");
+            GameTemplate.musicPlaying = true;
+        }
+    }
+    stopAllSounds(music = true) {
+        if (music) {
+            GameTemplate.audioAtlas.sounds.forEach((v: any, k: string) => v.stop());
+            GameTemplate.musicPlaying = false;
+        } else {
+            GameTemplate.audioAtlas.sounds.forEach((v: any, k: string) => {
+                if (k !== "music") v.stop();
+            });
+        }
+    }
+    onRemoved(): void {
+        super.onRemoved();
+        this.stopAllSounds(false);
+    }
+    playSound(name: string, restart = false) {
+        if (!GameTemplate.muted) {
+            if (GameTemplate.audioAtlas.sounds.get(name)?.isPlaying && !restart) return;
+            GameTemplate.audioAtlas.play(name);
+        }
+    }
+    stopSound(name: string) {
+        GameTemplate.audioAtlas.sounds.forEach((value, key) => {
+            if (key === name) {
+                value.stop();
+            }
+        });
+    }
+}

package/template/src/vite-env.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="vite/client" />

package/template/tsconfig.json ADDED Viewed

@@ -0,0 +1,15 @@
+{
+    "compilerOptions": {
+        "target": "ESNext",
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        /* Linting */
+        "strict": true
+    },
+    "include": [
+      "template"
+    ]
+}

package/template/vite.config.ts ADDED Viewed

@@ -0,0 +1,6 @@
+// vite.config.js
+import { defineConfig } from "vite";
+export default defineConfig({
+    base: "",
+});