跳至主要内容

About UIFX - Drop Shadow Filter

Overview

What?

UIFX-DropShadowFilter is a new visual effect for Unity's UI (uGUI) components that applies a drop shadow filter of the component.

Screenshot

Why?

Unity's UI system currently doesn't have an option to render UI elements with a high quality shadow.

Drop shadow is a very useful effect, especially for text.

How?

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

Features

  • High quality shadow 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

Some example use cases:

Customer Reviews

tapiki_games | Unity Asset Store ★★★★★

Great assets, incredible support! We started using this asset to help us create drop shadows similar to what our design team was creating in Photoshop. The plugin worked great but we ran into some issues and reached out to their support which was incredible. They quickly followed up and helped us diagnose, troubleshoot, and fix our issues with email and remote troubleshooting sessions. It is rare to find such amazing support, can't wait to use other plugins by this developer!

caglarenes | Unity Asset Store ★★★★★

Huge Timesaver. I'm so happy that I no longer have to open Photoshop, and deal with the lengthy change workflow and the pixel shifts caused by shadows. The performance effect is good, but the option to bake into the texture, when I'm not going to use animation or use complex effects is very comforting.

Compatibility

Unity Version6.x2023.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.

Supported Features

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

Advanced

Performance

UIFX-DropShadowFilter has had several optimisation passes, so we can say with confidence that it is highly performant. Once the shadow has been computed it simply rendered as a texture so the effect is very fast. Changing properties of the component, the Graphic or the parent hierarchy will result in the shadow being recalcuated which can be expensive when the Blur property is too high.

Garbage Collection

This component has been optimised to reduce garbage generation.