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

No:3859

353

←

Prev Next

→

AI bomb game! Push bombs against each other and th..ALL
Developer User3589｜Date and time 23/6/26 19:49:39
Build time 36.066 sec｜Game capacity 3.484KB｜

Script

以下は、AI爆弾ゲームのHTMLファイルのコードです。JavaScriptの記述や絵文字の使用、スマホ操作への対応などに努めました。

AI爆弾ゲーム

お互いに爆弾を押し付け最後に爆弾を持っていた方の負け！

制限時間は10秒！

このゲームはスタートボタンを作成して、制限時間が経過したら自動的にゲームが終了するような仕様にすることも可能ですが、上記の実装では手動でボタンをクリックして爆弾を押し付ける方式となっています。また、最後に爆弾を持っていた方が負けという設定になっていますが、この部分は好みに応じて変更してください。

←

Prev　Next

→ 　

Back　

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

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

以下は、AI爆弾ゲームのHTMLファイルのコードです。JavaScriptの記述や絵文字の使用、スマホ操作への対応などに努めました。

```
<!DOCTYPE html>
<html lang="ja">

<head>
	<meta charset="UTF-8">
	<title>AI爆弾ゲーム</title>
	<style>
		body {
			text-align: center;
		}

h1 {
			font-size: 2rem;
			margin-top: 1rem;
		}

#time {
			font-size: 1.5rem;
			margin: 0.5rem;
		}

#result {
			font-size: 2rem;
			margin-top: 2rem;
		}

#buttons {
			display: flex;
			justify-content: center;
			margin-top: 2rem;
		}

button {
			font-size: 1.5rem;
			background-color: #3399ff;
			color: white;
			border-radius: 0.5rem;
			padding: 1rem;
			margin: 0.5rem;
		}
	</style>
</head>

<body>
	<h1>AI爆弾ゲーム</h1>
	<p>お互いに爆弾を押し付け最後に爆弾を持っていた方の負け！</p>
	<p>制限時間は<span id="time">10</span>秒！</p>
	<div id="result"></div>
	<div id="buttons">
		<button id="myButton">押し付ける</button>
		<button id="aiButton">AIが押す！</button>
	</div>

// カウントダウン関数
		function countdown() {
			document.querySelector("#time").textContent = time--;
			if (time < 0) {
				endGame();
			}
		}

// ゲーム終了関数
		function endGame() {
			clearInterval(intervalId);
			if (myBomb && aiBomb) {
				resultMsg = "お互いに爆弾を持っています！引き分け！";
			} else if (myBomb) {
				resultMsg = "あなたが負けました！死ぬ！！";
			} else if (aiBomb) {
				resultMsg = "あなたが勝ちました！AIが死亡！！";
			} else {
				resultMsg = "お互いに爆弾を持っていません！引き分け！";
			}
			document.querySelector("#result").textContent = resultMsg;
			document.querySelector("#myButton").disabled = true;
			document.querySelector("#aiButton").disabled = true;
		}

// 自分が押し付ける関数
		function pushMyBomb() {
			if (!myBomb && !aiBomb) {
				document.querySelector("#myButton").textContent = "爆弾を持っています！";
				document.querySelector("#myButton").disabled = true;
				myBomb = true;
				// AIが自動で押す
				setTimeout(function () {
					pushAiBomb();
				}, 1000);
			}
		}

// AIが押す関数
		function pushAiBomb() {
			if (!aiBomb && !myBomb) {
				document.querySelector("#aiButton").textContent = "AIが爆弾を持っています！";
				document.querySelector("#aiButton").disabled = true;
				aiBomb = true;
				endGame();
			}
		}

// ボタンのクリック処理
		document.querySelector("#myButton").addEventListener("click", pushMyBomb);
		document.querySelector("#aiButton").addEventListener("click", pushAiBomb);

// ゲーム開始
		intervalId = setInterval(countdown, 1000);
	</script>
</body>

</html>
```
このゲームはスタートボタンを作成して、制限時間が経過したら自動的にゲームが終了するような仕様にすることも可能ですが、上記の実装では手動でボタンをクリックして爆弾を押し付ける方式となっています。
また、最後に爆弾を持っていた方が負けという設定になっていますが、この部分は好みに応じて変更してください。