Added kidney_labe and Cyste_kid

2026-04-16 08:14:20 +02:00
parent aa66c030f8
commit 9cc8ac8cad
40 changed files with 6762 additions and 0 deletions
--- a/kidney_lab/index.html
+++ b/kidney_lab/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Kidney Lab — MW-56 Game &amp; Watch</title>
+  <link rel="stylesheet" href="css/styles.css" />
+</head>
+<body>
+
+  <div id="app">
+    <!-- ── Intro screen ─────────────────────────────────────── -->
+    <div id="intro-screen" class="screen active"></div>
+
+    <!-- ── Game screen (canvas injected by game.js) ─────────── -->
+    <div id="game-screen" class="screen"></div>
+
+    <!-- ── High-score screen ────────────────────────────────── -->
+    <div id="highscore-screen" class="screen"></div>
+  </div>
+
+  <!--
+    Script load order matters — each file depends only on what
+    was loaded before it:
+      settings  →  (no deps)
+      player    →  settings
+      conveyor  →  settings
+      lab       →  settings
+      game      →  settings + player + conveyor + lab + highscore
+      intro     →  game
+      highscore →  intro (back button)
+
+    We load highscore before intro so game.js can call HighScoreScreen.show().
+    intro.js is last so it can call Game.init() immediately on boot.
+  -->
+  <script src="js/settings.js"></script>
+  <script src="js/player.js"></script>
+  <script src="js/conveyor.js"></script>
+  <script src="js/lab.js"></script>
+  <script src="js/highscore.js"></script>
+  <script src="js/game.js"></script>
+  <script src="js/intro.js"></script>
+
+  <script>
+    // Boot: show the intro screen.
+    IntroScreen.show();
+  </script>
+
+</body>
+</html>