High-Performance UI Blurring in URP
Standard Gaussian blur shaders are notorious performance killers on mobile and VR. Translucent Image – Fast UI Background Blur Unity 3.5.0 solves this by using a downsampling and accumulation approach that is significantly cheaper than the Opaque Texture grab pass. By hooking directly into the URP Render Feature stack, it avoids the extra screen copy overhead, making it viable even for mid-range mobile devices where battery life and thermal throttling are concerns.
Integration Tips
- URP Setup: You must add the Translucent Image Source component to your Main Camera and ensure the Renderer Feature is added to your Forward Renderer asset. Without this, the blur texture won’t populate correctly.
- Culling Masking: Use the threaded culling feature if you have many dynamic UI elements. This ensures the shader only calculates the blur for the visible rect of the Translucent Image, rather than the entire screen buffer.
- Canvas Groups: The asset respects Canvas Group alpha. If you are fading a UI panel, the blur intensity will modulate correctly, which is a common failure point for cheaper blur shaders.
Best Use Cases
- Mobile Applications (iOS/Android): The optimized algorithm is specifically designed to maintain high framerates on mobile GPUs where fragment shader complexity is the primary bottleneck.
- VR Interfaces (Meta Quest/OpenXR): Since it supports Single Pass Instanced rendering, you can achieve that premium ‘frosted glass’ look in diegetic VR interfaces without tanking the 72/90Hz refresh rate requirement.