CF

Advanced HTML5 Game Development

2h 19m 57s
English
Paid
Updated September 2026

Advanced HTML5 Game Development is a 27-lesson 2 hours 19 minutes self-paced course by Packt Publishing. HTML5's Canvas, Audio and Video elements make it possible to ship the same interactive game across web and mobile without the platform lock-in of something like Objective-C, and this course builds a full breakout game to prove it.

Course facts

Lessons
27
Duration
2 hours 19 minutes
Level
All levels
Language
English
Updated
2026-09-11
Instructor
Packt Publishing
Price
Premium

HTML5's Canvas, Audio and Video elements make it possible to ship the same interactive game across web and mobile without the platform lock-in of something like Objective-C, and this course builds a full breakout game to prove it.

Building the game

  • Rendering and staging graphics with the HTML5 Canvas element
  • Using CreateJS's modular libraries to build a visually richer game environment
  • Adding keyboard, mouse and touch controls for real interactivity
  • Configuring audio with WebAudio and HTML Audio for sound effects and music

Beyond the basics

The course also covers managing in-game data with HTML5's SQL-like storage, plus testing and debugging practices that catch problems before they ship, and the common pitfalls that trip up HTML5 game developers so you can sidestep them from the start.

Who teaches Advanced HTML5 Game Development? Packt Publishing

Packt Publishing thumbnail

Packt Publishing is a UK-based technical publisher that has been releasing books, video courses, and subscription content for software developers since 2004. The Packt catalog is one of the broadest in the industry — covering essentially every active programming language, framework, and infrastructure tool — and operates as both a book publisher and a video-course platform.

The CourseFlix listing carries three Packt courses spanning topics typical of the broader Packt catalog: OpenCV 3 by Example, Learning Salt (DevOps configuration management), and Advanced HTML5 Game Development. Material is paid and aimed at developers picking up specific technologies through structured video walkthroughs.

What lessons are included in Advanced HTML5 Game Development?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 27 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: The course overview
All Course Lessons (27)
#Lesson TitleDurationAccess
1
The course overview Demo
01:56
2
CreateJS overview
06:44
3
Playing sounds in various browsers using SoundJS
03:46
4
Tweening objects using TweenJS
06:11
5
Loading graphic assets using PreloadJS
07:38
6
Creating the graphic assets
04:29
7
Creating basic animations
03:37
8
Game stage creation and object positioning
05:06
9
Game logic overview
01:45
10
Adding the basic game logic - Part 1
06:17
11
Adding the basic game logic - Part 2
04:39
12
Adding the game physics - Part 1
08:20
13
Adding the game physics - Part 2
05:56
14
Adding the game physics - Part 3
07:42
15
Creating the scoring system
07:17
16
Adding mouse controls
07:40
17
Adding keyboard controls
08:45
18
Mobile support
03:10
19
Saving the game data
07:11
20
Chrome developer console overview
06:27
21
Debugging with breakpoints in Chrome
03:07
22
Firefox debugging
02:45
23
Debugging on Android
02:42
24
Debugging on iOS
03:16
25
Common errors
06:59
26
Troubleshooting
02:47
27
Goodbye
03:45
Unlock unlimited learning

Get instant access to all 26 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to Advanced HTML5 Game Development?

More courses by Packt Publishing

  • Learning Salt thumbnailUpdated

    Learning Salt

    Learn to automate infrastructure at scale with SaltStack, from basic setup to deploying Dockerized apps behind an HAProxy balancer.
    6h 14m
  • OpenCV 3 by Example thumbnailUpdated

    OpenCV 3 by Example

    Learn OpenCV 3 through real examples: image processing, background subtraction for surveillance, object tracking, and text recognition.
    3h 53m

Frequently asked questions

What are the prerequisites for enrolling in this course?
This course assumes a basic understanding of HTML, CSS, and JavaScript. Familiarity with game development concepts will be beneficial, but is not required. The course will guide you through using specific HTML5 features like Canvas, and tools such as CreateJS, so prior knowledge of these is not necessary.
What kind of game will I build during this course?
You will develop a breakout game that utilizes the HTML5 Canvas element for graphics and staging. This project will incorporate interactive elements using CreateJS, including keyboard, mouse, and touch controls, as well as immersive audio features through WebAudio and HTML Audio.
Who is the target audience for this course?
This course is designed for web developers and game designers interested in creating interactive games using HTML5. It's particularly suited for those looking to expand their skills in cross-platform game development, leveraging HTML5's capabilities for web and mobile environments.
How does this course compare in depth and scope to other HTML5 game development courses?
The course provides a focused approach by building a complete game using HTML5 and CreateJS. It covers a broad range of topics from graphics and animations to audio integration and data management, offering practical skills applicable to real-world game development.
What specific tools and libraries are covered in this course?
The course covers the CreateJS suite, including SoundJS for audio, TweenJS for animations, and PreloadJS for asset loading. These tools are used in conjunction with HTML5 features like Canvas to create a dynamic game environment.
What topics are not covered in this course?
The course does not cover advanced game development frameworks beyond CreateJS or in-depth physics simulations outside the basics needed for the breakout game. It also does not delve into server-side development or multiplayer game architecture.
How much time should I expect to commit to this course?
The course consists of 27 lessons. The time commitment will vary based on your prior knowledge and experience, but you should expect to spend several hours per week working through the videos, exercises, and debugging tasks to fully grasp the material and complete the breakout game project.