Dreadhead Parkour - Action Spiel

Bitte verwende Three.js, um ein **Mobile-First-Spiel** mit dem Thema „Dreadhead Parkour“ zu erstellen. Bitte lies zuerst die folgenden detaillierten Spielentwurfsanforderungen und erstelle dann entsprechend den Code: ### 1. Assets & Umgebung * **Visueller Stil**: 2.5D-Side-Scroller mit einem „Flat Design“-Look entsprechend dem Referenzbild. Verwende eine **Orthografische Kamera**, um eine 2D-Optik zu simulieren, während 3D-Modelle genutzt werden. * **Charakterdesign**: Ein stilisiertes, weißes, püppchenartiges Wesen mit kräftigen schwarzen Umrissen (Cell Shading). Das charakteristische Merkmal sind die „Dreadlocks“ – diese sollen als Kette physikfähiger Segmente (oder als nachfolgendes Band-Mesh) implementiert sein, die sich dynamisch auf Bewegungen reagierend verhalten (nach hinten wippen beim Laufen, wirbeln bei Saltos). * **Umgebung**: Eine urbane Dachlandschaft. Der Hintergrund soll eine parallax-scrollende Skyline in lebhaften Tönen von Hot Pink, Magenta und Rot sein (entsprechend dem Screenshot). * **Hindernisse**: Metallene silberne Stacheln, rote explosive Fässer (Bomben) und rotierende Sägeblätter. * **Mobile Optimierung**: Verwende Low-Poly-Meshes für alle Geometrien. Nutze einfache Vertex-Farben anstelle von aufwändigen Texturen wo möglich. Implementiere Objekt-Pooling für Münzen und Partikeleffekte, um 60 FPS auf mobilen Browsern zu halten. ### 2. Audio-Anforderungen * **Hintergrundmusik (BGM)**: Hoch energiegeladener, schnell gespielter Urban-Funk- oder Breakbeat-Track, um Geschwindigkeit und Adrenalin zu betonen. * **Soundeffekte (SFX)**: * **Springen/Salto**: Ein scharfes „Swoosh“-Luftschneidgeräusch. * **Rutschen**: Reibungsgeräusch wie Stoff auf Beton. * **Münze einsammeln**: Ein hoher, befriedigender Arcade-„Ding“-Ton. * **Tod/Aufprall**: Komischer, aber wirkungsvoller „Crunch“- oder „Splat“-Sound (in Anlehnung an den *Short Life*-Stil des Erstellers), gefolgt von einer generischen „Ugh“-Vokalisierung. * **UI**: knackige "Klick"-Geräusche bei Knopfdruck. ### 3. Spielablauf * **Kernmechanik**: Der Spieler steuert den Charakter, der von links nach rechts rennt. Das Ziel ist es, die "Ziellinie" (ein kariertes Zielband oder Portal) zu erreichen, ohne zu sterben. * **Parkour-Physik**: * **Springen (W)**: Ein Tippen auf Springen führt zu einem normalen Sprung. Doppeltes Tippen initiiert einen "Salto vorwärts" oder "Rückwärtssalto", der etwas mehr Höhe und Weite bietet. * **Rutschen (S)**: Halten der Rutschtaste verringert die Trefferbox des Charakters, um unter Hindernissen durchzukommen. * **Gefahren**: Das Berühren eines Stachels, einer Bombe oder das Fallen in eine Grube löst sofort einen "Ragdoll"-Zustand aus (physikalische Gliedmaßen erschlaffen) und startet das Level neu. * **Punktestand**: Münzen sind in schwer erreichbaren Bögen platziert (oft erfordern sie präzise Sprungtiming). Der Score basiert auf gesammelten Münzen + verbleibender Zeit. ### 4. Mobile Steuerung & Interaktion * **Ausrichtung**: **Querformat** (Gesperrt). * **Touch-Steuerung (geteilter Bildschirm)**: * **Linker Bildschirmbereich**: Ein unsichtbarer oder halbtransparenter horizontaler Schieberegler/Joypad für die Bewegung (Links/Rechts Geschwindigkeit). * **Rechter Bildschirmbereich**: Zwei separate Buttons. Großer "Pfeil-nach-oben"-Button für Springen/Saltos und ein kleinerer "Pfeil-nach-unten"-Button für Rutschen. * **UI-Layout**: Punktestand und Münzanzahl oben links (Safe Area). Pause-Button oben rechts. Buttons müssen eine minimale Berührungsfläche von 48x48px haben. * **Feedback**: * **Haptisch**: Gerätevibration (falls von Navigator.vibrate unterstützt) auslösen, wenn ein Hindernis getroffen oder eine Münze gesammelt wird. * **Visuell**: Leichter Bildschirmwackeleffekt, wenn eine Bombe in der Nähe explodiert. Geschwindigkeitslinien (Bewegungsunschärfe-Spuren) erscheinen am Bildschirmrand bei maximaler Laufgeschwindigkeit. Erstelle ein Top-Down-2D-Abenteuerspiel im Pixelkunststil, in dem der Spieler **ein verlassenes Cybernetik-Labor** erkundet. Das Spiel kombiniert **Rätsellösen** mit **Stealth-Elementen**, da feindliche, außer Kontrolle geratene Roboter den Komplex patrouillieren. ## Kernmechaniken * **Dynamisches Lichtsystem:** Der Spieler trägt eine Handlampe mit begrenzter Batterie (`Batterie = 100 Einheiten`). Feinde werden durch Licht- und Geräuschpegel angelockt. * **Hacken:** Der Spieler kann bestimmte Konsolen hacken (`Minispiel: Drücke die richtigen Tasten im Zeitlimit`), um Türen, Fallen oder Umgebungsbeleuchtung zu steuern. * **Scanner-Modus:** Aktivierbar mit `[Umschalttaste]`. Hebt interaktive Objekte hervor und analysiert Feind-Patrouillenrouten, verbraucht aber Batterie. ## Spielerfortschritt 1. Finde den **Hauptreaktor** und starte ihn neu, um Strom wiederherzustellen. 2. Stelle im **Sicherheitskontrollraum** das Netzwerk wieder her, um eine Karte zu erhalten. 3. Deaktiviere im **Robotik-Kontrollzentrum** das **"Wächter"-Protokoll**. ## Level-Struktur ```javascript const levelLayout = [ [1, 1, 1, 0, 2, 0, 1], [1, 0, 3, 0, 0, 0, 1], [1, 0, 1, 1, 0, 1, 1], // ... mehr Daten ]; // 0 = Begehbar, 1 = Wand, 2 = Objekt, 3 = Feind-Spawn ``` ## Feindtypen | Typ | Geschwindigkeit | Erkennungsbereich | Schwachstelle | |-----|----------------|-------------------|---------------| | Wächter | Langsam | Breiter Lichtkegel | Blendbar mit Lampe | | Späher | Schnell | Kleiner Kreis | Lärm (werfe Objekte) | | Turm | Statisch | Langreichweitige Linie | Hacken der Konsole | ## Ziel Entwirf ein kurzes, atmosphärisches Erlebnis (~30 Minuten Spielzeit), das **Spannung und Entdeckung** betont. Der Fokus liegt auf der Nutzung von Werkzeugen und der Umgebung, nicht auf direkten Kämpfen.