6bruwhvkr9ysxl6dhbjm html5 game development

HTML5 Game Development

Two HTML5 games in Two hours.

   Watch Promo

HTML5 (as a platform) is a collection of technologies, such as JavaScript and CSS3, that allows the delivery of new and exciting multimedia using the native features of new and more capable web browsers. It allows game developers to create fun, exciting, and immersive games, as well as other interactive content that can enhance your web portals.

Key features

  • Create two simple yet elegant games in HTML5
  • Build games that run on both desktops and mobile browsers
  • Presented in a modular approach, with elegant code and illustrated concepts to help you learn quickly

HTML5 Game Development will teach you all that you need to know to get started with creating your first game in HTML5 so you can start building captivating games from scratch.

This course is packed with step-by-step instructions to help you build modular code, optimize your game for deployment, and easily modify and reuse game logic to extend your game.

With this course, you'll build two incrementally complex 2D games that run on both desktop and mobile browsers. This course will explain game programming best practices, complete with simplified game logic, physics and collision handling, as well as custom graphics and fonts.


Your first exercise is a simple counting game that lays the foundations for creating clean, customizable, and modular code. We'll then move on to building a “rush” game with moving backgrounds, basic physics, and dynamic scoreboards.


We'll cover essentials such as handling mobile touch events, controlling scene transitions, custom fonts and graphics, optimizing your game's load time, a loading progress bar, collision detection, keeping score, and creating a deployable game.


HTML5 Game Development will be your guide as you create two complete games that are compatible with multiple desktop and mobile web browsers.


Your Instructor


Packt Publishing
Packt Publishing

Over the past ten years Packt Publishing has developed an extensive catalogue of over 3000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our courses continue this tradition, bringing you comprehensive yet concise screencast tutorials straight from the experts.


Class Curriculum



Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

What you will learn from this video course

  • Create interactive games with gravity and collisions
  • Modularize game components and create easily maintainable code
  • Convert and embed custom fonts into your game and web pages
  • Develop sprite and sprite sheet animations
  • Preload graphic files and optimize your startup performance
  • Control scene transitions such as main menu and game over scenes
  • Understand core concepts that can be applied to developing other rich media and interfaces for your websites
  • Test and optimize your game's performance

Who this video course is for
HTML5 Game Development is ideal for anyone who wants to get started with the fundamentals of game development in HTML5. Some basic knowledge of HTML, JavaScript, and CSS would be useful.

Style and approach
The examples in this video course are built using a simple canvas with modularized JavaScript game logic. You'll use basic object-oriented programming concepts to create game components and test your game using a simulator - optimizing it for real-world situations before deployment.

Author biography

Makzan is the founder of 42games limited (http://42games.net). He began building apps and games on the Web when he was a child. He built iOS games that have ranked No.1 on the App Store as well as demos on the Apple store. He now focuses on teaching programming.
Makzan has also written two books named Flash Multiplayer Virtual World and HTML5 Games Development Beginner's Guide.

I would like to thank the whole team from Packt Publishing. The video series will not be possible without the help from all the editors. I thank all reviewers for providing very useful comments from which I have learnt a lot. I thank my family for giving me support during the process.

Get started now!