Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
A collaborative drawing app to exemplify using Cappuccino with WebSockets and Node.js.
Objective-J JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

README.markdown

Introduction

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.

Requirements

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.

Something went wrong with that request. Please try again.