chore: scaffold Dino Land with canvas base game loop

2026-03-03 20:39:07 -06:00
commit 93958c02a4
3 changed files with 110 additions and 0 deletions
@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Dino Land</title>
+  <link rel="stylesheet" href="styles.css" />
+</head>
+<body>
+  <div id="hud">
+    <div id="hearts"></div>
+    <div id="score">Score: 0</div>
+  </div>
+
+  <canvas id="game" width="960" height="540" aria-label="Dino Land game canvas"></canvas>
+
+  <div id="deathScreen" class="hidden">
+    <div class="panel">
+      <h1>TRex Down!</h1>
+      <p id="finalScore"></p>
+      <h2>Top 10</h2>
+      <ol id="leaderboard"></ol>
+      <form id="saveScoreForm" class="hidden">
+        <label for="playerName">You made top 10! Enter name:</label>
+        <input id="playerName" maxlength="20" required />
+        <button type="submit">Save Score</button>
+      </form>
+      <button id="restartBtn">Play Again</button>
+    </div>
+  </div>
+
+  <script src="js/game.js"></script>
+</body>
+</html>