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.
Publisher resources
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
Product information
- Title: HTML5 2D Game Development
- Author(s):
- Release date: August 2013
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 0636920030744
You might also like
video
Python Fundamentals
51+ hours of video instruction. Overview The professional programmer’s Deitel® video guide to Python development with …
video
Learning Data Structures and Algorithms
In this Learning Data Structures and Algorithms video training course, Rod Stephens will teach you how …
video
Algorithms: 24-part Lecture Series
Algorithms, Deluxe Edition, Fourth Edition These Algorithms Video Lectures cover the essential information that every serious …
video
C++ Programming By Example
Practical projects to get you up and running with C++17 About This Video Learn C++ programming …