Simple Blur - URP

📌 Highlighting important interface elements is one of the main tools for improving user perception. Switching attention can be done in different ways from the smooth escape of the buttons over the edges of the screen to darkening the background. These also include the effect of blurring the image. On the one hand, it reduces the contrast of background elements, and it becomes harder for the eye to catch on to it. On the other hand, blurring has a subconscious effect when the image becomes out of focus and we perceive it differently.

📌 Two types of shaders (LitBlur, UnlitBlur) allow you to use blur for UI, 2D and 3D scenes. Specifically for the UI, a good addition is the ability to mask.

📌 The blur is compatible with URP Deferred rendering.

Features:

• Easy to use;
• Customizable;
• Smooth, high-quality blur effect.

✅ WebGL

UI blur means that Blur can be placed on any UI object (for Lit blur it is a 3D object) and it will blur the 3D scene behind it (but not in a 2D project). This solution can be used, for example, to create a menu bar. But it will not blur other UI objects behind it.

📄 Documentation.pdf

⭐ Forum ⭐