Interactive Objects & Body

While I’ve wanted to play with PoseNet before, this week was the first time that I’ve really spent time playing around with the library. I first remixed the glitch code that Professor Moon walked through in class and chose to work with my eyes as opposed to the nose. So, I grabbed the x, y positions of both my eyes and created ‘glasses.’ Since I was focusing on eyes, I created an Eye class that populated the canvas with eyes. As for the interaction, I wanted the animated eyes to blink every time my own eyes lined up with the floating eyes.

After achieving this, I played around even more, and decided to hide the camera but turn it on once the eyes matched up. Eventually, instead of blinking, I coded the irises to change to the color red to give the viewer a spooky surprise.

Finally, I mapped my wrists (represented as pink triangles) to invert the camera filter when coming within 100 pixels of one another.

Here are some final gifs:

The code is all here.