Draw, frontend üçün Flutter və backend sinxronizasiyası üçün WebSocket ilə Node.js + Express istifadə edərək hazırlanmış real vaxt əməkdaşlıq kətan proqramıdır. Tətbiq birdən çox istifadəçiyə eyni vaxtda paylaşılan lövhədə rəsm çəkməyə imkan verir, həm platformalararası UI inkişafında, həm də real vaxt şəbəkə rabitəsində təcrübə nümayiş etdirir.
🚀 Əsas məqsəd:
İcraedici, hadisəyə əsaslanan arxitekturadan istifadə edərək paylaşılan rəsm lövhəsində problemsiz, real vaxt əməkdaşlığını aktivləşdirin.
🧱 Tech Stack:
Flutter (Dart): Jestlərin idarə edilməsi və fərdi göstərilməsi ilə çarpaz platforma mobil cəbhəsi
Node.js + Express.js: Davamlı iki istiqamətli rabitə üçün WebSocket dəstəyi ilə arxa uç server
WebSocket (ws): İstifadəçilər arasında vuruşların real vaxt sinxronizasiyası üçün
CustomPainter: Kətan üzərində səmərəli kadr-çərçivə rəsm
İcazə İşləyicisi və RepaintBundary: Çizimləri cihazda şəkillər kimi saxlayın
🖌️ Əsas Xüsusiyyətlər:
✍️ Paylaşılan Real-Time Rəsm: Bütün iştirakçılar WebSocket yayımından istifadə edərək bir-birlərinin vuruşlarını dərhal görürlər.
📡 Vətəndaşlığı olmayan WebSocket Server: Yüngül Node.js serveri aktiv soket bağlantılarını saxlayır və aşağı gecikmə ilə vuruş hadisələrini ötürür.
🎨 Canvas Engine: Toxunma jestləri çəkilə bilən vektor yollarına çevrilir və Flutter-in CustomPainter proqramından istifadə etməklə göstərilir.
📁 Kətan ixracı: İstifadəçilər sənət əsərlərini şəkil kimi saxlaya bilərlər
🔧 Modul Arxitektura: Məntiq, server hadisələri və platforma inteqrasiyası üçün ayrı təbəqələr.
Güncəlləmə vaxtı
29 may 2025