← Go back

SyncBoard

TypeScriptExpress.jsNext.jsWebSockets

SyncBoard to interaktywna platforma do rysowania, zaprojektowana z myślą o wysokowydajnej cyfrowej współpracy. Wykorzystując HTML5 Canvas API, zapewnia płynne, zbliżone do natywnego doświadczenie rysowania bezpośrednio w przeglądarce, pozwalając wielu użytkownikom na pracę na współdzielonym płótnie bez wzajemnych zakłóceń. Rdzeniem aplikacji jest autorski silnik synchronizacji w czasie rzeczywistym. Zamiast przesyłać ciężkie dane obrazu, system emituje lekkie pakiety współrzędnych za pośrednictwem WebSockets. Takie podejście zapewnia opóźnienia poniżej sekundy, ponieważ klienci odbierający dane muszą jedynie lokalnie odtworzyć ścieżki pociągnięć, zamiast przeładowywać zasoby graficzne. Oprócz zestawu narzędzi kreatywnych, projekt zawiera rywalizacyjny tryb gry „Scribble”. Wymagało to implementacji kontrolera po stronie serwera do zarządzania złożonymi stanami gry, w tym rotacją ról graczy, walidacją zgadywanych haseł w czasie rzeczywistym i zsynchronizowanymi licznikami rund. Cała architektura opiera się na bezpiecznym typowo systemie zdarzeń, zapewniając spójną i solidną komunikację między klientem a serwerem.

Gallery

SyncBoard showcase 1
SyncBoard showcase 2
SyncBoard showcase 3
Jakub Król | .NET & Node.js Developer