Draw it

Draw it-ը իրական ժամանակի համատեղ կտավային ծրագիր է, որը մշակվել է Flutter-ի միջոցով ճակատային մասի համար, իսկ Node.js + Express-ը WebSocket-ով` հետնամասի համաժամացման համար: Հավելվածը թույլ է տալիս մի քանի օգտատերերի միաժամանակ նկարել ընդհանուր տախտակի վրա՝ ցույց տալով փորձառություն ինչպես միջպլատֆորմային UI մշակման, այնպես էլ իրական ժամանակում ցանցային հաղորդակցության մեջ:

🚀 Հիմնական նպատակը.
Միացնել անխափան, իրական ժամանակում համագործակցությունը ընդհանուր գծագրական տախտակի վրա՝ օգտագործելով կատարողական, իրադարձությունների վրա հիմնված ճարտարապետություն:

🧱 Tech Stack.

Flutter (Dart). Շարժական հարթակ՝ շարժական ֆրոնդ՝ ժեստերի մշակմամբ և հատուկ մատուցմամբ

Node.js + Express.js. Backend սերվեր՝ WebSocket-ի աջակցությամբ՝ մշտական ​​երկկողմանի հաղորդակցության համար

WebSocket (ws). Օգտատերերի միջև հարվածների իրական ժամանակում համաժամացման համար

CustomPainter. Արդյունավետ շրջանակ առ կադր նկարչություն կտավի վրա

Թույլտվությունների մշակիչ և RepaintBoundary. Պահպանեք գծագրերը որպես պատկերներ սարքում

🖌️ Հիմնական հատկանիշները.

✍️ Համօգտագործվող իրական ժամանակի նկարչություն. բոլոր մասնակիցները տեսնում են միմյանց հարվածներն ակնթարթորեն՝ օգտագործելով WebSocket հեռարձակումը:

📡 քաղաքացիություն չունեցող WebSocket սերվեր. Թեթև Node.js սերվերը պահպանում է ակտիվ վարդակների միացումները և փոխանցում է ինսուլտի իրադարձությունները ցածր ուշացումով:

🎨 Canvas Engine. հպման ժեստերը վերածվում են գծվող վեկտորային ուղիների և ցուցադրվում են Flutter's CustomPainter-ի միջոցով:

📁 Արտահանել կտավ. օգտատերերը կարող են պահպանել իրենց արվեստի գործերը որպես պատկեր

🔧 Մոդուլային ճարտարապետություն. առանձին շերտեր տրամաբանության, սերվերի իրադարձությունների և հարթակի ինտեգրման համար: