As stated in the previous post, sub scenes is a new feature in Yooba Studio. A sub scene is displayed on top of another scene, and can be very useful when making content that require multiple similar pages. In this tutorial, we will make a simple gallery to get you started with sub scenes. The tutorial is intended for users who are already familiar with Yooba Studio.

1. Open a blank project in Yooba Studio. In the scene manager, select the first scene. Click the 'plus' sign at the bottom of the scene manager and choose 'Sub Scene' from the menu.

2. A sub scene is added to the list of scenes. A regular scene can have multiple sub scenes, so go ahead and add a few more sub scenes to the scene.

3. In 'Scene 1', add some graphical elements that will be used as a background in your gallery. Also, add the two buttons that will be used for navigation.

4. Select the first sub scene, and add an image from the library to the scene. As you'll notice, the underlying regular scene is still shown beneath the sub scene. This makes it easy to put the image in the right position on top of your background. Add an image to each of the remaining sub scenes as well. Tip: A sub scene can have its own transition and in- and out-animations, and it can also contain form objects.

5. To make a sub scene appear, and to navigate between sub scenes, you use actions. There are two types of actions that can be used to reveal sub scenes: Scene Actions and Sub Scene Actions.

On 'Scene 1', select one of the buttons you've added. On the actions panel, choose Sub Scene Actions. In the list below, you can now choose between the avilable actions: You can navigate to the next or previus sub scene, you can hide the current sub scene, or you can choose a specific sub scene to show. Choose 'Show Next' for one of the buttons, and 'Show Previous' for the other.

6. When you navigate to a regular scene, by default no sub scene is shown. Therefore, if you preview your project now, only the background and no image will be displayed.To make the first image show when the project starts, we'll use an action on the scene. Select 'Scene 1', and look on the 'Action Settings' panel. This action is executed when the scene is shown. Choose 'Sub Scene Actions', and select 'Sub Scene 1'.

7. Preview the project. Now the first image will show up, and by clicking on the buttons you can navigate to the other images. Feel free to add animations and transitions as you wish.

Keep in mind that this was only a simple demonstration of sub scenes - it can be used for much more advanced projects as well. Good luck!

Tags: tutorial, sub scenes, features