Live demo

CoDoodler: Draw together in real time

Try these · any order

Done: 0/5
  • To do: Give yourself a name

  • To do: Draw on the canvas

  • To do: Clear your canvas

  • To do: Clear the canvas for all

  • To do: Draw with another user (You might need to open a new tab)

Build it yourself

Make your own CoDoodler

Follow the tutorial from an empty folder to a working shared canvas, or clone the finished app and start changing it.

Tutorial

Build a multi-user drawing app

Step by step: canvas setup, publishing strokes, cursors as signals, names in Presence state.

GitHub

PubNubDevelopers/collaboration-demo

The complete source. Add your publish and subscribe keys to js/config.js and open index.html.

git clone https://github.com/PubNubDevelopers/collaboration-demo.git
View on GitHub