Multiple HotSpots

Hello!

 Loads of ways to do this but here is one.

I actually think that Hotspots might not be the best feature to use for spot the difference. Which seems counter-intuitive but here is why...

Hotspots can't change state. So once the learner clicks on the first hotspot (and scores a point), there is nothing to stop them clicking it again and again, increasing their score. This could let them accidentally lose track of how many differences they have really found.

Instead, I suggest using shapes with 99% transparency (so it is barely noticeable). This means the shapes can be set to change state to Hidden once initially clicked, to avoid the problem above.

Here are the steps:

1. Draw a shape (I have chosen ovals) in each 'hotspot location' and colour them white with 99% transparency.
2. Create a variable (let's call it HotspotCounter) and triggers which read "When user clicks on Oval 1, add 1 to HotspotCounter. Repeat this trigger for each oval.
3. On each oval, add a second trigger which reads "Change state of Oval 1 to Hidden when user clicks Oval 1"
4. Elsewhere on the screen, insert a textbox to keep score. I have gone for "Score = %HotspotCounter% / 11 as I know the variable reference will be replaced by the number of hotspots they have found when published.
5. Finally, as a bonus step - in a spot the difference game, it will be ruined becuase every time the mouse hovers over one of the ovals, it will change from a pointer cursor to a hand cursor. To avoid giving this clue, I have added a large transparent rectangle which covers the whole image. It has a trigger to play an incorrect sound when it is clicked. But basically it is there so the cursor is always a hand, and the learner isnt given that giveaway clue!
   
   
   Story file attached and you can see it in action here. As a demo, I have included two of the differences (the number 6 and 9 have been flipped, and the foot at the bottom of the picture is in a different position)