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

No:3666

659

Story setting: Provides a scenario. Presenting cho..ALL
Developer User3589｜Date and time 23/6/26 2:17:48
Build time 33.543 sec｜Game capacity 2.888KB｜

する。例えば、「Aを選んだ場合、城の奥にある秘密の部屋を発見した。Bを選んだ場合、城から脱出するために謎を解く必要がある。」ゲームの概要: 「脱出ゲーム」を作成します。プレイヤーはシナリオに従って、城から脱出するために必要なアイテムを探しながら謎を解いていきます。シナリオや選択肢、結果はランダムなものとし、同じシナリオが繰り返し表示されないようにします。プレイヤーが目的地に到着すれば、クリアとなります。 HTMLコード例：

脱出ゲーム

このコードではランダムなシナリオが表示され、プレイヤーは選択肢から一つ選んで結果を得ることができます。結果によって成功・失敗が判定されるため、目的地に到着するまで何度もチャレンジすることができます。必要に応じてCSSを追加してデザインをアレンジすることもできます。

→ 　

1　

0　

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

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

(C)2023 HisashiApp

する。例えば、「Aを選んだ場合、城の奥にある秘密の部屋を発見した。Bを選んだ場合、城から脱出するために謎を解く必要がある。」
ゲームの概要: 「脱出ゲーム」を作成します。プレイヤーはシナリオに従って、城から脱出するために必要なアイテムを探しながら謎を解いていきます。シナリオや選択肢、結果はランダムなものとし、同じシナリオが繰り返し表示されないようにします。プレイヤーが目的地に到着すれば、クリアとなります。

HTMLコード例：
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>脱出ゲーム</title>
	<style>
		h1 {
			text-align: center;
			font-size: 40px;
			margin-top: 50px;
		}
		button {
			font-size: 20px;
			margin: 20px;
			padding: 10px 20px;
			background-color: #E2E2E2;
			border: none;
			border-radius: 5px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>脱出ゲーム</h1>
	<button onclick="scenario()">スタート</button>
	<script>
		function scenario() {
			var scenario = Math.floor(Math.random() * 3) + 1;
			switch(scenario) {
				case 1:
					document.write("<h2>シナリオ1</h2>");
					document.write("<p>Q. どうする？</p>");
					document.write("<button onclick='result(1)'>A. 城を探検する</button>");
					document.write("<button onclick='result(2)'>B. すぐに外に出る</button>");
					break;
				case 2:
					document.write("<h2>シナリオ2</h2>");
					document.write("<p>Q. どうする？</p>");
					document.write("<button onclick='result(1)'>A. 秘密の部屋を探す</button>");
					document.write("<button onclick='result(2)'>B. 武器を探す</button>");
					break;
				case 3:
					document.write("<h2>シナリオ3</h2>");
					document.write("<p>Q. どうする？</p>");
					document.write("<button onclick='result(1)'>A. 謎を解く</button>");
					document.write("<button onclick='result(2)'>B. 外に出る</button>");
					break;
			}
		}
		function result(choice) {
			var result = Math.floor(Math.random() * 2) + 1;
			switch(result) {
				case 1:
					document.write("<h2>成功！</h2>");
					document.write("<p>目的地に到着し、脱出に成功しました。</p>");
					break;
				case 2:
					document.write("<h2>失敗...</h2>");
					document.write("<p>プレイヤーは道に迷ってしまい、脱出に失敗しました。</p>");
					break;
			}
		}
	</script>
</body>
</html>

このコードではランダムなシナリオが表示され、プレイヤーは選択肢から一つ選んで結果を得ることができます。結果によって成功・失敗が判定されるため、目的地に到着するまで何度もチャレンジすることができます。必要に応じてCSSを追加してデザインをアレンジすることもできます。