Gaussian Blur

About

Add Depth and Movement to Your Designs with Gaussian Blur for Unity URP

Blur is a crucial aspect of designing, as it can add movement and depth to your scenes. Gaussian Blur for Unity URP is an essential asset that can help you achieve stunning scenes with incredible depth and movement. It's perfect for those who want to shift focus from the background, create abstract backgrounds, or replicate photographic effects such as camera depth or bokeh. This asset offers two types of blur effects: layer blur and canvas blur.

Two Types of Blur Effects: Layer and Canvas Blur

With layer blur, you can apply a full-screen layer blur to the camera view. On the other hand, canvas blur blurs any layers behind a selection on the canvas. You can add blur effects to Raw Image, Image, or Panel components by applying the material. Alternatively, you can blur the entire screen using the volume component override. Gaussian Blur for Unity URP is incredibly easy to set up. Add the Blur Render Feature to your Universal Renderer Data asset, and then add a Global or Local Volume in your scene. Enable the Gaussian Blur override to blur the screen, and increase the radius of the Gaussian Blur override. To set up the blur canvas, create a new canvas, call it "Blur Canvas," and set the Canvas render mode to "Screen Space - Camera."

Complete Control Over Tint and Blur Radius

With Gaussian Blur for Unity URP, you have complete control over the tint and blur radius of your blur canvas items. Adjust the tint and blur radius in the [.c]GaussianBlurShader[.c] material. Any objects rendered on a Screen Space - Camera canvas will be affected by the blur, including those in your scene. However, objects rendered on a Screen Space - Overlay canvas will not be affected.

Take Your Designs to the Next Level

Gaussian Blur for Unity URP is an asset that can take your designs to the next level. With its incredible capabilities and easy-to-use interface, you can create stunning scenes with incredible depth and movement. Whether you're a professional designer or just starting, Gaussian Blur for Unity URP can help you achieve the desired results. Download Gaussian Blur for Unity URP today and see the difference it can make.

Try Gaussian Blur for Unity URP Today

With Gaussian Blur for Unity URP, you can create designs that are simply stunning. It's a must-have asset for any designer who wants to add depth and movement to their scenes. Download Gaussian Blur for Unity URP today and experience the difference it can make. Don't settle for ordinary designs; make them extraordinary with Gaussian Blur for Unity URP.

FAQs

Initial Setup

Add the Blur Render Feature to your Universal Renderer Data asset.

Then, add a Global or Local Volume in your scene and add a Gaussian Blur override. Enable it.

Full Screen Blur

On the Global or Local Volume, increase the radius of the Gaussian Blur override.

Setting up the Blur Canvas

Create a new Canvas, call it “Blur Canvas”. Set the Layer to a new layer named “Blur”.
Set the Canvas render mode to “Screen Space - Camera”.
Set the Plane Distance to something small, like 1, so that the blur objects in the canvas will render in front of scene objects.

Create a new Image, Panel, or Raw Image canvas item. Then apply a material using the GaussianBlurShader to the material slot of that item.
we’ve included two helpful utility scripts, Copy Rect Transform and Copy Image, to help you keep the blur object in sync with any panels in the default canvas.

Which objects will be affected by the Blur Canvas

Any objects rendered on a Screen Space - Camera canvas will be affected by the blur. Any objects in your scene will be affected by the blur.
Any objects rendered on a Screen Space - Overlay canvas will not be affected by the blur.

How to control the tint and blur radius of the blur canvas items

Open the [.c]GaussianBlurShader[.c] material that you have set to the blur canvas item material slot. Adjust the Tint. Adjust the Blur Radius. Note that the Blur Radius is set in screen pixels.

How the Blur Canvas and Screen Blur interact

The Screen Blur is applied additively to any Blur Canvas items. For example, let’s suppose that you have a Blur Canvas component with a blur radius of 50px. Further, let’s suppose you set the Gaussian Blur override to a blur radius of 50px. The blur radius in the Blur Canvas component region will be 50px + 50px = 100px. It will be 50px everywhere else.