Introducing JavaScript Game Development

1. Front Matter

   Pages i-xi

   PDF

2. Drawing

   1. Front Matter

      Pages 1-1

      PDF

   2. HTML5 and the Canvas Element

      • Graeme Stuart

      Pages 3-16

   3. Understanding Paths

      • Graeme Stuart

      Pages 17-37

   4. Drawing to a Design

      • Graeme Stuart

      Pages 39-46

   5. Drawing a Spaceship

      • Graeme Stuart

      Pages 47-70

   6. Drawing an Asteroid

      • Graeme Stuart

      Pages 71-80

3. Animation

   1. Front Matter

      Pages 81-81

      PDF

   2. Basic Animation

      • Graeme Stuart

      Pages 83-92

   3. Animating Asteroids

      • Graeme Stuart

      Pages 93-107

   4. Practicing Objects

      • Graeme Stuart

      Pages 109-123

   5. Inheritance

      • Graeme Stuart

      Pages 125-140

4. Building the Game

   1. Front Matter

      Pages 141-141

      PDF

   2. Simple Keyboard Interaction

      • Graeme Stuart

      Pages 143-149

   3. Controlling the Ship

      • Graeme Stuart

      Pages 151-168

   4. Collision Detection

      • Graeme Stuart

      Pages 169-194

   5. Death or Glory

      • Graeme Stuart

      Pages 195-205

5. Back Matter

   Pages 207-209

   PDF

Learn to build a fully-functional 2D game inspired by the 1979 Atari classic, Asteroids, using just HTML5, CSS and JavaScript. Developing games has never been easier than it is now. New web technology allows even beginner developers to turn their hand to game development. Developed from an undergraduate course module, Introducing JavaScript Game Development teaches each new technology as it is introduced so can be followed by enthusiastic beginners as well as intermediate coders.

You will learn how to work with HTML5 and the canvas element, how to understand paths, how to draw to a design and create your spaceship and asteroids. You’ll then move on to animating your game, and finally building. You will work step-by-step through the game design process, starting with only what is necessary to complete each step, and refactoring the code as necessary along the way, reflecting the natural progression that code follows in the real world. Each chapter is designed to take your code base to the next level and to add to your skills. After completing the examples in this book you will have the tools necessary to build your own, high-quality games.

Make the process of creating object-oriented 2D games more fun and more productive and get started on your game development journey. 

• JavaScript
• game development
• HTML5
• ES6
• OO programming
• 2D
• games
• building JavaScript games

• Market Harborough, United Kingdom

  Graeme Stuart

Graeme Stuart is a self-taught developer mainly building web-based applications using JavaScript and Python. He’s has a PhD in energy management and much of his programming skill was originally developed to this end. He currently teaches JavaScript games programming to first year undergraduates.

Policies and ethics