August 2013
Advanced
15h 15m
English
Closed Captioning available in German, English, Spanish, French, Japanese, Korean, Portuguese (Portugal, Brazil), Chinese (Simplified), Chinese (Traditional)
Overview
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.