Inttro
Looking back in my blog history, I remember very well the first Memory Game created 10 years ago (with version 5.5). It was quite an adventure, because I wanted to prove it to be possible without having to use ActionScript (since only SWF output was available).
Now 10 years later, ActionScript has been replaced by JavaScript but I still try to create games without having to use JS. That is possible when randomness is not necessary as is the case for this game. However newer features like multistate objects, SVGs which can be used as buttons, and most important 'Shared Actions' make it a lot easier now. Kudos to the Captivate team!
Have fun with the embedded version (fixed size), or the rescalable version using this link
Extensions possible?
The structure of this game allows a lot of flexibility. The two challenges have a different total number of shapes. Shapes can be replaced by images to convert it into a kid's game. It is also possible to increment the number of pairs, or to make a search for trios instead of pairs.
SVGs used as buttons have several advantages. You can limit the clickable area to the image, instead of to the bounding box. They remain crisp ion all devices, whatever the browser resolution. Disadvantage is that they take a while to redraw, which you may have seen when the slide was reset.
As you could read I used:
- 3 shared actions. one of them was used 30 times! If you are not yet convinced about the value of Shared actions over Advanced actions, I will present about both on 24th of June in the Adobe eLearnng World 2020 conference.
- 2 advanced actions for the Reset action On Enter for the challenge slides
- 4 variables