Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

HTML5 Game Development Course : Beginner to Pro

person icon Nicholas Lever

4.4

HTML5 Game Development Course : 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 icon Updated on Apr, 2024

language icon Language - English

person icon Nicholas Lever

English [CC]

category icon Development,Web Development,Game Development Fundamentals

Lectures -60

Resources -2

Duration -5.5 hours

4.4

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

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.
HTML5 Game Development Course : Beginner to Pro

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
7 Lectures
  • play icon What are you going to learn 01:47 01:47
  • play icon Setting up a web server on Windows 03:36 03:36
  • play icon Setting up a web server on a Mac 06:58 06:58
  • play icon Setting up a web server on Linux 05:23 05:23
  • play icon Creating, testing and inspecting your test page 04:02 04:02
  • play icon Using Web Server for Chrome 03:59 03:59
  • play icon Using GitHub 03:51 03:51
Getting started with the HTML5 Canvas
6 Lectures
Tutorialspoint
Animating your sprites
3 Lectures
Tutorialspoint
Let's make a noise
3 Lectures
Tutorialspoint
Creating a collapse game
5 Lectures
Tutorialspoint
Physics is fun
4 Lectures
Tutorialspoint
Using Spritoon
4 Lectures
Tutorialspoint
OK - we know enough, let's make a real game
4 Lectures
Tutorialspoint
Platformers
3 Lectures
Tutorialspoint
Games where the computer is the opponent
3 Lectures
Tutorialspoint
Card games
3 Lectures
Tutorialspoint
Save and load
2 Lectures
Tutorialspoint
Particle effects
5 Lectures
Tutorialspoint
Multi-player games
3 Lectures
Tutorialspoint
Professional tools
4 Lectures
Tutorialspoint
Course Resources
1 Lectures
Tutorialspoint

Instructor Details

Nicholas Lever

Nicholas Lever

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515