Hello everyone, here's an example of  gamification in e-Learning. The main aim of this game is to improve user’s concentration skills along with providing him information about skateboarding.

Here cute and notorious Kick Buttowski jumps into one of the 3 available boxes randomly and the boxes start shuffling on click of "Start the Game" button. 


The user needs to focus and keep track of the box in which Kick Buttowski is and click it to get him out,


but beware..if the user chooses the wrong box, there is a punishment, yes you guessed it right, the user will have to answer a random question about skateboarding, fetched from a question bank.


The game play is divided into 3 main slides based on the shuffle speed (Normal, Moderate and Insane).


1) Normal - In normal speed mode, the users will have 3 chances to find the correct box and for each correct find they will be awarded 20 points. Just in case a user fails to find the correct box in which Kick Buttowski is, he will be redirected to a random question about skateboarding.
  • On correctly identifying the box in which Kick is: POINTS AWARDED 20
  • On correctly answering the question: POINTS AWARDED 10
  • On incorrect answer : NO POINTS AWARDED.
 
 
2) Moderate - In moderate speed mode, again the users will have 3 chances to find the correct boxes and for each correct find they will be awarded 20 points. In this case the shuffle speed is higher than the normal speed mode and a separate question bank that contains questions of slightly higher difficulty level is used.
  • On correctly identifying the box in which Kick is: POINTS AWARDED 20
  • On correctly answering the question: POINTS AWARDED 10
  • On incorrect answer : NO POINTS AWARDED.

3) Insane- In Insane mode, the users will have 4 chances to find the correct boxes and for each correct find they will be awarded 20 points. Here the users will have to give it their all as the shuffle speed is twice the moderate speed and the question bank contains really difficult questions.
  • On correctly identifying the box in which Kick is: POINTS AWARDED 20
  • On correctly answering the question: POINTS AWARDED 10
  • On incorrect answer : NO POINTS AWARDED.

The maximum score that a user can attain is 200. On completing all levels, the following slide will be displayed:


-----------------------------------------Whats under the hood?-------------------------------------------
  • Used a web object that allows me to shuffle the boxes seamlessly and created variables in JavaScript to bridge the gap between SL2 and JS. 
  • As shown below, I have created 3 Different slides for different speed levels (Normal/ Moderate/ Insane)
  • The blank slides that you see below are used for redirecting to the appropriate speed level.
  • I have created 3 different question banks, 1 for each speed level. All of them have 9 Questions each.
  • Question bank 1 has easy questions for normal speed level.
  • Question bank 2 has slightly difficult questions for moderate speed level.
  • Question bank 3 has very difficult questions for Insane speed level.
  • Every time a wrong box is clicked, a random value is fetched (any value from 1 to 5) and according to that random value corresponding slide with question comes up.

Here's the demo link: https://goo.gl/iDMrDF

This Example is Inspired by "Find Candies" shuffle game,created by Avinash Sharma.