How to Earn Badges by Viewers' Choice w/Variables
A step-by-step guide to implementing gamification with badge rewards in your interactive videos
Using badges, one of the gamification elements, in your videos can significantly increase engagement by encouraging viewers to keep watching. For example, imagine a video with three questions. If the viewer answers two questions correctly, they earn the Honesty badge. Let's walk through how to set this up:
- Step 1: First, ensure that you have the badge images stored in your image library. Add the badge image using the Image widget to the timeline at the point where you want it to appear in the video. Adjust the time interval for its display and set it to appear throughout the video. Make sure to turn off the "Visible" feature in the Properties panel.
- Step 2: Next, add a Single Select Question to your video. Open the option settings where you will assign a badge. Now, define the variable for this action. If the user selects this option, they should receive one point. To do this, type "score = 1" in the Set Variable section and save.
- Step 3: Add the second question. In the option settings, again define the variable. If the user selects the correct option, the score should increase by one point. To do this, type "score = ${score} + 1" in the Set Variable section and save.
- Step 4: Add the third question. As with the second question, define the variable so that if the user selects the correct option, the score will increase by one point. Type "score = ${score} + 1" in the Set Variable section and save.
- Step 5: Add a Conditional widget to the timeline to set the condition and the corresponding action. The condition should be: If the viewer's total score is 2, display the badge image. To do this, click the Add Condition button, check the score value, and type "score = 2" before saving.
- Step 6: Position the Conditional Action widget immediately after the second question is answered.
- Step 7: In the Conditional Action Properties panel, select the action to take under this condition. Choose "Set Visible" from the action list, then select the badge image name from the Target Tracklist and save.
- Step 8: Copy this condition at the end of the other questions. Remember, the more times you want to check the score condition, the more conditional actions you need to add.
By following these steps, you can easily incorporate badge-based rewards into your interactive videos, enhancing viewer participation and engagement.