Problem
Gra webowa wymaga szybkiej interakcji, jasnego zarządzania stanem i grywalnej pętli, a nie statycznych ekranów.
Studium przypadku
Berni Rush — prototyp gry 3D w przeglądarce
Grywalny side project skupiony na interakcji real-time, stanie gry, renderingu i deployu w przeglądarce.
Cel projektu
Zbudować grywalny prototyp areny 3D ze sterowaniem, falami przeciwników, pickupami i lokalnym zapisem progresu.
Status
Playable prototype / Side project
Stack
ReactTypeScriptViteThree.js@react-three/fiber@react-three/dreiZustandVercel
Najważniejsze funkcje
- Rozgrywka na arenie 3D w przeglądarce.
- Sterowanie klawiaturą i dotykiem.
- Style klas, skórki i wybór loadoutu.
- Fale przeciwników, elity, bossowie, pociski i pickupy.
- Lokalny progres profilu, rekordów, monet, klasy i skórek.
- Dostosowanie jakości renderowania do urządzeń mobilnych.
Decyzje techniczne
- Stan gry jest oddzielony od warstwy renderowania 3D.
- Lokalny zapis pozwala utrzymać pętlę prototypu bez infrastruktury kont.
- Projekt jest uczciwie pozycjonowany jako side project, nie aplikacja biznesowa.
Czego się nauczyłem
- Zarządzania pętlą interakcji real-time w UI przeglądarkowym.
- Pracy z Three.js przez komponenty React.
- Zapisu lokalnego progresu i strojenia wydajności w przeglądarce.
Co poprawiłbym dalej
- Dodać onboarding dla pierwszego uruchomienia.
- Poprawić dźwięk, feedback i różnorodność przeciwników.
- Dodać screenshoty albo krótkie klipy gameplayu.
- Dodać testy czystych helperów balansu i zapisu, gdzie ma to sens.
Ograniczenia
To grywalny prototyp i side project. Nie jest przedstawiany jako skończona gra komercyjna.