HTML5 2D game development, Graphics and animation
Drawing into the canvas and putting things in motion
From the developerWorks archives
Date archived: April 22, 2019 | First published: October 02, 2012
In this series, HTML5 maven David Geary shows you how to implement an HTML5 2D video game one step at a time. This installment covers Canvas graphics and HTML5 animation. You'll see how to draw the game's graphics and how to set them in motion. You will also learn the best way to animate with HTML5, how to scroll the background, and how to implement parallax to simulate three dimensions.
This content is no longer being updated or maintained. The full article is provided "as is" in a PDF file. Given the rapid evolution of technology, some content, steps, or illustrations may have changed.