A step-by-step tutorial for building a Breakout game

Getting started is easy!

Welcome to the HTML5 Game Development Activity. In this step-by-step tutorial you will create a simple mobile Breakout game written in JavaScript and using the Phaser framework.

Every step has editable, live samples available to play with so you can see what the intermediate stages should look like. You will learn the basics of using the Phaser framework to implement fundamental game mechanics like rendering and moving images, collision detection, control machanisms, framework-specific helper functions, animations and tweens, and winning and losing states.