Advanced HTML5 Game Development

2h 19m 57s
English
Paid
November 12, 2024

HTML5 is the fifth revision of the HTML standard, which is a core technology used for structuring and presenting content on Internet. Its innovative features such as Canvas, Audio, and Video elements make it a potential game building tool. While you can use Objective-C to build games just for iOS, HTML5 gives you the ability to build games for a multitude of platforms. This is the reason game developers and designers absolutely love HTML5—it simplifies the job of creating graphically-rich interactive games for the Internet and mobile devices. 


More

This video course will help you to create interactive, dynamic, and colorful games with HTML5. We’ll build a breakout game, using HTML5 Canvas to create the graphics and the main stage. We’ll use CreateJS and its modular libraries to build a visually-rich game. We’ll make it interactive by adding a keyboard, mouse, and touch support.

Then we’ll move on to set up the audio required for the game using WebAudio and HTML Audio. We’ll show you how to take advantage of the SQL-like data storage facility of HTML5. Then, we’ll make our game robust by carrying out its testing and debugging. Finally, we’ll dive into common errors and pitfalls that developers usually commit and a way to avoid them.

By the end of the course, you will be able to take full advantage of all the HTML5 features to create advanced and interactive games.

Watch Online Advanced HTML5 Game Development

Join premium to watch
Go to premium
# Title Duration
1 The course overview 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

Similar courses to Advanced HTML5 Game Development

Raycasting Engine Programming

Raycasting Engine ProgrammingGustavo Pezzi

Duration 18 hours 13 minutes 33 seconds
Code a 2D Platform Game Character with Godot

Code a 2D Platform Game Character with GodotGDQuest

Duration 5 hours 20 minutes 27 seconds
Full Time Game Dev

Full Time Game DevThomas Brush

Duration 35 hours 12 minutes 15 seconds
Unity Android : Build 8 Mobile Games with Unity & C#

Unity Android : Build 8 Mobile Games with Unity & C#udemy

Duration 16 hours 50 minutes 56 seconds
The Complete Game Developer course - Build 60 Games

The Complete Game Developer course - Build 60 Games udemy

Duration 34 hours 13 minutes 7 seconds
2D Game Physics Programming

2D Game Physics ProgrammingGustavo Pezzi

Duration 35 hours 7 minutes 8 seconds