Basic text-based simulation's game | AI game creator

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

No:2739

1638

Basic text-based simulation
Developer User3589｜Date and time 23/6/22 13:50:05
Build time 33.387 sec｜Game capacity 3.471KB｜

を作ります。プレイヤーは1つのキャラクターを操作し、様々な選択肢を選んでストーリーを進めていきます。以下がプログラムの例です。

あなたは洋菓子屋さんにやってきました。どうしますか？

このプログラムでは、最初に「あなたは洋菓子屋さんにやってきました。どうしますか？」というストーリーが表示されます。プレイヤーは「お菓子を見る」か「店員に聞く」を選べます。それぞれの選択肢に応じて、ストーリーが進んでいきます。最終的に、プレイヤーが選んだ選択肢によって、ゲームはクリアまたはゲームオーバーとなります。また、「もう一度遊ぶ」を選ぶことで、ゲームを繰り返すことができます。以上が、1枚のhtmlファイルで実装されたテキストベースのシミュレーションゲームの例です。絵文字を使っても面白そうですね！

→ 　

0　

0　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

を作ります。プレイヤーは1つのキャラクターを操作し、様々な選択肢を選んでストーリーを進めていきます。

以下がプログラムの例です。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>シミュレーションゲーム</title>
	<style>
		body {
			background-color: #F5DEB3;
			font-size: 24px;
			text-align: center;
		}
		button {
			font-size: 24px;
			padding: 10px;
			border-radius: 10px;
			border: none;
			background-color: #DA70D6;
			color: #FFF;
			margin-top: 20px;
			cursor: pointer;
		}
	</style>
</head>
<body>

<p id="story">あなたは洋菓子屋さんにやってきました。どうしますか？</p>
	<button onclick="choice1()">お菓子を見る</button>
	<button onclick="choice2()">店員に聞く</button>

<script>
		function choice1() {
			document.getElementById("story").innerHTML = "たくさんのおいしそうなお菓子が並んでいます。どれを買いますか？";
			document.getElementsByTagName("button")[0].innerHTML = "チョコレートケーキを買う";
			document.getElementsByTagName("button")[1].innerHTML = "ストロベリーショートケーキを買う";
			document.getElementsByTagName("button")[0].setAttribute("onclick", "end('ゲームクリア！チョコレートケーキを買って帰りました。')");
			document.getElementsByTagName("button")[1].setAttribute("onclick", "end('ゲームオーバー。ストロベリーショートケーキが売り切れていました。')");
		}

function choice2() {
			document.getElementById("story").innerHTML = "「ストロベリーショートケーキはありますか？」と聞くと、店員がニコニコと答えてくれました。「はい、ありますよ！」";
			document.getElementsByTagName("button")[0].innerHTML = "ショートケーキを買う";
			document.getElementsByTagName("button")[1].innerHTML = "店員におすすめを聞く";
			document.getElementsByTagName("button")[0].setAttribute("onclick", "end('ゲームオーバー。ショートケーキを買ったけど、不味かった。')");
			document.getElementsByTagName("button")[1].setAttribute("onclick", "end('ゲームクリア！店員おすすめのフルーツタルトを買って帰りました。')");
		}

function end(result) {
			document.getElementById("story").innerHTML = result;
			document.getElementById("story").style.fontSize = "48px";
			document.getElementsByTagName("button")[0].innerHTML = "もう一度遊ぶ";
			document.getElementsByTagName("button")[1].style.display = "none";
			document.getElementsByTagName("button")[0].setAttribute("onclick", "location.reload()");
		}
	</script>

</body>
</html>

このプログラムでは、最初に「あなたは洋菓子屋さんにやってきました。どうしますか？」というストーリーが表示されます。プレイヤーは「お菓子を見る」か「店員に聞く」を選べます。それぞれの選択肢に応じて、ストーリーが進んでいきます。最終的に、プレイヤーが選んだ選択肢によって、ゲームはクリアまたはゲームオーバーとなります。また、「もう一度遊ぶ」を選ぶことで、ゲームを繰り返すことができます。

以上が、1枚のhtmlファイルで実装されたテキストベースのシミュレーションゲームの例です。絵文字を使っても面白そうですね！