Assignment 7: ML and Dom

Link: https://glitch.com/edit/#!/body-tracking-project-5

For this week's project, I used the body tracking ML library to create slightly interactive "game" (if you could even call it that). I created a circle that's movement was controlled by the user's nose, as well as a "marker" that the user could use their nose to draw with. I used the ML library to track the location of the nose and then applied the position of the circle to track the nose as well.

Then, with the help of the videos, I created different sliders that could control the color of the nose/circle on the nose, as well as different sliders to control the color of the marker/line being drawn. This part proved to be slightly tedious as I had to label everything correctly for it to work properly, but overall I am really happy with the way it turned out. I made it so that when the program is run, the color of the circle and marker is random each time, and then the user can control the RGB values using the sliders. I also whitened out the background a little bit so that the user can still see themselves but also can read the text and better see the colors that they are choosing.

I originally attempted to make it so that the color of the marker changed to a random color every time the mouse was clicked, but I couldn't get it to work exactly how I wanted so I ditched that idea and went with the sliders instead. I think it could've been cool if instead of just a circle for the nose, I created something that looked like a pen/pencil so it is like the user is actually drawing.