Kamikaze Race - Wyścigi Gra

Poproszę, abyś użył Three.js do wygenerowania **gry typu mobile-first** z motywem "**Kamikaze Race**". Najpierw przeczytaj poniższe szczegółowe wymagania projektowe gry, a następnie wygeneruj kod zgodnie z nimi: ### 1. Zasoby i Środowisko * **Styl Wizualny**: Arcade Racer o wysokiej prędkości. Użyj estetyki low-poly, ale nowoczesnej (przypominającej wczesne gry arcade 3D). Paleta kolorów powinna być wysokokontrastowa – ciemny asfalt drogi z jasnymi, neonowymi znacznikami pasa i żywymi kolorami samochodów, aby zapewnić widoczność na małych ekranach. * **Pojazd Gracza**: Model futurystycznego samochodu sportowego (prosta geometria: kliny i łuki). Musi posiadać system cząsteczek emitujący z tyłu, symulujący płomienie spalin lub iskry, podkreślający mechanikę "zaciśniętego przyspiesznika". * **Zasoby Ruchu Drogowego**: Kanciaste, charakterystyczne pojazdy (ciężarówki, sedany) pojawiające się na różnych pasach. Powinny mieć czerwone światła stopu, aby odróżnić je od gracza. * **Środowisko**: Nieskończona autostrada o 4 pasach. Użyj przewijającej się tekstury dla nawierzchni drogi, aby symulować ekstremalną prędkość bez przesuwania kamery zbyt daleko. Dodaj efekt cząsteczek "Linii Prędkości" na krawędziach ekranu, aby przekazać wrażenie przyspieszenia. * **Wydajność**: Użyj obiektowej puli dla samochodów ruchu drogowego i segmentów drogi, aby zapobiec opóźnieniom związanych z odśmiecaniem na urządzeniach mobilnych. Ogranicz dynamiczne światła; użyj prostego światła kierunkowego i otoczenia. Użyj prostej mgły, aby ukryć horyzont pojawiania się obiektów. ### 2. Wymagania Audio * **Muzyka w tle (BGM)**: Wysokotempowy, pobudzający utwór eurobeat lub techno, który płynnie się zapętla. * **Efekty dźwiękowe - Silnik**: Ciągły dron silnika, którego ton lekko wzrasta wraz ze wzrostem czasu trwania gry (i prędkości). * **Efekty dźwiękowe - Interakcje**: Dźwięk "Whoosh" przy bliskim wyprzedzaniu pojazdów (bliskie ominięcie). Głośny, syntetyzowany dźwięk skrzypienia podczas ostrego skrętu. * **SFX - Zderzenie**: Ciężki dźwięk uderzenia metalu/eksplozji dla stanu "Koniec Gry". ### 3. Pętla Rozgrywki * **Mechanika Bazowa**: Samochód gracza porusza się do przodu automatycznie z ciągle rosnącą prędkością (symulacja zablokowanego przyspiesznika i braku hamulców). * **Cel**: Wymijaj ruch, skręcając w **Lewo** lub **Prawo**. Przetrwaj jak najdłużej, aby zgromadzić dystans (Wynik). * Krzywa Trudności**: Prędkość przewijania zwiększa się z czasem, a gęstość ruchu staje się większa. Samochody na drodze powinny poruszać się z różną prędkością (jedne wolno, inne szybko), aby tworzyć dynamiczne luki. * **Zwycięstwo/Przegrana**: Nie ma stanu "Zwycięstwo" (Endless Runner). Uderzenie w jakikolwiek inny samochód skutkuje natychmiastowym efektem cząsteczkowym eksplozji, potrząsnięciem ekranu i modalem "Koniec Gry" pokazującym przebyty końcowy dystans. ### 4. Sterowanie i Interakcja na Urządzeniach Mobilnych * **Schemat Sterowania**: **Dotyk z Podziałem Ekranu (Split-Screen)**. * Dotknięcie/Przytrzymanie **lewej połowy** ekranu płynnie skręca samochód w lewo. * Dotknięcie/Przytrzymanie **prawej połowy** ekranu płynnie skręca samochód w prawo. * Zwolnienie dotyku wycentrowuje kierunek (lub utrzymuje obecny pas w zależności od odczucia — automatyczne centrowanie jest preferowane dla precyzyjnego wymijania). * **Orientacja**: Tryb portretowy preferowany do gry jedną ręką lub pejzażowy dla szerszego widoku ruchu (proszę ustawić domyślnie na **Pejzażowy** dla lepszej widoczności pasów). * **UI/UX**: * **HUD**: Minimalistyczny. Wyświetlaj "Dystans/Wynik" na górze pośrodku (duża, czytelna czcionka, jak 'Impact' lub czcionka pixelowa). * **Ekran Końca Gry**: Duży, kontrastowy przycisk "SPRÓBUJ PONOWNIE" (minimalna wysokość 60px) wyśrodkowany na ekranie, aby umożliwić szybki restart bez precyzyjnego stukania. * **Informacja Zwrotna Haptyczna**: Wywołaj `navigator.vibrate(200)` przy zderzeniu. Jeśli to możliwe, wywołaj `navigator.vibrate(50)` przy bliskich ominięciach. Wygeneruj grę platformową 2D w stylu retro w HTML5, Canvas i JavaScript. Gracz kontroluje bohatera, który musi biec, skakać i zbierać monety, unikając przeszkód i wrogów. Gra powinna mieć następujące cechy: - **Mechanika ruchu**: Implementuj płynne sterowanie z fizyką, włączając w to przyspieszenie, tarcie i grawitację. Użyj klawiszy `ArrowLeft`, `ArrowRight` i `Space` do skoku. - **Generator poziomów**: Dynamicznie twórz platformy, przeszkody i przeciwników. Każdy poziom powinien być trudniejszy, z większą liczbą wrogów i mniejszą ilością platform. - **System monet**: Gracz zbiera monety (żółte koła), aby zdobywać punkty. Po zebraniu 10 monet gracz otrzymuje dodatkowe życie. - **Kolizje**: Wykrywaj kolizje między graczem, platformami, wrogami i monetami. Kolizja z wrogiem odejmuje życie. Spadnięcie z mapy resetuje poziom. - **Interfejs użytkownika**: Wyświetlaj wynik, liczbę żyć i poziom w rogu ekranu. Dodaj przycisk `Restart` do restartowania gry. ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Retro Platformer</title> <style> body { margin: 0; padding: 20px; background: #222; text-align: center; } canvas { border: 2px solid #fff; background: #000; } .ui { color: white; font-family: monospace; margin-bottom: 10px; } button { padding: 10px 20px; font-size: 16px; } </style> </head> <body> <div class="ui"> Score: <span id="score">0</span> | Lives: <span id="lives">3</span> | Level: <span id="level">1</span> <button onclick="restartGame()">Restart</button> </div> <canvas id="gameCanvas" width="800" height="500"></canvas> <script> // Game code will be inserted here </script> </body> </html> ``` ```javascript // Example of player object const player = { x: 50, y: 450, width: 30, height: 50, velocityX: 0, velocityY: 0, speed: 5, jumpPower: -12, grounded: false, lives: 3, score: 0 }; // Example game loop structure function gameLoop() { update(); render(); requestAnimationFrame(gameLoop); } gameLoop(); ``` **Wymagania dotyczące kodu**: 1. Użyj czystego JavaScript bez zewnętrznych bibliotek. 2. Zachowaj komentarze w kodzie po angielsku dla spójności. 3. Dodaj dźwięki dla skoku, zebrania monety i utraty życia (opcjonalnie, użyj `Audio` API). 4. Zapewnij, że gra działa płynnie w 60 FPS.