Looking for a way to blur parts of the UI when other parts are focused

Unity Engine
,
1

Hi There, I am looking for a way to make the UI blurred like this (unreal Engine 5)

9762895--1398391--upload_2024-4-10_12-58-45.png
9762895--1398391--upload_2024-4-10_12-58-45.png1011×584 206 KB

I have found a few tutorials on how to blur the actual game when a UI is open, but I cant seem to figure out how to make that work for the UI :slight_smile:

9762895--1398394--upload_2024-4-10_12-59-55.jpg
9762895--1398394--upload_2024-4-10_12-59-55.jpg1870×1062 389 KB

2

The only way to do this right now is to configure your PanelSettings to render in a RenderTexture, and you post-process that texture with a blur effect before showing on screen.

In the future, we will provide CSS-like filters to simplify these use-cases.

1 Like
3

Thank you for your response, what I ended up doing was blurring a version of the screen in photoshop and using it as a background image to make it look like it was blurred when an option was chosen. I look forward to the CSS filters :slight_smile:

1 Like