Webcam Hand Painting

Click to go to the Github For this Project
Users are able to draw a picture on the screen with the use of their webcam and fingers. The colors available are limited, but users can blend colors together to create their own! Think of it like finger-paitning, and how you mix colors together there.

Drawing


This is the main use of this project, which tracks your index finger using your webcam and allows a user to draw on the canvas to "paint" their own pictures.

Changing Size / Color


By holding up both the index and the middle finger, a user is able to enter "selection mode," where they can choose a different color along the top banner, or a different size on the right of the bottom banner. The user's current brush settings and modeled in real-time via the bubble next to the current selection text.

Blending Colors


A user is able to blend colors together by drawing on top of a pre-existing color with a different one. This will "smear" the colors together, just like finger painting in real life, and will allow a user to make new colors that aren't accessible from the top bar (like purple, in the example above)
I find it easiest to blend by first painting one color with a larger brush size, then switching to a smaller brush size while trying to actually blend with the second color.

Erasing


Finally, a user can erase parts of their drawing by selecting the eraser on the left of the bottom banner, then using their index finger just like with drawing. The current brush selection will be hollow to reflect this.

Final Design


By using all these tools, you can create some "beautiful" drawings, such as the one I made above! Have fun.