ਡਰਾਅ ਇਹ ਇੱਕ ਰੀਅਲ-ਟਾਈਮ ਸਹਿਯੋਗੀ ਕੈਨਵਸ ਐਪਲੀਕੇਸ਼ਨ ਹੈ ਜੋ ਫਰੰਟਐਂਡ ਲਈ ਫਲਟਰ ਅਤੇ ਬੈਕਐਂਡ ਸਮਕਾਲੀਕਰਨ ਲਈ WebSocket ਨਾਲ Node.js + ਐਕਸਪ੍ਰੈਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਿਕਸਤ ਕੀਤੀ ਗਈ ਹੈ। ਐਪ ਕਈ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਸਾਂਝੇ ਬੋਰਡ 'ਤੇ ਇੱਕੋ ਸਮੇਂ ਖਿੱਚਣ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ, ਕਰਾਸ-ਪਲੇਟਫਾਰਮ UI ਵਿਕਾਸ ਅਤੇ ਰੀਅਲ-ਟਾਈਮ ਨੈੱਟਵਰਕ ਸੰਚਾਰ ਦੋਵਾਂ ਵਿੱਚ ਮੁਹਾਰਤ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਕਰਦਾ ਹੈ।
🚀 ਮੁੱਖ ਉਦੇਸ਼:
ਇੱਕ ਪਰਫਾਰਮੈਂਟ, ਇਵੈਂਟ-ਸੰਚਾਲਿਤ ਆਰਕੀਟੈਕਚਰ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸਾਂਝੇ ਡਰਾਇੰਗ ਬੋਰਡ 'ਤੇ ਸਹਿਜ, ਰੀਅਲ-ਟਾਈਮ ਸਹਿਯੋਗ ਨੂੰ ਸਮਰੱਥ ਬਣਾਓ।
🧱 ਤਕਨੀਕੀ ਸਟੈਕ:
ਫਲਟਰ (ਡਾਰਟ): ਸੰਕੇਤ ਹੈਂਡਲਿੰਗ ਅਤੇ ਕਸਟਮ ਰੈਂਡਰਿੰਗ ਦੇ ਨਾਲ ਕ੍ਰਾਸ-ਪਲੇਟਫਾਰਮ ਮੋਬਾਈਲ ਫਰੰਟਐਂਡ
Node.js + Express.js: ਲਗਾਤਾਰ ਦੋ-ਦਿਸ਼ਾਵੀ ਸੰਚਾਰ ਲਈ WebSocket ਸਮਰਥਨ ਵਾਲਾ ਬੈਕਐਂਡ ਸਰਵਰ
WebSocket (ws): ਉਪਭੋਗਤਾਵਾਂ ਵਿੱਚ ਸਟ੍ਰੋਕ ਦੇ ਰੀਅਲ-ਟਾਈਮ ਸਮਕਾਲੀਕਰਨ ਲਈ
ਕਸਟਮ ਪੇਂਟਰ: ਕੈਨਵਸ 'ਤੇ ਕੁਸ਼ਲ ਫਰੇਮ-ਦਰ-ਫ੍ਰੇਮ ਡਰਾਇੰਗ
ਅਨੁਮਤੀ ਹੈਂਡਲਰ ਅਤੇ ਰੀਪੇਂਟ ਸੀਮਾ: ਡਿਵਾਈਸ 'ਤੇ ਚਿੱਤਰਾਂ ਦੇ ਰੂਪ ਵਿੱਚ ਡਰਾਇੰਗ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰੋ
🖌️ ਮੁੱਖ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ:
✍️ ਸ਼ੇਅਰਡ ਰੀਅਲ-ਟਾਈਮ ਡਰਾਇੰਗ: ਸਾਰੇ ਭਾਗੀਦਾਰ WebSocket ਪ੍ਰਸਾਰਣ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਤੁਰੰਤ ਇੱਕ ਦੂਜੇ ਦੇ ਸਟ੍ਰੋਕ ਦੇਖਦੇ ਹਨ।
📡 ਸਟੇਟਲੈੱਸ ਵੈੱਬਸਾਕੇਟ ਸਰਵਰ: ਲਾਈਟਵੇਟ Node.js ਸਰਵਰ ਕਿਰਿਆਸ਼ੀਲ ਸਾਕਟ ਕਨੈਕਸ਼ਨਾਂ ਨੂੰ ਕਾਇਮ ਰੱਖਦਾ ਹੈ ਅਤੇ ਘੱਟ ਲੇਟੈਂਸੀ ਨਾਲ ਸਟ੍ਰੋਕ ਇਵੈਂਟਸ ਨੂੰ ਰੀਲੇਅ ਕਰਦਾ ਹੈ।
🎨 ਕੈਨਵਸ ਇੰਜਣ: ਛੋਹਣ ਵਾਲੇ ਸੰਕੇਤਾਂ ਨੂੰ ਖਿੱਚਣ ਯੋਗ ਵੈਕਟਰ ਮਾਰਗਾਂ ਵਿੱਚ ਬਦਲਿਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਫਲਟਰ ਦੇ ਕਸਟਮ ਪੇਂਟਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਰੈਂਡਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
📁 ਕੈਨਵਸ ਨਿਰਯਾਤ ਕਰੋ: ਉਪਭੋਗਤਾ ਆਪਣੀ ਕਲਾਕਾਰੀ ਨੂੰ ਚਿੱਤਰ ਦੇ ਰੂਪ ਵਿੱਚ ਸੁਰੱਖਿਅਤ ਕਰ ਸਕਦੇ ਹਨ
🔧 ਮਾਡਿਊਲਰ ਆਰਕੀਟੈਕਚਰ: ਡਰਾਇੰਗ ਤਰਕ, ਸਰਵਰ ਇਵੈਂਟਸ, ਅਤੇ ਪਲੇਟਫਾਰਮ ਏਕੀਕਰਣ ਲਈ ਵੱਖਰੀਆਂ ਪਰਤਾਂ।
ਡਰਾਅ, ਡੂਡਲ, ਅਤੇ ਸੁਤੰਤਰ ਰੂਪ ਵਿੱਚ ਬਣਾਓ — ਤੁਹਾਡਾ ਕੈਨਵਸ, ਤੁਹਾਡੇ ਨਿਯਮ
ਅੱਪਡੇਟ ਕਰਨ ਦੀ ਤਾਰੀਖ
28 ਸਤੰ 2025