Erste Version

2026-04-04 15:09:32 +02:00
commit b8e8554464
12 changed files with 843 additions and 0 deletions
--- a/bottlesort/index.html
+++ b/bottlesort/index.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Flaschen-Sortier-Spiel</title>
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+  <body>
+    <main class="layout">
+      <header class="hud">
+        <h1>Flaschen-Sortier-Spiel</h1>
+        <p id="status">Drücke eine Bewegungstaste, um zu starten.</p>
+        <div class="hud-row">
+          <span id="levelInfo">Level 1/4</span>
+          <span id="progressInfo">0/0 sortiert</span>
+          <span id="carryInfo">Trage: nichts</span>
+        </div>
+        <div class="hud-row">
+          <button id="restartBtn" type="button">Level neu starten</button>
+          <button id="musicBtn" type="button">Musik: Aus</button>
+        </div>
+        <p class="help">
+          Steuerung: WASD oder Pfeiltasten bewegen, Leertaste auf Flasche/Kiste zum
+          Aufnehmen/Ablegen.
+        </p>
+      </header>
+      <canvas id="gameCanvas" width="784" height="560"></canvas>
+    </main>
+    <script type="module" src="./src/main.js"></script>
+  </body>
+</html>