Gamification with Articulate Storyline (Make a Quiz Based Game)

Game-Based Learning: Getting A Good Start [Infographics]

Gamification with Articulate Storyline (Make a Quiz Based Game)

Are you a user of Articulate Storyline? Do you want to create games to make your eLearning courses more engaging?

Well, Storyline gives the power to design and create your own games easily. We can create various types of games by using top features “triggers, variables and Layers”.

In this post, I would like to share a few lines about each top feature and how to use them to create games for your eLearning courses in Articulate Storyline.


Triggers make easy to add interactivities to your eLearning courses. You can assign triggers to various types of objects such as images, buttons, characters, text and shapes. You can also assign one or more triggers to any object in Storyline.

Storyline Trigger Wizard

For every trigger you need to define following attributes

  • What (actions)
  • Where (layer, slide, character, object etc)
  • When (event)


Variables are a way to remember information and they work as a storage device. Only one piece can be held by variables at a time. We have 3 types of variables in Storyline and they are “Text, Number and True/ False”.

Text variables can hold only text-based values; Number variables hold numeric values where as True/ False variables hold Boolean values.

Using Trigger Wizard, you can easily create and manage your project variables.


Layers allow displaying additional information on the slide. You can add as many layers as needed.

Here are the steps to create a quiz – based game (Bowling Pins).

1. The story size must be set according to our requirements. In my example I have taken width: 550; height: 520.

Set Story Size

2. Now create a background and insert a “play” button by using the shapes tool.

Assign a “trigger” to the “Play” button to display your question 1 as shown below.

Assign a Trigger

3. Add a question in the next slide by clicking the Insert tab, select New Slide and then select “Quizzing” tab from the left edge. Choose a “Graded” question and click insert button.

Adding Graded Questions

4. Insert a background for the question as shown below.

Edit Questions

5. Insert a ball image in the correct feedback layer and give animations as follows. The ball should be positioned near the pins as shown below

  1. Entrance Animations: Fly In; Enter From: Bottom; Speed: Fast
  2. Exit Animations: Fade Out; Exit To: Current; Speed: Very Fast

Apply Animations to an Object

6. Once you animate the ball, insert a “dropped down pins” image on the timeline. See the screenshot below for reference.

Insert an Object on the Timeline

7. Now again insert a ball image in the incorrect feedback layer and give animations as mentioned above. Here the ball should be positioned as shown in the image below.

Apply Animation to an Object

8. To add a score to your game, create a “Number” type variable in the variable manager and give “zero” as its initial value.

Create a Variable in a Variable Manager

9. To display your score, take a text field/ rectangle in the correct feedback layer. Insert your “variable name” and percentage symbols as shown below.

Add a Variable Name inside an Object to Display Game Score

10. Now create a new trigger in the correct feedback layer to store question the score when the user selects the correct option. Here you should also create a “True/ False” type variable forĀ  question 1.

Store Question Marks in a Variable

11. Follow the above steps for the remaining questions to complete your quiz based game.

I hope my blog helped you in learning something new. Any suggestions are welcome.

View eBook on 15 Incredible Examples of E-learning Assessments