Blur effect for all nodes

I would like to add a blur effect to my game. Example: I click a button and display should be blur.

Should I make a custom shader for it or may be exist built-in shader like a tint effect?

Blurring is a little more complicated than something like tinting an object a certain color, as the color of each blurred pixel depends on a large number of pixels around it.

This might be a good place to start: https://github.com/Jam3/glsl-fast-gaussian-blur?files=1

It looks like you’ll need multiple shaders and a modified render script, since the blurred area has to be rendered normally as a texture and then be processed from there. I’d recommend trying to blur everything but GUI instead of a specific area of the screen. Good luck!

2 Likes