For my live web midterm I created a collective drawing application that has these features:

  • drawing canvas
  • chat
  • video streaming

Drawing canvas

Screen Shot 2016-03-26 at 09.15.04

Application allows users draw together: everytime a user puts the mouse down on the canvas, random color is given as well as being emitted for other users to see.

User number is not limited, though it might need a bit more of testing to see what’s the maximum for the code not to crash.

Video

For the video I’ve been using peer.js library. Video from your own computer camera is hidden but you can see who’s drawing with you.

Screen Shot 2016-03-28 at 14.56.23

Chat

At the same time participating users can chat what should they draw or just… about life.

Screen Shot 2016-03-28 at 14.57.01

Screen Shot 2016-03-28 at 14.58.19 Screen Shot 2016-03-28 at 15.10.46

Code is running on: https://rk2906.itp.io:8081/code11.html

Here’s a short demo how it works:

Leave a Reply

Your email address will not be published. Required fields are marked *