Czerwony Stickman kontra Szkoła Potworów - Akcja Gra

Użyj biblioteki Three.js do wygenerowania **gry z myślą o urządzeniach mobilnych** z motywem "Czerwony Patyczak kontra Szkolny Potwór Wokselowy". Proszę najpierw przeczytać poniższe szczegółowe wymagania projektowe gry, a następnie wygenerować kod zgodnie z nimi: ### 1. Zasoby i środowisko * **Styl wizualny:** Estetyka hybrydowa 2.5D. Bohaterowie na pierwszym planie (Czerwony Patyczak) powinni być zbudowani z gładkich prymitywów Three.js (Kule na stawy/głowę, Cylindry na kończyny) z żywym czerwonym materiałem (`0xff0000`). Wrogowie i środowisko muszą używać stylu **Wokselowego/Blokowego** (naśladując Minecraft) przy użyciu `BoxGeometry` z teksturami niskorozdzielczej grafiki pikselowej. * **Układ środowiska:** Poziom przewijany bocznie złożony z bloków wokselowych (trawa, ziemia, kamień). Uwzględnij unoszące się platformy dla wertykalności. Tło powinno zawierać dynamiczny gradient nieba (od niebieskiego do pomarańczowego) z odległymi, nieinteraktywnymi, blokowymi górami, aby stworzyć głębię (efekt paralaksy). * **Oświetlenie:** Użyj `HemisphereLight` do ogólnego, zewnętrznego nastroju oraz `DirectionalLight` rzucającego cienie, aby symulować światło słoneczne. * **Optymalizacja na urządzenia mobilne:** Użyj **InstancedMesh** dla powtarzających się bloków terenu, aby zmniejszyć liczbę wywołań rysowania. Ogranicz liczbę aktywnych cząsteczek (np. efektów uderzenia), aby zapewnić 60 klatek na sekundę na urządzeniach mobilnych. ### 2. Wymagania audio * **Muzyka w tle (BGM):** Dynamiczny, szybki utwór łączący melodie **8-bitowego Chiptune** z mocnymi **Rockowymi/Kinowymi perkusjami**, aby symulować atmosferę "Walki z Bossem" lub "Wyzwania". * **Efekty dźwiękowe (SFX):** * **Akcje Patyczaka:** Dźwięki "Szumu" dla ciosów/kopnięć, kreskówkowe "Piknięcie" dla skoku. * **Uderzenia:** "Chrupiące", retro dźwięki przy trafianiu wokselowych wrogów (przypominające łamanie bloków). * **Wrogowie:** Wokselowe jęki (zombie) lub chrzęst kości (szkielety). * **UI:** Wyraźne "Kliknięcie" dla przycisków oraz dźwięk "Sukces" po przejściu poziomu. ### 3. Pętla Rozgrywki * **Mechanika główna:** Gracz kontroluje Czerwonego Patyczaka poruszającego się od lewej do prawej. Celem jest pokonanie wszystkich przeciwników w danej sekcji, aby odblokować dalszą drogę (styl "beat 'em up") lub dotarcie do końcowego portalu. * **System walki:** Prosta walka wręcz. Gracz posiada pasek zdrowia (górny lewy róg). Przeciwnicy (Zombie, Szkielety Łuczników, Kanciaste Bossy) mają unoszące się nad głowami paski zdrowia. * **Fizyka:** Fizyka w stylu arcade. Skoki powinny być dynamiczne (większa grawitacja podczas opadania). Kolizje z przeciwnikami powodują lekkie odrzucenie. * **Wygrana/Przegrana:** * **Wygrana:** Dotarcie do kratkowanej flagi lub portalu na końcu poziomu. * **Przegrana:** HP gracza spadnie do 0 (wywołuje efekt "upadku w stylu szmacianej lalki" dla Patyczaka). ### 4. Sterowanie Mobilne & Interakcja * **Sterowanie Dotykowe (Nakładka HTML):** * **Lewa Strona:** Wirtualny drążek lub proste przyciski strzałek "Lewo/Prawo" do poruszania się w poziomie. * **Prawa Strona:** Trzy osobne przyciski akcji: * **Przycisk A (Duży):** Skok (odpowiednik klawisza W). * **Przycisk B (Średni):** Atak (Cios/Kopnięcie). * **Przycisk C (Mały):** Interakcja (odpowiednik klawisza E - używany do dźwigni lub otwierania skrzyń). * **Orientacja:** Wymuś tryb **Poziomy (Landscape)** dla szerszego pola widzenia. * **Zachowanie Kamery:** Kamera musi płynnie podążać za graczem wzdłuż osi X z lekkim przesunięciem, aby pokazywać więcej ścieżki przed graczem. Użyj kamery `ortograficznej` lub `perspektywicznej` ze stałą głębią Z, aby zachować wygląd 2.5D. * **Informacja zwrotna:** * **Haptyczna:** Wywołaj `navigator.vibrate(50)` przy otrzymaniu obrażeń lub zadaniu mocnego ciosu. * **Wizualna:** Efekt drgnięcia ekranu (lekkie drżenie kamery) gdy gracz zostanie trafiony. Stwórz grę tekstową w stylu **interaktywnej przygody** z poniższymi elementami: 1. **Motyw i sceneria:** * `{setting: "opuszczone miasto z epoki cyberpunk"}`. * Atmosfera: `"ponura, deszczowa, neonowe znaki migoczą na mokrych ulicach"`. * Rok: `2087`. 2. **Mechanika gry (kod Python dla logiki podstawowej):** ```python class Player: def __init__(self): self.health = 100 self.credits = 50 self.inventory = ["komunikator", "mapa uszkodzona"] def check_status(player): return f"Zdrowie: {player.health} | Kredyty: {player.credits} | Ekwipunek: {', '.join(player.inventory)}" ``` 3. **Wybory gracza i rezultaty (tabela w formacie markdown):** | Wybór | Natychmiastowy efekt | Długoterminowy wpływ | |-------|----------------------|----------------------| | Zbadaj pobliską alejkę. | Znajdujesz `+10 kredytów`. | Odblokowujesz **ukryty sklep**. | | Zaangażuj się w walkę z łowcą nagród. | `-25 zdrowia`. | Zdobywasz **kluczowy wgląd** w fabułę. | | Wynegocjuj z handlarzem ulicznym. | Wydajesz `-15 kredytów` na przydatny przedmiot. | Zyskujesz **sojusznika** na później. | 4. **Elementy narracyjne:** * Otwierająca scena: `<p class="opening">Krople deszczu spływają po twoim płaszczu przeciwdeszczowym, gdy stoisz przed wejściem do <em>Klubu Neonowy Widmo</em>. W powietrzu unosi się zapach ozonu i stęchlizny.</p>` * Postać NPC: `Imię: "Zara"; Rola: "hakerka-informator"; cecha: "ma mechaniczne ramię, które delikatnie buczy".` 5. **Cel i warunki zwycięstwa:** * Główny cel: **Odszyfruj dysk danych zawierający tajemnice korporacji**. * Aby wygrać, gracz musi: * Zdobyć `klucz szyfrujący` od Zary. * Utrzymać `zdrowie > 0` do finału. * Wybrać poprawnie w **trzech kluczowych momentach fabularnych**. * Warunek przegranej: `zdrowie ≤ 0` **LUB** utrata wszystkich kredytów przed finałem. Zwróć pełny, gotowy do uruchomienia szablon w języku Python (z funkcjami wejścia/wyjścia), który implementuje powyższe elementy.