CF

Advanced HTML5 Game Development

2h 19m 57s
English
Paid

HTML5 is the fifth revision of the HTML standard, serving as a core technology for structuring and presenting content on the Internet. Its innovative features, such as the Canvas, Audio, and Video elements, make it a robust tool for game development. Unlike Objective-C, which is restricted to iOS, HTML5 enables game creation across multiple platforms. This versatility attracts game developers and designers to HTML5, simplifying the process of creating graphically-rich, interactive games for both the web and mobile devices.

Course Overview

This video course will guide you through creating interactive, dynamic, and vibrant games using HTML5. You will learn to develop a breakout game utilizing the HTML5 Canvas for graphics and staging.

Game Development with CreateJS

We will leverage CreateJS and its modular libraries to build a visually-enriched game environment. The course includes guidance on making your game interactive with support for keyboards, mice, and touch controls, thus enhancing the user experience.

Incorporating Audio

Next, we'll configure the game's audio using WebAudio and HTML Audio. You'll learn how to seamlessly integrate sound effects and music to boost gameplay immersion.

Data Management and Testing

Utilize HTML5's SQL-like data storage capabilities to manage in-game data effectively. The course will also cover robust testing and debugging techniques to ensure your game is free of errors.

Avoiding Common Pitfalls

We will address common errors and pitfalls developers often encounter in HTML5 game development. The course provides strategies to avoid these issues, ensuring your project runs smoothly from start to finish.

By the end of the course, you will harness the full potential of HTML5 to create advanced, interactive games. Get ready to enhance your game development skills with the cutting-edge features of HTML5!

About the Author: 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.

Watch Online 27 lessons

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

Related courses

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.