HTML5 Typography - Learn HTML5 by Creating Fun Games - page 45

Chapter 2. HTML5 Typography
Now that we have our environment set up, we're ready to take a deep dive into the
actual code behind HTML5. This is where the topic begins to take off, since no mat-
ter how much theory you learn, it's very difficult to master a programming language
without some keyboard time.
The game we'll be developing in this chapter will be a typing game, with some em-
phasis in the typography aspect of it. Again, I remind you that the focus of this topic is
not to teach game development, but rather to teach you all about HTML5. Thus, the
general approach we'll take to coding the games will not necessarily be most optim-
al for general game development, although all of the games covered in the topic will
perform fairly well in most major browsers.
The game
For lack of creativity, and to steer away from a possible lawsuit from a grumpy game
company, we'll name this first game simply Typography Game . I know, that's not the
most impressive game you've heard of, but at least it does a great job of explaining
what the game is generally about.
The overall storyline for the game, as well as its general point, goes as follows: cor-
rectly type a phrase that is shown to you word-by-word, and win your dream boat. If
you don't type each character correctly and fast enough then Snooty McSnooting-
ton wins the boat and you lose the game skills.