見出し画像

JavaScriptで簡単テトリスを作ってみました。

JavaScriptを使って、初心者練習用を目的になるべく簡単に、
テトリスを正方形1個に簡易化した「簡単テトリス」を作ってみました。

添付ファイルをダウンロードし解凍して、index.htmlをダブルクリック
すると動きます。

← →キーで左右移動、1行そろうと消えます。

正方形1個なので、回転に関する考慮は必要なくなります。
ブロックの積み重ねなど正方形の位置は、2次元配列で管理。
そろった行を消すしかけも、シンプルです。

これをベースに
・枠と背景を描く
・落下位置を左右に振る
・音を出す
・スコアをカウントする
・GAME OVERの判定と表示を入れる
などをトライされるとよいかなと思います。

プログラミングに興味がある小中学生の誰かに、何かしらヒントになればうれしいです。

この記事が気に入ったらサポートをしてみませんか?