Retrieved from France's game | AI game creator

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

No:2744

1188

Retrieved from France
Developer User3609｜Date and time 23/6/22 13:55:00
Build time 31.387 sec｜Game capacity 2.644KB｜

「フランスからの奪取」というテーマで、お城を攻め落とすゲームを作ってみました。＜実装＞以下のコードを1枚のhtmlファイルに記述してください。

🏰

🏀

GAME OVER

＜遊び方＞画面内のボールをクリック（またはタップ）すると、ボールが上に移動します。ボールがお城の外に出てしまったらゲームオーバーです。画面内のテキストをタップすると再度プレイできます。＜解釈＞フランスからの奪取というテーマで、お城を攻め落とすゲームを作ってみました。プレイヤーは籠城する城を攻め落とすため、大砲の玉を撃ちます。ゲームに勝利するためには、お城から大砲の玉を飛ばし出すことが必要です。史実でのフランスからの奪取は、特に成功した攻撃戦略をもとに実現されたものが多いです。このゲームでも、プレイヤーは攻撃作戦をたて、玉を正確に飛ばして城を陥落させる必要があります。また、スマホでも遊べるように、タップ操作に対応させました。

→ 　

0　

0　

[PR]現在の売れ筋グッズランキング

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

(C)2023 HisashiApp

「フランスからの奪取」というテーマで、お城を攻め落とすゲームを作ってみました。

＜実装＞
以下のコードを1枚のhtmlファイルに記述してください。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>フランスからの奪取</title>
	<style>
		body {
			background-color: #00BFFF;
			font-size: 2.5em;
			text-align: center;
		}
		#castle {
			position: relative;
			top: 200px;
		}
		#ball {
			position: absolute;
			top: 340px;
			left: 50%;
			transform: translateX(-50%);
			font-size: 2em;
		}
		#gameover {
			display: none;
			position: absolute;
			top: 200px;
			left: 50%;
			transform: translateX(-50%);
			font-size: 4em;
			color: white;
			text-shadow: 2px 2px 2px black;
		}
	</style>
</head>
<body>
	<div id="castle">🏰</div>
	<div id="ball">🏀</div>
	<div id="gameover">GAME OVER</div>
	<script>
		//ボールの移動距離
		const DISTANCE = 50;
		//ゲームオーバーフラグ
		let isGameOver = false;

//ボールをクリックしたときの処理
		document.getElementById("ball").addEventListener("click", function() {
			if(!isGameOver) {
				//ボールの移動
				let ball = document.getElementById("ball");
				ball.style.top = parseInt(ball.style.top) - DISTANCE + "px";
				//ゲームオーバー判定
				if(parseInt(ball.style.top) + parseInt(ball.style.fontSize) < 0) {
					document.getElementById("gameover").style.display = "block";
					isGameOver = true;
				}
			}
		});

//スマホでの操作に対応
		document.getElementById("ball").addEventListener("touchstart", function(e) {
			e.preventDefault();
			this.click();
		});
	</script>
</body>
</html>

＜遊び方＞
画面内のボールをクリック（またはタップ）すると、ボールが上に移動します。
ボールがお城の外に出てしまったらゲームオーバーです。
画面内のテキストをタップすると再度プレイできます。

＜解釈＞
フランスからの奪取というテーマで、お城を攻め落とすゲームを作ってみました。
プレイヤーは籠城する城を攻め落とすため、大砲の玉を撃ちます。
ゲームに勝利するためには、お城から大砲の玉を飛ばし出すことが必要です。
史実でのフランスからの奪取は、特に成功した攻撃戦略をもとに実現されたものが多いです。
このゲームでも、プレイヤーは攻撃作戦をたて、玉を正確に飛ばして城を陥落させる必要があります。
また、スマホでも遊べるように、タップ操作に対応させました。