2D HTML5 Game Tutorial

Introduction

What is an HTML5 game?

HTML5 game actually mean an HTML5, CSS3, JavaScript game. Most of the time you'll be dealing with JavaScript.

What is this tutorial about?

Create your own game with HTML5 and JavaScript. Learn about game loops, animations & sprites, collision detection, physics. Follow this tutorial series and end up with a basic HTML5 game of your own.

What to expect from this tutorial series?

The series will take you through the following steps:

1. Set-up an HTML5 file with a canvas
2. Learn how to draw shapes and text
3. Create a game loop
4. Animate objects and use easings
5. Detect collisions and apply physics
6. Draw images and sprite animations

This tutorial is a fork of Spicy Yoghurt's tutorial