HTML and CSS Reference
In-Depth Information
The following screenshot shows the inal result of this project. The upper part is a imer, the
part to the let shows the quest, the right part is the composiion of the player, and the lower
part is the deck of paterns.
timer
Stage 4
player s
composition
quest
undo
deck
deck of
patterns
Why is it awesome?
A simple matching game like this is a perfect way to get you warmed up with the HTML5
games' development rhythm. What we will learn in this project is the foundaion to build
more complicated games later in this topic.
This game uses what we are familiar with: HTML element interacion and styling in CSS.
What's new, is JavaScript logic. This project will show us how to convert the game rule into
code. We will also learn how to separate logic into diferent parts with diferent responsibiliies.
