I think this submission might be considered “coloring way outside the lines” but it was fun to create. In this week’s Articulate challenge “Designing Interactive Coloring Books for E-Learning #190,” the challenge was to share an interactive coloring book or similar activity that lets users customize their colors in one or more on-slide graphics. Okay, so I took the “or similar activity” a little too far on this one when I created my submission for the week.
Roll the Dice
Picking Your Color
When you start the game, you are provided a choice of color for your dice. In this case, orange, black, blue or green.
Selecting a specific color of dice sets that corresponding variable to TRUE. This takes you to another layer, based on your color choice, where I used a “progress icon” from Storyline 360’s icon library to simulate an animated progress bar.
When the layer’s timeline ends, you are taken into the “game”. To ensure you have some money to start with, I set up a variable and named it RunBal with a starting value of $5.
When you click the Roll the dice button, the DiceRoll variable is set to a value between 1 and 6. Based on the value that is randomly selected, you are taken to the appropriate layer. To maintain the correct color of dice, and avoid having to create a separate branching for each color, I changed the state of the dice based on whether or not a specific variable was TRUE. For each layer, I also added a trigger that performed the following to keep a running total of your winnings:
Action: Adjust variable
Operator: + Add
Value: Value 1
When: Timeline ends
Object: (the specific layer)
There were a lot more things going on “behind the scenes” but for now, here’s a quick sample mockup that I built. I hope you like it!
Testing only: Google Analytics with Storyline 360