Live Web midterm : Collaborative Drawing Room

For the Live Web midterm, I created a collaborative drawing room for multiple users. The concept is that users can share their drawing or draw on top of each others' drawing, while looking at their own face using their webcam. Once you click "draw your face", the video captures your face and displays a still image of your face. You click either "small", "medium", or "big", and start drawing with the corresponding stroke size by clicking on the canvas to set a starting point and pressing arrow keys to draw only in linear lines. The stroke color is random. The other user can draw on top of your drawing in the same way to play with his or her own face, and the drawing corresponding to his or her own face will display on your canvas too and you can play with the drawing by moving your head (face).

Screen Shot 2017-10-17 at 12.21.39 PM.png
Screen Shot 2017-10-17 at 12.51.12 PM.png