by saikat

saikat /DrawTogether

A collaborative drawing app to exemplify using Cappuccino with WebSockets and Node.js.

129 Stars 10 Forks Last release: Not found MIT License 19 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:


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 socket.io 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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.