2D scene composition

After the import operation is executed in the Smart Importer, they are converted into editable scenes. These are located in the Solution Explorer panel under [ Resources>Car_Cluster>Scenes ].

If the Solution Explorer is not displayed, check "Solution Explorer" on the menu bar under "View" to display it.

Imported Scenes

Move the three scenes (Car_Cluster, Car_Status, Incoming_Call) placed in [ Resources>Car_Cluster>Scenes ] to the Scenes folder by dragging and dropping them (to the orange frame on the right side of the figure below).

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 ] in the scene tree.
   • The SpeedValue property appears in the Properties.
     
     
3. The following settings are made at the "Control" in the properties panel.
   • 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. For [ RPMGauge_Group>RPMValue ], make the same settings as in the step 3.

Control: Behaviors and Fusion

As performed in the previous step, an import operation using the Smart Importer allows you to apply the controls available at the import stage. Each item displayed in the scene tree is called a node, and those to which controls have been applied are indicated by blue icons. A control is a compound node that contains several nodes and behaviors to achieve a specific behavior.

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

Confirm behavior configuration

The behavior configuration within each control node can be viewed by performing the following operations. The operation is performed on the scene tree of Car_Cluster.

1. Double-click the [ RPMGauge ] control in the scene tree.
   • The scene tree display changes from "Car_Cluster" to Gauge.
   • The behavior configuration in the Gauge control will be displayed in the Extra Scene Tree.
     
   • In addition, by clicking [ Fusion... ] at the top of the Extra Scene Tree, the behavior configuration in the Gauge control will be displayed. The Fusion diagram of the Gauge control is displayed in the Fusion panel.
     
     
2. The display can be returned to "Car_Cluster" by clicking the left-arrow button in the 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 ] panel.
   
   • The [ Render Targets ] panel is located in the upper right corner of Scene Composer by default.
   • If it is hidden, select [ Libraries > Render Targets ] from the menu bar under "View" .
     
     
2. Uncheck the default cameras (Scene2D\Camera and Scene3D\Camera).
   
   
3. Check the checkboxes for the three cameras added in the resource import (Car_Cluster\DocumentView(0), Car_Status\DocumentView(0), and Incoming_Call\DocumentView(0)).
   
   
   
   

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

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