Learn how to build 2D HTML5 Breakout game with pure JavaScript
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 6 commits behind end3r:gh-pages.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
img
CNAME
README.md
index.html
lesson01.html
lesson02.html
lesson03.html
lesson04.html
lesson05.html
lesson06.html
lesson07.html
lesson08.html
lesson09.html
lesson10.html

README.md

Learn how to build 2D HTML5 Breakout game with pure JavaScript

Visit breakout.enclavegames.com page for the list of available lessons.

MDN Breakout gameplay

In this step-by-step tutorial we create a simple MDN Breakout game written entirely in pure JavaScript and rendered on HTML5 Canvas. 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 Canvas element to implement fundamental game mechanics like rendering and moving images, collision detection, control machanisms, and winning and losing states.