Skip to main content

Gooey Filter Component

Overview

This component softens the edges of the UI object it is applied to by expanding and bluring the alpha channel and then applying a cutoff. This gives the appearance of the pixels melting together. Also commonly known as "blob" effect.

WebGL Demo

Properties

Component Screenshot

Property                            TypeRangeDefaultDescription
Gooey
    SizeFloat[0..32]2.0The radius size in pixels to expand the graphic.
    BlurFloat[0..12]12.0The radius in pixels of the blur.
    ThresholdFloat[0..1]0.35The minimum alpha value at which to discard pixels.
    Threshold FalloffFloat[0..1]0.5How hard or soft the threshold value is.
Apply
    StrengthFloat[0..1]1.0Strength of the effect.

Usage

Add this component to any GameObject that contains a UI Graphic component (eg Text, Image, RawImage, etc).

Usage with TextMeshPro

To use this filter effect with TextMeshPro use the Filter Stack (TextMeshPro) component.