US $19.97

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

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
2 mins
What are you going to learn?
free preview
4 mins
Using Web Server for Chrome
free preview
4 mins
Using GitHub
4 mins
Setting up a web server on Windows
7 mins
Setting up a web server on a Mac
6 mins
Setting up a web server on Linux
5 mins
Creating, testing and inspecting your test page
Getting started with the HTML5 Canvas
14 mins
Showing a simple image on an HTML5 canvas
10 mins
Multiple sprites and frame refreshing
12 mins
Multiple sprite states and destroying sprites
8 mins
Adding interactivity
7 mins
Using sprite sheets
Animating your sprites
View more lessons +

About the instructor

Nicholas Lever
Nicholas Lever
  • 1 review
  • 9 courses

After getting a degree in Graphic Design, I started work in 1980 as a cartoon animator. Buying a Sinclair ZX81 back in 1982 was …

Read more
This course is included in Arbington Premium
$15/month gets you access to every course. Start your 14 day trial today. ☝️

Class benefits

  • Certificate of Completion
  • 30 day satisfaction guarantee
  • 24/7 streaming access
  • Direct teacher access
  • 5h 42m of on-demand video
  • 5 downloadable files
  • Have a coupon?
  • Checkout