Other Components - Lumberyard User Guide

Other Components

Open 3D Engine (O3DE), the successor to Lumberyard, is now available in Developer Preview. Download O3DE or visit the AWS Game Tech blog to learn more.

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


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.