Blur gui shader?

Hey! I’m trying to replicate the effects of a blurred/glass UI similar to Windows Acrylic or CSS backdrop-filter.

Acrylic:

Backdrop-filter:

The gui is only able to use a single material, so I’m not really sure how one could achieve that affect.

1 Like

I think something similar was discussed a while back. You could use the z-value of the nodes to decide if you should blur or not. The z-value is ignored by the gui but you can use it in the shader to apply different logic on nodes with a specific z-value or above a certain threshold.

5 Likes

I think it’s worthy to have Defold support it in core, something like gui.set_blur(node, 10) would be great. Or at least there should be a tutorial for it