皇帝流もぐらたたき道場 Ver.1 ソース

皇帝流もぐらたたき道場 Ver.1 ソース

<html>
<head>
<title>もぐらたたき</title>
<script language="JavaScript">
<!--

bichi = 0;	//ボタンの押された位置
game = 0;	//ゲームプレイ中かのフラグ
level = 1;	//ゲームのレベル
mojiretu="";	//もぐらの位置取得用文字列
gekiha=0;	//もぐら撃破数
syutugen=0;	//もぐら出現数
jikan=1000;	//待ち時間
rank="";	//ランク

michi = new Array(4);	//もぐらのいる位置


//初期化関数
function Shokika() {

	//変数の初期化
	level = 1;
	gekiha=0;
	syutugen=0;
	jikan=1000;
	//フォームの初期化
	for (i=0; i<=8; i++) {
		document.mogura[i].value="　　　";
	}
	document.mogura.tatakisuu.value=gekiha;
	document.mogura.levelsuu.value=level;
}


//ボタンが押された時の関数
function Push( bichi ) {
	if (game == 0) {
		Shokika();
		setTimeout("Main()",1000);
		game = 1;
	} else {
		if (document.mogura[bichi].value=="もぐら") {
			gekiha++
			document.mogura[bichi].value="　　　";
			document.mogura.tatakisuu.value=gekiha;
		}
	}
}


//メインルーチン関数
function Main() {

	//もぐらを消す
	for (i=0; i<=8; i++) {
		document.mogura[i].value="　　　";
	}

	//もぐらの位置をランダムに取得
	mojiretu = "012345678";
	for (i=level; i>=1; i--) {
		rnd=Math.floor(Math.random()*mojiretu.length); // 乱数の作成
		michi[i]=mojiretu.substr(rnd, 1);

		//maime[i]に入れた数をmojiretuから切り取る
		mojiretu=mojiretu.substr(0,rnd)+mojiretu.substr(rnd+1);

		//michi[ ]を数字に変換
		michi[i] = parseInt( michi[i] );

		//もぐらの表示
		document.mogura[michi[i]].value="もぐら";
		syutugen++

	}

	//ゲームレベルの変更
	switch (level) {
	case 1:
		if (syutugen > 10) {
			level = 2;
			jikan = 1500;
			document.mogura.levelsuu.value=level
		}
		break;
	case 2:
		if (syutugen > 48) {
			level = 3;
			jikan = 1600;
			document.mogura.levelsuu.value=level
		}
		break;
	case 3:
		if (syutugen >= 103) {
			syutugen = syutugen - 3;
			game = 0;
		}
		break;
	}

	if (game == 1) {
		//時間経過ごとにループ
		setTimeout("Main()",jikan);
	} else {
		Gameover();
	}
}


//ゲームオーバー関数
function Gameover() {
	if ( gekiha < 65 ) {
		rank = "へっぽこ";
	} else if ( gekiha < 76 ) {
		rank = "一般人";
	} else if ( gekiha < 81 ) {
		rank = "もぐら叩き初段";
	} else if ( gekiha < 86 ) {
		rank = "もぐら叩ッカー";
	} else if ( gekiha < 91 ) {
		rank = "もぐら叩ッカーZ（ゼータ）";
	} else if ( gekiha < 96 ) {
		rank = "もぐら叩き名人";
	} else if ( gekiha < 98 ) {
		rank = "もぐら叩き拳聖";
	} else if ( gekiha < 100 ) {
		rank = "もぐら叩き仙人";
	} else {
		rank = "ニュータイプ"
	}
	alert("撃破率: " + String(gekiha) + "%\nランク: " + rank);
}


// -->
</script>
</head>
<body>
<form name="mogura">
<center>
皇帝流もぐらたたき道場ver.1
<table>
<tr>
	<td><input type="button" value="　　　" onclick="Push(0)"></td>
	<td><input type="button" value="　　　" onclick="Push(1)"></td>
	<td><input type="button" value="　　　" onclick="Push(2)"></td>
</tr>
<tr>
	<td><input type="button" value="　　　" onclick="Push(3)"></td>
	<td><input type="button" value="　　　" onclick="Push(4)"></td>
	<td><input type="button" value="　　　" onclick="Push(5)"></td>
</tr>
<tr>
	<td><input type="button" value="　　　" onclick="Push(6)"></td>
	<td><input type="button" value="　　　" onclick="Push(7)"></td>
	<td><input type="button" value="　　　" onclick="Push(8)"></td>
</tr>
</table>

<table>
<tr>
	<td>
		叩き数<input typy="text" name="tatakisuu" value="0" size="4">
		レベル<input type="text" name="levelsuu" value="1" size="1">
	</td>
</tr>
</table>
</center>
</form>
</body>
</html>


ソースは好き勝手に使っていただいてかまいません。

ネットでJavaScriptを調べているときに、
フォームオブジェクトを配列で取得できることを知り、
じゃあ、こういう「もぐらたたき」が簡単に作れるかも、
って思って作ってみました。
ボタン９つの制御を関数１つで行っています。
関数の引数にボタンの番号を入れて、
押されたボタンの位置を判断しています。

フォームオブジェクトを配列で受け取るには、
document.allを使えば、フォームのネーム属性を
そのまま配列のように受け取ることも可能なのですが、
IEにしか対応していないので、
document.フォーム名[配列].value=・・・
ってな書式を使っています。

What If を作ったときは、これを知らなかったので、
フォームオブジェクトごとに関数を作ってました。（汗）

●皇帝流もぐらたたき道場へ戻る