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
| Property | Type | Range | Default | Description |
|---|---|---|---|---|
| Gooey | ||||
| Size | Float | [0..32] | 2.0 | The radius size in pixels to expand the graphic. |
| Blur | Float | [0..12] | 12.0 | The radius in pixels of the blur. |
| Threshold | Float | [0..1] | 0.35 | The minimum alpha value at which to discard pixels. |
| Threshold Falloff | Float | [0..1] | 0.5 | How hard or soft the threshold value is. |
| Apply | ||||
| Strength | Float | [0..1] | 1.0 | Strength 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.