Javascriptでブロック崩しを作る手順が全公開

via del.icio.us/popular

Javascript Gamerで、BrickslayerというJavascriptで作ったブロック崩しゲームの作り方が公開されている。

brickslayer-tutorial.png

開発環境は Firefox + Firebug + お好みのエディタ。

Javascript本体は、prototype.jsベースで、スプライト表示、アニメーション処理、キーボード入力、当たり判定、(Flash経由で)効果音などについてそれぞれソースつきで解説されている。

また、ハイスコア記録のほうはPHPによるサーバ側のスクリプトがちゃんと用意されている。

まだアルファリリースということだけれど、ページ上ではブロック崩しゲームがちゃんと動いている。ソースを一括してダウンロードすることもできる。