World Conquest - Strategiczna Gra Wojenna o Terytorium - Strategia Gra

Użyj biblioteki Three.js, aby wygenerować **grę zorientowaną na urządzenia mobilne (mobile-first)** o tematyce "Podbój Świata". Proszę najpierw przeczytać poniższe szczegółowe wymagania projektowe, a następnie wygenerować kod zgodnie z nimi: ### 1. Zasoby i Środowisko * **Styl wizualny:** Stylizowana estetyka gry planszowej 3D. Mapa powinna wyglądać jak fizyczna plansza położona na drewnianym stole. * **Mapa:** Utwórz płaską, wypukłą geometrię mapy reprezentującą kontynenty (np. Europę, Afrykę) podobnie jak na zrzucie ekranu. Mas lądowych powinny mieć kolor beżowy/pergaminowy, a oceany żywy, stylizowany kolor cyjanowy/niebieski z lekkim shaderem fali lub teksturą. * **Terytoria:** Każde terytorium musi być odrębnym meshem, który może zmieniać kolor w zależności od posiadającego je gracza (np. Czerwony dla Gracza, Niebieski/Zielony dla SI). Granice powinny być wyraźnie zaznaczone ciemnobrązową lub czarną obwódką, aby oddzielić regiony. * **Jednostki:** Aby zapewnić wysoką wydajność na urządzeniach mobilnych, unikaj modeli postaci o wysokiej liczbie poligonów. Reprezentuj "Wojska" za pomocą prostych, instancjonowanych tokenów 3D (jak elementy z gry Risk, pionki lub układane żetony) lub unoszących się nad terytorium liczników tekstowych 3D, które zawsze są zwrócone w stronę kamery (Billboard). * **Kości:** Modele kości 3D wysokiej jakości z zaokrąglonymi krawędziami. One są kluczowym elementem podczas walki. * **Efekty Wizualne (VFX):** * Dynamiczna strzałka 3D (zakrzywiona, czerwona, pulsująca), która łączy terytorium atakujące z broniącym się podczas fazy planowania. * Efekty cząsteczkowe (konfetti lub dym) gdy terytorium zostanie podbite. * **Wydajność:** Używaj meshy o niskiej liczbie poligonów dla mapy. Łącz geometrie tam, gdzie to możliwe, aby zmniejszyć liczbę wywołań rysowania (draw calls). Użyj wypieczonego oświetlenia (baked lighting) dla środowiska, aby oszczędzać zasoby GPU. ### 2. Wymagania Dotyczące Dźwięku * **Muzyka w tle (BGM):** Zapętlający się, orkiestralny utwór w stylu "Grand Strategy". Powinien zawierać werble i instrumenty dęte blaszane, ale pozostawać na poziomie tła (niska głośność), aby nie rozpraszać gracza. * **Efekty dźwiękowe (SFX):** * **Interfejs (UI):** Satysfakcjonujące dźwięki "szelestu papieru" lub "drewnianego kliknięcia" przy naciskaniu przycisków. * **Walka:** Realistyczne dźwięki potrząsania i rzucania kostkami (stukot o drewno). * **Zwycięstwo/Porażka:** Krótka fanfara na instrumentach dętych blaszanych po wygranej bitwie; głuchy odgłos uderzenia lub opadający ton przy traceniu jednostek. * **Rozmieszczanie wojsk:** Dźwięk "brzdęk" reprezentujący układanie żetonów. ### 3. Pętla rozgrywki * **Struktura tury:** 1. **Pobór/Uzupełnienie:** Gracz otrzymuje nowe oddziały w zależności od liczby posiadanych terytoriów (Liczba Terytoriów / 3, minimum 3). Gracz dotyka swoich terytoriów, aby rozmieścić te oddziały. 2. **Faza ataku:** * Gracz wybiera własne terytorium (Źródło) -> Wybiera sąsiadujące, wrogie terytorium (Cel). * **Logika kostek:** Standardowe zasady "Ryzyka". Atakujący rzuca maksymalnie 3 kostkami, Obrońca maksymalnie 2. Porównuje się najwyższe wyniki kostek, aby ustalić stratę jednostek. * Jeśli obrońca straci wszystkie jednostki, atakujący podbija terytorium i wprowadza na nie oddziały. 3. **Ufortyfikowanie (Opcjonalne):** Przeniesienie oddziałów między połączonymi, własnymi terytoriami na koniec tury. * **System kart:** Jeśli gracz podbije co najmniej jedno terytorium, dobiera kartę. Zebranie kompletów (np. 3 karty Piechoty) umożliwia wymianę ich na dużą premię w oddziałach. * **Przeciwnik AI:** Prosta maszyna stanów, która priorytetowo wzmacnia przygraniczne terytoria i atakuje słabsze terytoria gracza. * **Zwycięstwo/Porażka:** Gra kończy się, gdy jeden z graczy posiada wszystkie terytoria (Zwycięstwo) lub zero terytoriów (Porażka). ### 4. Sterowanie i interakcje na urządzeniach mobilnych * **Sterowanie kamerą:** Zaimplementuj `OrbitControls` ograniczone do ukośnego widoku z góry. Umożliwij przesuwanie i zoom przypisany (pinch-to-zoom), aby gracze mogli łatwo dotykać małe terytoria. * **Interakcje dotykowe:** * **Raycasting:** Precyzyjne wykrywanie dotknięć dla wybierania nieregularnych kształtów mapy. * **Wybór:** Po dotknięciu terytorium podświetl je (połysk materiału emissive) i pokaż ważne cele ataku. * **Nakładka UI (HTML/CSS):** * Użyj responsywnej warstwy interfejsu na wierzchu płótna (canvas). * **Przyciski akcji:** Duże, przyjazne dla kciuka przyciski (minimalna wysokość 60px) w prawym dolnym rogu dla "Zakończ turę" i "Rzuć kośćmi". * **Panel informacyjny:** Górny pasek pokazujący "Obecny gracz", "Żołnierze do rozmieszczenia" i "Trzymane karty". * **Informacja zwrotna haptyczna:** Wywołaj `navigator.vibrate(50)` podczas rzucania kośćmi i `navigator.vibrate(200)` po podbiciu terytorium, aby wzmocnić dotykowe wrażenia z gry planszowej.