The goal was to create an augmented mirror/painting tool which would paint with flowers.
I started with loading flower pngs and matching it to corresponding keypoints. The keypoints were continuously drawn in the draw function so the flowers would trail. I chose to use Blazepose for 3D space since the user may move back and forwards but I found it to be a bit laggy and inaccurate.
my first attempt at flower painting - found it to be a bit too messy and not the effect I wanted
[https://drive.google.com/file/d/1jHzt_WVpRWgNNrwTudStZjpEjrZ49wu0/view?usp=sharing](https://drive.google.com/file/d/1jHzt_WVpRWgNNrwTudStZjpEjrZ49wu0/view?usp=sharing)
Instead I tried a new direction with a particle object (the idea was having the particles spewing out of my hands)
set random velocities and opacities
also set gravity to affect the flower
[https://drive.google.com/file/d/1nwz6c7BgBJhjuY41T0uvekjaEsVnB19Q/view?usp=sharing](https://drive.google.com/file/d/1nwz6c7BgBJhjuY41T0uvekjaEsVnB19Q/view?usp=sharing)
bodyPose bouquet copy by az2788 -p5.js Web Editor
Main challenge is lag — how can I reduce lag?
I went back to my original p5 sketch and tried to add motion blur-like velocity with a particle object which fades at a certain rate. It’s lagging quite badly so I’m not sure if the effect actually works here:
[https://drive.google.com/file/d/1xjsbvfadQc5iKtW4xGMDl4NiZI5mge3E/view?usp=sharing](https://drive.google.com/file/d/1xjsbvfadQc5iKtW4xGMDl4NiZI5mge3E/view?usp=sharing)
bodyPose bouquet by az2788 -p5.js Web Editor
I then went back into the bodypose documentation from class and I found this trailing example by Jack Du. I applied the idea from his code to my sketch with the help of ChatGPT and made this, but its still kind of buggy (still working on it):