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

No:1512

114

←

Prev Next

→

Climb up the steel scaffolding and exterminate gor..ALL
Developer User3354｜Date and time 23/6/18 17:53:18
Build time 26.162 sec｜Game capacity 2.032KB｜

Script

Gorilla Slayer

鉄骨の足場を登っていき、ゴリラを退治せよ！

👨

🦍

Score: 0

←

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>Gorilla Slayer</title>
	<style>
		body {
			font-size: 2em;
			text-align: center;
		}
		#game {
			width: 100%;
			height: 500px;
			background-color: #ddd;
			position: relative;
		}
		#player {
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			font-size: 2em;
			cursor: pointer;
		}
		#gorilla {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			font-size: 2em;
		}
		#score {
			font-size: 1em;
			margin: 10px 0;
		}
	</style>
</head>
<body>
	<h1>Gorilla Slayer</h1>
	<p>鉄骨の足場を登っていき、ゴリラを退治せよ！</p>
	<div id="game">
		<div id="player">👨</div>
		<div id="gorilla">🦍</div>
	</div>
	<div id="score">Score: 0</div>

// スマホでの操作用に、タッチイベントを使用
		document.addEventListener('touchstart', function(e) {
			e.preventDefault();
			movePlayer('left');
		});
		document.addEventListener('touchend', function(e) {
			e.preventDefault();
			movePlayer('right');
		});

// プレイヤーの位置
		var playerPos = 50;
		// スコアの初期値
		var score = 0;

// プレイヤーの移動
		function movePlayer(direction) {
			if (direction === 'left') {
				playerPos -= 10;
				if (playerPos < 0) playerPos = 0;
			} else {
				playerPos += 10;
				if (playerPos > 100) playerPos = 100;
			}
			document.getElementById('player').style.left = playerPos + '%';
		}

// ゴリラの移動
		function moveGorilla() {
			var gorillaPos = Math.floor((Math.random() * 80) + 10);
			document.getElementById('gorilla').style.top = gorillaPos + '%';

// ゴリラとの距離を計算
			var dist = Math.abs(playerPos - gorillaPos);
			// ゴリラと接触した場合、スコアを加算
			if (dist < 10) {
				score++;
				document.getElementById('score').innerText = 'Score: ' + score;
			}
		}

// 1秒ごとにゴリラを移動させる
		setInterval(moveGorilla, 1000);

</script>
</body>
</html>