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 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.
👉Related content： 📒Asset Grouping
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 appearPress 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 appearPress 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.Animation Icon
By default, layers have no animation, and the icon displays as
Once an animation is added to the layer, the icon will automatically highlight as
. Clicking the icon will quickly switch you to the layer’s “Animation” settings panel for easy viewing and adjustments.
9.Events Icon
By default, layers have no event, and the icon displays as
Once events is added to the layer, the icon will automatically highlight as
. Clicking the icon will quickly switch you to the layer’s “Event” settings panel for easy viewing and adjustments.
Last updated