Create a Simple E-Learning Game

E-Learning Games #24: Challenge | Recap

I know there are a lot of folks in the community who are looking to build games in Storyline, or who just want to know more about using games in e-learning. If either sounds like you, then you’ll love this week’s challenge.

This week we’re going to look at transforming a quiz into a simple e-learning game.

E-Learning Games

View the E-Learning Game | DownloadVideo Tutorials

In reality, these types of games are more like glorified progress meters than high-production games. But they’re fun for learners to take, and just as much for course designers to build. 

Choose a Gamified Theme

What type of game do you want? One option for game themes is to align the game to the rest of your course content. Think of a new hire course where the objective is to collect important documents from different departments. Maybe you browse the aisles of your company “store” and fill your cart with your departmental items. Another option is to choose something more off-the-wall like an adventure game or a treasure hunting scenario.

Backgrounds Create Context

Once you’ve found a theme, the next step is to head over to your favorite stock photo site for some background graphics that match your theme. Because the background graphic is the largest slide object, it sets the context for your e-learning game.

Select the Style of Game

How do you want your learners to move through the game? Two common ways include:

Linear: Learners follow a path of challenge questions. Each time the learner answers correctly, the learner moves forward along the path. Markers along the path are updated visually to indicate correct and incorrect choices.

Non-linear: Learners move through the game by choosing one of the markers or buttons placed around the game board. Clicking a marker loads a new challenge question. After answering the question, the learner is returned to the game board and the marker is updated visually to reflect a correct or incorrect answer.

Building the Quiz

As with most interactions in Storyline, you have multiple options for how you structure your game. Depending on your goals, you’ll find one method fits better than the other. You essentially have two ways to build your file:

Single Slide

Everything is built on a single slide. This is an efficient way to structure your file because it enables you to easily share your final game template. Because all quiz questions are built on slide layers, Storyline’s built-in quiz results options won’t be available to track and report the game scores.

Separate Slides

The other option is to build your questions as separate slides. Using your game board as your home slide, each marker loads a quiz question either as a lightbox slide or jumps the learner to the new slide. After completing the question, the learner is returned to the home slide where the marker is updated to reflect the learner’s correct or incorrect answer.

This Week’s Challenge

This week your challenge is to build a simple e-learning game.


You can use Articulate Storyline or Articulate Quizmaker to create your e-learning game.

To get you started, take a look at this e-learning game from our downloads gallery.

Last Week’s E-Learning Challenge

To help you find a game plan for this week’s challenge, take a look at the highlights from last week’s branching scenarios challenge:

How to Build a Simple E-Learning Game

Learn how to build an e-learning game in this video tutorial series.

How to Build a Simple E-Learning Game

New to the E-Learning Challenges?

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

Alex O'Byrne
Alex O'Byrne
Jason Renshaw
Jason Renshaw
Jay Yearley

There are some really good E-learning games posted by everyone so far. This was an interesting and inspiring challenge. Here's another E-learning game submission! Basically I was thinking of ways to make learning different UI/navigational elements in digital design more engaging. I've taught some UI design classes before, and it always fell into the context of Website examples (which I also design). So mainly I was looking for a reason to gamify that info a bit. Not sure if this will actually be used in real classes (it was mainly just done quickly, and for the fun challenge). Anyway, this game is called "Spy Games" and is a VERY fictional gameplay scenario where you play as an gov't anti-cyber crime agent, and placed in ... Expand

Kelly Prince
Kenra Keddington

Oh my what talent! I was looking at a lot of the blogs last night and this really got me wanting to do a game. I know I'm late coming in but as they say---better late than never. No I am not going to put a game on here because I am new and yes intimidated by all of this! What I really want to say though is THANK YOU everyone for sharing your inspiration and talent, it helps me a lot. After reading all of this I couldn't stop dreaming about it---yes, this means no sleep! Came in to work first thing this morning and decided I had to do a quick rough draft of what kind of game I would like to do. I think I may be dreaming too big and I'm sure it will take me a while to do it. But I was wonder if it was even possible--I think it is using variables*?%*-!?. Before I venture this can I get s... Expand

Jay Yearley

Kenra, your original post was some time ago, though thought I'd add a comment about what was asked. First, it looks like an interesting idea! And Yes, it looks very possible to create. It would use a variable for the Points. You could set it up by clicking the black "x" in the Triggers panel, set it's type to Number, and have it's initial value set at 0 (to start out with). Then, as users make the different choices, you'd need to add different Triggers there to add (or subtract) the different Point amounts. For example, create a Trigger, set it's Action to "Adjust Variable", and select the variable made previously for the Points. For the Operator, select the equal sign ( = ), then select "Value" and in the box next to that is where you'd enter the number of points it gives (e.g. 100)... Expand

Jackie Van Nice
David Anderson