Mission Tasks
Getting Started
In the design editor, select the Mission List (Mission Tasks) layer in the right layer panel to open the Mission List settings panel on the left.
- The Mission List is the area where the individual missions available to participants are displayed. Mission items are created based on the configured number of missions.
- Each mission item displays information such as the mission name, XP awarded, and mission status. Depending on whether the mission has been completed, it is shown in either the pending state or the completed state.


Setting Option
In the Mission List settings panel, use Setting Option to set the number of missions (Mission List Quantity) to display in the Mission List.

In the Mission List Quantity section, set the number of missions to display in the Mission List.
- The number of mission items displayed in the Mission List area changes according to the configured number of missions.
- When the number of missions is changed, the structure of the individual mission layers in the right layer panel may also change.
- The pending state and completed state of each individual mission can be edited separately in the corresponding sublayers of each mission.

Position
To configure the Align, Location, and Layer Order of the selected Mission List asset, use the Position section in the Mission List settings panel.

In the Align section, click an alignment icon button to align the selected Mission List asset to the left, center, right, top, middle, or bottom.

In the Location section, set the X/Y position coordinates of the selected Mission List asset.
- Use mouse drag-and-drop to move the asset directly to the desired X/Y coordinates.
- Use keyboard shortcuts to set the X/Y coordinates of the selected Mission List asset.
| Function | Window | MAC |
| Move up by 1px | Up(↑) | Up(↑) |
| Move down by 1px | Down(↓) | Down(↓) |
| Move left by 1px | Left(←) | Left(←) |
| Move right by 1px | Right(→) | Right(→) |
| Move up by 10px | shift + Up(↑) | shift + Up(↑) |
| Move down by 10px | shift + Down(↓) | shift + Down(↓) |
| Move left by 10px | shift + Left(←) | shift + Left(←) |
| Move right by 10px | shift + Right(→) | shift + Right(→) |

Use Layer Order to set the front-to-back stacking order of items on the canvas relative to the selected Mission List asset (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 set using mouse drag-and-drop in the right layer panel.
- The front-to-back stacking order of the selected Mission List asset can also be set using keyboard shortcuts.
| Function | Window | MAC |
| Move forward by one level | Ctrl + ] | ⌘ + ] |
| Move backward by one level | Ctrl + [ | ⌘ + [ |
| Move to front | Ctrl + shift + ] | ⌘ + shift + ] |
| Move to back | Ctrl + shift + [ | ⌘ + shift + [ |

Size
Use the Size section in the Mission List settings panel to set the size values (width and height) of the selected Mission List asset.
- When the Mission List asset is selected, drag the corner or resize handles with the mouse to adjust the size of the selected asset.
- Adjusting the size of the Mission List may also change the display area and placement reference of the mission items.
- After resizing the Mission List, make sure that the icon, mission name, and XP award text of each mission item do not overlap.
| Function | Window | MAC |
|
Resize freely |
Drag a corner | Drag a corner |
|
Resize proportionally |
Shift + Drag a corner | Shift + Drag a corner |
|
Resize the width/height |
Drag a side handle | Drag a side handle |

Flip
Use the Flip section in the Mission List settings panel to flip the selected Mission List asset vertically or horizontally.
- Vertically: Flips the selected Mission List asset vertically.
- Horizontally: Flips the selected Mission List asset horizontally.

Style
Use the Style section in the Mission List settings panel to set the opacity and rotation angle of the selected Mission List asset.
- Appearance: Sets the opacity of the selected Mission List asset.
- Angle: Sets the rotation angle of the selected Mission List asset.
