Contents

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.

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