31–40 of 58 posts
Running this on the RP4 was less than 1fps. Turned off the blur it works great, even the animation is great.
Tested blur on a static element, the entire page crawls. These effects looks great, but are performance hogs.
> aka for the rest of the world not using swiftUI Fun fact: Apple doesn't let us use CAFilter in SwiftUI. It's a "them" privilege, and if we want it we need to do it ourselves*, just like you * or obfuscate the code and continue in the great game of cat and mouse: https://github.com/aheze/VariableBlurView/blob/main/Sources/...
Bit of a shame because the static effect is quite nice.
I built an webapp for my kids that was supposed to run on a raspberry pi plugged to a 4k tv. Having these blurred tiles that swoosh on the screen looks amazing on my laptop. Running this on the RP4 was less than 1fps. Turned off the blur it works great, even the animation is great. Tested blur on a static element, the entire page crawls. These effects looks great, but are performance hogs.
I suppose implementing effects like this in CSS instead of GPU shaders is the modern version of implementing a 3D spinning cube on an 8-bit home computer. Pushing the hardware to its limits is now too open-ended, so we push specifications to their limits instead.
> aka for the rest of the world not using swiftUI Fun fact: Apple doesn't let us use CAFilter in SwiftUI. It's a "them" privilege, and if we want it we need to do it ourselves*, just like you * or obfuscate the code and continue in the great game of cat and mouse: https://github.com/aheze/VariableBlurView/blob/main/Sources/...
Walled garden (with barbed wire)
I built an webapp for my kids that was supposed to run on a raspberry pi plugged to a 4k tv. Having these blurred tiles that swoosh on the screen looks amazing on my laptop. Running this on the RP4 was less than 1fps. Turned off the blur it works great, even the animation is great. Tested blur on a static element, the entire page crawls. These effects looks great, but are performance hogs.
So where the kernel gradient mask is 1, you multiply this by the desired max radius blur, down to 0, which represents a radius blur of 0.
Edit: Why downvote this? It’s literally how you implement it.