© Jeanine Meyer 2018
Jeanine MeyerThe Essential Guide to HTML5https://doi.org/10.1007/978-1-4842-4155-4_5

5. The Memory (aka Concentration) Game

Jeanine Meyer1 
Purchase, NY, USA
In this chapter, we cover
  • Drawing polygons

  • Placing text on the canvas

  • Programming techniques for representing information

  • Programming a pause

  • Calculating elapsed time

  • One method of shuffling a set of card objects


This chapter demonstrates two versions of a card game known variously as memory or concentration. Cards appear face down, and the player turns over two at a time (by clicking on them) in an attempt to find matched pairs. The program removes matches from the board but [virtually] flips back cards that do not match. When players make all the matches, ...

Get The Essential Guide to HTML5: Using Games to Learn HTML5 and JavaScript now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.