Tutorial: How to make a top-down shooter in JavaScript


After this tutorial you'll be able to build top-down 2D shoot 'em ups. I've kept this pretty basic, but you should have had at least some exposure to variables, loops, arrays, if statements and functions before starting. The Codecademy course on JavaScript will definitely be enough.

0) Contents
1) Creating a game area with canvas
2) Drawing on the canvas
3) Creating a game loop
4) Getting started with objects
5) Detecting key-press input
6) Detecting multiple key presses at once
7) Collision detection
8) Bounding the game area
9) Adding in bad guys
10) Stopping bad guys from overlapping
11) Health, damage and game over
12) Bullets and shooting
13) Graphics
14) Sound