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

No:1895

102

←

Prev Next

→

A game with a sudden ending
Developer User3345｜Date and time 23/6/19 13:18:08
Build time 39.749 sec｜Game capacity 3.423KB｜

Script

Emoji Adventure

左右に動くキャラクターを操作し、進行方向に出現するエmojiを全て収集してください。途中で見つかる悪魔Emojiに触れると、ゲームオーバーです。あなたのスコアを競いましょう！

😀

🍎

🍔

🍩

👹

お疲れ様でした！

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Emoji Adventure</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #eeeeee;
			font-family: Arial, Helvetica, sans-serif;
		}
		.container {
			margin: 0 auto;
			width: 80%;
			text-align: center;
		}
		.button {
			background-color: #008CBA;
			color: #ffffff;
			padding: 10px 20px;
			border-radius: 5px;
			cursor: pointer;
		}
		.button:hover {
			background-color: #006B8E;
		}
	</style>
	<script>
		// ゲーム開始
		function startGame() {
			document.getElementById("intro").style.display = "none";
			document.getElementById("game").style.display = "block";
			document.getElementById("ending").style.display = "none";
			document.getElementById("score").innerHTML = "スコア：0";
			score = 0;
			position = 0;
		}

// ゲームエンド
		function endGame() {
			document.getElementById("intro").style.display = "none";
			document.getElementById("game").style.display = "none";
			document.getElementById("ending").style.display = "block";
			document.getElementById("final-score").innerHTML = "あなたのスコアは " + score + " です！";
		}

// ゲームスコア
		var score = 0;
		function addScore() {
			score += 10;
			document.getElementById("score").innerHTML = "スコア：" + score;
		}

// キャラクターの位置
		var position = 0;

// キャラクターの移動
		function moveCharacter(e) {
			if (e.keyCode == 65 || e.keyCode == 37) { // 'A'キー or ← を押した時
				position--;
				if (position < 0) {
					position = 0;
				}
			}
			else if (e.keyCode == 68 || e.keyCode == 39) { // 'D'キー or → を押した時
				position++;
				if (position > 2) {
					position = 2;
				}
			}

document.getElementById("character").style.left = (position * 33.3333) + "%";
		}

// ゲーム開始前の画面
		window.onload = function() {
			document.addEventListener("keydown", moveCharacter);
			document.getElementById("intro").style.display = "block";
			document.getElementById("game").style.display = "none";
			document.getElementById("ending").style.display = "none";
		}
	</script>
</head>
<body>
	<div class="container">
		<div id="intro">
			<h1>Emoji Adventure</h1>
			<p>左右に動くキャラクターを操作し、進行方向に出現するエmojiを全て収集してください。途中で見つかる悪魔Emojiに触れると、ゲームオーバーです。あなたのスコアを競いましょう！</p>
			<button class="button" onclick="startGame()">ゲームを始める</button>
		</div>
		<div id="game">
			<div id="character" style="position: absolute; bottom: 0; left: 33.3333%; font-size: 48px;">😀</div>
			<div id="emoji1" style="position: absolute; top: 0; left: 0; font-size: 48px;">🍎</div>
			<div id="emoji2" style="position: absolute; top: 0; left: 33.3333%; font-size: 48px;">🍔</div>
			<div id="emoji3" style="position: absolute; top: 0; left: 66.6666%; font-size: 48px;">🍩</div>
			<div id="demon" style="position: absolute; top: 70%; left: 33.3333%; font-size: 80px;">👹</div>
			<div id="score" style="position: absolute; top: 10px; right: 10px;"></div>
		</div>
		<div id="ending">
			<h1>お疲れ様でした！</h1>
			<p id="final-score"></p>
			<button class="button" onclick="startGame()">もう一度プレイする</button>
		</div>
	</div>
</body>
</html>