Getting Started

Installation

  1. Import the asset, accept API upgrade and package manager dependencies if prompted.

    • Translucent Image specifies very early versions of package manager packages to maintain compatibility with older Unity versions. Feel free to install higher versions of these packages if you want

  2. If you are using URP, import the URP Support package at the root of the Translucent Image folder, and add the Translucent Image Blur Source renderer feature to your Scriptable Renderer setting asset. See the URP page for more detail.

    Adding the Translucent Image Renderer Features to generate the UI blurred background texture

Adding Translucent Image to your scene

  1. Add Translucent Image Source to your main camera.

    Adding Translucent Image Source to generate the blurred background texture for the UIs in Unity

  2. Create a Blur Config asset (or assign an existing one).

    Create a Blur Config asset

  3. Create a UI > Translucent Image, as you would with normal Image.

    Add the blurred background UI element

  4. That's it!

    Unity scene view showing the Translucent Image UI blurring a red cube in the background

Warning

By default, Translucent Image will use a default Material. To make sure your Translucent Image are not affected by asset update, create your own Material. See Customize section for more info.

Take a look at the demo scenes

The demo scenes are the best way to learn the asset's capabilities. Check the Demo/00_Scenes/00_Minimal scene for a simple reference setup. The Demo/BiRP and Demo/URP folders contain more scenes to showcase more complex setups for each render pipeline.