Editor Overview
An overview of the editor and its tools for customizing your game's interface.
With the Editor, you can see how the assets are arranged to form the front-end of the game. The editor displays every screen your users interact with in the game.
This section guides you through the various tools and views available within the editor.
View Game Layouts
Games consist of multiple different layouts. These layouts include the screen a user sees when they load or play a game, or when they win a prize.
To view the layouts included in your game, select Layout drop-down at the top of the screen as shown in the image below:

Navigating to the Main Screen layout in the Editor
The Main Screen layout shown in the image above includes all the components of your game. Individual game components, such as loaders or pop-ups, can also be viewed within their respective layouts.
View Game Preview
All games are responsive, meaning they automatically adapt to fit the screen of any device, from a mobile phone to a desktop browser.
In the Editor, you can see how your game appears in different aspect ratios. To preview your game, select the Main Screen layout and then the Preview Window drop-down at the top of the screen as shown in the image below:

Navigating the different previews in the Editor
To view how the game renders on mobile phones, select the Main Screen Portrait layout and then the Preview Window drop-down.
View Game Layers
Layers represent the individual components, such as images, texts, and audio, that are displayed on your screen.
To view all layers in a game, select the Main Screen layout and navigate to the right-hand pane of the editor as shown in the image below:

Viewing the game layers in the Editor
As you navigate through different layouts, the displayed layers will change. This is because each layout has its own unique layer and set of components.
For example, selecting the tile layout in the Thunderboard game only displays the layer and components specific to the tile as shown in the image below:

Layers in the tile layout of an example Thunderboard game
You can temporarily hide any layer from your current view by clicking the view icon next to its name as shown in the image below. Hiding a layer only affects its visibility in the editor.

Control the visibility of layers in the Editor
View Layer Properties
When you click a component within the Layers tab, you will see its customizable properties in the left-hand pane. Modifying these properties allows you to tailor your game's appearance and behavior. Further details on editing these properties are discussed in Manage Assets and Manage Game Texts.
Updated 1 day ago