Panda Simulator 3D - Virtuelles Panda-Leben-Abenteuer - Simulation Spiel

Bitte verwende Three.js, um ein **mobile-first Spiel** mit dem Thema "**Panda Simulator 3D - Low-Poly Abenteuer**" zu generieren. Bitte lies zuerst die folgenden detaillierten Spiel-Designanforderungen und generiere dann entsprechend den Code: ### 1. Assets & Umgebung * **Visueller Stil:** Erstelle einen lebendigen **Low-Poly Kunststil** mit flachem Shading (`flatShading: true` in Three.js Materialien). Die Ästhetik sollte facettenartig und geometrisch aussehen, ähnlich dem Referenzbild. * **Charaktere:** * **Hauptcharakter:** Ein Low-Poly Riesenpanda, bestehend aus geometrischen Primitiven (Kugeln, Zylinder, Quader) für Kopf, Körper und Gliedmaßen. Er muss deutlich sichtbare schwarze Augenringe, Ohren und Gliedmaßen auf einem weißen Körper haben. * **Begleiter:** Füge einen kleineren "Baby-Panda" hinzu, der dem Spieler mit einem leichten Abstand folgt, basierend auf einem einfachen Lenkverhalten. * **Umgebung:** * **Terrain:** Eine lebendige grüne, unebene Grundebene (Noise-basierte Höhenkarte oder einfache Hügel) mit verstreuten Low-Poly grauen Steinen. * **Vegetation:** Charakteristische **Kirschblütenträume** (braune sich windende Stämme, Massen von pinken facettierten Blättern) und Bambusstangen (grüne Zylinder mit Segmenten). * **Architektur:** Ein einfaches asiatisch-stilisiertes Pagoden- oder Schrein-Gebäude im Hintergrund (rote Säulen, gestuftes blau/graues Dach), das als Orientierungspunkt dient. * **Himmel & Beleuchtung:** Ein leuchtend gesättigter blauer Skybox. Verwende ein gerichtetes Licht (simuliert die Sonne), das scharfe Schatten wirft, um die Low-Poly Geometrie zu betonen, plus Umgebungslicht, um die Schattenseiten aufzuhellen. * **Partikel:** Leicht fallende Kirschblütenblätter (pinke Quadrate oder Dreiecke), die sanft in der Nähe der Bäume herabrieseln. * **Mobile-Optimierung:** Verwenden Sie nach Möglichkeit zusammengeführte Geometrien für statische Objekte (Bäume/Felsen), um Draw Calls zu reduzieren. Die Texturauflösung sollte niedrig sein (oder verwenden Sie stattdessen Vertex-Farben anstelle von Texturen), um eine hohe Bildrate auf Mobilgeräten zu gewährleisten. ### 2. Audioanforderungen * **Hintergrundmusik:** Ein ruhiger, entspannender, asiatisch inspirierter Instrumentaltrack. Denken Sie an Bambusflöten (Shakuhachi) und weiche Saiteninstrumente (Koto) gemischt mit Umgebungsnaturgeräuschen. * **Soundeffekte (SFX):** * **Bewegung:** Weiche "dumpfe" Geräusche für Pfotenstapfen auf Gras. * **Aktion:** Ein niedliches "Schnauben" oder Knurren beim Angreifen. Ein "Rauschen" für Sprünge. * **Umgebung:** Leises Rascheln des Windes in Blättern, gelegentliches Vogelgezwitscher. * **UI:** Weiche hölzerne "Klick"-Geräusche beim Drücken von Schaltflächen. ### 3. Gameplay-Loop * **Kernmechanik:** Der Spieler steuert den Panda, um die offene Welt zu erkunden. * **Ziele (Quests):** Implementieren Sie ein einfaches Quest-System, das auf der Benutzeroberfläche angezeigt wird (z. B. "Finde 5 Bambussprossen" oder "Verscheuche den Wolf"). * **Jagd/Kampf:** Die "Angreifen"-Schaltfläche ermöglicht es dem Panda, mit der Tatze auszuholen. Wenn der Spieler ein Ziel angreift (wie einen niedrig-polygonalen Wolfs- oder Tiger-Gegner), erleidet der Gegner Schaden und verschwindet schließlich, was Erfahrungspunkte oder Nahrungspunkte gewährt. * **Überleben:** Ein einfacher "Hunger"-Balken, der sich mit der Zeit leert. Der Spieler muss Bambus essen, um ihn wieder aufzufüllen. * **Gewinn/Verlust:** * **Gewinn:** Schließen Sie die aktuelle Quest ab, um den Freispielmodus freizuschalten. * **Verlust:** Die Gesundheit fällt auf null (durch gegnerische Angriffe) oder der Hunger fällt auf null. ### 4. Mobile Steuerung & Interaktion * **Ausrichtung:** **Querformat** ist erforderlich. * **Virtueller Joystick (linke Seite):** Implementiere einen dynamischen, nussförmigen virtuellen Joystick links unten auf dem Bildschirm für die Bewegung (entspricht WASD). Wenn der Joystick weiter vom Zentrum bewegt wird, löst dies "Rennen" aus (entspricht Shift). * **Aktionstasten (rechte Seite):** * **Große Angriffstaste:** Ein Icon mit einer Kralle oder einem Pfotenabdruck. * **Springtaste:** Ein Icon mit einem Pfeil nach oben. * **Interagieren/Essen-Taste:** Erscheint nur in der Nähe von Bambus oder interaktiven Objekten. * **Kamerasteuerung:** Die rechte Bildschirmhälfte (außer den Buttons) fungiert als Touchpad, um die Kamera um den Panda zu rotieren (OrbitControls oder benutzerdefinierte Kameraführungslogik mit Touch-Eingabe). * **UI/UX:** * Alle Buttons müssen groß sein (mindestens 44x44px Berührungsfläche) und halbtransparent, um die Sicht nicht zu verdecken. * **Feedback:** Biete visuelles Feedback bei Berührung (Button verkleinert sich leicht) und verwende nach Möglichkeit `navigator.vibrate(50)` für haptisches Feedback bei Angriffen oder beim Erleiden von Schaden.