In the first tutorial, you will be asked to initialize the Augmented Reality scene. Go to the Core category and drag the AR_SCENE block to the workspace. After you’ve done, click the Run Program button. The camera in the visualization area will be triggered.

In the second step, you will be asked to put a marker into the scene, and its associated model.

Please go to the Core Core category => Drag the marker block and drop it inside the AR scene block. Next, go to the primitive category, get the a-box block, then put it inside the marker. You can change the color of the box to red.

Run the program, after this step you should be able to see the red cube displayed on top of the marker. The default marker is Hiro which can be downloaded via this link.

The layout structure of the tool is appropriated

In this step, you will be asked to remove the existing cube model and change the marker type from preset to pattern.

To change the cube, click on the cube then hit Delete button (or drag it to the trash icon), go to Primitives and drag the GLTF model inside the marker.

To change the marker type, delete it, go to Data then drag the Pattern block and attach it to the old preset pattern

The layout structure of the tool is appropriated

In this step, you are asked to add another marker to the scene. Let add another marker, its content (GLTF model) then set the pattern of the first marker to letter A, the pattern of the second marker to letter B. Run the program, you should be able to see two models sitting on top of the two markers (letter A and letter B)

Let add a button into the scene to control the model. Drag the "Nav-bar" block in the Primitives category to the workspace and position it on top of the AR-SCENE block.

Run the program, you should be able to see Button 1 appears on top of the visualization's window.

Let add three more buttons to the scene. (Hint: Drag the button block inside the nav-bar) and change the names of the four buttons to S1, S2, S3, S4 respectively.

This step will init a controller to buttons that you've created in the previous step. Drag the Script block to the workspace on top of the Nav-bar block.

Since the control block must know which button it refers to, we have to create a unique id for each button. Go to Variables, click on create variables then create 4 variables and named it stage1, stage2, stage3, stage4 respectively. Then set the button ID to its associated variable.

This step will introduce you a simple behavior when the button 1 is clicked. It will display a "Hello world" message on the screen.

Go to Functions, drag the Set Button on click to Actions inside the Init block that you've created

Run the program and click on the button S1, You should be able to see the message "Hello world" overlay on the screen. If not, go to Tutorial 10 to see the correct configuration.

Can you add more behaviours to button 1? such as play an audio, display the message, move an object and change the animations of a given model???

Can you create another behavior for button 2 ??

Can you make an auto transition from stage 1 to stage 2? (Hint: Use Trigger Next Behavior block) with Delay time).