ぷちぷち潰し

説  明
ぷちぷちをマウスでクリックして潰してください。全部潰すまでのタイムを競います。

注意事項
下記サンプルの赤字部分が画像ファイル名、青文字がぷちぷちの横の数、緑文字がぷちぷちの縦の数になっています。それぞれの状況に応じて書き換えてください。


動作雰囲気チェック >>実行
サンプル
<html>
<head>
<title>ぷちぷち潰し</title>
<script language="JavaScript"><!--
flag = false; // ゲーム中かどうかのフラグ
pW = 5; // ぷちぷちの横の数
pH = 3; // ぷちぷちの縦の数
count = 0; // 潰した数
sTime = 0;
eTime = 0;
pFlag = new Array();

function pCount(n)
{
if (!flag) return; // ゲーム中でなければ処理しない
if (pFlag[n]) return; // すでに潰されている場合は処理しない
pFlag[n] = true;
document.images["puchi"+n].src = "1.gif";
count++;
if (count < (pW * pH)) return;
eTime = (new Date()).getTime();
sec = (eTime - sTime) / 1000;
flag = false;
alert(sec+"秒でした\nゲームオーバー");
}

function startGame()
{
if (flag) return;
flag = true;
n = 0;
for (j=0; j<pH; j++)
{
for (i=0; i<pW; i++)
{
document.images["puchi"+n].src = "0.gif";
pFlag[n++] = false;
}
}
count = 0; // 潰した数
sTime = (new Date()).getTime();
}

function wrtImage()
{
n = 0;
for (j=0; j<pH; j++)
{
for (i=0; i<pW; i++)
{
document.write("<img src='0.gif' name='puchi"+n+"' onMousedown='pCount("+n+")'>");
n++;
}
document.write("<br>");
}
}
// --></script>
</head>
<body>
ぷちぷちを潰してください。<br>
全部潰すまでの時間を競います。<br>
<br>
<form name="myForm">
<input type="button" value="Game Start" onClick="startGame()"><br>
</form>
<script language="JavaScript"><!--
wrtImage();
// --></script>
<img src="1.gif" width="1" height="1">
</body>
</html>