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

No:3371

485

oninuts
Developer User3662｜Date and time 23/6/24 17:02:59
Build time 34.898 sec｜Game capacity 2.5KB｜

オニナッツというゲームを作ってみました！このゲームはスマホで遊べるように設計されており、1枚のhtmlファイルにJavaScriptを含んでいます。以下が具体的なプログラムです。

オニナッツ

あなたは小さなネズミです。オニナッツたちがあなたを追いかけているので、逃げましょう！

プレイヤー

上記のプログラムにより、オニナッツというゲームが作成されます。プレイヤーはネズミの画像で、タッチすることによって上に移動します。敵はオニナッツの画像で、画面左側から右側に向かって移動してきます。プレイヤーが敵にぶつかるとゲームオーバーになり、スコアが表示されます。スコアは敵を避けて進むことによって増えます。また、すべての敵が右端に到達すると、画面左端から再度出現します。以上が、スマホで遊べるオニナッツゲームのプログラムです。楽しんで遊んでください！ 🐭🐿️🥜🏃💥👻

→ 　

0　

0　

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

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

(C)2023 HisashiApp

オニナッツというゲームを作ってみました！このゲームはスマホで遊べるように設計されており、1枚のhtmlファイルにJavaScriptを含んでいます。以下が具体的なプログラムです。

```
<!DOCTYPE html>
<html>
<head>
	<title>オニナッツ</title>
</head>
<body>
	<h1>オニナッツ</h1>
	<p>あなたは小さなネズミです。オニナッツたちがあなたを追いかけているので、逃げましょう！</p>
	<div id="game">
		<img src="nezumi.png" id="player" alt="プレイヤー">
		<img src="oninattsu.png" class="enemy" alt="敵1">
		<img src="oninattsu.png" class="enemy" alt="敵2">
		<img src="oninattsu.png" class="enemy" alt="敵3">
		<img src="oninattsu.png" class="enemy" alt="敵4">
	</div>
	<script>
		var player = document.getElementById("player");
		var enemies = document.getElementsByClassName("enemy");
		var score = 0;
		var gameLoop = setInterval(function() {
			for (var i = 0; i < enemies.length; i++) {
				var enemy = enemies[i];
				enemy.style.left = parseInt(enemy.style.left) - 10 + "px";
				if (isColliding(player, enemy)) {
					alert("ゲームオーバー！スコア: " + score);
					clearInterval(gameLoop);
				}
				if (parseInt(enemy.style.left) < -100) {
					enemy.style.left = "100%";
					score++;
				}
			}
		}, 50);
		function isColliding(a, b) {
			var aRect = a.getBoundingClientRect();
			var bRect = b.getBoundingClientRect();
			return !(
				(aRect.bottom < bRect.top) ||
				(aRect.top > bRect.bottom) ||
				(aRect.right < bRect.left) ||
				(aRect.left > bRect.right)
			);
		}
		player.addEventListener("touchstart", function(event) {
			player.style.top = parseInt(player.style.top) - 20 + "px";
			event.preventDefault();
		});
	</script>
</body>
</html>
```

上記のプログラムにより、オニナッツというゲームが作成されます。プレイヤーはネズミの画像で、タッチすることによって上に移動します。敵はオニナッツの画像で、画面左側から右側に向かって移動してきます。プレイヤーが敵にぶつかるとゲームオーバーになり、スコアが表示されます。スコアは敵を避けて進むことによって増えます。また、すべての敵が右端に到達すると、画面左端から再度出現します。

以上が、スマホで遊べるオニナッツゲームのプログラムです。楽しんで遊んでください！ 🐭🐿️🥜🏃💥👻