Collaborative Canvas

Real-time multiplayer drawing board with server-authoritative state.

TypeScript · Node.js · WebSockets · HTML5 Canvas

Overview

Built with WebSockets and HTML5 Canvas. Includes optimistic local rendering, 50ms cursor throttling, and state sync for late joiners.

Architecture Flow

Client A ──(WebSocket)──► [ Node.js Server ] ──► Client B, C
   │ (optimistic render)         │ (broadcast)
   ▼                             ▼
 Canvas                       Canvas