Skip to main content

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: packtpub

packtpub thumbnail
Founded in 2004 in Birmingham, UK, Packt's mission is to help the world put software to work in new ways, through the delivery of effective learning and information services to IT professionals. Working towards that vision, we have published over 6,500 books and videos so far, providing IT professionals with the actionable knowledge they need to get the job done - whether that's specific learning on an emerging technology or optimizing key skills in more established tools.

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