Skip to Content
HTML5 2D Game Development
on-demand course

HTML5 2D Game Development

with David Geary
August 2013
Advanced
15h 15m
English
O'Reilly Media, Inc.
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.

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Watch now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

HTML5 Game Development

HTML5 Game Development

Jesse Freeman

Publisher Resources

ISBN: 9781449370794