In this chapter, you will use the knowledge of the previous chapters to create a well-known memory game. However, instead of presenting and explaining the code completed in the previous chapters, you will design a model first and work your way up from a modest beginning to a completely functional game, step by step. You will also learn how to enhance the attractiveness of web games with audio and video techniques. The following topics will be covered in this chapter:
The model for the memory game
Spiral 1—drawing the board
Spiral 2—drawing cells
Spiral 3—coloring the cells
Spiral 4—implementing the rules
Spiral 5—game logic (bringing in the time element)
Spiral 6—some finishing touches
Spiral 7—using images
Adding audio to a web page
The Collision Clones game
Adding video to a web page