UFOLAB
  • WELCOME!
  • Getting Started
    • What is UFOLAB
    • How to create a game
      • From scratch
      • From template
    • Publish your game
  • Dashboard
  • Game editor
    • How to use the editor?
    • General Settings
    • Text
    • Multimedia
      • Audio
      • Video
      • Image
    • Components
      • Maze generator
      • Flashlight
      • Dialogue
      • Box
    • Library
      • Buttons
      • Text Boxes
      • Icons
      • Shapes
    • Minigames
      • Questions (Basic Puzzle)
      • Colors (Basic Puzzle)
      • Arrows (Basic Puzzle)
      • Shapes (Basic Puzzle)
      • Letters (Basic Puzzle)
      • Numbers (Basic Puzzle)
      • True or False (Basic Puzzle)
      • Scratch Image (Basic Puzzle)
      • Rings (Advanced Puzzle)
      • Fill the gaps (Advanced Puzzle)
      • Control Access Password (Advanced Puzzle)
      • Computer Access (Advanced Puzzle)
      • Phone Access (Advanced Puzzle)
      • Jigsaw (Advanced Puzzle)
      • Tic-Tac-Toe (Minigame)
      • Quiz (Minigame)
      • Swipe Time (Minigame)
      • Wordwheel (Minigame)
      • Timeline (Advanced Minigame)
      • Crossword (Advanced Minigame)
      • Memory Game (Advanced Minigame)
      • Einstein's Riddle (Advanced Minigame)
      • Quizz Run (Advanced Minigame)
    • Gamification Bar
  • TIPS and Advanced Features
    • Scorm
    • Text templating
    • How to create an actionable area
    • How to undo and redo?
    • How to resize the letters of a text?
    • How to preview our game?
    • How to place a logo along the project
    • How to clone and rename scenes?
    • How to delete multimedia files?
    • How to create a mobile game?
    • How to add background music
    • How to resize the elements
    • How to change the scenes order
    • How to move elements of the scene back and forth?
    • How to make the cover of your game?
    • How to change the canvas size?
    • What's the size limit for files?
    • How to zoom in, zoom out, and adjust the screen?
    • You need help?
  • FAQs
Powered by GitBook
On this page
  • Elements in the gamification bar
  • How to Configure and Use the Gamification Bar
  1. Game editor

Gamification Bar

PreviousQuizz Run (Advanced Minigame)NextScorm

Last updated 6 months ago

The Gamification Bar is a dynamic component in UFOLAB that enhances gameplay by integrating interactive elements such as a countdown/timer, progress bar, and points system. These elements are crucial in adding engagement and challenge to your game. Below is a breakdown of each feature.

You can use it just adding the Gamification Bar by dragging it into your scene.

Elements in the gamification bar

There are 3 elements, and you can decide whether use just one, two or all of them.

1. Countdown/Timer

  • Purpose: adds a sense of urgency to the game, encouraging players to complete tasks within a limited time frame.

  • Usage Example: Useful in scenarios where players need to solve puzzles or complete challenges within a time limit. In advanced option you can select in which scene the gamification bar starts.

When the countdown ends the game finishes and takes the player to the gameover scene. It is mandatory to keep this scene created in the game if you use the Countdown.

2. Progress Bar

  • Purpose: Visually tracks the player’s progress throughout the game.

  • Usage Example: Particularly helpful for games with multiple stages or challenges, showing how far the player has progressed through the game.

3. Points System

  • Purpose: Tracks and displays points that players accumulate based on their actions and performance within the game.

  • Usage Example: Ideal for quiz-style games or educational scenarios where players are rewarded for correct answers and deducted points for incorrect ones.

Points need to be defined along the game in the actions linked to components and/or puzzles and minigames.

How to Configure and Use the Gamification Bar

  • Step 1: navigate to the left-hand panel and select the Gamification Bar option from the list of components.

  • Step 3: customize the size and behaviour of each element using the options in the top menu.

  • Step 4: set specific actions that should happen when the player interacts with these components. For example, when the timer ends, the game can cause a scene change or a points deduction.

The location where the gamificatin bar is placed when you drag it into any scene on the Interface Layer (), will remain during all the game from the scene it's set up to be shown initially and until the gameover scene, at the exact same position.

Step 2: drag it onto the scene placing it on the Interface Layer (), this way it will appear in all the scenes of the game.