javascriptでテトリス
2008 年 8 月 21 日 – 1:28 AM 
javascriptでテトリスを作成しました。ゲームを作成するとなるとjavascriptでは難しいかと思いましたが、javascriptでも十分に作成することができました。
テトリスを作成するために必要となる処理は、次のようになります。
- 入力キーのチェック（回転、移動、Pauseなど）
- ピース操作（作成、配置、移動、回転、衝突判定など）
- 自動落下（時間毎のループ処理）
- ライン削除
- ゲームオーバーの判定
- 描画処理
- スコア等の表示（今回はライン削除数を表示）
テトリスを作成するに当たり一番大変なのがピースを操作する処理です。 特に衝突判定は処理が複雑で作るのが大変でした。
テトリスを作成したきっかけ
テトリスを作成したのは565バイトテトリスというものを知ったのがきっかけです。javascriptでわずか7行ほどでテトリスを作っているのを知り自分でも作って見ようと考えました。
今回のテトリス作成でゲーム性を出すために必要となる処理をいくつか追加しました。
- 一定時間毎にピースの落下速度を早くする
- ポーズ中に画面をブラインドする
- 削除ライン数の表示
しかし、まだ十分でない機能もあります。
- カベ付近で回転がうまくできない
- スコア計算がない
- ライン削除のエフェクトがない
- プレイ時間がない
これらについてはある程度割り切って作成したため仕方ないですが、今後の課題として取り組んでいければと思います。
その他にもスコアのランキング登録などを行っていくとよりｹﾞｰﾑ性が高くなると思います。WEB上で何かゲームを作成するとなるとFlashが一般的かもしれませんが、Javascriptでもかなりのことはできるようです。
今回のテトリス作成で、落ち物パズルの基本的な仕組みが分かるようになりました。プログラミングを始めたいと思ったときや、何かを作りたいと思ったときにJavascriptを選ぶというのは有効な選択肢の１つと言えそうです。
＜参考＞