Draw it je suradniÄka aplikacija na platnu u stvarnom vremenu razvijena koriÅ”tenjem Fluttera za suÄelje i Node.js + Express s WebSocketom za pozadinsku sinkronizaciju. Aplikacija omoguÄuje veÄem broju korisnika da istovremeno crtaju na zajedniÄkoj ploÄi, pokazujuÄi struÄnost u razvoju korisniÄkog suÄelja na viÅ”e platformi i mrežnoj komunikaciji u stvarnom vremenu.
š KljuÄni cilj: OmoguÄite besprijekornu suradnju u stvarnom vremenu na zajedniÄkoj ploÄi za crtanje koristeÄi uÄinkovitu arhitekturu voÄenu dogaÄajima.
š§± TehniÄki skup:
Flutter (Dart): mobilno suÄelje na viÅ”e platformi s rukovanjem gestama i prilagoÄenim renderiranjem
Node.js + Express.js: pozadinski poslužitelj s podrŔkom za WebSocket za stalnu dvosmjernu komunikaciju
WebSocket (ws): Za sinkronizaciju poteza meÄu korisnicima u stvarnom vremenu
CustomPainter: UÄinkovito crtanje okvir po okvir na platnu
Rukovatelj dozvolama i granica ponovnog bojanja: Spremite crteže kao slike na ureÄaj
šļø Osnovne znaÄajke:
āļø Dijeljeno crtanje u stvarnom vremenu: Svi sudionici odmah vide poteze jedni drugih koristeÄi WebSocket emitiranje.
š” WebSocket poslužitelj bez statusa: Lagani Node.js poslužitelj održava aktivne socket veze i prenosi dogaÄaje pokreta s malom latencijom.
šØ Canvas Engine: geste dodira pretvaraju se u vektorske staze koje se mogu crtati i renderiraju pomoÄu Flutterovog CustomPaintera.
š Izvoz platna: korisnici mogu spremiti svoje umjetniÄko djelo kao sliku
š§ Modularna arhitektura: odvojeni slojevi za logiku crtanja, dogaÄaje poslužitelja i integraciju platforme.
Ažurirano
29. svi 2025.
Umjetnost i dizajn
Sigurnost podataka
arrow_forward
Sigurnost poÄinje razumijevanjem naÄina na koji razvojni programeri prikupljaju i dijele vaÅ”e podatke. Prakse privatnosti i sigurnosti podataka mogu se razlikovati ovisno o vaÅ”oj upotrebi, regiji i dobi. Te informacije pružio je razvojni programer koji ih tijekom vremena može ažurirati.
Podaci se ne dijele s treÄim stranama
Saznajte viŔe o tome kako razvojni programeri navode dijeljenje
Nema prikupljenih podataka
Saznajte viŔe o tome kako razvojni programeri navode prikupljanje
Imamo obavezu pridržavati se pravila za obitelji na Playu