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

No:3605

4006

Kumamon🆚 non-kumamon!
Developer User3589｜Date and time 23/6/25 19:15:59
Build time 59.469 sec｜Game capacity 5.6KB｜

ある2つのキャラクター、くまモンと非くまモンのゲームを作ります。このゲームは、スマホで操作し、絵文字を使って分かりやすくします。ゲームのルール： - くまモンと非くまモンが交互に攻撃をする。 - 攻撃方法は、くまモンは「🐻パンチ！」、非くまモンは「🐵キック！」である。 - 攻撃を受ける側は、相手の攻撃方法を予想し、自分の防御方法を決める。 - 防御方法は、くまモンは「🛡️ガード！」、非くまモンは「🐰かわす！」である。 - 攻撃方法と防御方法が一致しなかった場合、攻撃側のダメージとなる。 - 3回攻撃をくらうと負け。ここから実際のプログラムです：

くまモン🆚非くまモン！

あなたは、くまモンです。

攻撃方法を選んでください。

このゲームを遊ぶ場合は、HTMLファイルを作成し、ブラウザで開いてください。攻撃方法を選び、相手の攻撃方法と防御方法を予想してから、ダメージを与え、相手のHPを0にすることが目的です。

→ 　

3　

2　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

ある2つのキャラクター、くまモンと非くまモンのゲームを作ります。このゲームは、スマホで操作し、絵文字を使って分かりやすくします。

ゲームのルール：
- くまモンと非くまモンが交互に攻撃をする。
- 攻撃方法は、くまモンは「🐻パンチ！」、非くまモンは「🐵キック！」である。
- 攻撃を受ける側は、相手の攻撃方法を予想し、自分の防御方法を決める。
- 防御方法は、くまモンは「🛡️ガード！」、非くまモンは「🐰かわす！」である。
- 攻撃方法と防御方法が一致しなかった場合、攻撃側のダメージとなる。
- 3回攻撃をくらうと負け。

ここから実際のプログラムです：
```html
<!DOCTYPE html>
<html>
<head>
	<title>くまモン🆚非くまモン！</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			text-align: center;
			background-color: #f5f5f5;
		}
		#game {
			margin: auto;
			padding: 20px;
			border: 2px solid black;
			border-radius: 10px;
			max-width: 400px;
			background-color: white;
		}
		#result {
			font-size: 24px;
			font-weight: bold;
			margin: 20px 0;
		}
		#attack {
			font-size: 36px;
			margin: 20px 0;
		}
	</style>
</head>
<body>
	<h1>くまモン🆚非くまモン！</h1>
	<div id="game">
		<p>あなたは、くまモンです。</p>
		<p id="message">攻撃方法を選んでください。</p>
		<div id="attack">
			<button onclick="attack('punch')">🐻パンチ！</button>
			<button onclick="attack('kick')">🐵キック！</button>
		</div>
		<div id="result"></div>
	</div>

<script>
		let player = "くまモン";
		let enemy = "非くまモン";
		let playerHp = 3;
		let enemyHp = 3;
		let turn = 1;
		const attack = (type) => {
			let playerAttack = type;
			let enemyAttack = ['punch', 'kick'][Math.floor(Math.random() * 2)];
			let playerDefense = prompt("相手の攻撃方法を予想して、防御方法を決めてください。\nガード：0\nかわす：1");
			if(parseInt(playerDefense) === 0) {
				playerDefense = "🛡️ガード！";
			} else {
				playerDefense = "🐰かわす！";
			}
			let enemyDefense = ['🛡️ガード！', '🐰かわす！'][Math.floor(Math.random() * 2)];
			let result = document.querySelector("#result");
			let message = document.querySelector("#message");
			if(playerAttack === enemyAttack) {
				result.innerText = "相手もあなたと同じ攻撃方法を選びました。ダメージを与えられませんでした。";
			} else if((playerAttack === "punch" && enemyDefense === "🛡️ガード！") || (playerAttack === "kick" && enemyDefense === "🐰かわす！")) {
				result.innerText = `${enemy}はあなたの攻撃をかわしました。ダメージを与えられませんでした。`;
			} else {
				if((enemyAttack === "punch" && playerDefense === "🛡️ガード！") || (enemyAttack === "kick" && playerDefense === "🐰かわす！")) {
					result.innerText = `相手は、あなたの攻撃をかわしました。ダメージを受けませんでした。`;
				} else {
					result.innerText = `あなたは、${playerAttack}！相手は、${enemyAttack}！\n${playerDefense}\n${enemyDefense}`;
					if(playerAttack === "punch") {
						enemyHp--;
					} else {
						enemyHp -= 2;
					}
					if(enemyHp <= 0) {
						result.innerText += `\nあなたの勝ちです！`;
						message.innerText = "もう一回やる？";
						document.querySelector("#attack").style.display = "none";
					} else {
						result.innerText += `\n${enemy}の残りHPは、${enemyHp}です。`;
					}
					if(turn % 2 === 0) {
						turn++;
					}
				}
			}
			if(turn % 2 === 1 && enemyHp > 0) {
				setTimeout(() => {
					let enemyAttack = ['punch', 'kick'][Math.floor(Math.random() * 2)];
					let playerDefense = ['🛡️ガード！', '🐰かわす！'][Math.floor(Math.random() * 2)];
					let enemyDefense = prompt("相手は攻撃しました。相手の攻撃方法を予想して、防御方法を決めてください。\nガード：0\nかわす：1");
					if(parseInt(enemyDefense) === 0) {
						enemyDefense = "🛡️ガード！";
					} else {
						enemyDefense = "🐰かわす！";
					}
					if((enemyAttack === "punch" && playerDefense === "🛡️ガード！") || (enemyAttack === "kick" && playerDefense === "🐰かわす！")) {
						result.innerText = `相手はあなたの攻撃をかわしました。ダメージを受けませんでした。`;
					} else {
						result.innerText = `相手は、${enemyAttack}です。\n${enemyDefense}\n${playerDefense}`;
						if(enemyAttack === "punch") {
							playerHp--;
						} else {
							playerHp -= 2;
						}
						if(playerHp <= 0) {
							result.innerText += `\n相手の勝ちです。`;
							message.innerText = "もう一回やる？";
							document.querySelector("#attack").style.display = "none";
						} else {
							result.innerText += `\nあなたの残りHPは、${playerHp}です。`;
						}
					}
					if(turn % 2 === 0) {
						turn++;
					}
				}, 1000);
				if(playerHp > 0 && enemyHp > 0) {
					message.innerText = "相手の攻撃です。";
				}
			}
			turn++;
		}
	</script>
</body>
</html>
```
このゲームを遊ぶ場合は、HTMLファイルを作成し、ブラウザで開いてください。攻撃方法を選び、相手の攻撃方法と防御方法を予想してから、ダメージを与え、相手のHPを0にすることが目的です。