Other Components

You can add either or both of the fader and mask components to an element.

Topics

• Fader
• Mask
• Flipbook Animation

Fader

You can use a Fader component to simultaneously adjust the transparency of an element and its children.

To see in-game examples of completed canvases with a Fader component

1. Open the Samples Project.

2. When Lumberyard Editor has started, choose File, Open and open the UiFeatures level.

3. Press Ctrl+G to play the game.

4. Choose Components, Other Components, Fader. You can view an example of a direct fade and an animated fade.

5. Press Esc to exit the game.

To view these same canvases in the UI Editor

• Navigate to the \Gems\LyShineExamples\Assets\UI\Canvases\LyShineExamples\Comp\Fader directory.

You can open the following canvases:

• AnimFade.uicanvas
• DirectFade.uicanvas

To edit a fader component

1. In the Properties pane of the UI Editor, expand Fader.

2. For the Fade multiplier, use the slider to select a number between 0 (invisible) and 1 (opaque) and press Enter.