2D scene composition

AfterOnce the import operation is executedinitiated in the Smart Importer, theythe aredata convertedis transformed into editable scenes.scenes based on the configurations specified within the Smart Importer. These are located in the Solution Explorer panel under [Resources Resources> Car_Cluster >Scenes ]Scenes].

If the Solution Explorer is not displayed, checkyou "Solutioncan Explorer"enable onit via the menu bar underchoosing "View"[View] to> display[Solution it.Explorer].

Imported Scenes

Move

In the Solution Explorer move the three scenes (Car_Cluster, Car_Status, Incoming_Call) placed in [ Resources>Car_Cluster>Scenes ] to the Scenes folder byaccording dragging and dropping them (to the orangetable framebelow. on

The scenes have been moved as shown in the rightimage sidebelow.
ofthe figure below).Scenes Move From Folder Move To Folder

Car_Cluster

Car_Status

Incoming_Call

Solution > Resources > Car_Cluster > Scenes Solution > Scenes

Configure Controls

The default text setting is "Trip: 0000km" for the areas where the Text Value control was applied during import. In order to display the appropriate speed and RPM values, the formatting of the Text Value control must be changed.

1. In the Solution Explorer, double-click [ Scenes>Car_Cluster ].
   • The "Car_Cluster" scene appears in the scene tree.
     
     
2. Select [ SpeedGauge_Group>SpeedValue ] inIn the sceneScene tree.Tree panel select [SpeedGauge_Group > SpeedValue].
   • TheIn the Properties panel the SpeedValue property appearswill inbe the Properties.displayed.
     
     
3. The following settings are made atIn the "Control"Properties inpanel's Control section configure the SpeedValue's properties panel.according to the table below.
   • The %d is a format string used in programming, representing a placeholder for text in integer format.
   • Represents the way text is dynamically formatted.
     

     Target Item	Setting Value
     Format Text	%d
     Text Alignment	center

     
     
     
4. ForIn the Scene Tree panel select [RPMGauge_Group RPMGauge_Group>RPMValue ],RPMValue] makeand apply the same settingsconfiguration as infor the SpeedValue in step 3.

Control: Behaviors and Fusion

As performeddemonstrated in the previous step, an import operation using the Smart Importer allowsfor an import operation enables you to apply theavailable controls available atduring the import stage.process. Each item displayedshown in the scene tree is calledreferred to as a node,node. andNodes thosewith to whichapplied controls have been applied are indicatedmarked bywith bluethe icons.control's distinct icon. A control isrepresents a compound nodenode, thatconsisting containsof severalmultiple nodes and behaviors designed to achieve a specific behavior.functionality.

Behaviors are general-purpose functions that provide interactions or small operations to graphics nodes.

Confirm behavior configuration

The behavior configuration withinfor each control nodecontrols can be viewed by performingfollowing the followingsteps operations.below. The operation is performed on the scene tree of Car_Cluster.

1. Double-In the Scene Tree panel double-click the [RPMGauge] RPMGauge ] control in the scene tree.control.
   • The sceneScene treeTree displaypanel changes from "Car_Cluster"displaying the Car_Cluster scene tree to Gauge.displaying the Gauge control's tree.
   • The behavior configuration inof the Gauge control will be displayed in the Extra Scene Tree.
     
   • In addition,Additionally, by clicking [ Fusion... ] at the top of the Extra Scene Tree,Tree the behaviorFusion configurationpanel inwill be opened, displaying the Gauge control will be displayed. TheControl's Fusion diagram of the Gauge control is displayed in the Fusion panel..
     
     
2. TheTo display can be returnedreturn to "Car_Cluster"the by'Car_Cluster' clickingview, click the left-arrow button located in the upper upper-left corner of the scene tree panel.

Fusion combines a behavior tree view, and a properties panel for selected nodes. This provides an alternative way to manage behaviors.

Display Settings

Configure the display in the Render Target panel. This tutorial uses the Empty template, so by default, a camera is configured for a 2D scene (Scene2D\Camera) and a camera for a 3D scene (Scene3D\Camera). Since each scene's camera has been added by importing resources, the next step is to link it to the render target.

For more information on display configuration, see Display Configuration.

1. Displays the [ Render Targets ]Targets] panel.
   
   • The [ Render Targets ]Targets] panel is located in the upper right corner of Scene Composer by default.
   • If it is hidden, select [ Libraries > Render Targets ]Targets] from the menu bar under "View" .
     
     
2. Uncheck the default cameras (Scene2D\Camera and Scene3D\Camera).
3. The checkboxes associated with the cameras toggle. Default Cameras Action in Render Targets Panel Scene2D\Camera uncheck Scene3D\Camera uncheck
   
   

Check the checkboxes for the three cameras added induring the resource import (Car_Cluster\DocumentView(0), Car_Status\DocumentView(0), and Incoming_Call\DocumentView(0)).

The checkboxes associated with the cameras toggle.
Imported Cameras Action in Render Targets Panel Car_Cluster\DocumentView check Car_Status\DocumentView check Incoming_Call\DocumentView check

To see a preview of the display, select [ Display > Display-0 ]0] from the menu bar under "View".

The 2D scene configuration work is completed. In the next step, we will explain thehow procedureto forconfigure configuring HMI logic using Fusion.