Swipe Game

An interactive element that consists of sorting concepts by dragging them to the correct option. Because it is a game-like element, users will be able to play as many games as they want so they can improve their scores.

To select the option where the question belongs, the player has to drag the card to one of the sides, click on one of the side buttons or click on the option itself. Any of these will sort the question, and the player will know if the decision was correct or not.

Setting up the Swipe game

In terms of the size of the cell this interactive element takes up, it can behave in two ways:Direct execution: When you click on the icon on the home page, the exercise starts in that same cell.

  • Browser: If the cell the game occupies is too small to do the exercise comfortably, it will act as a browser. This means that after clicking the icon on the home page, the game will expand until it fills the whole slide. The user will be able to return the game to its original size by clicking on the X which appears after expanding.

In responsive mode (mobile), it always behaves in browser mode to provide a more comfortable and immersive experience, regardless of how its non-responsive version behaves.


You have the usual customization options:

  • Color: Choose one of the colors on the palette and set the opacity. In addition, you can choose any other color using the customized color configurator.
  • Gradient: Choose one of the gradients on the palette and set the opacity and the angle. In addition, you can choose any other gradient using the customized gradient configurator.
  • Image: If you decide to use an image for the background you have the same configuration options as the image element. See the related article about for more information. 

Description of the Swipe game

You can add text as a title or introductory text that will appear on the home page of the game. Note that when the game is placed on a very small spot on the slide this description will not be shown.


In the gamification section you will be able to configure information related to the games’ dynamics. The Swipe element settings are:

  • Time: You can set the maximum time a player can spend on a game. When this time runs out the game will end and the player will be able to see what score they got. Time is also an important factor when calculating points. At the end of the game if the player has time left, a time bonus will be applied to their final score. The maximum amount that can be configured is 60 minutes.

  • Points: You can specify the maximum points that a player can get. This value will be considered when calculating the total points for each game, taking into account whether you apply the time and number of attempts that the player has used up. The maximum value that can be set is 5,000 points.


To set up the questions for each option, select the corresponding option. You will find the configurable features inside.


The title defines the option. It needs to be a descriptive name.


The color will distinguish the side linked to each option.


Each option will have its linked questions, which the player needs to sort. To create questions, click on the + button on the list. Each time you add a new question, the properties panel will show you the settings of the new item. To go back to the list, you must click on the return button found on the top left of the properties panel.

If you want to access the properties of one of the questions again, just click on the item on the list.

In each question you can configure:


You can configure the wording of your question. Correctly define the concept you want to transmit, as it will be the information the player has to sort it along with the image.


To help the player sort the question, you can also choose a question image. We recommend using an image whenever possible. This way, the player will be able to classify the questions quicker. You can choose image-only questions to sort pictures, for example.

Editing Swipe Game in accessible mode

  • Add an alternative text and a long description if it is relevant to your cover image in the Swipe game.
  • You can assign a title by choosing from the different headings, so that your students can identify the exercise. Try not to repeat this title in the project section.
  • Add alternative text and a long description if relevant to the accompanying images for each question, for both options A and B.

To improve the accessible user experience, the drag functionality is replaced by two lower buttons corresponding to each group, where the name and colour of the group will also be indicated.

See an example of the Swipe Game in Accessibility mode.

Game considerations

If you publish your course for SCORM platforms, be aware that the space for saving tracking data (suspend_data) is limited. This set stores certain data such as the maximum score or attempts made. If your course is very long (more than 300 slides) or if you have used a large number of games you may have tracking problems.

Continue reading  Types of elements

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us