Click here for free DL of the app version that can save data.

No:2292

3744

←

Prev Next

→

Running away from the enemy game
Developer User3536｜Date and time 23/6/20 21:03:03
Build time 29.594 sec｜Game capacity 2.67KB｜

Script

逃げろ！

敵から逃げて、生き残るゲームです。スマホで操作してください。

😎

💀

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>逃げろ！</title>
</head>
<body>
	<h1>逃げろ！</h1>
	<p>敵から逃げて、生き残るゲームです。スマホで操作してください。</p>
	<div id="game">
		<div id="player" style="position:absolute; left:10px; top:10px; font-size:30px;">😎</div>
		<div id="enemy" style="position:absolute; left:300px; top:300px; font-size:30px;">💀</div>
	</div>
	<script>
		//プレイヤーの移動
		document.addEventListener("keydown", movePlayer);
		function movePlayer(event) {
			switch (event.keyCode) {
				case 37: // 左
				document.getElementById("player").style.left = parseInt(document.getElementById("player").style.left) - 10 + "px";
				break;
				case 38: // 上
				document.getElementById("player").style.top = parseInt(document.getElementById("player").style.top) - 10 + "px";
				break;
				case 39: // 右
				document.getElementById("player").style.left = parseInt(document.getElementById("player").style.left) + 10 + "px";
				break;
				case 40: // 下
				document.getElementById("player").style.top = parseInt(document.getElementById("player").style.top) + 10 + "px";
				break;
			}
			//敵に当たった場合
			if(isCollided(document.getElementById("player"), document.getElementById("enemy"))) {
				alert("ゲームオーバー！");
				location.reload();
			}
		}
		//二つの要素が重なっているかどうか
		function isCollided(obj1, obj2) {
			var obj1Rect = obj1.getBoundingClientRect();
			var obj2Rect = obj2.getBoundingClientRect();
			return !(obj1Rect.bottom < obj2Rect.top || obj1Rect.top > obj2Rect.bottom || obj1Rect.right < obj2Rect.left || obj1Rect.left > obj2Rect.right);
		}
		//敵の移動
		setInterval(moveEnemy, 1000);
		function moveEnemy() {
			//敵の移動方向をランダムに決定
			var directions = ["left", "right", "up", "down"];
			var direction = directions[Math.floor(Math.random() * directions.length)];
			switch (direction) {
				case "left":
				document.getElementById("enemy").style.left = parseInt(document.getElementById("enemy").style.left) - 50 + "px";
				break;
				case "right":
				document.getElementById("enemy").style.left = parseInt(document.getElementById("enemy").style.left) + 50 + "px";
				break;
				case "up":
				document.getElementById("enemy").style.top = parseInt(document.getElementById("enemy").style.top) - 50 + "px";
				break;
				case "down":
				document.getElementById("enemy").style.top = parseInt(document.getElementById("enemy").style.top) + 50 + "px";
				break;
			}
		}
	</script>
</body>
</html>