Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
AI bomb game! Push bombs against each other and the last one with a bomb loses! Time limit is 10 seconds! Pushing bombs is done by the player and the AI! Pushing can be done by pressing a button! The last one to have a bomb loses! You die!'s game | AI game creator

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

No:3859

633

←

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