[SOLVED] Blur for PlayCanvas UI - 2D elements

Hi, I came across this project made by @queriel: Blur for PlayCanvas UI

That is an amazing setup and very useful to blur the 3D world.
Even though I am getting an error and warnings, it still seems to work.

However, my actual question is if it would be possible to blur elements behind the blur entity on the same 2D screen. As you can see the blur entity only takes the 3D world in account;

My usecase does not have 3D world assets and is purely based on 2D screens. I would love to have the feature of blurring 2D elements. Any clues on how to accomplish this?

That would be a lot more complicated and expensive, as you’d need to capture part of the screen and blur it in between each overlapping UI element that needs blur.

Currently, a scene is captured one, blurred, and used for all following rendering.

If you only need 2 layers (background UI and foreground UI), you could perhaps render background UI to the world, and foreground UI would use a blurred version of that. That’s probably doable.

Great suggestion!

Changing the background UI layer to world works indeed!

Do you have a suggestion to fix the error as well, by any chance.

Thanks for the quick reply.

it says in that error message what you need to do. Do that :slight_smile:

Yeah, I saw that in the original post as well. But enabling the Color Grabpass does not work unfortunately.

Small update;

The script was accessing the camera before the camera had actually set up the scene color map texture. Disabling the blur script in the editor and enabling by script after a small delay fixed the error.