Level-Up Effect Settings
Getting Started
In the Design Editor, open the Growth layer in the right layer panel, then select the Level Up Effect layer beneath it. The Level Up Settings panel opens in the left settings panel.
- The level-up effect is an area that notifies participants of a level increase when they meet the level-up requirements.
- Level Up layer allows you to configure level-up text or level increase notification elements.
- Level Up Effect layer allows you to configure effect images or visual effect elements displayed when a participant levels up.
- Changing the level-up effect design does not change the actual XP award conditions or level-up requirements.
- Because the level-up effect is a visual element that notifies participants of their level-up status, we recommend placing it where it does not excessively cover key information areas such as the Level Character and XP Gauge.
Changing the Level Up Effect
In the Level Up Settings panel on the left, use the Assets (elements) list to select the Level Up Effect asset (element) to change.
- When the Level Up Effect layer is selected, you can change the effect image asset (element) displayed when a participant levels up.
- When you select an asset (element) to change, the previous level-up-related asset (element) is replaced with the selected asset (element).
- Because the level-up effect is displayed when a participant levels up, adjust its position so that it does not impair the readability of the Level Character, Mission List, or XP Gauge on the standard screen.
Position
To set the selected Level Up Effect asset (element)'s Align (alignment), Location (position), and Layer Order (front/back order), use the Level Up Settings panel's Position section.
In the Align section, click the alignment icon button to align the selected level-up-related asset (element) to the left, center, right, top, middle, or bottom.
Use the Location section to set the selected level-up-related asset (element)'s X/Y position coordinates.
- Use mouse drag-and-drop to move the asset directly to the desired X/Y coordinates.
- Use keyboard shortcuts to set the X/Y position coordinates of the selected level-up-related asset (element).
| 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 set the front-to-back stacking order of items on the canvas for the selected level-up-related asset (element) (Forward, Backward, To front, To back).
- Forward: Move the selected item one level forward
- Backward: Move the selected item one level backward
- To front: Move the selected item in front of all other items on the canvas
- To back: Move the selected item behind all other items on the canvas
- You can also use mouse drag-and-drop in the right layer panel to set the front-to-back stacking order of items in the editor.
- Use keyboard shortcuts to set the front-to-back stacking order of the selected level-up-related asset (element).
| Function | Window | MAC |
| Move one level forward | Ctrl + ] | ⌘ + ] |
| Move one level backward | Ctrl + [ | ⌘ + [ |
| Move to front | Ctrl + shift + ] | ⌘ + shift + ] |
| Move to back | Ctrl + shift + [ | ⌘ + shift + [ |
Size
Use the Size section in the Level Up Settings panel to set the selected level-up-related asset (element)'s size values (width, height).
- When a level-up-related asset (element) is selected, drag the displayed corners and control points with the mouse to resize the selected asset (element).
- Resizing the Level Up asset (element) may change the display proportions of the level-up text or level increase notification element.
- Resizing the Level Up Effect asset (element) may change the visible area and emphasis of the level-up effect image.
- After resizing, make sure it does not excessively cover key information areas such as the Level Character, Mission List, or XP Gauge.
| Function | Window | MAC |
|
Based on the selected axis |
Drag a corner | Drag a corner |
|
From a corner |
Shift + drag a corner | Shift + drag a corner |
|
Based on the selected axis |
Drag a side control point | Drag a side control point |
Style
In the Level Up Settings panel, use the Style section to set the selected level-up-related asset (element)'s opacity and rotation angle.
- Appearance: Sets the opacity of the selected level-up-related asset (element).
- Angle: Sets the rotation angle of the selected level-up-related asset (element).
The level-up effect is a visual element displayed when a participant meets the level-up requirements. You can modify the design, position, and size of the Level Up Effect in the Design Editor, but the actual level-up requirements and XP accumulation criteria are applied according to Dashboard > Promotion Settings > Mission Settings.