javascript(テトリス000_ロジック)

■Javascriptでテトリスのコードを作成する。
落ちものゲームのテトリスのコードを作ってみる。ベーシックなものは横10マス、縦20マスくらいのもので、落ちるピースは下の7種類だったと思う。横一列に並んだらその行は消える。

ロジックを考えると、次のような感じかなー。
1.指定時間ごとにピースが下へ移動。キーボード入力で左右に動かせる。回転もできる。
2.下へ移動した時にすでにピースがある場合(または枠の下限の場合)、その位置で固定。
3ー1.このときに横一列に並んでいる所があるかチェック。あればその行を削除してそれより上全体の位置を下にずらす。
3-2.このときにピースが積み重なり上限を超えていたらゲームオーバー。
4-1.次のピースで1から繰り返し。

指定時間ごとに動作させるのは setInterval で実現できるだろうし、位置もテーブル等を使うなり、数字の1桁目(0~9)を横、2桁目(10の桁)を縦と見るなりすれば何とかなりそう。

とりあえず、cssの操作でピースが下に移動していくコードを作成してみた。

まだ検討する内容はいろいろあるだろうだけど、何とかなりそう。