Skip to main content

Shine Filter Component

Overview

This component adds a visual shine that can move across the UI object it is applied to.

WebGL Demo

Properties

Component Screenshot

Property                            Type    Range    DefaultDescription
Shape
    AngleFloat[0..360]135.0
    SizeFloat[0..1000]64.0
    SoftnessFloat[0..1]0.8
Fill
    PowerFloat[0..16]0.0
    MirrorBoolTrue
    Fill ModeEnumColor
    ColorColorWhite
    TextureTexture
    Reverse TextureBoolFalse
Position
    OffsetFloat[0..1]0.5
Animation
    Animation TriggerEnumScript
    Scroll Delta TimeEnumNormal
    Scroll SpeedFloat350.0
    Scroll DelayFloat0.0
    Scroll CountInt1
Blend
    Blend ModeEnumAdditive
    Advanced Blend ModeEnumBlend
    Advanced Gamma SpaceBoolFalse
Blur
Apply
    Render SpaceEnumCanvasWhich coordinate system use when rendering this filter. Options are:
Canvas: Render the filter before any transforms (scale/rotation/translation etc) are applied.
Screen: Render the filter after transforms have been applied.
Read more about this property here.
    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 - Text (UI) use the Filter Stack (TextMeshPro) component.