Case study · Gry przeglądarkowe · 2025 · projekt demo
Motory Świetlne to nasza gra zręcznościowa w przeglądarce: 2 lub 3 graczy na jednej klawiaturze, świetlne ślady, przyspieszenie i rundy. HTML5 Canvas i JavaScript.
- Rok realizacji
- 2025
- Kategoria
- Gry przeglądarkowe
- Rodzaj projektu
- gra przeglądarkowa - projekt własny
- Tryby
- 2 lub 3 graczy na jednej klawiaturze
- Plansza
- siatka 1200 x 800 px
- Wdrożenie
- pliki statyczne, Docker + nginx
O projekcie Motory Świetlne
Motory Świetlne to nasz projekt własny - szybka gra zręcznościowa dla 2 lub 3 osób grających na jednej klawiaturze. Każdy gracz prowadzi motor zostawiający za sobą świetlny ślad. Kto uderzy w ścianę planszy albo w czyjś ślad, przegrywa rundę.
Rozgrywka
Gracze wybierają tryb (2 lub 3 osoby) i kolor motoru. Sterowanie jest podzielone na trzy strefy klawiatury: WASD, strzałki oraz IJKL, więc wszyscy grają przy jednym komputerze. Podwójne wciśnięcie klawisza w kierunku jazdy włącza krótkie przyspieszenie, które potem musi się odnowić - to pozwala odciąć drogę rywalowi albo uciec z pułapki. Gra wykrywa zderzenia i remisy, a na górze ekranu liczy przegrane rundy każdego gracza.
Technologia
Gra działa w przeglądarce bez instalacji. Plansza to siatka rysowana na elemencie HTML5 Canvas, a całą logikę napisaliśmy w czystym JavaScripcie, bez silnika gier. Neonowy wygląd uzyskaliśmy samymi stylami CSS. Projekt ma przygotowane wdrożenie jako pliki statyczne oraz w kontenerze Docker z serwerem nginx.
Kluczowe funkcje
- Tryb dla 2 lub 3 graczy na jednej klawiaturze
- Wybór koloru motoru przez każdego gracza
- Sterowanie WASD, strzałkami i IJKL
- Przyspieszenie podwójnym wciśnięciem kierunku z czasem odnowienia
- Wykrywanie zderzeń ze ścianami i śladami, remisy
- Licznik przegranych rund dla każdego gracza
- Neonowa grafika na siatce, bez zewnętrznych bibliotek
