feat: game-boy fn component

n1md7 · Jul 22, 2023 · f54dd6c · f54dd6c
1 parent af944ce
commit f54dd6c
Show file tree

Hide file tree

Showing 11 changed files with 278 additions and 113 deletions.
diff --git a/index.html b/index.html
@@ -5,11 +5,8 @@
     <base href="%GAME_BASE_URL%" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="/js-dos/js-dos.js"></script>
-    <link rel="stylesheet" href="/js-dos/js-dos.css" />
-    <script>
-      emulators.pathPrefix = './js-dos/';
-    </script>
+    <script src="node_modules/js-dos/dist/js-dos.js"></script>
+    <link rel="stylesheet" href="node_modules/js-dos/dist/js-dos.css" />
     <title>Vite + ThreeJS + TS</title>
   </head>
   <body>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -52,7 +52,9 @@
   },
   "dependencies": {
     "electron-squirrel-startup": "^1.0.0",
-    "js-dos": "^7.1.11",
+    "emulators": "^0.73.8",
+    "emulators-ui": "^0.73.9",
+    "js-dos": "^7.5.0",
     "lil-gui": "^0.18.2",
     "stats.js": "^0.17.0",
     "three": "^0.154.0"

diff --git a/public/games/digger.jsdos b/public/games/digger.jsdos
diff --git a/src/game-boy/GameBoy.ts b/src/game-boy/GameBoy.ts
@@ -0,0 +1,47 @@
+import { Screen } from '@/src/game-boy/components/Screen';
+import { Game } from '@/src/game-boy/abstract/Game';
+import { Digger } from '@/src/game-boy/games/Digger';
+import { Group } from 'three';
+import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader';
+
+export enum Cartridge {
+  Digger = 'Digger',
+}
+
+type Games = Map<Cartridge, Game>;
+
+export class GameBoy {
+  public readonly screen: Screen;
+  public readonly games: Games;
+  public readonly scene: Group;
+
+  private currentGame?: Game;
+
+  constructor(model: GLTF) {
+    this.games = new Map();
+    this.scene = new Group();
+    this.screen = new Screen(320, 200);
+    this.screen.position.set(0, 0.43, 0.2);
+
+    this.scene.add(model.scene.clone(), this.screen);
+    this.games.set(Cartridge.Digger, new Digger());
+  }
+
+  getCurrentGame(): Game | undefined {
+    return this.currentGame;
+  }
+
+  insertCartridge(gameName: Cartridge): Game {
+    // Make sure we unsubscribe from the previous game.
+    this.currentGame?.stop();
+    this.currentGame = this.games.get(gameName)!;
+    // HDMI or TYPE-C both work.🙂
+    this.currentGame.connect(this.screen);
+
+    return this.currentGame;
+  }
+
+  async runGame(): Promise<void> {
+    await this.currentGame?.run();
+  }
+}