Drop Shadow Filter Component
Overview
This component adds a visual shadow effect to the UI object it is applied to.
WebGL Demo
Properties
| Property | Type | Range | Default | Details |
|---|---|---|---|---|
| Shadow | ||||
| Mode | Enum | Default | Which mode to use when rendering the shadow. Options are: • Default - Standard drop shadow where shadow is cast behind.• Inset - Shadow is cast inside giving a sunken appearance.• Glow - a blurred version of the Graphic is rendered underneath - make sure the Color is a bright value.• Cutout Drop shadow with the source Graphic cut out from it. | |
| Angle | Float | [0..360] | 135.0 | The angle that shadow is cast in degrees. |
| Distance | Float | [0..256] | 8.0 | The distance in pixels that the shadow is cast. |
| Color | Color | Black | The color of the shadow. | |
| Blur | ||||
| Down Sample | Enum | Auto | How to downsample the texture before blurring. Downsampling gives improved performance, however the quality can be lower especially when animation the blur amount, but for still images it's usually not noticable. Options are: • Auto - Automatic downsampling will depend on the platform.• None - No downsampling.• Half - Downsample to half the size.• Quarter - Downsample to a quarter the size.• Eighth - Downsample to an eighth the size. | |
| Blur | Float | [0..64] | 4.0 | The radius of the blur filter in pixels. |
| Hardness | Float | [0..2] | 1.0 | Makes the shadow darker or lighter. |
| Apply | ||||
| Source Alpha | Float | [0..1] | 1.0 | Fades the source Graphic. |
| 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). The object will now render with a shadow.
Usage with TextMeshPro
To use this filter effect with TextMeshPro use the Filter Stack (TextMeshPro) component.