Greyhound Tycoon - Symulacja Gra

Używając Three.js, wygeneruj **grę zorientowaną na urządzenia mobilne** z motywem "Greyhound Tycoon". Najpierw zapoznaj się z poniższymi szczegółowymi wymaganiami dotyczącymi projektu gry, a następnie wygeneruj odpowiedni kod: ### 1. Zasoby i otoczenie * **Styl wizualny:** Estetyka "Toon" w stylu low-poly z płaskim cieniowaniem lub cieniowaniem celowym, aby dopasować się do etykiety "Słodkie", jednocześnie zachowując wydajność na urządzeniach mobilnych. Jasne, nasycone kolory (trawiasta zieleń, brąz ziemi, błękit nieba). * **Modele postaci:** * **Chart:** Stylizowane, podłużne modele psów w stylu low-poly. Odpowiadające im kolorowe derki (czerwona, niebieska, zielona, różowa) służą do identyfikacji biegaczy. * **Przynęta:** Mechaniczny królik w stylu low-poly, przymocowany do systemu szyn. * **Sceny:** * **Buda (Widok zarządzania):** Widok izometryczny pomieszczenia przedstawiający legowisko dla psa, miskę na jedzenie i tablicę ze statystykami. * **Tor (Widok wyścigu):** Prosty odcinek ziemnego toru z białym ogrodzeniem i prostym, przewijającym się tłem 2D (drzewa/tłum w stylu paralaksy), aby oszczędzać zasoby renderowania. * **Optymalizacja wydajności:** Użyj `InstancedMesh`, jeśli renderujesz tłum. Ogranicz liczbę trójkątów w modelach psów do poniżej 1000. Używaj wypieczonych tekstur oświetlenia dla otoczenia, aby uniknąć kosztownych obliczeń cieni w czasie rzeczywistym na urządzeniach mobilnych. ### 2. Wymagania audio * **Muzyka w tle (BGM):** * *Faza zarządzania:* Relaksująca, jazzowa, powtarzalna muzyka w stylu "elevator" (styl Sims) zachęcająca do przemyślanej strategii. * *Faza wyścigu:* Szybka, żywiołowa fanfara dęta lub trąbkowa (tradycyjny styl wyścigowy), której tempo stopniowo rośnie. * **Efekty dźwiękowe (SFX):** * *Interfejs użytkownika:* Miękkie dźwięki "pop" lub "bąbelka" dla dotknięć przycisków. * *Ekonomia:* Dźwięk kasy "cha-ching" przy wygrywaniu zakładów lub otrzymywaniu zapłaty. * *Pies:* Skomlenie (głód), szczekanie (radość/zwycięstwo), dyszenie (niska wytrzymałość). * *Rasa:* Odgłos galopujących łap, ryk tłumu nasilający się na mecie, mechaniczne brzęczenie atrapy królika. ### 3. Pętla Rozgrywki * **Główny Cykl:** Zarządzaj -> Pracuj -> Ścigaj -> Ulepszaj. * **Faza Zarządzania (Buda):** * **Statystyki:** Zarządzaj **Szybkością**, **Wytrzymałością** i **Zadowoleniem** psa. * **Akcje:** Gracze wydają "Energię" (Punkty Akcji) aby: * *Nakarmić:* Zwiększa Zadowolenie/Wytrzymałość, kosztuje Pieniądze. * *Trenować:* Zwiększa Szybkość/Wytrzymałość, kosztuje Energię. * *Praca Dorywcza:* (np. Pozowanie do reklam) Zarabia Pieniądze, zmniejsza Zadowolenie/Energię. * **Ekonomia i Ryzyko:** * Gracze muszą płacić cykliczne "Rachunki". * **Mechanizm Pożyczki Lichwiarskiej:** Jeśli środki są ujemne, oferuj "Pożyczkę od Bandytów" z wysokim oprocentowaniem. * **Faza Wyścigu:** * Automatyczny ruch w oparciu o statystyki, ale wizualizowany w 3D. * **Zakłady:** Przed wyścigiem gracz obstawia własnego psa lub rywala. * **Wynik:** Miejsce na mecie decyduje o nagrodzie pieniężnej. Pierwsza trójka awansuje do trudniejszych lig. ### 4. Sterowanie Mobilne i Interakcja * **Orientacja Ekranu:** Pozioma (optymalna do oglądania toru wyścigowego). * **Metoda Wejścia:** Czysty interfejs dotykowy/opukiwania. Brak sterowania klawiaturą. * **Schemat Sterowania:** * **Raycasting:** Dotknij psa, aby go pogłaskać (zwiększa zadowolenie). Dotknij miski z jedzeniem, aby ją napełnić. * **Nakładka UI:** Duże, przyjazne dla kciuka przyciski HTML/CSS (min-wysokość 50px) po bokach ekranu dla "Trenuj", "Pracuj" i "Ścigaj". * **Informacja Zwrotna:** * **Wizualna:** Unoszący się tekst (+1 Szybkość, -$50) wznoszący się z modelu postaci po wykonaniu akcji. * **Dotykowa:** Wyzwól `navigator.vibrate(20)` po naciśnięciu przycisku i `navigator.vibrate([50, 50, 50])` po zakończeniu wyścigu. Wygeneruj grę 2D w stylu **"góry lodowej"**, w której gracz kontroluje statek kosmiczny poruszający się **poziomo** po dolnej części ekranu. ## Cele gry - Zestrzeliwaj nadlatujące asteroidy za pomocą działa laserowego. - Unikaj kolizji z asteroidami oraz **"górami lodowymi"** (większymi, wolniejszymi przeszkodami). - Przetrwaj jak najdłużej, zdobywając punkty za każde zniszczone zagrożenie. ## Mechaniki - Sterowanie: - `A` / `D` lub `←` / `→` – ruch lewo/prawo. - `Spacja` – strzał pojedynczym promieniem laserowym. - Asteroidy: - Pojawiają się u góry ekranu i spadają w dół w losowych odstępach. - **Małe**: 1 trafienie do zniszczenia, 10 punktów. - **Średnie**: 2 trafienia, 25 punktów. - **Duże**: 3 trafienia, 50 punktów. - Góry lodowe: - Pojawiają się rzadziej, poruszają się **wolniej**, ale zajmują znaczną część ekranu. - Wymagają **5 trafień** do zniszczenia, 100 punktów. - Kolizja z górą lodową powoduje natychmiastową przegraną. - System życia: - Gracz zaczyna z **3 życiami**. - Kolizja z asteroidą odejmuje 1 życie. - Po utracie wszystkich żyć gra się kończy. - Poziom trudności rośnie co **60 sekund**: zwiększa się liczba asteroid i ich prędkość. ## Wymagania techniczne - Użyj HTML5 `<canvas>` do renderowania. - Napisz kod w czystym JavaScript (bez zewnętrznych bibliotek). - Upewnij się, że gra jest responsywna (dostosowuje się do różnych rozmiarów ekranu). ## Struktura plików ``` index.html style.css script.js assets/ player.png asteroid_small.png asteroid_medium.png asteroid_large.png iceberg.png laser.wav explosion.wav ``` ## Dodatkowe uwagi - Dodaj prosty ekran startowy z przyciskiem **"Rozpocznij grę"**. - Wyświetlaj aktualny wynik oraz liczbę pozostałych żyć w czasie rzeczywistym. - Po zakończeniu gry pokaż ekran z podsumowaniem (ostateczny wynik, opcja restartu). - Efekty dźwiękowe powinny być opcjonalne (przycisk wyciszenia).