Mushroom Farm Revolution - Strategie Spiel

Bitte verwenden Sie Three.js, um ein **mobile-first Spiel** mit dem Thema "Mushroom Farm Revolution" zu generieren. Bitte lesen Sie zunächst die folgenden detaillierten Spiel-Design-Anforderungen und generieren Sie dann den Code entsprechend: ### 1. Assets & Umgebung * **Visueller Stil:** Low-Poly, lebendig und cartoonhaftes "Niedliches" Erscheinungsbild (Toon Shading oder MeshToonMaterial). Die Welt sollte wie eine Miniatur-Diorama aussehen. * **Kamera:** Feste **Orthographische Kamera** (isometrische Ansicht, ca. 45 Grad), um den klassischen 2D-Strategie/Tycoon-Look zu simulieren und gleichzeitig 3D-Tiefe zu bewahren. * **Gelände:** Eine rasterbasierte Karte unter Verwendung einer Ebenen-Geometrie. * **Pfad:** Sandig-beige Textur (die Route der Gegner). * **Baufeld:** Grün-grasige Textur (wo Pilze gepflanzt werden können). * **Dekoration:** Low-Poly Palmen und kleine Steine, verstreut auf nicht bebaubaren Flächen. * **Türme (Pilze):** * **Basis-Pilz:** Brauner Hut mit weißen Punkten (Einzelziel-Projektil). * **Magma-Pilz:** Roter/Orangefarbener Hut (Flächenschaden). * **Eis-Pilz:** Blauer Hut (verlangsamt Gegner). * *Animation:* Pilze sollten eine "Squash and Stretch"-Hüpfanimation haben, wenn sie angreifen. * **Gegner ("Creeps"):** Blaue, runde, klecksartige Kreaturen mit einfachen Gesichtern. Sie sollten sich beim Bewegen auf dem Pfad auf und ab wiegen. * **Optimierung:** Verwenden Sie `InstancedMesh` für die Umgebungskacheln und wiederholte Gegner, um 60FPS auf Mobilgeräten sicherzustellen. Verwenden Sie ein einziges gerichtetes Licht mit weichen Schatten. ### 2. Audioanforderungen * **Hintergrundmusik (BGM):** Ein "Melancholischer" aber rhythmischer Track. Denken Sie an "Lo-fi Farm Sim", der akustische Gitarre mit einem leichten Trommelbeat mischt, der sich während Wellenangriffen leicht beschleunigt. * **Soundeffekte (SFX):** * **Pflanzen:** Ein weiches "Graben"- oder "Plop"-Geräusch. * **Schießen:** "Pew" oder "Sporen-Pop"-Geräusche (hohe Tonlage). * **Gegner getroffen:** "Quitsch"- oder sanftes Aufprallgeräusch. * **Gegner besiegt:** Ein niedliches "Quiek"-Geräusch, gefolgt von einem Münzen-Klingeln. * **UI-Klick:** Perkussionsgeräusch aus Holzklötzen. ### 3. Gameplay-Loop * **Ziel:** Verhindern, dass Gegner vom "Spawn-Punkt" (eine kleine Höhle oder ein Busch) zum "Bauernhaus" (die Basis des Spielers) gelangen. * **Wirtschaft:** Der Spieler beginnt mit einem festgelegten Betrag an "Sonnenlicht" (Währung). Das Pflanzen von Pilzen kostet Sonnenlicht. Das Besiegen von Gegnern gewährt Sonnenlicht. * **Wellensystem:** * Gegner erscheinen in Wellen mit zunehmendem Schwierigkeitsgrad (Geschwindigkeit und Lebenspunkte). * Zwischen den Wellen gibt es einen Countdown-Timer, der dem Spieler ermöglicht, Verteidigungen aufzubauen. * **Mechaniken:** * Gegner folgen einem vordefinierten Wegpunkte-Pfad. * Pilze erkennen Gegner innerhalb eines bestimmten Radius (`distanceTo`) automatisch und feuern Projektilgeschosse. * Wenn ein Gegner das Bauernhaus erreicht, verliert der Spieler 1 Leben. * Game Over, wenn die Leben 0 erreichen. ### 4. Mobile-Steuerung & Interaktion * **Ausrichtung:** Der **Landscape**-Modus ist für die beste Sicht auf das Feld erforderlich. * **Touch-Steuerung:** * **Auswählen/Bauen:** Tippe auf ein Gitter-Kachel, um ein radiales Menü zu öffnen, oder auf die untere Leiste, um auszuwählen, welcher Pilz gepflanzt werden soll. * **Schwenken:** Mit einem Finger ziehen, um die Kamera leicht zu bewegen (falls die Karte größer als der Bildschirm ist). * **Beschleunigen:** Ein Umschalt-Knopf, um die Spielgeschwindigkeit zu wechseln (1x / 2x). * **UI-Layout:** * **Obere Leiste:** Leben (Herz-Icon), Sonnenlicht (Sonne-Icon), Wellen-Zähler. * **Untere Leiste:** Große, daumenfreundliche Schaltflächen (mind. 48px Höhe) zur Pilz-Auswahl. * **Rückmeldung:** Wenn ein Spieler auf eine gültige Bau-Kachel tippt, zeige einen grünen Highlight-Cursor. Falls ungültig (Pfad oder Hindernis), zeige Rot. * **Haptisch:** Ein kurzes Vibrieren (`navigator.vibrate(50)`) auslösen, wenn ein Turm platziert wird oder eine Welle beginnt. ### 5. Hinweise zur technischen Umsetzung * Initialisieren Sie die Three.js-Szene mit `antialias: true`, überwachen Sie jedoch das Pixel-Verhältnis (für hochauflösende mobile Bildschirme auf 2 begrenzen, um die Batterie zu schonen). * Verwenden Sie `Raycaster` für alle Berührungsereignisse, um Bildschirmkoordinaten auf das 3D-Raster abzubilden. * Implementieren Sie einen einfachen "Spielzustands-Manager" (Menü -> Spielen -> Spielende), um den Ablauf zu steuern.