Hello! Happy with your first creation on TilBuci? We are now going a little further, creating another scene and understanding how navigation between them works.
Let’s pick up where we left off. Open the movie you created in the last video.
Now, open your first scene.
Let’s create a second scene based on the one we already have. Go to Scene > Save as, give it a name and click Save.
Change the size and position of the two images in the scene.
Remember to do this for the vertical screen as well.
Save your changes. Recording is always a great habit.
Now, let’s add our first navigation action between scenes. Select the dog image and, in the right menu, click + next to Actions.
Click the Trigger actions button to display the actions window. Here, we define the behavior of the movie when someone clicks/taps an image. Click the + button at the actions window.
Select “Movie and scene handling” and then “load a scene”. Click the Create action block button.
Select your first scene and click the Set action block button.
The load scene action block will appear. You may now click the Ok button to set the interaction. Notice that the action window will always show the </> (switch input mode) button so you can access the direct code entry anytime you want if you don’t like the action blocks interface.
Actions are valid for both screen formats, there is no need to indicate them in both. You can check this by toggling the format, selecting the image and clicking Trigger actions.
Save your scene. Now it’s time to test! Click the play button at the bottom of the screen.
On the test screen, click the play button to start playing the movie.
Now, click on the dog image and you will see the first scene loading! Also test in vertical mode if you want.
For the second scene to be accessed from the first, we will have to include an action there as well. Open the first scene again.
Select the dog image, click on the Trigger actions button in the right menu, access the scene actions wizard and include the load of the second scene.
If you prefer using the code editor, look for the assistant buttons below the text area and click the Scene and movie actions one. Select the first scene and copy the scene load action.
Now, publish your scene.
There’s just one little thing left to do. Open the second scene again and publish it so that the results are visible to everyone.
Today we learned how to create new scenes and indicate navigation among them. Another big step in your study of TilBuci!