They wont let you escape the screen! Lets restrain the player!'s game

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

No:4514

3335

←

Prev Next

→

They wont let you escape the screen! Lets restrain..ALL
Developer anonymous｜Date and time 70/1/1 9:40:01
Build time unknown sec｜Game capacity 2.401KB｜

Script

はい、了解しました。以下は、画面から逃げるキャラクターを追いかけて捕まえるゲームの例です。

🏃

👮

このゲームでは、プレイヤーをキーボードで操作して、敵キャラクターから逃げることが目的です。画面から逃げるように操作して、敵キャラクターに追いつかれないようにしましょう。プレイヤーが敵キャラクターに接触した場合はGAME OVERとなり、リロードして再挑戦することができます。

←

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">
	<title>拘束ゲーム</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #222;
			color: #fff;
			font-family: Arial, sans-serif;
		}
		#player {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 48px;
		}
		#enemy {
			position: fixed;
			top: 10%;
			right: 10%;
			font-size: 48px;
		}
	</style>
	<script>
		window.onload = function() {
			var player = document.getElementById("player");
			var enemy = document.getElementById("enemy");
			var x = 0;
			var y = 0;
			var speed = 10;

// プレイヤーの移動
			document.addEventListener("keydown", function(event) {
				switch(event.keyCode) {
					case 37: // ←
						x -= speed;
						break;
					case 38: // ↑
						y -= speed;
						break;
					case 39: // →
						x += speed;
						break;
					case 40: // ↓
						y += speed;
						break;
				}
			});

// ゲームループ
			setInterval(function() {
				player.style.transform = "translate(" + x + "px, " + y + "px)";
				// 敵キャラクターの追跡
				if (enemy.offsetLeft < player.offsetLeft) {
					enemy.style.left = enemy.offsetLeft + speed + "px";
				} else {
					enemy.style.left = enemy.offsetLeft - speed + "px";
				}
				if (enemy.offsetTop < player.offsetTop) {
					enemy.style.top = enemy.offsetTop + speed + "px";
				} else {
					enemy.style.top = enemy.offsetTop - speed + "px";
				}
				// プレイヤーが敵キャラクターに接触した場合の処理
				if (Math.abs(enemy.offsetLeft - player.offsetLeft) < 50 && Math.abs(enemy.offsetTop - player.offsetTop) < 50) {
					alert("GAME OVER");
					location.reload();
				}
			}, 1000 / 60); // 60FPSで動作させる
		}
	</script>
</head>
<body>
	<div id="player">🏃</div>
	<div id="enemy">👮</div>
</body>
</html>