Level Group Settings
Getting Started
In the Design Editor, select the Level Group layer in the right-side Layers panel. The Level Group settings panel will open on the left.
- The Level Group is an area that displays the participant's growth stage in a Growth event. Individual level items are created based on the configured maximum number of levels.
- Each individual level includes a Level Character and a Level Board, displaying the participant's current level and growth status based on their accumulated XP.
Setting Option
In the Level Group settings panel, use Setting Option to configure the Max Level within the Level Group.
In the Max Level section, set the maximum number of levels to display in the Growth event.
- The number of individual level items displayed in the Level Group changes according to the configured maximum number of levels.
- When the maximum number of levels is changed, the individual level layer structure in the right-side Layers panel may also change.
- Each individual level includes a Level Character and a Level Board. The Level Character and Level Board for each level can be edited separately within the corresponding level layer.
Position
To configure the selected Level Group's Align (alignment), Location (position), and Layer Order (front/back order), use the Position section in the Level Group settings panel.
In the Align section, click the alignment icon buttons to align the selected Level Group to the left, horizontal center, right, top, vertical center, or bottom.
In the Location section, configure the selected Level Group's X/Y position coordinates.
- Use mouse drag&drop to move the Level Group directly to the desired X/Y coordinates.
- Use keyboard shortcuts to configure the selected Level Group's X/Y position coordinates.
| Function | Window | MAC |
| Move up 1px | Up(↑) | Up(↑) |
| Move down 1px | Down(↓) | Down(↓) |
| Move left 1px | Left(←) | Left(←) |
| Move right 1px | Right(→) | Right(→) |
| Move up 10px | shift + Up(↑) | shift + Up(↑) |
| Move down 10px | shift + Down(↓) | shift + Down(↓) |
| Move left 10px | shift + Left(←) | shift + Left(←) |
| Move right 10px | shift + Right(→) | shift + Right(→) |
Use Layer Order to configure the front-to-back stacking order of items on the canvas relative to the selected Level Group (Forward, Backward, To front, To back).
- Forward: Moves the selected item forward by one level.
- Backward: Moves the selected item backward by one level.
- To front: Moves the selected item in front of all other items on the canvas.
- To back: Moves the selected item behind all other items on the canvas.
- The front-to-back stacking order of items in the editor can also be configured using mouse drag&drop in the right-side Layers panel.
- The selected Level Group's front-to-back stacking order can also be configured using keyboard shortcuts.
| Function | Window | MAC |
| Move forward one level | Ctrl + ] | ⌘ + ] |
| Move backward one level | Ctrl + [ | ⌘ + [ |
| Move to front | Ctrl + shift + ] | ⌘ + shift + ] |
| Move to back | Ctrl + shift + [ | ⌘ + shift + [ |
Size
Use the Size section in the Level Group settings panel to configure the selected Level Group's size values (width and height).
- When the Level Group is selected, drag the corner and side handles with the mouse to resize the selected Level Group.
- Resizing the Level Group may also change the display positions and alignment references of the Level Characters and Level Boards contained within the group.
| Function | Window | MAC |
|
Freely resize along |
Drag a corner handle | Drag a corner handle |
|
Resize proportionally |
Shift + Drag a corner handle | Shift + Drag a corner handle |
|
Change the width/height |
Drag a side handle | Drag a side handle |
Flip
Use the Flip section in the Level Group settings panel to flip the selected Level Group vertically or horizontally.
- Vertically: Flips the selected Level Group vertically.
- Horizontally: Flips the selected Level Group horizontally.
Style
Use the Style section in the Level Group settings panel to configure the selected Level Group's opacity and rotation angle.
- Appearance: Configures the opacity of the selected Level Group.
- Angle: Configures the rotation angle of the selected Level Group.
