Working with UI Canvases

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.

Topics

• Navigating the Viewport
• Changing the Canvas Size
• Previewing Canvases
• Configuring Canvas Properties
• Loading Canvases in Lua
• Placing UI Canvases in the 3D World
• Using Texture Atlases
• Debugging UI Canvases

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