Blur background shader not working on UI elements in game mode

Unity Engine
1

Hi,

I’m using the following blur shader to blur the background of an UI element:

→ taken from this thread: [Solved] Dynamic Blurred Background on UI

This works well, when the UI element is placed in front of default Gameobjects. However, it does not work when placed in front of another UI element, e.g., an image. Strangely enough, this works in scene view, but not in game view. Does anyone have a guess as to why this is happening?

Below is an example of what I’m facing:
Settings

7998576--1028316--BlurImage.png
7998576--1028316--BlurImage.png760×1410 87.5 KB
7998576--1028319--Camera.jpg
7998576--1028319--Camera.jpg770×1272 122 KB
7998576--1028322--Canvas.png
7998576--1028322--Canvas.png782×1462 55.2 KB

Scene View
7998576--1028328--SceneView.jpg
7998576--1028328--SceneView.jpg1810×1016 306 KB

Game View
7998576--1028325--GameView.jpg
7998576--1028325--GameView.jpg2198×1232 576 KB

2

Got it. The issue was the plane distance set in Screen Space-Camera. Reducing it or changing the canvas mode to World Space fixed it :slight_smile: