7GCraft · Phobez · Dec 23, 2023 · Dec 24, 2023 · Jan 6, 2024 · Jan 12, 2024
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 3
+trim_trailing_whitespace = true
+
+[.html]
+indent_size = 2
diff --git a/colors.json b/colors.json
@@ -0,0 +1,18 @@
+{
+   "grid": {
+      "background": "#000",
+      "primary": "#0d6efd"
+   },
+   "unit": {
+      "red": {
+         "primary": "#c40000",
+         "active": "#ff6868",
+         "disabled": "#ff686880"
+      },
+      "blue": {
+         "primary": "#4e90e6",
+         "active": "#71afff",
+         "disabled": "#71afff80"
+      }
+   }
+}
diff --git a/gameConfig.ts b/gameConfig.ts
@@ -0,0 +1,10 @@
+import { Orientation } from "honeycomb-grid";
+
+export default {
+   hex: {
+      dimensions: 30,
+      origin: "topLeft",
+      orientation: Orientation.FLAT,
+   },
+   fps: 30,
+} as const;
diff --git a/index.html b/index.html
@@ -2,12 +2,17 @@
 <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>Vite App</title>
+    <title>Battle Simulator</title>
   </head>
   <body>
-    <div id="app"></div>
-    <script type="module" src="/main.js"></script>
+   <div style="display: flex; flex: 1;">
+      <div id="game">
+         <p id="game-over-text"></p>
+         <button id="end-turn-button">End Turn</button>
+      </div>
+      <div id="debug-panel" style="border: 1px solid black; padding: 0.25rem; min-width: 50vw;"></div>
+   </div>
+   <script type="module" src="/src/App.ts"></script>
   </body>
 </html>
diff --git a/main.js b/main.js
diff --git a/notes.md b/notes.md
@@ -0,0 +1,28 @@
+Playground Roadmap
+
+1. [x] Init project with boardgame.io & PIXI.js.
+2. [x] Create the board with numbers.
+3. [x] Add player and movement.
+4. [x] Add multiplayer and win condition (technical back-end).
+5. [ ] Add multiple units for each player.
+6. [ ] Add icon
+7. [ ] Represent powers into HP bar (?)
+8. [ ] Push playground into main.
+
+Multiple Units
+Logic:
+1. Select which unit to move
+   1. Must be your own unit
+   2. Must not do an action before
+2. Mark the unit as selected in the client
+3. Execute an action for the unit
+   1. Move
+   2. Fight
+4. Mark the unit as "done" (already done an action)
+5. Loop to (1) until all units have completed an action
+6. End Turn, go to another player
+
+Low Level Logic:
+1. Select unit to move
+   - Set unit ID to activeUnitID
+2.