In last weeks project I really wanted to explore the idea of dynamic blurring. Being able to change the level of blurring on a quick basis was a very fun idea to explore.
I mentioned last week that the reason why it didn't work for me was that there was some sort of performance issue with p5 and the blurring filter. Using the effect with a changing blur amount seemed to really slow down the browser ( my guess is probably due to the constant draw cycles).
So I rolled up my sleeves, cracked my knuckles, got my coffee, ate my dinner, put on sweatpants, turned on the great british bake off and got to work.
One of the examples we were given for this weeks ICM project was a demo of seriously.js. This managed to do a really good job of applying a dynamic blur effect based on a slider.
What I then did was I took the posenet code from ml5 and figured out an algorithm that would detect how far someone was from the camera. I created a function that would get the distance between your eyes, averaged out the last 10 readings and used a mapping of the distance to the blur amount and it worked!
To be honest I could've used any 2 sets of body parts but the eyes made the most sense because it's always in frame.
With this concept in mind I wanted to think of a comedic idea that would fit with this tool.
The idea here being that seeing your face too closely sometimes can lead to picking zits. No one wants that, you're not supposed to do that. This way using that tool
Find my code here