Roter Strichmann gegen Monster School - Action Spiel

Bitte erstellen Sie mit Three.js ein **mobile-first Spiel** mit dem Thema "Roter Strichmännchen gegen Voxel-Monsterschule". Lesen Sie zuerst die folgenden detaillierten Spielanforderungen und generieren Sie dann den entsprechenden Code: ### 1. Assets & Umgebung * **Visueller Stil:** Ein 2,5D-Hybrid-Design. Die Vordergrundcharaktere (das rote Strichmännchen) sollen aus glatten Three.js-Primitiven (Kugeln für Gelenke/Kopf, Zylinder für Gliedmaßen) mit einem lebhaften roten Material (`0xff0000`) bestehen. Die Gegner und die Umgebung müssen einen **Voxel-/Block-Stil** (ähnlich wie Minecraft) verwenden, mit `BoxGeometry` und niedrigauflösenden Pixel-Art-Texturen. * **Umgebungs-Layout:** Ein Side-Scrolling-Level aus Voxel-Blöcken (Gras, Erde, Stein). Beziehen Sie schwebende Plattformen für Vertikalität ein. Der Hintergrund sollte einen dynamischen Himmelsverlauf (Blau zu Orange) mit entfernten, nicht interaktiven blockigen Bergen enthalten, um Tiefe zu erzeugen (Parallax-Effekt). * **Beleuchtung:** Verwenden Sie `HemisphereLight` für die allgemeine Outdoor-Atmosphäre und ein `DirectionalLight`, das Schatten wirft, um Sonnenlicht zu simulieren. * **Mobile Optimierung:** Verwenden Sie **InstancedMesh** für sich wiederholende Bodenblöcke, um Draw-Calls zu reduzieren. Begrenzen Sie die Anzahl aktiver Partikel (z. B. Treffereffekte), um 60 FPS auf Mobilgeräten zu gewährleisten. ### 2. Audio-Anforderungen * **BGM:** Ein energiegeladener, schneller Track, der **8-Bit-Chiptune**-Melodien mit schweren **Rock/Cinematic Drums** kombiniert, um eine "Bosskampf"- oder "Herausforderungs"-Atmosphäre zu simulieren. * **SFX:** * **Strichmännchen-Aktionen:** "Swoosh"-Geräusche für Schläge/Tritte, ein cartoonartiger "Boing"-Ton für Sprünge. * **Aufpralle:** "Knirschende" Retro-Geräusche beim Treffen von Voxel-Gegnern (ähnlich wie brechende Blöcke). * **Gegner:** Voxel-artige Stöhngeräusche (Zombies) oder Knochenrasseln (Skelette). * **UI:** Knackige "Klick"-Geräusche für Schaltflächen und eine "Erfolg"-Melodie beim Abschließen eines Levels. ### 3. Gameplay-Schleife * **Kernmechaniken:** Der Spieler steuert den roten Strichmännchen, der sich von links nach rechts bewegt. Das Ziel ist es, alle Gegner in einem Abschnitt zu besiegen, um den Weg freizuschalten (Beat-'em-up-Stil), oder das Endportal zu erreichen. * **Kampfsystem:** Einfacher Nahkampf. Der Spieler hat eine Lebensleiste (oben links). Gegner (Zombies, Skelettbogenschützen, Blockige Bosse) haben schwebende Lebensleisten über ihren Köpfen. * **Physik:** Arcade-ähnliche Physik. Springen sollte sich präzise anfühlen (hohe Schwerkraft beim Herunterfallen). Kollisionen mit Gegnern verursachen einen leichten Rückstoß. * **Sieg/Niederlage:** * **Sieg:** Erreiche die Zielflagge oder das Portal am Ende des Levels. * **Niederlage:** Die Lebenspunkte des Spielers erreichen 0 (löse einen "Ragdoll"-Zusammenbruchseffekt für das Strichmännchen aus). ### 4. Mobile Steuerung & Interaktion * **Touch-Steuerung (HTML-Overlay):** * **Linke Seite:** Ein virtueller Joystick oder einfache "Links/Rechts"-Pfeiltasten für die horizontale Bewegung. * **Rechte Seite:** Drei getrennte Aktionstasten: * **Taste A (Groß):** Springen (Entspricht W-Taste). * **Taste B (Mittel):** Angreifen (Schlagen/Treten). * **Taste C (Klein):** Interagieren (Entspricht E-Taste – wird für Hebel oder das Öffnen von Truhen verwendet). * **Ausrichtung:** Erzwinge den **Querformat-Modus** für ein breiteres Sichtfeld. * **Kameraverhalten:** Die Kamera muss dem Spieler sanft auf der X-Achse mit einem leichten Versatz folgen, um mehr des vorausliegenden Weges zu zeigen. Verwende eine `orthografische` Kamera oder eine `perspektivische` mit fester Z-Tiefe, um den 2.5D-Look beizubehalten. * **Feedback:** * **Haptisch:** Rufe `navigator.vibrate(50)` bei Schadensnahme oder einem schweren Treffer auf. * **Visuell:** Bildschirmwackel-Effekt (leichtes Kamerawackeln), wenn der Spieler getroffen wird. Erstelle ein Spielkonzept, in dem der Spieler als `Time Warden` agiert, der durch die `Chrono-Sphäre` reist – eine riesige, dezentralisierte Datenstruktur, die historische Ereignisse als `Ereignisknoten` speichert. Das zentrale Gameplay dreht sich um: * **Knoten-Dekompilierung:** Mit einem `Chrono-Compiler` historische Szenarien in ihren Quellcode zerlegen. * **Quellcode-Manipulation:** `Fehler` im historischen Ablauf beheben, die als `<anomaly type="temporal-paradox">Zeitparadoxe</anomaly>` im Code auftauchen. * **Neukompilierung & Konsequenzen:** Die bearbeiteten Szenarien erneut kompilieren und die daraus resultierenden alternativen Zeitlinien beobachten. Ein typisches Level könnte ablaufen wie: ```chronoscript node = accessNode("Fall_of_Byzantium.1453"); rawHistory = decompile(node); // Finde die Anomalie bug = locateBug(rawHistory, "temporal-paradox"); // Passe den Quellcode an correctedHistory = applyPatch(rawHistory, bug, ` if (ottomanForces.size > byzantineDefenders.size * 1.5) { triggerEvent("reinforcements_arrive"); } `); // Kompiliere die neue Zeitlinie neu newTimeline = recompile(correctedHistory); simulate(newTimeline); ``` **Spielziel:** Die Integrität der Chrono-Sphäre bewahren, indem man `katastrophale Zeitschleifen` verhindert. Jede erfolgreiche Reparatur belohnt den Spieler mit `Chrono-Trust`, das verwendet wird, um den `Compiler` aufzurüsten und tiefer in kritischere Knoten vorzudringen.