DotCanvas.jsのデモ2


JavaScriptでテトリス的なものを作ってみました。
動的にテーブルタグを生成し、テーブルのセルの背景色を逐次塗り替えることでドットを表示しています。

←→：左右に動かす
↓：1ドット下に落とす
↑：一気に下まで落とす
そのほかのキー:回転

キーボードで操作できないときは、一回『半角/全角』キーを押してみてください。
それでもだめなら下のボタンで我慢してください…。ごめんね。

RESETと書いてあるボタンを押すとリセットできます。
ハイスコアなどはありませんので、気兼ねなくリセットしましょう。

なにか変な挙動を見つけたらブログにツッコミをよろしくお願いします。

1デシドット×1デシドット = ヘクトリス(Hectorys)

縦30ドット×横11ドット = ノーマリス(Normalis)



せっかくなので、色、縦横ドット数、ドットサイズを好きなように設定できるようにしました。

256ドット×240ドット(ファミコンの解像度) = ユトリス(Yutoris)
(ページが表示されるまで1分程度ブラウザがフリーズします。場合によっては落ちるかもしれません。
ブロックサイズが1ピクセルなので、塵よりも小さいです。ルーペを用意しておくといいかもしれません。)

気になる人はdotCanvas.js、torys.js、NTorys.jsをどうぞ。 ライセンスは全部GPLのvar2ですので、(ライセンスの許す限り)お好きなようにどうぞ。

ブログ