Embed
Create a Collection
Update Collections
A walk-through of the basics of using the Scenario Builder widget available on the Engage Tab.
-
1When the Scenario Builder first opens, it asks you to pick a character type to get started. You can also choose if you want the character on the Left or right side of the scenario frame. Let’s pick Casual.
Click the continue button:
-
2You now see the list of available characters in the Casual category. You can switch to a different category by selecting one of the other tabs. For this example, select the character in the upper right corner.
Click the continue button:
-
3You now see the character added to the display panel on the right side. You can also see preview images for the five Character Moods on the left side. Select Next.
Click the continue button:
-
4You now see the available backgrounds. For this example, select the highlighted background.
Click the continue button:
-
5The background is added to the display on the right side. On the left side, you can control several settings for the display. You can choose to have the background blurred or not. You can also choose the display options for the Character Text and User Text elements, including element shape and color. For this example, choose the Oval option for the User Text elements.
Click the continue button:
-
6The User Text elements are now set to Oval on the right-side display. Select Next.
Click the continue button:
-
7The Introduction text is shown over the scenario before the learner starts it. It's a chance to set the scene and provide any instructions the learner should follow. Click in the text entry area and we'll add Introduction text for you.
Click the continue button:
-
8Select Next.
Click the continue button:
-
9The Build tab shows the Dialogue Tree on the left, which will change as you add more scenes to your scenario. It also shows the input fields for the character's opening statement and the option elements for the current scene. Select the text entry area for the character's statement and we'll add text for this example.
Click the continue button:
-
10Select the text entry area for the first Option and we'll add text for this example.
Click the continue button:
-
11Select New Scene. This adds a new set of options below this Option in the Dialogue Tree on the left side.
Click the continue button:
-
12Select the text entry area for the second Option and we'll add text for this example.
Click the continue button:
-
13Select New Scene. This adds a new set of options below this Option in the Dialogue Tree on the left side.
Click the continue button:
-
14Let's set up the second scene, which is where the character replies to Option 1 (if the learner selects that option). Select the Scene on the Dialogue Tree.
Click the continue button:
-
15The right side panel now shows the text of the selected option at the top. Select the text entry area for the character's statement and we'll add text for this example.
Click the continue button:
-
16Select the Mood icon to set a different Mood for the character in this scene.
Click the continue button:
-
17Select Thinking from the list.
Click the continue button:
-
18The character's image is changed. Select the text entry area for the first Option and we'll add text for this example.
Click the continue button:
-
19Select New Scene.
Click the continue button:
-
20For this example, we've just scrolled down on the right side panel to better show the second Option and the Add a Choice button. Select the text entry area for the second option we'll add text for this example.
Click the continue button:
-
21Select New Scene.
Click the continue button:
-
22For this scene, we'll have three options for the learner to choose from. Select Add a Choice.
Click the continue button:
-
23Select the text entry area for the new third option and we'll add text for this example.
Click the continue button:
-
24This option will be be an ending for this branch. Select End.
Click the continue button:
-
25Instead of a square, the option is shown as a circle on the Dialogue Tree. Select the option on the dialogue tree to access the settings for this End.
Click the continue button:
-
26Select the text entry area for the character's statement and we'll add text for this example.
Click the continue button:
-
27Select the Mood icon to set a different Mood for the character in this scene.
Click the continue button:
-
28Select Angry from the list.
Click the continue button:
-
29For this example, we've just scrolled down on the right side panel. The character's image is changed. Select -2 as the Score value for this Ending.
Click the continue button:
-
30Select the text entry area for the Feedback text and we'll add text for this example.
Click the continue button:
-
31Let's have this ending take the learner back to the previous scene so they can make a different choice. Select Go to Node.
Click the continue button:
-
32Select the Scene on the Dialogue Tree.
Click the continue button:
-
33A green line now connects the ending with the scene on the Dialogue Tree. If the dialogue tree becomes too busy you can deselect the Show Links toggle in the upper left corner. Select Done and the scenario will be saved to your page.
Click the continue button:
-
34You can return to edit the Scenario just by double clicking it on your page.
Click the continue button:
Comments ( 0 )
Sign in to join the discussion.