Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
A collaborative drawing app to exemplify using Cappuccino with WebSockets and Node.js.
Branch: master
Pull request Compare This branch is 3 commits behind saikat:master.

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
client
lib
.gitignore
LICENSE
README.markdown
server.js

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 Socket.IO-node, which depends on Node.js. Socket.IO-node currently requires you to patch your Node installation - this should hopefully go away in the future.

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.