Mistrz Kopnięcia Rowerowego - Sport Gra

Proszę użyj Three.js do wygenerowania **gry zorientowanej na urządzenia mobilne** o temacie "Bicycle Kick Champ". Najpierw przeczytaj poniższe szczegółowe wymagania projektowe gry, a następnie wygeneruj odpowiedni kod: ### 1. Zasoby i środowisko * **Styl wizualny:** Stwórz nostalgiczną, wczesnych lat 2000. estetykę "gier Flash", ale zaktualizowaną do 3D. Użyj lekko stylizowanego realizmu (nie pełna kreskówka, ale żywe kolory). * **Stadion:** * **Kibice:** Zamiast kosztownych pojedynczych modeli, użyj statycznej, wysokiej rozdzielczości tekstury billboard lub prostego systemu cząsteczek dla kibiców na trybunach w tle, aby oszczędzać wydajność na urządzeniach mobilnych. * **Boisko:** Tekstura zielonej murawy z wyraźnymi białymi liniami pola karnego i wyraźnie widocznym łukiem "D". * **Bramka:** Standardowa biała bramka piłkarska z prostą teksturą siatki. * **Banery reklamowe:** Umieść tablice reklamowe za linią bramkową z ogólnym tekstem (np. "SUPER KICK", "GOAL!!!") dla dodania klimatu. * **Postacie:** * **Napastnik (Gracz):** Model postaci o niskiej liczbie wielokątów (poniżej 1500 trójkątów) w białym stroju z numerem 9. Model wymaga podstawowego rigowania dla sekwencji animacji "bicycle kick". * **Bramkarz (Przeciwnik):** Niskopolowy bramkarz w zielonym swetrze. Wymaga animacji dla "postawy bezczynnej", "nurkowania w lewo", "nurkowania w prawo" i "skoku na piłkę". * **Piłka:** Klasyczna biała piłka nożna (ścięty dwudziestościan) lub prosta teksturowana kula. * **Kamera:** Ustaw kamerę za napastnikiem (widok z trzeciej osoby), lekko uniesioną, skierowaną w stronę bramki. Kamera powinna lekko śledzić piłkę po kopnięciu. * **Oświetlenie:** Użyj jednego światła kierunkowego (symulującego reflektory stadionowe lub słońce) rzucającego wyraźne cienie, plus światła otoczenia, aby zapewnić, że nic nie będzie zbyt ciemne na ekranach urządzeń mobilnych. ### 2. Wymagania audio * **Muzyka w tle (BGM):** Energiczna, zapętlona ścieżka w stylu arcade. Ożywiona muzyka syntezatorowa z wstępem o klimacie "relacji sportowej", budująca ekscytację. * **Efekty dźwiękowe (SFX):** * **Tłum:** Ciągła, cicha pętla z pomrukiem tłumu. Głośny sample "Okrzyk/Ryk" odtwarza się po zdobyciu gola. Rozczarowany "Jęk" odtwarza się po niecelnym strzale. * **Kopnięcie:** Satysfakcjonujący, mocny dźwięk "łup" specyficzny dla kontaktu przy kopnięciu przewrotką. * **Gwizdek:** Dźwięk gwizdka sędziowskiego na rozpoczęcie rundy. * **Sieć:** Dźwięk "szuś" gdy piłka trafi w siatkę. * **Słupek:** Metaliczne "brzdęk" jeśli piłka trafi w poprzeczkę lub słupek. ### 3. Pętla rozgrywki * **Przygotowanie:** Gra rozpoczyna się od dośrodkowania z boku (z lewej lub prawej strony, poza ekranem). Piłka łukiem leci w powietrzu w kierunku postaci gracza. * **Mechanika (Wyczucie czasu):** * Wizualny wskaźnik (np. kurczące się koło celu lub znacznik wysokości) pokazuje optymalny punkt uderzenia. * Gracz musi dotknąć ekranu, gdy piłka jest na idealnej wysokości. * **Rezultat:** * **Idealne wyczucie czasu:** Postać wykonuje spektakularne kopnięcie przewrotką; piłka leci szybko i celnie w róg bramki. * **Dobre wyczucie czasu:** Kopnięcie jest wykonane, ale bramkarz ma szansę na obronę w oparciu o RNG/szybkość reakcji SI. * **Złe wyczucie czasu (Za wcześnie/za późno):** Gracz pudłuje (całkowicie nie trafia w piłkę), uderza ją słabo prosto w ręce bramkarza lub strzela nad poprzeczkę. * **Postęp:** Zdobywaj punkty za każdą bramkę. Kolejne gole budują "Mnożnik Kombo". Bramkarz staje się szybszy, a dośrodkowania różnią się prędkością i trajektorią w miarę wzrostu wyniku. * **Koniec gry:** Gra kończy się po 3 niecelnych strzałach. ### 4. Sterowanie i interakcja na urządzeniach mobilnych * **Orientacja:** Tryb poziomy jest preferowany dla szerszego widoku na bramkę, ale układ musi być responsywny (canvas wypełnia 100% okna). * **Sterowanie dotykowe:** * **Pojedyncze dotknięcie w dowolnym miejscu:** Główna interakcja. Dotknięcie w dowolnym miejscu ekranu uruchamia animację przewrotki. Minimalizuje to bałagan w interfejsie i pozwala użytkownikowi skupić się na piłce. * **(Opcjonalne zaawansowane) Przesunięcie palcem:** Jeśli proste dotykanie jest zbyt łatwe, zaimplementuj mechanikę "Przeciągnij, by wycelować", gdzie kierunek przesunięcia palcem podczas strzału określa róg bramki, w który piłka ma trafić. * **Elementy UI:** * **Wynik & Seria:** Duży, pogrubiony tekst w górnych rogach (zgodny z bezpiecznymi obszarami ekranu). * **Życia:** Wyświetl pozostałe próby jako ikony piłki nożnej. * **Przycisk restartu:** Duży przycisk (min. 60x60px), który wyraźnie pojawia się na środku ekranu po zakończeniu gry (Game Over). * **Informacja zwrotna:** * **Dotykowa (haptyczna):** Wyzwól krótką wibrację (używając `navigator.vibrate`) przy udanym kontakcie z piłką i dłuższą wibrację przy trafieniu w słupek/protzkę. * **Wizualna:** Efekt trzęsienia ekranu (wstrząs kamery) po zdobyciu mocnego gola. Wyskakujące napisy takie jak "PERFEKCYJNE!", "PUDŁO" pojawiają się w pobliżu gracza.