Dungeon crawler

apps/client/src/app/app-routing.module.ts

@@ -126,6 +126,20 @@ const flySquasherRoutes = [
   }
 ] satisfies Routes;
 
+const dungeonCrawlerRoutes = [
+  {
+    path: "dungeon-crawler",
+    children: [
+      {
+        path: "",
+        loadComponent: () =>
+          import("./dungeon-crawler/dungeon-crawler.component").then((m) => m.DungeonCrawlerComponent)
+      },
+      { path: "**", redirectTo: "" }
+    ]
+  }
+] satisfies Routes;
+
 const routes = [
   {
     path: "",
@@ -139,6 +153,7 @@ const routes = [
   ...littleMuncherRoutes,
   ...probableWaffleRoutes,
   ...flySquasherRoutes,
+  ...dungeonCrawlerRoutes,
   {
     path: "**",
     redirectTo: ""

apps/client/src/app/app.component.ts

@@ -5,11 +5,11 @@ import { SwRefreshComponent } from "./shared/components/sw-refresh/sw-refresh.co
 import { RouterOutlet } from "@angular/router";
 
 @Component({
-    selector: "fuzzy-waddle-root",
-    templateUrl: "./app.component.html",
-    styleUrls: ["./app.component.scss"],
-    standalone: true,
-    imports: [RouterOutlet, SwRefreshComponent]
+  selector: "fuzzy-waddle-root",
+  templateUrl: "./app.component.html",
+  styleUrls: ["./app.component.scss"],
+  standalone: true,
+  imports: [RouterOutlet, SwRefreshComponent]
 })
 export class AppComponent implements OnInit {
   protected readonly authService = inject(AuthService);

apps/client/src/app/dungeon-crawler/game/assets.ts

@@ -0,0 +1,48 @@
+export enum AssetsDungeon {
+  "tiles" = "tiles",
+  "dungeon" = "dungeon",
+  "faune" = "faune",
+  "lizard" = "lizard",
+  "treasure" = "treasure",
+  "heartEmpty" = "heartEmpty",
+  "heartFull" = "heartFull",
+  "knife" = "knife"
+}
+
+// visible in tiled (tileset name)
+export enum DungeonTilesetNames {
+  "dungeion" = "dungeion"
+}
+
+// layers of tile map (visible in tiled)
+export enum DungeonTilesetLayers {
+  "Walls" = "Walls",
+  "Ground" = "Ground"
+}
+
+// custom names for animations
+export enum AnimationsFaune {
+  "default" = "walk-down-3.png",
+  "idleDown" = "faune-idle-down",
+  "idleUp" = "faune-idle-up",
+  "idleSide" = "faune-idle-side",
+  "runDown" = "faune-run-down",
+  "runUp" = "faune-run-up",
+  "runSide" = "faune-run-side",
+  "faint" = "faune-faint"
+}
+
+export enum AnimationsChest {
+  "open" = "chest-open",
+  "close" = "chest-close"
+}
+
+export enum AnimationsLizard {
+  "default" = "lizard_m_idle_anim_f0.png",
+  "idle" = "idle",
+  "run" = "run"
+}
+
+export enum DungeonCrawlerSceneEventTypes {
+  "playerHealthChanged" = "playerHealthChanged"
+}

apps/client/src/app/dungeon-crawler/game/dungeonCrawlerScenes.ts

@@ -0,0 +1,5 @@
+export enum DungeonCrawlerScenes {
+  "PreloadSceneDungeon" = "PreloadSceneDungeon",
+  "MainSceneDungeon" = "MainSceneDungeon",
+  "DungeonUi" = "DungeonUi"
+}

apps/client/src/app/dungeon-crawler/game/game-config.ts

@@ -0,0 +1,23 @@
+import DungeonPreloader from "./scenes/DungeonPreloader";
+import Dungeon from "./scenes/Dungeon";
+import DungeonUi from "./scenes/DungeonUi";
+import { baseGameConfig } from "../../shared/game/base-game.config";
+
+export const dungeonCrawlerGameConfig: Phaser.Types.Core.GameConfig = {
+  ...baseGameConfig,
+  width: window.innerWidth / 2,
+  height: window.innerHeight / 2,
+  physics: {
+    default: "arcade",
+    arcade: {
+      gravity: { y: 0 },
+      debug: false
+    }
+  },
+  pixelArt: true,
+  scale: {
+    zoom: 2,
+    mode: Phaser.Scale.CENTER_BOTH
+  },
+  scene: [DungeonPreloader, Dungeon, DungeonUi]
+};

apps/client/src/app/home/page/home-page.component.ts

@@ -27,7 +27,7 @@ export type DisplayGame = {
 })
 export class HomePageComponent {
   protected readonly environment = environment;
-  private readonly currentlyFeaturedGame = "fly-squasher";
+  private readonly currentlyFeaturedGame = "dungeon-crawler";
   displayGames: DisplayGame[] = [
     {
       name: "Probable Waffle",
@@ -42,7 +42,6 @@ export class HomePageComponent {
       description: "Infinite scroller",
       image: "little-muncher.webp",
       bannerImage: "probable-waffle-banner.webp",
-
       route: "little-muncher"
     },
     {
@@ -51,6 +50,13 @@ export class HomePageComponent {
       image: "fly-squasher.webp",
       bannerImage: "fly-squasher-banner.webp",
       route: "fly-squasher"
+    },
+    {
+      name: "Dungeon Crawler",
+      description: "Creepy crawlies",
+      image: "dungeon-crawler.webp",
+      bannerImage: "dungeon-crawler-banner.webp",
+      route: "dungeon-crawler"
     }
   ];