Skip to content

ssm-lim/WebOpenCanvas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

WebOpenCanvas

(2016.05.17)

Problem

When broswer refreshing, the socket connection is duplicated.

Though a room is empty, the room isn't removed.

Needed feature

chat

Add people list.

draggable

Upgrade event performance.

canvas

Add layers. Add paint. Add downloading image in canvas. Add feature whether keeping canvas after got out. When one enter the room, canvas status of others have to be reflected in one's mirroring-canvas.

Code

draggable.js

$('#something').minimalize(selected);

Something : Object to minimalize.

Selected : Child object of Something that dbclick to minimalize. Only this object doesn't hide.

$('#something').draggable(selected);

Something : Object to drag.

Selected : Child object of Something to drag. When dragging this object, Something is moved.

chat.js

Feature to chat.

canvas.js

Feature to draw

mirroring-canvas.js

Feature to draw other people's canvas over socket.io

Demo

- Single Canvas

alt tag

1 Enter width, height of your canvas and press "start" button.

alt tag

2 Enjoy canvas!

- Multi Canvas

alt tag

1 Enter width, height of your canvas and press "start" button.

alt tag

2 Enter your name and press "confirm" button.

alt tag

3 You can chat and draw with someone and your room name is 'vw89B0J'.

alt tag

4 The other try to connect to room 'vw89B0J'.

alt tag

5 Someone enter the room.

alt tag

6 Enjoy drawing and chatting.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors