Construct 3 icon

Construct 3

Documentation

Layouts

Published 16 Aug, 2017
451 words
~2-3 mins

A layout is a pre-arranged set of objects. It can represent a game level, menu or title screen. In other tools layouts may be referred to as scenes, rooms, frames or stages. They can be added, renamed and deleted from the Project Bar. Layouts are edited with the Layout View. Every layout has an associated event sheet which defines how the layout works.

Layouts contain a stack of layers. A layout must have at least one layer. Objects that appear on the screen do not belong directly to a layout - they belong to one of the layers in the layout.

Layouts do not have a background color. To set a background color, make the bottom layer opaque and set its background color. This can be done in the Layers Bar.

Layouts can also have effects applied, which affects all content appearing in the display.

Adding and removing layouts

To add a layout, right-click a layout folder (such as the root level Layouts) in the Project Bar and select Add layout.

To rename or remove a layout, right-click the layout itself in the Project Bar and select Rename or Delete.

Layout properties

The properties for a layout can be edited in the Properties Bar after clicking a space in the layout or selecting the name of the layout in the Project Bar.

Name

The name of this layout.

Event sheet

The associated event sheet that defines how this layout works. Event sheets can be shared between layouts using includes if you have a lot of similar events between layouts.

Size

The size, in pixels, of the layout area. If Unbounded scrolling is enabled, this still affects how much of the layout area is shown in the Layout View.

Unbounded scrolling

By default the game window cannot scroll past the edges of the layout. Enable this to allow unlimited scrolling in any direction, even past the edges of the layout.

Effects

Add and edit effects that apply to the whole layout.

Show grid

Whether to display a grid in the Layout View.

Snap to grid

Whether to snap all object placements and sizes to the grid in the Layout View.

Grid size

The size of the grid in pixels. This is only used if Show grid or Snap to grid is enabled.

Show collision polygons

Display outlines of object's collision polygons in the Layout View. This can help arrange objects with regards to how they collide, rather than just how they appear.

Show translucent inactive layers

Enable to display all layers other than the active layer at a reduced opacity. This can help identify the content on the active layer.

Project properties

A shortcut to view the project's properties.