Draw it ir reāllaika sadarbības kanvas lietojumprogramma, kas izstrādāta, izmantojot Flutter priekšgalam un Node.js + Express ar WebSocket aizmugursistēmas sinhronizēšanai. Lietojumprogramma ļauj vairākiem lietotājiem vienlaikus zīmēt uz koplietošanas tāfeles, demonstrējot zināšanas gan starpplatformu lietotāja saskarnes izstrādē, gan reāllaika tīkla saziņā.
🚀 Galvenais mērķis:
Iespējojiet netraucētu, reāllaika sadarbību uz koplietojamā rasēšanas tāfeles, izmantojot veiktspējīgu, uz notikumiem balstītu arhitektūru.
🧱 Tech Stack:
Flutter (Dart): vairāku platformu mobilā saskarne ar žestu apstrādi un pielāgotu renderēšanu
Node.js + Express.js: aizmugursistēmas serveris ar WebSocket atbalstu pastāvīgai divvirzienu saziņai
WebSocket (ws): lai sinhronizētu sitienus reāllaikā starp lietotājiem
CustomPainter: efektīva kadru pa kadram zīmēšana uz audekla
Atļauju apstrādātājs un pārkrāsošanas robeža: saglabājiet zīmējumus kā attēlus ierīcē
🖌️ Galvenās funkcijas:
✍️ Koplietots reāllaika zīmējums: visi dalībnieki acumirklī redz viens otra sitienus, izmantojot WebSocket apraidi.
📡 Bezvalsts WebSocket serveris: Viegls Node.js serveris uztur aktīvus ligzdas savienojumus un pārraida gājiena notikumus ar zemu latentumu.
🎨 Canvas Engine: pieskāriena žesti tiek pārveidoti par zīmējamiem vektoru ceļiem un atveidoti, izmantojot Flutter's CustomPainter.
📁 Eksportēt kanvas: lietotāji var saglabāt savus mākslas darbus kā attēlu
🔧 Modulārā arhitektūra: atsevišķi slāņi loģikas zīmēšanai, servera notikumiem un platformas integrācijai.
Atjaunināta
2025. gada 29. maijs