Configuration example

ToIn bethis describedsection, basedl explain how to use Fusion to configure operations related to "Set Text," one of the examples of using the behavior.

 

Prepare nodes in the scene editor

Drag and drop a TextButton control from [ Control > Touchable ] in the Toolbox onto the Scene Editor. Drag and drop a Text Node from the toolbox [ Node 2D ] onto the scene editor. Adjust the position of the Text Node on existingthe Scene Editor so that it is placed on the side of the TextButton.

 

Configure TextButton

Select the TextButton in the scene tree and click the [ Fusion... ] button in the ExtraScene tree. 
Type "Change Text" in the [ Text ] of the top node TextButton.

This is the same as the [ Text ] in the [ Controls ] section that appears in the Properties window when the TextButton is selected in the scene tree.
Drag the Actions connector on the right side of the Event Hanlder Fusion node and move the mouse. A link will appear following the mouse operation, and release the left mouse button anywhere. The [ Choose Behavior usage] examplesdialog will appear. 

Behaviors are displayed by category. Select [ Action>Property>Set Text ] from the list and connect it to the Event Handler Fusion node.

You can also narrow down the list of behaviors in the dialog by typing "Set Text" in the search feeld at the top of the dialog.
Click the Select Item icon in the [ TargetNode ] section of the added Set Text Fusion node.
The [ Choose Item ] dialog appears, and select the TextNode as the target node for the text display.
Next, type "Hello Fusion" in the [ Text ] section of the Set Text Fusion node to specify the text to display.

 

Configure TextNode

Select the TextNode in the scene tree and click the [ Fusion... ] button in the ExtraScene tree. 
Drag the Behaviors connector on the right side of the Top Node and move the mouse. A link will appear following the mouse operation, and release the left mouse button anywhere. The [ Choose Behavior ] dialog will appear. 

Behaviors are displayed by category. From within the list, select "Control>Public Property>Provide Text" to connect to the top node.

You can also narrow down the list of behaviors in the dialog by entering "Provide Text" in the search field at the top of the dialog.

 

The operation confirmation using the Player

After completing all of the above configurations, click the [ Play Preview ] icon on the toolbar to start Player. Once the Player is launched, click (focus) on the target Image Node to trigger the action (event) configured the above. Then press the Enter key on the keyboard and confirm that the color of the Image Node changes.