Skip to main content

About UIFX - Blur Filter

Overview

What?

UIFX-BlurFilter is a new visual effect for Unity's UI (uGUI) components that allows visual blurring of UI components.

Screenshot

Why?

Unity's UI system currently doesn't have an option to blur UI components.

Blurring can be used to take UI transitions to the next level, or to indicate deactivated UI elements.

How?

Just add the UIFX-BlurFilter component to your UI component. That's it!

Features

  • High quality blur rendering
  • TextMeshPro supported
  • Easy to use
  • Highly optimised
  • Cross-platform
  • Built-in/URP/HDRP
  • Source code included
  • Well documented & supported
  • Also works in editor (no need to enter play mode)

Usage

There are three axes the blur can use which creates different effects:

Some example use cases:

By animating the blur Strength property on multiple UI elements a fake camera depth-of-field focus effect can be achieved.

Compatibility

Unity Version2023.x2022.x2021.x2020.x2019.x2018.x2017.x
Supported
PlatformWindows/UWPmacOSLinuxAndroidiOS / tvOSWebGLPS4 / PS5XBox One
Supported
Render PipelineBuilt-inURPHDRP
Supported

Dependencies

This plugin requires the Unity.UI package that is included with Unity by default.

The Asset Package

The asset package consists of the following files:

Screenshot

A demo scene is included. All scripts are grouped using Assembly Definition files.

Supported Features

UI Feature        SupportedNotes
Components:
    Text
    Image
    RawImage
    Mask
    Rect Mask 2D
    CanvasGroup
    TextMeshPro
    Custom
Canvas Render Modes:
    Screen-Space Overlay
    Screen-Space Camera
    World Space
Effects:
    Shadow
    Outline
UI Feature        SupportedNotes
Render Pipelines:
    Built-in
    URP
    HDRP
Colorspaces:
    Gamma
    Linear

Advanced

Performance

UIFX-BlurFilter has had several optimisation passes, so we can say with confidence that it is highly performant. There are still a number of optimisations we have planned for version 1.1.0 coming soon!

Garbage Collection

This component has been optimised to reduce garbage generation.