Part 5: Configure State Machine

State Machine feature is used for transitioning a screen to others. Here, the display is transitioned by pressing Music and Navigation buttons in the Menu section.

Click the triangular icon beside Solution > State Machines in Solution Explorer. Double-click GlobalStateMachine that is shown after expanding State Machines.

Click State on State Machine Editor, and change Name on Properties to Music. Set the Identifier property to Music scene. (see the below)

Add Handle Control State to TextButton_Music and TextButton_Navigatio node in Menu_button group by drag-and-drop operation.

Return to the State Machine Editor panel. Drag and drop a State from the upper right toolbar.

Click that State on State Machine Editor, and change Name on Properties to Navigation. Connect the two States in both directions with a Transition (see figure).

Select each Transition and set the displayed Properties as shown in the table below.
Navigation to Music

Music to Navigation

Select Music State and add Transition Request behavior to On Entry Action/On Exit Action. After adding, set each behavior as shown in the table below.

Select Navigation State and take same operation.

Click the Play button in the menu bar to run CGI Player. Click the either button of Music/Navigation on the upper part to transition to other image.