Skip to main content

Part 3: Configure Behaviors

The following interactions can be configured with Behaviors using Behaviors.Fusion.

  • Changing the state of the temperature progress bar by pressing the heater buttons
  • Change in playback time value by moving the progress bar for playback music
    • Music Time
    Seat heater setting Run in Player

    Music

    Configuring the Music's Playback Time

    Slider

      In the Scene Tree panel navigate to and select the Slider control, which can be found following the path below.
        The Slider Control is selected.
        Scene Tree Path
        IVI_Sample > IVI_Sample > Music > Slider
        In the Menu select [View > Fusion > Fusion].
          The Fusion editor will be opened, hiding the Scene Editor. The Slider Fusion Node is displayed as Top node with a set of properties.

          In the [Slider] Fusion Node drag the Behaviors connector circle to the right and release the mouse.
            A Select Behavior dialog will be opened. This dialog has an input field on top and a list of behaviors organized as a tree on the bottom. This list of behaviors is similar to the one in the Toolbox panel's Music[Behaviors] section.

            In the Select Behavior dialogue's input field start typing "Forward Value".
              While you are typing the list of behaviors gets smaller as the content of the input field serves as a filter.

              In the Select Behaviors dialog double-click Group. Now, drag and drop athe Forward Value behavior.
                In Fusion a new [Forward Value] Behaviornode fromis created, which is connected to the ToolBoxSlider's intoBehaviors connector.

                In the right[Forward sideValue] ofnode click the Scenesearch Treeicon panel,next whileto the Sliderproperty control"Target Node".
                  The Choose Item dialog will be opened.

                  Select the IVI_Sample scene's DigitalClock_Time control, which can be found following the path below and click [OK].
                    DigitalClock_Time is set as Forward Value's TargetNode. When the Slider's value is selected.changed,
                    drawing-5-1729844850.png
                    the
                    value will be forwarded to DigitalClock_Time.
                    Path IVI_Sample > IVI_Sample > Music > DigitalClock_Time

                    Configuring

                    SelectSeat theHeater ForwardSetting ValueCreating behaviorFusion ofNodes the Slider in the right side ofIn the Scene Tree panel and configure its TargetNode inselect the PropertiesSeat_Right's panel."Icon_Button_-", Towhich docan this,be clickfound following the magnifyingpath glassbelow. icon nextFusion displays the Fusion Node for "Icon_Button_-".
                    Path IVI_Sample > IVI_Sample > Comfort> Seat_Right > Icon_Button_-

                    Drag the Icon_Button's Behaviors connector to the TargetNoderight property,and which will openrelease the Choosemouse button.
                      The Select Item dialog where you can select .../Music/DigitalClock_Time.
                      drawing-5-1729854578.png

                      Seat heater setting

                      This section will addopen.

                      some functionality for Seat Heating toFind the scene. This will affect the IconButtons for increasing and decreasing the Seat Heating Temperature (Icon_Button_- and Icon_Button_+ in both Seat_Right and Seat_Left).

                      Drag and drop the following behaviors onto all 4 IconButtons:

                        "Event Handler" behavior and double-click it.
                          A Fusion node for the Event Handler behavior is created. Using the Event Handler's Condition connector connect a Check Click condition.
                            A Fusion node for the Check Click condition is created. Using the Event Handler's Actions connector, connect a Send Value As Event behavior.
                            A
                            Fusion
                            node
                            drawing-5-1729850466.png

                            Then, setfor the respective Properties of Send Value asAs Event behavior is created.

                            Select the 3 Fusion Nodes you have just created (Event Handler, Check Click, Send Value As Event) and copy them either using the context menu "Copy" or via the keyboard shortcut <Ctrl + C>. The
                              Fusion Nodes are copied and ready to be pasted into another Fusion diagram. Select the following IconButtons one by one and paste these Fusion Nodes into their Fusion diagrams either using the context menu "Paste" or via the keyboard shortcut <Ctrl + P>.
                                EventHandler, Check Click condition and Send Value As Event behavior have been created for all 4 seat heating Icon_Buttons.

                                 

                                Configuring Fusion Nodes

                                When pressing Icon_Button_-, the value should be decreased (-1.1,00) and when pressing "-"Icon_Button_+, andthe value should be increased (+1.1,00) when pressing "+". ChangeValueThese shouldvalue changes need to be reflected in the corresponding ProgressBar, which will be set toas RelativeTargetNode.

                                all
                                fourIn cases.Fusion Configureconfigure the ProgressBarSend ofValue As Event Nodes that you created in "Creating fusion nodes" as in the grouptable inbelow. which
                                theThe respectiveSend IconButtonValue isAs placed.Event (e.g.,Nodes anare Icon_Buttonfully inconfigured and functional.
                                Seat_Right
                                Icon_Button_-
                                Icon_Button_+ TargetNode
                                Seat_Right would set the> ProgressBar
                                ofSeat_Right Seat_Right.)> asProgressBar
                                TargetNode. Value
                                -1,00
                                1,00
                                Change Value
                                Relative
                                Relative

                                Seat_Left
                                Icon_Button_-
                                Icon_Button_+ TargetNode
                                Seat_Left > ProgressBar
                                Seat_Left > ProgressBar
                                Value
                                -1,00
                                1,00
                                Change Value
                                Relative
                                Relative
                                drawing-5-1729852688.png

                                Next, we will add a Forward Value behavior to the ProgressBars of Seat_Right and Seat_Left. Drag and Drop a ForwardValue behavior from the ToolBox onto the ProgressBar. Select the Forward Value Behavior to view the behavior's Properties in the Properties panel. Configure the TargetNode to the TextValue_Temperature of the respective group. (If it is a ProgressBar of Seat_Right, set the TextValue_Temperature of Seat_Right.)

                                drawing-5-1729853505.pngdrawing-5-1729853505.png

                                Run in Player

                                Save your solution and click the Play button in the menu bar to run CGI Player.

                                drawing-5-1729854630.pngdrawing-5-1729854630.png
                                • In the Music section: Click onto the progress bar below the Song title or drag it around. You can see that the progress time is changed according to your operation.
                                • In the Comfort section: Press either +/- buttons in Seat heater section and watch the value and progress bar being updated according to your operation.
                                drawing-5-1695991627.pngdrawing-5-1695991627.png