deploy: 87989e7

gaoliveira21 · Dec 23, 2023 · 87a31f8 · 87a31f8
1 parent 00ca601
commit 87a31f8
Show file tree

Hide file tree

Showing 6 changed files with 79 additions and 4 deletions.
diff --git a/chip8.wasm b/chip8.wasm
diff --git a/index.html b/index.html
@@ -8,6 +8,57 @@
 </head>
 
 <body>
+  <form id="select-rom">
+    <fieldset>
+      <legend>Select ROM</legend>
+
+      <div>
+        <input type="radio" id="pong" name="rom" value="PONG.ch8" checked />
+        <label for="PONG">Pong</label>
+        <details open>
+          <summary>Keyboard</summary>
+          <ul>
+            <li>↑ = <kbd>1</kbd></li>
+            <li>↓ = <kbd>Q</kbd></li>
+          </ul>
+        </details>
+      </div>
+
+      <div>
+        <input type="radio" id="snake" name="rom" value="SNAKE.ch8" />
+        <label for="snake">Snake [steveRoll]</label>
+        <details open>
+          <summary>Keyboard</summary>
+          <ul>
+            <li>↑ = <kbd>2</kbd></li>
+            <li>→ = <kbd>E</kbd></li>
+            <li>↓ = <kbd>S</kbd></li>
+            <li>← = <kbd>Q</kbd></li>
+            <li>Restart = <kbd>V</kbd></li>
+          </ul>
+        </details>
+      </div>
+
+      <div>
+        <input type="radio" id="space-invaders" name="rom" value="SPACE_INVADERS.ch8" />
+        <label for="space-invaders">Space Invaders [David Winter]</label>
+        <details open>
+          <summary>Keyboard</summary>
+          <ul>
+            <li>Shoot = <kbd>W</kbd></li>
+            <li>← = <kbd>Q</kbd></li>
+            <li>→ = <kbd>E</kbd></li>
+            <li>Start/Restart = <kbd>W</kbd></li>
+          </ul>
+        </details>
+      </div>
+    </fieldset>
+
+    <p>When running game press <kbd>ESC</kbd> to reload</p>
+
+    <button type="submit">Confirm</button>
+  </form>
+
   <script src="js/wasm_exec.js"></script>
   <script src="js/polyfill.js"></script>
   <script src="js/wasm_load.js"></script>

diff --git a/js/wasm_load.js b/js/wasm_load.js
@@ -1,5 +1,29 @@
-const go = new Go()
+const form = document.querySelector("form#select-rom")
 
-WebAssembly
-  .instantiateStreaming(fetch("chip8.wasm"), go.importObject)
-  .then(result => go.run(result.instance))
+form.addEventListener("submit", (e) => {
+  e.preventDefault()
+
+  const data = new FormData(form)
+
+  const rom = data.get("rom")
+
+  document.rom = rom
+
+  form.remove()
+
+  const go = new Go()
+
+  WebAssembly
+    .instantiateStreaming(fetch(`chip8.wasm`), go.importObject)
+    .then(result => {
+      go.run(result.instance)
+      const canvas = document.getElementsByTagName("canvas")[0]
+
+      canvas.addEventListener("keydown", (e) => {
+        console.log(e.key)
+          if (e.key == "Escape") {
+            location.reload()
+          }
+        })
+    })
+})
diff --git a/roms/PONG.ch8 b/roms/PONG.ch8
diff --git a/roms/SNAKE.ch8 b/roms/SNAKE.ch8
diff --git a/roms/SPACE_INVADERS.ch8 b/roms/SPACE_INVADERS.ch8