Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
14 lines (9 sloc) 1.33 KB


This application makes use of Socket.IO and Cappuccino to create a sample collaborative drawing app. Multiple users can draw rectangles and circles and all other users using the app see the changes. Socket.IO automatically allows the application to use WebSockets when it can, falling back to other Comet methods for other browsers. To read more about Socket.IO, check out the client and server. You can read more about it (and see a demo) here.


To run this example, you need to install Node.js. Also, make sure you clone the DrawTogether repository with git clone --recursive to get the submodule.

Instructions to Run

After installing Socket.IO-node, cd into your DrawTogether directory and run "sudo node server.js". Then, in different browsers, go to http://localhost:8080/client/index.html. Draw a rectangle by clicking and dragging your mouse anywhere. To change to drawing circles, press "c" (and press "r" to go back to rectangles). Click and drag shapes to move them and double-click shapes to delete them.

Something went wrong with that request. Please try again.