State Machine Panel UI

State Machine Editor Panel

The State Machine Editor panel can be accessed by selecting the State Machine Editor tab from the center of the Scene Composer. If the tab is not visible, you can enable it via the menu bar by navigating to [View > State Machine > State Machine Editor].

To move the display within the diagram (illustrated as section A below), hold down the mouse wheel and drag. The contents of the panel will move accordingly, based on your mouse movements.

A Diagram Displays the main workspace for the State Machine Editor. B State/Transition View Hierarchically displays all States and Transitions defined in the State Machine Editor. C Behavior/Fusion Configuration Displays the behaviors configured for the currently selected element (e.g., State or Transition) in the diagram. By clicking the Fusion button, the Fusion Editor panel will appear, showing Fusion-specific configurations. a Top Toolbar Contains icons representing elements for constructing a state machine. These can be dragged onto the diagram to create and configure your state machine. b Bottom Toolbar Provides tools for zooming and panning the diagram's display.

State/Transition View

The elements (States and Transitions) of the state machine configured in the diagram are displayed in tree format in the editor tree. When an element is selected in the editor tree, that element is also automatically selected in the diagram. This makes it possible to edit and check each element intuitively and efficiently.

1 State Machine Name

Displays the name of the selected state machine in the Solution Explorer. If a Subchart is open, its path is displayed.

2

show current subcharts only

Switches the content displayed in the editor tree.

Enabled (blue icon): Displays the entire content of the selected state machine, allowing a comprehensive overview. Disabled (white icon): Displays only the currently active Subchart as the root of the editor tree. If no Subchart is active, the full content is shown. 3

show subchart details

Switches the Subchart content is displayed in the editor tree.

Enabled (blue icon): Displays all contents within the currently active Subchart, providing a detailed view of its structure. Disabled (white icon): Displays only the active Subchart's immediate elements, focusing on essential information.
4

show transitions

Toggles the visibility of Transitions in the editor tree.

Enabled (blue icon): Displays all Transitions, showing their relationships as child nodes under their source or target. Disabled (white icon): Hides all Transitions, simplifying the tree display.
5 Navigation Buttons

Function similarly to a web browser's "Back" and "Forward" buttons. These allow you to navigate through the display history of state machines in the diagram, making it easy to revisit previous views.

6 Hierarchy Navigation Button Enables switching from a detailed Subchart view to a higher-level hierarchy view, helping you transition between Subchart-specific details and the overall state machine structure. 7 Search Field Allows you to search for States or Transitions within the editor tree by entering keywords. When a match is found, the element is automatically selected in both the editor tree and the diagram. Its details are also displayed in the properties panel for easy review or editing. 8 Editor Tree The elements (State, Transition, etc.) that you have configured on the diagram are displayed in a tree.

Behavior/Fusion Configuration

The behaviors that are made up of the elements (State, Transition, etc.) selected on the diagram are displayed. In addition, by pressing the Fusion button, the Fusion editor is displayed.

1 Search Field

By entering a string of characters in this field, you can search for the corresponding behavior from within the Behavior View. If a behavior that includes the keyword you entered is found, that behavior will be automatically selected. In addition, the details of the selected behavior will be displayed in the Properties panel, allowing you to easily check and edit them.

2 Fusion button

Displays the Fusion Editor panel for the selected element (State, Transition, etc.), allowing Fusion-specific configurations to be edited.

3 Behavior View

Lists all behaviors configured within the currently selected element (State, Transition, etc.).

Top Toolbar

The toolbar at the top of the diagram contains icons for the elements that make up a state machine. You can use these icons to easily place the elements of a state machine. This makes it easy to build complex state machines.

1 Transition Transion controls transitions between States using conditions and actions.

 

2 Initial State

Initial State is the State that indicates the starting point of the State Machine processing.

3 History State History State remembers the last State of the Subchart and resumes from there. 4 State

State indicates specific actions and conditions, and execute processing at the start and end.

5 Subchart Subchart is a structure that combines States and Transitions to simplify management.
6 Entry Point Entry Point is a pseudo-state that allows controlled entry into a Subchart. 7 Exit Point

Exit Point is a pseudo-state that allows controlled exit from a Subchart.

8 Note This is a visual tool for organizing supplementary information and design details about state machines. 9 Choice Choice is a function for branching transitions based on conditions.

Bottom Toolbar

The toolbar at the bottom of the diagram contains icons for setting the display magnification and other functions related to the diagram display.

1 Zoom Adjusts the display magnification of the diagram. 2 View whole layout

Automatically scales the view to fit all elements in the diagram into the display.

3 Switch to selected node Centers the view on the currently selected element in the diagram.