Book Image

HTML5 Game Development Hotshot

By : Seng Hin Mak, Makzan Makzan (Mak Seng Hin)
Book Image

HTML5 Game Development Hotshot

By: Seng Hin Mak, Makzan Makzan (Mak Seng Hin)

Overview of this book

Table of Contents (15 chapters)
HTML5 Game Development HOTSHOT
About the Author
About the Reviewers

Mission briefing

We will learn how to create a CSS-based sprite sheet animation. We will also learn the concept of parallax scrolling and use JavaScript to handle keyboard inputs. You can visit the URL to play the example game in order to have a better understanding of what we will build throughout this project.

A screenshot of the game is shown as follows:

Why is it awesome?

After covering two game examples that used a mouse in the earlier projects, this is the first time we will handle keyboard inputs.

We will use a game loop in this project. The Game loop is an important technique in a game that drives the updates for both the logic and as well as the view rendering. We will further work on the animation by using a sprite sheet that animates frame by frame. Game loop and sprite sheet animation are two essential concepts of game development. We will even use these techniques in the later project that build games with canvas and game library.

In addition...