Bug the Gathering
Zaawansowany przeglądarkowy deckbuilder w pełni osadzony w React 19 i Next.js. Gra karciana z trybem multiplayer PvP, Drag&Drop, animacjami 3D i synchronizacją w czasie rzeczywistym.
O projekcie
Deckbuilder nie jest zwykłą aplikacją. To w pełni obudowana, oparta na React 19 i Next.js przeglądarkowa produkcja gamingowa, która udowadnia, że zaawansowane mechaniki silnika gier da się osadzić w technologiach opartych o środowisko webowe bez żadnych kompromisów jakościowych i wydanościowych. Gra posiada niesamowicie gładki i zapadający w pamięć interfejs dzięki animacjom zbudowanym we Framer Motion (znajdziesz tu m.in wciągające manipulacje kartami Drag&Drop i przepiękny efekt paralaksy/3D przy kartach).
Kluczowe funkcjonalności
- React 19 i Next.js jako fundament architektury
- Real-time synchronizacja globalnego stanu między graczami
- Implementacja skomplikowanej logiki efektów kart
- Tryb pełnoekranowy i responsywne układy CSS
- Work in Progress - aktywny rozwój nowych funkcji
Wyzwania techniczne
Największym wyzwaniem było zapewnienie płynnej synchronizacji stanu w trybie multiplayer bez opóźnień. Wymusiło to opracowanie nieszablonowych rozwiązań do walki z potencjalną asynchronią sieciową – ostatecznie tryb PvP odświeża błyskawicznie globalny stan na urządzeniach walczących przeciwników. Kolejnym aspektem była integracja zaawansowanych animacji z wydajnością gry.