First off - thanks in advance for help. I’m looking to create an ambient, almost blurred lava-lamp-like effect as exemplified in the design below:
I decided to blur various circles, you can see the un-blurred version at this link to get a sense for how the baseline behavior works (also pasting picture below)
Lastly, because rendering every frame in p5 itself was way too slow, I discovered the (seemingly retired) seriously.js, which was meant for real-time video effects and actually does a fantastic job, as seen below - quite close to the original design!
However, as you can see from the blurred final link, there is a choppiness that only exists on Safari. I feel that I am so close! Does anyone have insights from what is causing the choppiness that results from scrolling in Safari, but not Chrome? Strangely, the choppiness is seen on my end on the Desktop and iPad Pro, but not the iPhone 10.
I am really looking forward to replies and hope you enjoy my work!