Configuration example

In this section, l 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

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

Configure TextButton

1. Select the TextButton in the scene tree and click the [ Fusion... ] button in the ExtraScene tree. 
   
   
   
   
   
2. 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.
     
     
     
     
     
3. Drag the Actions connector on the right side of the Event HanlderHandler Fusion node and move the mouse.
4. A link will appear following the mouse operation, and release the left mouse button anywhere.
5. The [ Choose Behavior ] dialog will appear. 
   • Behaviors are displayed by category.
6. 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 feeldfield at the top of the dialog.
     
     
     
     
     
7. Click the Select Item icon in the [ TargetNode ] section of the added Set Text Fusion node.
   
   
   
   
   
8. The [ Choose Item ] dialog appears, and select the TextNode as the target node for the text display.
   
   
   
   
   
9. Next, type "Hello Fusion" in the [ Text ] section of the Set Text Fusion node to specify the text to display.
   
   
   
   

Configure TextNode

1. Select the TextNode in the scene tree and click the [ Fusion... ] button in the ExtraScene tree. 
   
   
   
   
   
2. Drag the Behaviors connector on the right side of the Top Node and move the mouse.
3. A link will appear following the mouse operation, and release the left mouse button anywhere.
4. The [ Choose Behavior ] dialog will appear. 
   • Behaviors are displayed by category.
5. 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 selected scenario... ] icon on the toolbar to start Player. Once the Player is launched, click TextButton control. Then confirm that the text of the Text Node changes.