HTML5 Game Development : Beginner to Pro
Learn to use the HTML5 Canvas to create HTML5 games that will run in all modern desktop and mobile browsers.
Updated on Sep, 2023
Language - English
Course Description
HTML5 Games run on just about all devices. Learn how to create them from someone who has spent the last 20 years creating casual games. All HTML5 games are based around a knowledge of displaying content on a Canvas using JavaScript. We use the latest JavaScript version, ES6, so as well as learning game development you will also learn the latest JavaScript syntax. In this course we start with the basics of individual images on a Canvas. From there we move onto sprites - developing step by step a sprite library that you are free to use in your own games. The library allows you to display frame animated sprites that show a flip book of images to display walking and running characters and much more.
You will learn:
About physics to easily add dynamic collision detection to your games.
How to create platform games, puzzle and card games.
How to add multiple layers of audio.
How to add a preloader to your games.
How to add the bells and whistles that make your game stand out.
How to handle multiple users via WebSockets.
All code is free to use in your own games. The course contains lots of assets and code examples that you are free to use in your own games. As a course student you also have access to an online tool for creating spritesheets and animations.
Having completed this course you will be ready to develop any 2d game. Only a basic knowledge of HTML and Javascript are assumed, all ideas are explained with examples you can try and resources you can use in your own games.
Take a look at the trailer to see the kind of content that you will be building once you've studied the course. HTML5 Game Development is great fun to learn and the skills you learn in this course will greatly improve your JavaScript skills which will be useful in your Web Development career.
Goals
What will you learn in this course:
- Create stunning games that will run in most modern browsers, desktop and mobile.
- Understand how to approach a complex interactive game for a client.
- Understand how to approach multi-player games using web sockets.
- How to add the bells and whistles to your game that make it stand out in the market
Prerequisites
What are the prerequisites for this course?
- Basic knowledge of setting up a website.
- A text editor, Brackets (free) is recommended.
- A basic knowledge of HTML and javascript is assumed.
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
7 Lectures
-
What are you going to learn
01:47
01:47
-
Setting up a web server on Windows
03:36
03:36
-
Setting up a web server on a Mac
06:58
06:58
-
Setting up a web server on Linux
05:23
05:23
-
Creating, testing and inspecting your test page
04:02
04:02
-
Using Web Server for Chrome
03:59
03:59
-
Using GitHub
03:51
03:51
Getting started with the HTML5 Canvas
6 Lectures
Animating your sprites
3 Lectures
Let's make a noise
3 Lectures
Creating a collapse game
5 Lectures
Physics is fun
4 Lectures
Using Spritoon
4 Lectures
OK - we know enough, let's make a real game
4 Lectures
Platformers
3 Lectures
Games where the computer is the opponent
3 Lectures
Card games
3 Lectures
Save and load
2 Lectures
Particle effects
5 Lectures
Multi-player games
3 Lectures
Professional tools
4 Lectures
Course Resources
1 Lectures
Instructor Details
Nicholas Lever
After getting a degree in Graphic Design, I started work in 1980 as a cartoon animator. Buying a Sinclair ZX81 back in 1982 was the start of a migration to a full time programmer. The ZX81 was quickly swapped for the Sinclair Spectrum, a Z80 processor and a massive 48K of ram made this a much better computer to develop games. I developed a few games using Sinclair Basic and then Assembler. The Spectrum was swapped for a Commodore Amiga and I developed more games in the shareware market, moving to using C. At this stage it was essentially a hobby. Paid work was still animated commercials.
I finally bought a PC in the early nineties and completed an Open University degree in Maths and Computing. I created a sprite library ActiveX control and authored my first book, aimed at getting designers into programming. In the mid nineties along came Flash and the company I was now running, Catalyst Pictures, became known for creating games.
Since then the majority of my working life has been creating games, first in Flash and Director, as Director published the first widely available 3D library that would run in a browser using a plugin.
In recent years game development has involved using HTML5 and Canvas. Using both custom code and various libraries. A particular preference is to use the latest version of Adobe Flash, now called Animate that exports to the Javascript library Createjs.
I've worked for the BBC. Johnson and Johnson. Deloitte, Mars Corporation and many other blue chip clients. The company I've run for over 30 years has won a number of awards and been nominated for a BAFTA twice, the UK equivalent to the Oscar.
Over the last 20 years I have been struck by just how difficult it has been to get good developers and have decided to do something about this rather than just complain. I run a CodeClub for kids 9-13 years old and I'm developing a number of courses for Udemy hoping to inspire and educate new developers. Most of my courses involve real-time 3d either using the popular Open Source library Three.JS or Unity. I'm currently having a lot of fun developing WebXR games and playing with my Oculus Quest.
Course Certificate
User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now