目次

【目次】
ブログ内で種別に見たい場合は以下のリンクかラベルから移動してください
イラスト】【動画】【料理】【プログラム

2011年1月1日土曜日

シューティングゲーム①

新年一発目にhtmlとかjavascriptの練習でシューティングゲームを作ってみました
下のコードををメモ帳にコピーしてhtml形式で保存
その下の画像もDLして同じフォルダに入れてください
そしてIEで表示するとゲーム開始です
※IEでしかできません

左右の移動 J,L
ショット K







<html>
<head>
<title>Game</title>
<script language="JavaScript"><!--
gameOverFlag = false;
fighterX=0;

function moveFighter()
{
if(gameOverFlag == true)return;
if(event.keyCode == 74)fighterX = fighterX - 4;
if(event.keyCode == 76)fighterX = fighterX + 4;
if(event.keyCode == 75)startBeam();
document.Fighter.style.left = fighterX;
}

tekiX=0;
tekiY=0;
tekiDx=4;

function moveEnemy()
{
if(gameOverFlag == true)return;
tekiX = tekiX + tekiDx;
if(tekiX > 200){tekiDx = -4;tekiY = tekiY + 10;}
if(tekiX < 0){tekiDx = 4;tekiY = tekiY + 10;}
document.Teki.style.left = tekiX;
document.Teki.style.top = tekiY;
if(tekiY > 200)
{
alert("やめろや!");
gameOverFlag = true;
}
moveBeam();
setTimeout("moveEnemy()",50);
}
beamFlag = false;
beamX = 0;
beamY = 0;

function startBeam()
{
if(beamFlag == true)return;
beamFlag = true;
beamY = 270;
beamX = fighterX + 30;
}

function moveBeam()
{
if(beamFlag == false)return;
beamFlag = true;
beamY = beamY - 5;
document.Beam.style.left = beamX;
document.Beam.style.top = beamY;
if(beamY < -200)beamFlag = false;
hitCheck();
}

function hitCheck()
{
if((beamX + 50)<tekiX)return;
if((tekiX + 130)<beamX)return;

if((beamY + 50)<tekiY)return;
if((tekiY + 130)<beamY)return;
alert("ふぎゃ!!");
gameOverFlag = true;
}
//--></script>
</head>
<body onKeydown="moveFighter()"onLoad="moveEnemy()">
<img src="kaerugou.png" name="Fighter" style="position:absolute;left:0px;top:300px;">
<img src="nyorosan.png" name="Teki" style="position:absolute;left:0px;top:0px;">
<img src="beam.png" name="Beam" style="position:absolute;left:0px;top:-300px;">
</body>
</html>



0 件のコメント:

コメントを投稿