Draw it — фронтенд үшін Flutter және серверлік синхрондау үшін WebSocket көмегімен Node.js + Express көмегімен жасалған нақты уақыттағы бірлескен кенеп қолданбасы. Қолданба бірнеше пайдаланушыларға ортақ тақтада бір уақытта сурет салуға мүмкіндік береді, бұл кросс-платформалық UI әзірлеуде де, нақты уақыттағы желілік байланыста да тәжірибені көрсетеді.
🚀 Негізгі мақсат:
Орындаушы, оқиғаға негізделген архитектураны пайдаланып, ортақ сызба тақтасында үздіксіз, нақты уақыттағы ынтымақтастықты қосыңыз.
🧱 Техникалық стек:
Flutter (Dart): Қимылды өңдеу және реттелетін көрсетуі бар кросс-платформалық мобильді фронтенді
Node.js + Express.js: тұрақты екі бағытты байланыс үшін WebSocket қолдауы бар сервер сервері
WebSocket (ws): пайдаланушылар арасындағы штрихтарды нақты уақытта синхрондауға арналған
CustomPainter: кенепте тиімді кадр бойынша сурет салу
Рұқсат өңдеушісі және қайта бояу шекарасы: сызбаларды құрылғыда кескіндер ретінде сақтаңыз
🖌️ Негізгі мүмкіндіктер:
✍️ Нақты уақыттағы ортақ сурет салу: барлық қатысушылар WebSocket таратылымы арқылы бір-бірінің штрихтарын бірден көреді.
📡 Азаматтығы жоқ WebSocket сервері: жеңіл Node.js сервері белсенді розетка қосылымдарын қолдайды және инсульт оқиғаларын төмен кідіріспен жібереді.
🎨 Canvas Engine: түрту қимылдары сызбалық векторлық жолдарға түрлендіріліп, Flutter's CustomPainter көмегімен көрсетіледі.
📁 Экспорттық кенеп: пайдаланушылар өз өнер туындыларын сурет ретінде сақтай алады
🔧 Модульдік архитектура: сызу логикасы, сервер оқиғалары және платформаны біріктіру үшін бөлек қабаттар.
Жаңартылған күні
2025 ж. 29 мам.