A northern general in a northern country in the midst of a rebellion escaped from the North on a raft.'s game

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

No:2299

4248

←

Prev Next

→

A northern general in a northern country in the mi..ALL
Developer はいき｜Date and time 23/6/20 21:31:17
Build time 44.067 sec｜Game capacity 3.724KB｜

Script

🚣

スコア: 0

ゲームオーバー

このゲームは、北の国の北の将軍がサメから逃げながらイカダで脱北するゲームです。プレイヤーは🚣の絵文字を操作し、東シナ海を横断しながらサメを避けます。サメはランダムに生成され、上から下へ移動してきます。プレイヤーがサメと衝突するとゲームオーバーです。スコアはプレイヤーがイカダを進めた距離に応じて加算されます。操作は左右キーのみで、モバイルでも遊びやすいように設計されています。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>北の将軍脱北ゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
	body {
		background-color: #ADD8E6;
	}

#game-wrapper {
		margin: 0 auto;
		width: 90vw;
		height: 80vh;
		background-color: #F0E68C;
		display: flex;
		align-items: center;
		justify-content: center;
	}

#player {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		font-size: 5em;
	}

.sharks {
		position: absolute;
		font-size: 2em;
	}

#score {
		position: absolute;
		top: 20px;
		left: 20px;
		font-size: 2em;
	}

#message {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 5em;
		display: none;
	}
	</style>
</head>
<body>
	<div id="game-wrapper">
		<div id="player">🚣</div>
	</div>

<div id="message">ゲームオーバー</div>

document.addEventListener("keydown", function(event) {
			if (event.key === " ") {
				event.preventDefault();
				if (!isPlaying) {
					startGame();
				}
			}
		});

function startGame() {
			isPlaying = true;
			score = 0;
			player.style.display = "block";
			document.getElementById("score").style.display = "block";
			document.getElementById("message").style.display = "none";
			document.getElementById("score").innerText = "スコア: " + score;
			player.style.bottom = "0";

sharks = [];
			for (let i = 0; i < 10; i++) {
				let shark = document.createElement("div");
				shark.classList.add("sharks");
				shark.innerText = "🦈";
				document.getElementById("game-wrapper").appendChild(shark);
				sharks.push({element: shark, x: Math.random() * 80 + 10, y: Math.random() * 60 + 10});
			}

document.addEventListener("keydown", movePlayer);
			moveSharks();
		}

if (isPlaying) {
				setTimeout(moveSharks, 50);
			}
		}

function gameOver() {
			isPlaying = false;
			document.removeEventListener("keydown", movePlayer);
			document.getElementById("message").style.display = "block";
			player.style.display = "none";
			document.getElementById("score").style.display = "none";
			sharks.forEach(function(shark) {
				shark.element.remove();
			});
			sharks = [];
		}
	</script>
</body>
</html>