Draw it е заедничка апликација за платно во реално време развиена со помош на Flutter за предниот дел и Node.js + Express со WebSocket за синхронизација на заднината. Апликацијата им овозможува на повеќе корисници да цртаат истовремено на заедничка табла, демонстрирајќи експертиза и за развој на интерфејс на повеќе платформи и за мрежна комуникација во реално време.
🚀 Клучна цел:
Овозможете беспрекорна соработка во реално време на споделена табла за цртање користејќи перформативна архитектура водена од настани.
🧱 Технолошки стек:
Флатер (стрела): Мобилен преден дел со повеќе платформи со ракување со гестови и прилагодено прикажување
Node.js + Express.js: Backend сервер со WebSocket поддршка за постојана двонасочна комуникација
WebSocket (ws): За синхронизација на удари во реално време кај корисниците
CustomPainter: Ефикасно цртање рамка по рамка на платно
Ракувач со дозволи и граница на пребојување: зачувувајте ги цртежите како слики на уредот
🖌️ Основни карактеристики:
✍️ Заеднички цртеж во реално време: сите учесници веднаш ги гледаат ударите меѓусебно користејќи емитување WebSocket.
📡 WebSocket сервер без државјанство: Лесниот сервер Node.js одржува активни конекции на сокетот и ги пренесува настаните на удар со мала латентност.
🎨 Canvas Engine: гестовите на допир се претвораат во векторски патеки што може да се нацртаат и се прикажуваат со помош на Flutter's CustomPainter.
📁 Извези платно: корисниците можат да ги зачуваат своите уметнички дела како слика
🔧 Модуларна архитектура: Одделни слоеви за логика на цртање, настани на серверот и интеграција на платформата.
Цртајте, исцртувајте и создавајте слободно - вашето платно, вашите правила
Ажуриранa на
28 сеп. 2025 г.