Build an HTML5 Game

Chapter 2. Sprite Animation Using jQuery and CSS

In this chapter we’ll dive into moving sprites around the screen. Animation is one of the most common tasks in game development, and the principles you’ll learn in animating a simple game apply to most game types.

Although much of the buzz around HTML5 games focuses on the canvas element, you can implement many games just as well using more traditional HTML, CSS, and JavaScript techniques, which are the focus of this chapter. They’re useful game development lessons in their own right, and they’ll be advantageous when we look into using the canvas element later. Games developed using HTML, JavaScript, and CSS techniques, often referred to as DOM-based games, also have much wider browser compatibility. ...