2007/07/22 – alpha release
The code needs some cleanup, but everything is here.
Suggestions welcome in the forum.
How to make a BreakOut clone in Javascript using Prototype.js
Development Trail
00. Setting Up Shop
Tools you will need and initial versions of the source files.
01. The Paddle: Our First Sprite
Creating a sprite and moving it manually with firebug.
02. Keyboard Control
Prototype’s Cross-Browser Event System.
03. Animating the Paddle
Smooth animation with setInterval
04. Building the World
Walls, the ball, and a ton of bricks.
05. Collision Detection
Ball Physics. Unit Tests and the Math Object.
06. Keeping Score
Winning, Losing, and Slaying Bricks.
07. Adding Sound
Audio feedback with soundManager.
08. Those Other Screens
Pause. Game Over. Level Clear. The Title Screen.
09. The High Score List
Talking to a PHP Script with Prototype’s AJAX support.
10. Potential Enhancements
Ideas for making this game your own.