Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

Overview

Learn how to implement 2D video games, using the HTML5 Canvas element and HTML5’s support for animations. This comprehensive 18-hour video covers every aspect of game development. You'll follow 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.

Subscriber Reviews

Average Rating: 4.222222222222222 out of 5 rating Based on 9 Ratings

"Too slow" - by Nick on 21-FEB-2014
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
There's simple too little in the first two hours for me to continue this training. I'd maybe advise this to people who never programmed a single line of code.

I was hoping for more game principles and javascript coding. It doesn't really seem to focus on code, but rather on a few very basic game principles.

I've done about half an hour of MelonJS and I'm as far as this training will get you after 10 hours, with more flexibility to boot.

Report as Inappropriate

"Wow!! A boot camp for game development + HTML5" - by tkousek on 15-DEC-2013
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
When I see David Geary's name on any presentation/video, I know it's something that I'm going to be learning a lot from.  Kind of like the old 70's commercial "When EF Hutton speaks, everybody listens".

His HTML5 Canvas video series was excellent.  Canvas was something that I was not all that excited about but Geary made it a course that was highly enlightening/valuable even if one never does canvas programming.  

I'm a software developer of 25 years and admittingly, I've never had to do game programming.  I don't even play video games.   I've done scientific programming, systems and business programming (web applications and console apps,etc..) over the years.  Never had a reason to learn about game programming.  But when I saw Geary's name on this course, I made an exception and disciplined myself to go thru this course from beginning to end without rushing thru it.   This took me a better part of 3+ weeks to go thru this whole course before/after work and on weekends.  The key is to spend about an hour a day on it so as not to overload yourself.   Don't kid yourself, the 15 hours of video does not mean "15 total hours you'll spend".   With these, it usually means 2-3 hours of study and review for every one hour.  So expect to spend about 30+ hours in total going thru it.  And do it when you're not feeling dragged down because there's a ton of information from beginning to end.   There is practically no filler.   He'll put you thru the ringer.

Treat this like a boot camp  :-)

Having finished/completed this course, I can say that I
have learned way way way more than I expected/anticipated and I can see games now and know the techniques and how to implement portions of it.   How it works behind the scenes.

Another really cool thing is that this whole game is implemented in Javascript using html5 canvas.  Don't let that scare you because you'll see advanced javascript techniques sprinkled thruout along with css transitions.  

This is not just a "here's how you do javascript/html5" course.   Very impressive is how you learn the many aspects/tangibles/concepts about "game development' in general (ie, sprites, collision detection, 2d core drawing, etc..) that you can apply to languages other than Javascript.   So you're going to get a lot of that too.

Be prepared to take a deep dive thru game development.  And be prepared to learn a ton during your journey thru this series.

Although this may not work for you, what worked for me was to discipline myself to spend 1-2 hours a day until I got thru the whole series.   You can download much of the code (although it's out of sync with the series) from his website promoting his HTML5 canvas book -or- you can download it thru his posting/series on IBM's web site as he makes it available there.   So watch the video, stop it and study the code, set breakpoints in the browser, etc..    Take your time and
don't be in a hurry to get thru it.   And at least prepare yourself that it could take 3-4 weeks to get thru it.

Whether or not I ever do any game programming is beside the point.  I've learned a bunch with this course and I can look at games and at least use this course (and the game he walks you thru) as a frame of reference and understand how the games may have been implemented.

Very cool course by a guru (David Geary).

Even if you never write a game in your life (or never will), you'll still get a lot out of this course.   If you do plan to write games, this course should be considered essential.

Great job David Geary.




Report as Inappropriate

Table of Contents

Chapter/Selection

Time

Act 1

Course Overview

Preview

00:31:24

Introduction

Preview

00:59:37

Graphics and Animation, Part 1

Play Video

00:27:40

Graphics and Animation, Part 2

Preview

00:24:10

Setting the Stage

Preview

00:35:38

Sprites

Preview

00:33:05

Sprite Sheets

Preview

00:33:54

Sprite Behaviors, Part 1

Preview

00:31:23

Sprite Behaviors, Part 2

Preview

00:22:40

Sprite Behaviors, Part 3

Preview

00:20:58

Act 2

Time, Part 1

Preview

00:31:20

Time, Part 2

Preview

00:21:30

Time, Part 3

Preview

00:34:48

Time, Part 4

Preview

00:28:30

Time Systems

Preview

00:58:16

Collision Detection, Part 1

Preview

00:19:42

Collision Detection, Part 2

Preview

00:30:34

Gravity

Preview

00:29:43

Sprite Animations

Preview

00:28:50

Transitions and Effects, Part 1

Preview

00:22:47

Transitions and Effects, Part 2

Preview

00:20:01

Act 3

Score and Instructions

Preview

00:13:25

Sound and Music

Preview

00:19:31

Loading Screen

Preview

00:17:58

Skip Intro

Preview

00:11:35

Running Slowly Warning

Preview

00:23:55

Tweeting the Score

Preview

00:05:55

Particle Systems, Smoke and Fire

Preview

01:02:00

Developer's Backdoor, Part 1

Preview

00:18:17

Developer's Backdoor, Part 2

Preview

00:26:37

Animations

Preview

00:16:48

On the Server

Preview

00:44:58

Deployment

Preview

00:08:17

Extras

The publisher has provided additional content related to this title.


Description
Content

Visit the catalog page for HTML5 2D Game Development

  • Catalog Page

Visit the errata page for HTML5 2D Game Development

  • Errata