Panda Simulator 3D - Wirtualna Przygoda Życia Pandy - Symulacja Gra

Użyj Three.js, aby wygenerować **grę zorientowaną na urządzenia mobilne (mobile-first)** o temacie **"Panda Simulator 3D - Low Poly Adventure"**. Najpierw przeczytaj następujące szczegółowe wymagania dotyczące projektowania gry, a następnie wygeneruj odpowiedni kod: ### 1. Zasoby i Środowisko * **Styl wizualny:** Stwórz żywy **styl sztuki low-poly** używając płaskiego cieniowania (`flatShading: true` w materiałach Three.js). Estetyka powinna wyglądać na fasetowaną i geometryczną, podobnie do obrazu referencyjnego. * **Postacie:** * **Postać główna:** Panda Olbrzymia w stylu low-poly, złożona z prymitywów geometrycznych (kule, walce, prostopadłościany) na głowę, tułów i kończyny. Musi mieć wyraźne czarne plamy wokół oczu, uszy i kończyny kontrastujące z białym tułowiem. * **Towarzysz:** Dodaj mniejszą "Małą Pandę" (Baby Panda), która podąża za graczem w niewielkiej odległości, używając podstawowego zachowania sterującego (steering behavior). * **Środowisko:** * **Terrain:** Żywo zielona, nierówna płaszczyzna terenu (mapa wysokości oparta na szumie lub proste wzgórza) z rozrzuconymi szarymi skałami w stylu low-poly. * **Roślinność:** Charakterystyczne **drzewa wiśni (cherry blossom)** (brązowe, skręcone pnie, masy różowych, fasetowanych liści) i łodygi bambusa (zielone walce z segmentami). * **Architektura:** Prosta struktura pagody lub świątyni w stylu azjatyckim w tle (czerwone filary, wielopoziomowy niebieski/szary dach) służąca jako punkt orientacyjny. * **Niebo i oświetlenie:** Jasne, nasycone niebieskie skybox. Użyj światła kierunkowego (symulującego słońce) rzucającego ostre cienie, aby podkreślić geometrię low-poly, oraz światła otoczenia (ambient light), aby złagodzić ciemne strony. * **Cząsteczki (Particles):** Subtelne, opadające płatki kwiatów wiśni (różowe kwadraty lub trójkąty) delikatnie dryfujące w dół w pobliżu drzew. * **Optymalizacja mobilna:** Używaj połączonych geometrii tam, gdzie to możliwe, dla statycznych rekwizytów (drzewa/skały), aby zmniejszyć liczbę wywołań rysowania. Rozdzielczość tekstur powinna być niska (lub używaj kolorów wierzchołków zamiast tekstur), aby zapewnić wysoką liczbę klatek na sekundę na urządzeniach mobilnych. ### 2. Wymagania audio * **Muzyka tła:** Spokojny, relaksujący, inspirowany Azją utwór instrumentalny. Myśl o fletach bambusowych (Shakuhachi) i miękkich instrumentach strunowych (Koto) zmieszanych z ambientowymi dźwiękami natury. * **Efekty dźwiękowe (SFX):** * **Ruch:** Miękkie dźwięki „tupnięcia” dla kroków łapy po trawie. * **Akcja:** Urocze „sapanie” lub warczenie podczas ataku. Dźwięk „szumu” dla skoku. * **Środowisko:** Subtelny szum wiatru w liściach, okazjonalne ćwierkanie ptaków. * **Interfejs użytkownika (UI):** Miękkie drewniane dźwięki „kliknięcia” podczas naciskania przycisków. ### 3. Pętla rozgrywki * **Mechanika podstawowa:** Gracz kontroluje Pandę, aby eksplorować świat otwarty. * **Cele (zadania):** Zaimplementuj prosty system zadań wyświetlany w interfejsie użytkownika (np. „Znajdź 5 pędów bambusa” lub „Przepędź wilka”). * **Polowanie/walka:** Przycisk „Atak” pozwala pandzie wymachiwać łapą. Jeśli gracz zaatakuje cel (jak niskopoligonalny wróg - wilk lub tygrys), wróg otrzymuje obrażenia i ostatecznie znika, przyznając punkty doświadczenia (XP) lub jedzenia. * **Przetrwanie:** Prosty pasek „Głodu”, który zmniejsza się z czasem. Gracz musi jeść Bambus, aby go uzupełnić. * **Wygrana/przegrana:** * **Wygrana:** Ukończ bieżące zadanie, aby odblokować tryb swobodnej eksploracji. * **Przegrana:** Zdrowie spadnie do zera (od ataków wrogów) lub Głód spadnie do zera. ### 4. Sterowanie mobilne i interakcja * **Orientacja:** Wymagany jest tryb **poziomy (Landscape)**. * **Wirtualny Joystick (Lewa Strona):** Zaimplementuj dynamiczny, sutkowy wirtualny joystick w lewym dolnym rogu ekranu do poruszania się (odpowiednik WASD). Przesunięcie joysticka dalej od środka aktywuje "Bieg" (odpowiednik Shift). * **Przyciski Akcji (Prawa Strona):** * **Duży Przycisk Ataku:** Ikona ze śladem pazura lub łapy. * **Przycisk Skoku:** Ikona ze strzałką skierowaną w górę. * **Przycisk Interakcji/Jedzenia:** Pojawia się tylko w pobliżu bambusa lub interaktywnych obiektów. * **Sterowanie Kamerą:** Prawa połowa ekranu (z wyłączeniem przycisków) działa jako panel dotykowy do obracania kamery wokół pandy (OrbitControls lub własna logika śledzenia kamery z obsługą dotyku). * **UI/UX:** * Wszystkie przyciski muszą być duże (minimalna obsługa dotykowa 44x44px) i półprzezroczyste, aby nie zasłaniały widoku. * **Informacja Zwrotna:** Zapewnij wizualną informację zwrotną przy dotknięciu (przycisk lekko się zmniejsza) i, jeśli to możliwe, użyj `navigator.vibrate(50)` dla dotykowego sprzężenia zwrotnego przy atakach lub otrzymywaniu obrażeń.