HTML5 Game Development: Beginner to Pro

——   Created by Nicholas Lever

Learn to use the HTML5 Canvas to create HTML5 games that will run in all modern desktop and mobile browsers.

Share this course:

NEW
Course
58
Lessons
5h 42m
Lesson time
beginner
Skill level
This course is included in Arbington Premium
$15/month gets you access to every course. Start your 14 day trial today.

More about this course

Requirements
  • Basic knowledge of setting up a website.
  • A text editor, Brackets (free) is recommended.
  • A basic knowledge of HTML and javascript is assumed.

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 librarythat 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.

Student reviews

  • “Great Course!!! I am learning so much. Nicholas is very good at presenting a concept explaining it and then implementing it into code all the while, allowing me the student to code along addressing any nuances that may be there. He is also very responsive to any questions. I know that enrolling into this course was a great decision and I already have the confidence to begin planning and developing my first game”
  • "If you're looking for the stepping stones to becoming a Game Developer with HTML5, this is the best starting stone you could possibly find. Love this course!!"
  • "This is the first game development course I have been through where I really feel like I am being taught by an absolute expert/professional in the field."
Who this course is for:
  • Students wishing to learn about 2d game authoring
  • Developers who want to use the HTML5 canvas for complex graphic content.
  • Students who want to learn tips and tricks from a pro on interactive sprite animation
  • Developers who want to learn how to create platform, tiled, card and puzzle games.

58 Lessons

Introduction
0:01:47
What are you going to learn?
free preview
0:03:59
Using Web Server for Chrome
free preview
0:03:51
Using GitHub
0:03:36
Setting up a web server on Windows
0:06:58
Setting up a web server on a Mac
0:05:23
Setting up a web server on Linux
0:04:02
Creating, testing and inspecting your test page
Getting started with the HTML5 Canvas
0:13:28
Showing a simple image on an HTML5 canvas
0:09:45
Multiple sprites and frame refreshing
0:11:23
Multiple sprite states and destroying sprites
0:07:53
Adding interactivity
0:06:57
Using sprite sheets
Animating your sprites
View more lessons +
Enroll in this course for $19.97
or $15/mo for unlimited courses

Class benefits

  • Certificate of Completion
  • 14 day free trial
  • 24/7 streaming access
  • Teacher Q&A
  • 5h 42m of on-demand video
  • 5 downloadable files
  • Have a coupon?

About the instructor

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  …

View full profile

Access unlimited courses for only $15 per month

Start your 14 day free trial. Cancel at any time.

Join Today