Blob Wars - Gra Strategiczna Turowej - Strategia Gra

Stwórz grę za pomocą Three.js w formacie **mobile-first** z motywem "**Wojna Galaretek: Żelkowa Taktyka**". Najpierw zapoznaj się z poniższymi szczegółowymi wymaganiami dotyczącymi projektowania gry, a następnie wygeneruj kod zgodnie z nimi: ### 1. Zasoby i otoczenie * **Styl wizualny**: "Słodki izometryczny 3D". Scena powinna używać jasnych, nasyconych kolorów (paleta cukierkowa/kreskówkowa). * **Galaretki**: * Użyj `SphereGeometry` lub lekko spłaszczonej sfery. * Materiał: `MeshPhysicalMaterial` z lekką transmisją/chropowatością, aby wyglądały jak **żelkowa galaretka** lub miękki plastik. * **Kluczowa cecha**: Każda galaretka musi mieć dwie duże, komiczne oczy (białe kule z czarnymi źrenicami), które patrzą na kamerę lub przeciwnika. * **Animacja**: Zaimplementuj prostą animację bezczynności "spłaszcz i rozciągnij" przy użyciu `Math.sin()` na skali siatki, aby wyglądały na żywe/oddychające. * **Plansza**: * Siatka izometrycznych płytek 6x6 lub 8x8 (w stylu unoszących się platform). * Kolory płytek: Wzór w szachownicę (np. jasna i ciemna zieleń, aby oddać wrażenie trawy ze zrzutu ekranu, lub stylizowane plastikowe płytki). * Tło: Proste gradientowe skybox (od Niebieskiego do Cyjanu) lub rozmyty krajobraz low-poly. * **Wydajność**: Używaj prostych geometrii. Unikaj złożonych cieni; użyj światła kierunkowego i światła otoczenia. Ponownie wykorzystuj geometrie tam, gdzie to możliwe. ### 2. Wymagania dźwiękowe * **Muzyka w tle (BGM)**: Kapryśny, "skradający się", ale słodki utwór z użyciem pizzicato smyczków, drewnianych bloków i tuby (Pomyśl o muzyce do "chowanego"). * **Efekty dźwiękowe**: * **Wybór**: Wysoki dźwięk "Pop!" lub "Bloop". * **Ruch (Klonowanie)**: Mokry dźwięk chlupnięcia. * **Skok**: Kreskówkowy dźwięk sprężyny "Boing". * **Zakażenie (Konwertowanie przeciwników)**: Szybki dźwięk "Tsz-tsz-tsz-zmiana" lub magiczny dźwięk migotania podczas zmiany koloru. * **Wygrana/Przegrana**: Fanfara lub smutny puzon. ### 3. Pętla rozgrywki (Mechanika "Ataxx") * **Typ gry**: Strategia turowa (Gracz Czerwony vs. CPU Niebieski). * **Logika ruchu**: * **Wybór**: Dotknij kleksa, aby go wybrać. Podświetl prawidłowe ruchy na siatce. * **Zasięg 1 (sąsiedni)**: Jeśli gracz przesunie się na sąsiednie pole, **SKLONUJ** kleksa (oryginał zostaje, pojawia się nowy). * **Zasięg 2 (skok)**: Jeśli gracz przesunie się dwa pola dalej, **PRZESKOCZ** kleksem (oryginał znika, kleks przenosi się na nowe miejsce). * **Logika walki (Infekcja)**: * Po wylądowaniu sprawdź wszystkie sąsiednie pola (wszystkie 8 kierunków). * Każdy kleks przeciwnika przylegający do miejsca lądowania jest **natychmiast przekształcany** na kolor gracza. * **Warunek wygranej**: Gra kończy się, gdy plansza jest pełna lub gracz nie ma już kleksów. Wygrywa strona z największą liczbą kleksów. ### 4. Sterowanie mobilne & Interakcja * **Kamera**: Stały widok izometryczny (OrthographicCamera jest preferowana dla tego stylu). Upewnij się, że plansza mieści się w szerokości pionowego ekranu mobilnego. * **Wejście**: * **Raycasting**: Zaimplementuj precyzyjną logikę Raycastera dla `touchstart` (mobilne) i `click` (desktop). * **Informacje zwrotne wizualne**: * Po wybraniu kleksa powinien on podskakiwać w górę i w dół z podekscytowaniem. * Prawidłowe pola ruchu powinny się podświetlać (np. żółtą poświatą). * **Interfejs użytkownika (UI)**: Wyświetlaj "Wynik Czerwonego" i "Wynik Niebieskiego" u góry ekranu (duża czcionka, czytelna na urządzeniach mobilnych). * Dodaj przycisk "Restart" w bezpiecznej strefie interfejsu (dół lub górny róg). * **Optymalizacja dotykowa**: Upewnij się, że obszary reakcji pól są wystarczająco duże dla palców. Zapobiegaj przewijaniu/powiększaniu strony internetowej, aby zachować stabilność płótna (canvas). Wygeneruj grę, w której gracz porusza się po **labiryncie 3D**, zbierając klucze (`KeyItem`), aby otworzyć drzwi (`Door`). Labirynt jest losowo generowany przy każdym uruchomieniu. **Mechanika:** - Poruszanie się: `W/A/S/D` (przód/lewo/tył/prawo), `Spacja` (skok), `Shift` (bieg). - Gracz ma `3 życia`. Kontakt z wrogiem (`EnemyAI`) odejmuje 1 życie. - Każdy klucz (`key_color`) pasuje tylko do drzwi o tym samym kolorze. - Po zebraniu wszystkich kluczy pojawia się wyjście (`ExitPortal`). **Kod inicjalizacji:** ```lua function initGame() player = createEntity("Player", {x=0, y=1, z=0}) maze = generateMaze(20, 20) spawnKeys(maze, {"red", "blue", "green"}) spawnDoors(maze, {"red", "blue", "green"}) spawnEnemies(maze, 5) end ``` **UI:** - Górny pasek: `<div id="hud">Życia: <span id="lives">3</span> | Klucze: <span id="keys">0</span></div>` - Komunikat końcowy: `<h1 class="win-msg">Ukończono labirynt!</h1>` (po przejściu przez portal) **Wymagania:** 1. Labirynt musi być w pełni przechodni (brak zamkniętych obszarów). 2. Wrogowie patrolują losowo, ale nie przechodzą przez ściany. 3. Efekt dźwiękowy przy zebraniu klucza: `playSound("key_pickup.wav")`. Użyj silnika **Unity** z renderowaniem w trybie pierwszoosobowym.