Skip to content

Instantly share code, notes, and snippets.

@clairvy
Created July 18, 2010 12:03
Show Gist options
  • Select an option

  • Save clairvy/480357 to your computer and use it in GitHub Desktop.

Select an option

Save clairvy/480357 to your computer and use it in GitHub Desktop.
<html>
<head>
<title>もぐらたたき</title>
<script type="text/javascript">
n=0;
score=0;
timeout=30000; //ゲーム時間は30秒
t=1000; //1000ms毎に表示
//n番目を表示する
function dispmog(n)
{
document.images[n].style.visibility="visible";
}
//n番目を非表示する
function undispmog(n)
{
document.images[n].style.visibility="hidden";
}
//mまでの乱数作成
function genrandom(m)
{
r=Math.floor(Math.random()*m);
return r;
}
//ゲームを開始する
function startgame(t)
{
undispmog(n);
n=genrandom(5);
dispmog(n);
document.dataForm.timeField.value=timeout/1000;
timeout=timeout - t;
if(timeout>0) {
setTimeout("startgame(t)",t);
}
else {
alert("ゲームオーバー 得点:"+score);
}
}
//たたかれた
function hitmog()
{
gamesound.src="クリック.mp3";
score+=10;
document.dataForm.scoreField.value=score;
}
</script>
<bgsound src="" id="gamesound">
</head>
<body background="背景.jpg">
<img src="img0.jpg" name="nut1" style="visibility:hidden" onClick="hitmog()">
<img src="img0.jpg" name="nut2" style="visibility:hidden" onClick="hitmog()">
<img src="img0.jpg" name="nut3" style="visibility:hidden" onClick="hitmog()">
<img src="img0.jpg" name="nut4" style="visibility:hidden" onClick="hitmog()">
<img src="img0.jpg" name="nut5" style="visibility:hidden" onClick="hitmog()">
<!--
// 画像がクリックされたら画像を入れ替える
// img0.jpg,img1.jpgなどの数字が続いたファイルを複数用意します。
num = 2; // 入れ替える画像の枚数(最初の画像も含める)
nme = "mogura/img" // 画像のディレクトリとファイル名の数字と拡張子より前の部分
exp = "jpg" // 拡張子
cnt = 0;
function changeImage() {
cnt++;
cnt %= num;
document.img.src = nme + cnt + "." + exp;
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff">
画像をクリックすると、画像が入れ替わります。<BR><BR>
<A href="JavaScript:changeImage()">
<IMG src="img/img0.jpg" name="img" border="0"></A><BR>
<form name="dataForm">
スコア:<input type="text" name="scoreField">
<br>
タイム:<input type="text" name="timeField">
</form>
<script type="text/javascript">
startgame(t);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment