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

No:2582

1907

←

Prev Next

→

Waterfall Adventure
Developer AI絵師｜Date and time 23/6/22 0:59:35
Build time 27.768 sec｜Game capacity 2.275KB｜

Script

滝行アドベンチャー 🏞️

ルール

あなたは滝行をしに来ましたが、途中で道に迷ってしまいました。
左右に進むことができ、道中にはモンスターがいます。
モンスターに当たるとゲームオーバーです。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>滝行アドベンチャー</title>
<style>
	body {
		background-color: #EBECF0;
	}
	
	h1 {
		font-size: 3em;
		margin-top: 0;
	}
	
	h2 {
		font-size: 2em;
	}
	
	p {
		font-size: 1.5em;
	}
	
	button {
		font-size: 1.5em;
		background-color: #F7D44E;
		color: #FFF;
		border: none;
		padding: 10px 20px;
		border-radius: 5px;
		margin: 10px;
		cursor: pointer;
	}
	
	button:hover {
		background-color: #F2C94C;
	}
</style>
</head>
<body>
	<h1>滝行アドベンチャー 🏞️</h1>
	
	<h2>ルール</h2>
	<p>あなたは滝行をしに来ましたが、途中で道に迷ってしまいました。 <br>
		左右に進むことができ、道中にはモンスターがいます。 <br>
		モンスターに当たるとゲームオーバーです。</p>
	
	<button id="start" onclick="startGame()">ゲームスタート！</button>
	
	<div id="gameDisplay" style="display:none;">
		<p id="message"></p>
		<button id="left" onclick="moveLeft()">←</button>
		<button id="right" onclick="moveRight()">→</button>
	</div>
	
	<script>
		var pos = 'center';
		
		function startGame() {
			document.getElementById('start').style.display = 'none';
			document.getElementById('gameDisplay').style.display = 'block';
			document.getElementById('message').innerHTML = '滝行を開始しました！';
		}
		
		function moveLeft() {
			if (pos == 'left') {
				gameOver();
			} else if (pos == 'center') {
				pos = 'left';
				document.getElementById('message').innerHTML = '左に進みます。';
			} else {
				pos = 'center';
				document.getElementById('message').innerHTML = '中央に戻ります。';
			}
		}
		
		function moveRight() {
			if (pos == 'right') {
				gameOver();
			} else if (pos == 'center') {
				pos = 'right';
				document.getElementById('message').innerHTML = '右に進みます。';
			} else {
				pos = 'center';
				document.getElementById('message').innerHTML = '中央に戻ります。';
			}
		}
		
		function gameOver() {
			document.getElementById('message').innerHTML = 'モンスターに当たりました。ゲームオーバー！😭';
			document.getElementById('left').disabled = true;
			document.getElementById('right').disabled = true;
		}
	</script>
</body>
</html>