Working with UI Canvases - Lumberyard User Guide

Working with UI Canvases

Open 3D Engine (O3DE), the successor to Lumberyard, is now available in Developer Preview. Download O3DE or visit the AWS Game Tech blog, O3DE Discord, or O3DE GitHub to learn more. The Lumberyard forums have been deprecated. You may view past forum discussions in the archive.

The UI Editor uses the concept of a canvas as an invisible backdrop for your game user interface elements. Once you create a canvas, you can add elements such as images, text, and buttons.

To create a UI canvas

  1. In Lumberyard Editor, click Tools, UI Editor.

    The UI Editor automatically creates an empty canvas.

  2. In the UI Editor, add elements, components, slices, and prefabs.

  3. Click File, Save As. Name the canvas with a .uicanvas file extension, and then click Save.

You can open multiple canvases in the UI Editor. For each open canvas, a tab appears in the tab bar. The active canvas is highlighted in the tab bar. Its content is displayed in the viewport and its elements and properties are displayed in the hierarchy and properties panes.

From the UI Editor's File menu, in addition to the basic open, close, and save functionality, you can also do the following:

  • Save all open canvases

  • Close all open canvases

  • Close all but the active canvas

UI Editor File menu