数字をクリックするミニゲーム – BREAK PANEL

前回のBREAK 25 PANELはHTMLのDOMを操作して制作しました。
今回のバージョンはHTML5から登場したcanvas要素を操作して制作しています。
あと動きを少しリッチにしたり、難易度設定を出来るようにしてあります。

ゲームプレイ

COUNTER:
MOVE X: Y:
CLICK X: Y:
FPS:

1～25までの数字を、小さい数字から順にクリックしてその速さを競うミニゲームです。

ゲームの始め方: 「PUSH START」をクリックする事でゲームが始まり、画面上のカウントが進み出します。
ゲームの流れ: ゲームがスタートすると、1～25までの数字のパネルがランダムに配置されます。そのパネルを1から順に1・2・3・・・と順番にクリックして行きます。
そして最後に25のパネルをクリックした時点でゲームクリアと同時にタイマーが止まります。
最初からやり直す: 「RESET」をクリックする事により、タイトル画面に戻る事が出来ます。ゲームを進めている途中でも「RESET」をクリックする事が出来ます。
ステージセレクト設定: タイトル画面で右上の「STAGE SELECT」をクリックするとステージセレクト設定画面に移動します。
基本ステージは5×5の25枚のパネルですが、このステージセレクト設定画面で、1×1〜10×10まで選択する事ができます。
またそれぞれのステージに制限時間が設けてあります。

ゲーム画面が広すぎる場合は…: お使いのモニタ環境によっては、ゲーム画面が全て収まらない場合もあるかもしれません。
そんな時は、ブラウザの横幅を縮めてください。
ブラウザの横幅に応じてゲーム画面も縮小されます。

update:2016/5/3 … ver.1.0.0