Draw it je sodelovalna aplikacija za platno v realnem Äasu, razvita z uporabo Flutterja za frontend in Node.js + Express z WebSocket za sinhronizacijo backenda. Aplikacija omogoÄa veÄ uporabnikom, da hkrati riÅ”ejo na deljeni ploÅ”Äi, kar dokazuje strokovnost tako pri razvoju uporabniÅ”kega vmesnika med platformami kot pri omrežni komunikaciji v realnem Äasu.
š KljuÄni cilj:
OmogoÄite brezhibno sodelovanje v realnem Äasu na skupni risalni deski z uporabo zmogljive arhitekture, ki temelji na dogodkih.
š§± TehniÄni sklop:
Flutter (Dart): mobilni vmesnik za veÄ platform z upravljanjem gest in upodabljanjem po meri
Node.js + Express.js: zaledni strežnik s podporo za WebSocket za trajno dvosmerno komunikacijo
WebSocket (ws): Za sinhronizacijo udarcev med uporabniki v realnem Äasu
CustomPainter: UÄinkovito risanje okvir za okvirjem na platnu
Permission Handler & RepaintBoundary: Shranite risbe kot slike v napravi
šļø Glavne lastnosti:
āļø Skupno risanje v realnem Äasu: vsi udeleženci takoj vidijo poteze drug drugega z oddajanjem WebSocket.
š” Strežnik WebSocket brez stanja: lahek strežnik Node.js vzdržuje aktivne povezave vtiÄnic in posreduje dogodke udarcev z nizko zakasnitvijo.
šØ Canvas Engine: poteze na dotik so pretvorjene v vektorske poti, ki jih je mogoÄe risati, in upodobljene s Flutterjevim CustomPainterjem.
š Izvozi platno: uporabniki lahko svoje umetnine shranijo kot sliko
š§ Modularna arhitektura: loÄene plasti za logiko risanja, strežniÅ”ke dogodke in integracijo platforme.
Posodobljeno dne
29. maj 2025