CourseFlix

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

Course content

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

Related courses

  • Three.js & GameDev thumbnail

    Three.js & GameDev

    By: SimonDev
    Start with the basics of Three.js and gradually move on to advanced topics such as streaming infinite worlds, GPU memory optimization.
    47 hours 38 minutes 23 seconds
  • Raycasting Engine Programming thumbnail

    Raycasting Engine Programming

    By: Gustavo Pezzi
    This course will teach you how to create a complete raycasting engine from scratch. We'll use an algorithm similar to the one used in Wolfenstein 3D. The final
    18 hours 13 minutes 33 seconds
  • The Complete Game Developer course - Build 60 Games thumbnail

    The Complete Game Developer course - Build 60 Games

    By: Udemy
    Learn to build 60 games in Construct 2 without coding. Master game development by building 60 practical projects. Learn to make art and design games in Photosho
    34 hours 13 minutes 7 seconds

Frequently asked questions

What is Advanced HTML5 Game Development about?
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…
Who teaches Advanced HTML5 Game Development?
Advanced HTML5 Game Development is taught by Packt Publishing. You can find more courses by this instructor on the corresponding source page.
How long is Advanced HTML5 Game Development?
Advanced HTML5 Game Development contains 27 lessons with a total runtime of 2 hours 19 minutes. All lessons are available to watch online at your own pace.
Is Advanced HTML5 Game Development free to watch?
Advanced HTML5 Game Development is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Advanced HTML5 Game Development online?
Advanced HTML5 Game Development is available to watch online on CourseFlix at https://courseflix.net/course/advanced-html5-game-development. The page hosts every lesson with the integrated video player; no download is required.