Profile PictureJosh Beckwith

Advanced Blur Replacement: Blur Kit!


These patches are outdated! I've created some new blur patches that are more flexible, and can use higher precision. You can also dial in the exact number of samples to use so balancing performance and quality is much simpler. Please check out the Blur Kit!

These deprecations are unavoidable in fast moving tech, but anyway I am happy to offer a $20 coupon code: BLURKITPOSITLABS

Spark SL Blur Kit

The Blur Kit comes with (hopefully) every type of blur you will ever need, and probably some that you won't.
This collection of blurs was created with flexibility and balance in mind. Blurs can be expensive operations, so dialing in the performance is an important part of using them in Spark. Many of the blurs in the collection have a step input to define the number of iterations to run in the shader. A high number of iterations will give you a smoother effect, but at the cost of performance. The idea behind the step input is to allow you to find the balance between speed and quality for your specific application.
The demo project is a simple tap-to-change effect cycler to preview all of the blur types, as well as some bonus effects (bloom and glint) that are built with the blurs.

Directional Blur
One-dimensional, variable-step blur with the option to set the direction vector.

Disc Blur
Poussin disc blur with some static noise. Number of steps are fixed because the Poussin disc values are hard-coded.

Barrel Blur
A nice radial lens blur. As a bonus, negative strength values will give you a pincushion blur!

Circular Blur
Blurs pixels into a circular shape. You can get some cool geometric stuff going on by disabling highp precision.

Gaussian Blur
Fixed-step, two-pass Gaussian blur. It's fast, but it's even faster when combined with low-size render passes. If you need extreme blur, this is the patch to use.

Box Blur
Standard two-pass linear blur. You should usually use two-pass directional blur, but this is included as an example of function composition in SL.

Radial Blur
Blurs the texture outward from the center point.

Tilt Blur
Mimics a tilt-shift "toy" camera lens. It can be set to vertical or horizontal, and has a steps input. Center point can be set, and will automatically use the corresponding value based on the orientation.

Median Blur
Gets the median pixel value. Could be used for noise removal, skin smoothing, or artistic effects.

Cross Blur
Simply two perpendicular directional blurs mixed together. Can be used to create a kira-like glint effect, or more generally as a textural artistic effect.

Blur Kit
Powered by