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.
Table of Contents
-
Act 1
- Course Overview 00:31:23
- Introduction 00:59:37
- Graphics and Animation, Part 1 00:27:40
- Graphics and Animation, Part 2 00:24:11
- Setting the Stage 00:35:38
- Sprites 00:33:06
- Sprite Sheets 00:33:54
- Sprite Behaviors, Part 1 00:31:24
- Sprite Behaviors, Part 2 00:22:41
- Sprite Behaviors, Part 3 00:20:58
-
Act 2
- Time, Part 1 00:31:20
- Time, Part 2 00:21:30
- Time, Part 3 00:34:48
- Time, Part 4 00:28:30
- Time Systems 00:58:17
- Collision Detection, Part 1 00:19:43
- Collision Detection, Part 2 00:30:34
- Gravity 00:29:43
- Sprite Animations 00:28:50
- Transitions and Effects, Part 1 00:22:48
- Transitions and Effects, Part 2 00:20:01
-
Act 3
- Score and Instructions 00:13:26
- Sound and Music 00:19:31
- Loading Screen 00:17:59
- Skip Intro 00:11:35
- Running Slowly Warning 00:23:55
- Tweeting the Score 00:05:56
- Particle Systems, Smoke and Fire 1:02:00
- Developer's Backdoor, Part 1 00:18:18
- Developer's Backdoor, Part 2 00:26:38
- Animations 00:16:49
- On the Server 00:44:58
- Deployment 00:08:18