Skip to content

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

License

Notifications You must be signed in to change notification settings

saikat/DrawTogether

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published