colyseus-collaborative-drawing icon indicating copy to clipboard operation
colyseus-collaborative-drawing copied to clipboard

Collaborative Drawing Prototype. Using Colyseus + HTML5 Canvas

Collaborative Drawing Prototype

Want to see more prototypes like this? Support me on Patreon!

Patreon donate button


This is a multiplayer drawing prototype. The lines drawn by each player are synched and then drawed for every player connected in the room.

Requirements & installation

This demo requires:

Install its dependencies:

npm install

Run the project

npm start

Features

  • Chat
  • List of online members
  • Drawing sessions have an expiration time (2 minutes, 5 minutes, 1 hour, etc.)
  • Drawings are stored in the database once the session expires
  • 4 different brush styles to select (adapted from http://perfectionkills.com/exploring-canvas-drawing-techniques/#nearby-connections)
  • Color selection

License

MIT.