O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

HTML5 2D Game Development

Video Description

Learn how to implement 2D video games, using the HTML5 Canvas element and HTML5’s support for animations. This comprehensive 15-hour video chronicles the development of a 2D HTML5 video game from start to finish that runs at a rock solid 60 frames per second on an iPad. Once you complete this workshop, you’ll have all the knowledge you need to create compelling HTML5 2D games just like it.

This video workshop covers every aspect of game development, including:

  • Drawing graphics and creating animations
  • Scrolling backgrounds and creating parallax effects
  • Controlling time with sprite behaviors and a game time system
  • Using CSS animations for level transitions
  • Creating Heads-up displays (HUD) so users can see game information while they play
  • Using particle systems to create effects such as smoke and fire
  • Storing in-game statistics on a server
  • Detecting and responding to collisions

Intended Audience:

If you're an experienced JavaScript developer who wants to create 2D games with HTML5, this video is for you. You should be well-versed in JavaScript as well as HTML and CSS. You should also be familiar with computer graphics.