Add hotspots

You have the choice of setting interactions that allows users to click on a part of the screen via a ‘hotspot’ that will trigger an outcome.


You’ve already created your first scenario and a game map with button options. Now let’s look at hotspots.

  1. To add a hotspot click on the ‘settings’ of your decision point node and give it a name that will help you to create your content in an orderly way  
  2. You need to ensure your scenario defaults to a new scenario. This means, if the learner doesn’t pick a choice it will automatically default to the next scenario. To do this, where it says ‘default to’ choose ‘new node’ from the drop-down menu
  3. Then, select ‘hotspots’ under the interaction section and click ‘ok’ to save. You will now see the default node on your map
  4. You then need to click on the ‘interactions’ part of your decision node
  5. You will see at the top of the screen you have the option to pick grid size. This is the number of hotspots you want on the scenario, you can choose from 4, 9 or 16
  6. Then, choose the countdown time you’d prefer. On this one we’ll go with the default 10 seconds – you can edit the default in the Scenario Settings screen
  7. To add an interaction click the purple plus button on the right, you will then have a few different things to complete 
  8. The first drop-down menu allows you to choose the hotspot you want to interact. For example, if you choose 1, when the learner clicks that corner, it will take them to a new scenario or the end of a game
  9. Then you need to fill in your rationale and scoring. The way you rationalise choices is completely down to you, and the same for scoring however you can’t score anywhere outside of 0 – 100
  10. Complete these steps for all of your hotspots and then click ‘ok’ to save
  11. You will now see all of the new nodes on your map, you may want to rename these to make it easier for you to follow
  12. To do this, click on the settings of each choice and change the ‘title*
  13. On each choice, you will also see that you can choose where it defaults too. As you did before, you should select ‘New node’,‘default’ or leave them blank
  14. Once you’ve changed the settings click ‘ok’ to save
  15. Once you have completed your game map, click ‘save’. This is the 2nd button from the left on the bottom navigation bar
  16. You may see on the top right-hand corner of the game map screen, there is a red exclamation mark. This means there are files missing from your game map. To fix this you need to upload media
  17. To do this, click ‘upload media’ on the right-hand side. Hopefully, your media is named to match each scenario. You can select them all, scroll down the list and click upload
  18. Once complete, you can click on media library and drag and drop the media onto the correct scenario, always make sure to click ‘Save
  19. Once you have completed all of these steps, you’re done! You can click ‘Publish’ which is the last button on the bottom left navigation bar