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

Related courses

  • Full Time Game Dev thumbnail

    Full Time Game Dev

    Sources: Thomas Brush
    Full Time Game Dev will take you from knowing nothing about game development to making money from your indie game on the Steam store. We’ll study branding, marketing, publishers…
    35 hours 12 minutes 15 seconds
  • 2D Game Physics Programming thumbnail

    2D Game Physics Programming

    Sources: Gustavo Pezzi
    This course is a gentle introduction into the world of 2D game physics! We'll review all the beautiful math that provides the foundation for most physics engine
    35 hours 7 minutes 8 seconds
  • [PRO] Make Professional 2d Games with the Godot Game Engine thumbnail

    [PRO] Make Professional 2d Games with the Godot Game Engine

    Sources: GDQuest
    Become a better game developer! With this course, you will learn to create your own top-down game inspired by Zelda, using the Free and Open Source game engine
    23 hours 26 minutes 3 seconds
  • GLSL Shaders from Scratch thumbnail

    GLSL Shaders from Scratch

    Sources: SimonDev
    This course is designed for developers who want to learn how to create impressive visual effects. From control functions and lighting models to...
    20 hours 11 minutes 38 seconds
  • Code a 2D Platform Game Character with Godot thumbnail

    Code a 2D Platform Game Character with Godot

    Sources: GDQuest
    Code a professional side view 2d game character with the Free game engine Godot! Learn the fundamentals you need to code solid movement for platformers, action-
    5 hours 20 minutes 27 seconds
  • Master the Lua Scripting Language thumbnail

    Master the Lua Scripting Language

    Sources: Gustavo Pezzi
    This course offers a complete immersion into the Lua programming language - one of the most popular scripting languages in the world. Lua is fast, compact...
    13 hours 59 minutes 27 seconds