Layer Area

#Content Editor

A scene is composed of stacked assets, and each asset is a layer.

The layer area displays the content and types of all assets in the current scene. Generally speaking, we divide these assets into the following three types：

• General assets: including images, text, sequence, spine, particles,interactive area, and group

• Video assets: Video

• Audio assets: including background music and sound effects

Layer Area

📒Layer Display Logic

• The sorting logic of the layer area is consistent with the display logic of the canvas, with the top layer elements displayed at the top level of the canvas.

• Layer module sorting (from top to bottom): General assets>>Video assets>>Audio assets.

• Video layers are positioned below all other layers by default (except for background images and background colors) and cannot be moved.

👉Related content： 4.Video Adaptation - Special Requirements Basic operation of canvas

📒Operations Supported by Layers

1.Adjust the order of layers

1)Method 1

• Drag and drop layers in the layer panel to adjust the order

• You can use the drag and drop method to move the layers of the "General assets" section

• Video assets and audio assets cannot be dragged and adjusted

2)Method 2

• In the layers panel, click to select the layer whose order needs to be adjusted

• Click the layer order icon in the Quick Access Area to adjust its order

• You can change the layer order by using shortcuts in four ways: Put on top/Put on the bottom/move up one layer/move down one layer

2.Group/Ungroup layers

After grouping multiple elements, you can uniformly change the position and size of elements within the group, or add animation events to the group.

1)Group layers

• To group a single layer, you can directly select the layer and click the group button

• To group multiple layers, hold down the Ctrl key, select multiple layers, and then click the group button

• When no layers are selected, clicking the group button will create a default square-centered group layer. At this point, you can customize and edit the group's position and size. After editing, simply drag the desired assets into the group.

2)Ungroup layers

• Select the group of layers

• a.Right-click,select the "Ungroup" button to complete the ungrouping

• b.Find the "Ungroup" button in the Quick Access Area,click to complete the ungrouping

3.Duplicate/Paste layers

1)Method 1

• Select the layer to be duplicated

• Right-click and select the "Duplicated layer" button

• Right-click and select the "Paste Layer" button to complete the duplicate and paste of the layer

• The name defaults to "ORIGINAL NAME_copy"

• Only support duplicate and paste of the layer itself

2)Method 2

• Select the layer to be duplicated

• Click the copy button in the Quick Access Area

• Click the paste button in the Quick Access Area

• Select the paste option to complete the quick copy and paste of the layer

• There are four paste options: You can quick paste layer format only/Only paste the alignment and size of the layer/Paste the layer animation only/Paste layer events only/Paste layer itself.

4.Delete layers

• Select the layer to be deleted

• Right-click and click the "Delete Layer" button to delete the layer

5.Lock/Unlock layers

• Hover your mouse over the layer that needs to be locked, and an unlock icon will appear
• Press the icon to lock, the icon switches to
• Hover your mouse over the locked layer and press the locked icon to unlock the layer

• Assets are not locked by default.When the asset is locked, the layer cannot be selected in the canvas

• Applicable situation of locking: assets that exist in multiple scenes at the same time and whose position and size do not need to be adjusted again

6.Hide/Display layers

• Hover your mouse over the layer that needs to be hidden, and the icon for display status will appear
• Press the icon to hide it, and the icon switches to
• Hover your mouse over the hidden layer and click the icon for hidden status to set the layer to display state

• Assets are displayed by default

• When the asset is hidden, the layer will not be displayed in the canvas, and the hidden layer can be made to display through the event setting (e.g. a ribbon salute appears after double-clicking)

7.Layer Color

• Select a layer and right-click to set a color for the layer.

• This feature is mainly used for categorizing layers when there are many layers and events, making it easier to find and edit them.

8.Scene event mode

• Asset default state: When there is no scene event, the scene setting mode icon is
• When there is a scene event, the scene setting mode icon is automatically highlighted as