Revolution Idle X - Casual Spiel

Bitte verwende Three.js, um ein **mobile-first Spiel** mit dem Thema "Revolution Idle X - Mobile Remake" zu generieren. Bitte lies zuerst die folgenden detaillierten Spiel-Design-Anforderungen und generiere dann den Code entsprechend: ### 1. Assets & Umgebung * **Visueller Stil**: Abstraktes Sci-Fi / Weltraum-Thema mit Fokus auf hochkontrastigen Neonfarben vor einem tiefdunklen Hintergrund. * **Kerngeometrie (Die Revolutionsringe)**: * Erstelle einen zentralen Satz konzentrischer Ringe (Torus- oder Ringgeometrie). * Es sollten mindestens 7 Schichten vorhanden sein, die ein Regenbogenspektrum repräsentieren (Rot innen -> Orange -> Gelb -> Grün -> Blau -> Indigo -> Violett/Weiß außen). * **Shader/Material**: Verwende `THREE.ShaderMaterial` oder manipulierbare Geometrie, damit sich jeder Ring radial "auffüllen" kann (wie ein Uhrzeiger oder Fortschrittsbalken), basierend auf seinem aktuellen Zyklustimer. Sie sollten leuchten (emissive-Eigenschaft). * **Hintergrund**: Ein dynamisches Sternenfeld mit `THREE.Points`, das sich langsam dreht, um ein Gefühl des Schweben im Raum zu vermitteln. Füge einen subtilen Nebel-Effekt hinzu (Lila/Blaue Farbverläufe). * **Performance**: Verwende einfache Geometrie (geringe Polygonanzahl für Torusse, z.B. radialSegments: 30, tubularSegments: 8), um 60FPS auf Mobilgeräten zu gewährleisten. * **Partikel**: Wenn ein Ring eine Umdrehung abschließt, emittiere einen kleinen Ausbruch von Partikeln in der entsprechenden Farbe, um "Energieerzeugung" zu simulieren. ### 2. Audio-Anforderungen * **Hintergrundmusik (BGM)**: Ein ruhiger, hypnotischer, endloser Synthwave- oder Lo-Fi Space Ambient-Track. Er sollte nicht aufdringlich sein, um lange Spielesitzungen zu ermöglichen. * **Soundeffekte (SFX)**: * **Tick**: Ein sehr weiches Klick- oder Tick-Geräusch, wenn sich der primäre Ring bewegt. * **Zyklus abgeschlossen**: Ein angenehmer, weicher Glockenklang oder "Ding", wenn ein Ring eine Umdrehung abschließt (die Tonhöhe skaliert mit der Ringfarbe/Stufe). * **Upgrade**: Ein Hightech-„Blip“- oder digitaler Bestätigungston. * **Aufstieg/Prestige**: Ein rauschender „Whoosh“-Ton, gefolgt von einem schweren Bass-Impact, der einen Welt-Neustart signalisiert. ### 3. Spielablauf-Schleife * **Kernmechanik**: Der innere Ring füllt sich automatisch. Wenn er einen Kreis (360 Grad) vollendet, erzeugt er „Punkte“ und erhöht einen Umdrehungszähler. * **Fortschritt**: * Spieler geben „Punkte“ aus, um „Geschwindigkeits-Upgrades“ für den aktuellen Ring zu kaufen oder den nächsten äußeren Ring „freizuschalten“. * Äußere Ringe benötigen, dass die inneren Ringe X Umdrehungen vollenden, um sich einmal zu bewegen (Getriebe-artige Abhängigkeit), ODER sie laufen unabhängig, kosten aber deutlich mehr zum Freischalten/Beschleunigen. * **Prestige-System (Aufstieg)**: * Sobald der Spieler eine bestimmte Gesamtpunktzahl erreicht oder den letzten Ring freischaltet, kann er „aufsteigen“. * Dies setzt alle Ringe und das Geld zurück, gewährt aber „Regenbogen-Edelsteine“ (globaler Multiplikator), die alle zukünftigen Ringe x% schneller füllen lassen. * **Zahlen**: Verwende wissenschaftliche Schreibweise (z.B. 1.5e6) für große Zahlen, da sie exponentiell wachsen werden. ### 4. Mobilsteuerung & Interaktion * **Ausrichtung**: **Hochformat**. Die konzentrischen Kreise sollten oben in der Mitte des Bildschirms zentriert sein, wobei die unteren 30% für die UI frei bleiben. * **Touch-Steuerung**: * **Hauptinteraktion**: Das Tippen auf eine beliebige Stelle innerhalb des Ringbereichs sollte den niedrigsten Ring manuell voranbringen (Active-Clicker-Mechanik), um das frühe Spiel zu unterstützen. Füge einen visuellen „Tipp-Ripple“-Effekt hinzu. * **UI-Buttons**: Ersetze die PC-Tastaturkürzel ('A' und 'B') durch große, daumenfreundliche HTML-Overlay-Buttons am unteren Bildschirmrand: * **[Maximal kaufen]**: Gibt automatisch Punkte aus, um das günstigste verfügbare Upgrade zu kaufen. * **[Aufsteigen]**: Ein markanter, möglicherweise roter oder goldener Button für Prestige (mit einem Bestätigungsdialog). * **Haptisches Feedback**: Löse eine leichte Vibration aus (unter Verwendung von `navigator.vibrate`), wenn sich ein Hauptring (äußere Stufen) einmal vollständig dreht oder wenn ein Upgrade gekauft wird. * **Reaktionsfähigkeit**: Stelle sicher, dass die Canvas-Größe bei Änderung der Ausrichtung korrekt angepasst wird, auch wenn die Porträtansicht die beabsichtigte Ansicht ist.