Revolution Idle X - Casual Gra

Proszę użyć Three.js, aby wygenerować **grę zorientowaną na urządzenia mobilne** z motywem "Revolution Idle X - Mobile Remake". Najpierw przeczytaj poniższe szczegółowe wymagania dotyczące projektu gry, a następnie wygeneruj odpowiedni kod: ### 1. Zasoby i środowisko * **Styl wizualny**: Abstrakcyjny motyw Sci-Fi / Kosmos z naciskiem na neonowe kolory o wysokim kontraście na głębokim, ciemnym tle. * **Główna geometria (Pierścienie Rewolucji)**: * Utwórz centralny zestaw współśrodkowych pierścieni (geometria torusa lub geometria pierścienia). * Powinno być co najmniej 7 warstw reprezentujących widmo tęczy (Czerwony wewnętrzny -> Pomarańczowy -> Żółty -> Zielony -> Niebieski -> Indygo -> Fioletowy/Biały zewnętrzny). * **Shader/Materiał**: Użyj `THREE.ShaderMaterial` lub manipulowalnej geometrii, aby umożliwić każdemu pierścieniowi "wypełnianie się" promieniowo (jak zegar lub pasek postępu) w oparciu o jego aktualny czas cyklu. Powinny świecić (właściwość emissive). * **Tło**: Dynamiczne pole gwiazd używające `THREE.Points`, które powoli się obraca, aby stworzyć wrażenie unoszenia się w kosmosie. Dodaj subtelny efekt mgławicowej mgiełki (gradienty fioletowe/niebieskie). * **Wydajność**: Użyj prostej geometrii (niska liczba wielokątów dla torusów, np., radialSegments: 30, tubularSegments: 8), aby zapewnić 60FPS na urządzeniach mobilnych. * **Cząsteczki**: Gdy pierścień ukończy rewolucję, wyemituj mały wybuch cząsteczek w odpowiednim kolorze, aby zasymulować "generowanie energii". ### 2. Wymagania audio * **Muzyka w tle (BGM)**: Relaksujący, hipnotyczny, niekończący się utwór Synthwave lub Lo-Fi Space Ambient. Powinien być nieinwazyjny, aby umożliwić długie sesje gry. * **Efekty dźwiękowe (SFX)**: * **Tiknięcie**: Bardzo cichy dźwięk kliknięcia lub tyknięcia, gdy główny pierścień się porusza. * **Zakończenie cyklu**: Przyjemny, delikatny dźwięk dzwonka lub "ding", gdy pierścień zakończy rewolucję (wysokość dźwięku skaluje się w górę wraz z kolorem/poziomem pierścienia). ### 3. Pętla Rozgrywki * **Główny Mechanik**: Wewnętrzny pierścień wypełnia się automatycznie. Po ukończeniu pełnego okrążenia (360 stopni) generuje "Punkty" i zwiększa licznik obrotów. * **Postęp**: * Gracze wydają "Punkty", aby kupić "Ulepszenia Prędkości" dla obecnego pierścienia lub "Odblokować" następny, zewnętrzny pierścień. * Zewnętrzne pierścienie wymagają, aby wewnętrzne pierścienie wykonały X obrotów, aby przesunąć się o jedno tyknięcie (zależność podobna do przekładni), LUB działają niezależnie, ale są znacznie droższe do odblokowania/przyspieszenia. * **System Prestiżu (Wniebowstąpienie)**: * Gdy gracz osiągnie określoną sumaryczną liczbę punktów lub odblokuje ostatni pierścień, może "Wniebowstąpić". * Resetuje to wszystkie pierścienie i pieniądze, ale przyznaje "Tęczowe Kamienie" (Globalny Mnożnik), które sprawiają, że wszystkie przyszłe pierścienie wypełniają się x% szybciej. * **Liczby**: Używaj notacji wykładniczej (np. 1.5e6) dla dużych liczb, ponieważ będą one rosnąć wykładniczo. ### 4. Sterowanie i Interakcja na Urządzeniach Mobilnych * **Orientacja**: **Tryb Pionowy**. Współśrodkowe okręgi powinny być wyśrodkowane w górnej środkowej części ekranu, pozostawiając dolne 30% na interfejs użytkownika. * **Sterowanie Dotykowe**: * **Główna Interakcja**: Dotknięcie w dowolnym miejscu wewnątrz obszaru pierścienia powinno ręcznie posunąć naprzód pierścień najniższego poziomu (mechanika aktywnego klikacza), aby pomóc na początku gry. Dodaj wizualny efekt "fali po dotknięciu". * **Przyciski Interfejsu**: Zamień skróty klawiszowe z PC ('A' i 'B') na duże, przyjazne dla kciuków przyciski nakładki HTML u dołu ekranu: * **[Kup Maksimum]**: Automatycznie wydaje punkty, aby kupić najtańsze dostępne ulepszenie. * **[Wstąp]**: Wyraźny, prawdopodobnie czerwony lub złoty przycisk prestiżu (z oknem modalnym potwierdzenia). * **Informacja zwrotna dotykowa (Haptic Feedback)**: Wyzwalaj lekką wibrację (przy użyciu `navigator.vibrate`) po zakończeniu pełnego obrotu głównego pierścienia (zewnętrzne poziomy) lub po zakupie ulepszenia. * **Responsywność**: Upewnij się, że płótno (canvas) zmienia rozmiar poprawnie przy zmianie orientacji, choć orientacja pionowa (Portrait) jest zamierzonym widokiem.