AI game creator

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

No:684

219

←

Prev Next

→

Games beyond games
Developer User3065｜Date and time 23/6/17 12:46:17
Build time 25.157 sec｜Game capacity 3.583KB｜

Script

Emoji Adventure Game

😊

🏰

🌲

🌳

🦖

このゲームは「Emoji Adventure」という名前の迷路ゲームです。プレイヤーは😊の絵文字で表され、🏰の絵文字を目指して移動しなければなりません。プレイヤーは進行方向以外の方向にも移動可能ですが、🌲、🌳、および🦖のような障害物と衝突するとゲームオーバーになります。このゲームはスマートフォンでプレイすることができ、JavaScriptを使用して実装されています。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Emoji Adventure Game</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #F0F8FF;
		}
		header {
			text-align: center;
			font-size: 3rem;
			margin: 2rem;
		}
		#game-container {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		.emoji {
			font-size: 5rem;
			margin: 1rem;
		}
		.hidden {
			display: none;
		}
	</style>
</head>
<body>
	<header>Emoji Adventure Game</header>
	<div id="game-container">
		<div class="emoji" id="player">😊</div>
		<div class="emoji" id="goal">🏰</div>
		<div class="emoji" id="obstacle1">🌲</div>
		<div class="emoji" id="obstacle2">🌳</div>
		<div class="emoji" id="obstacle3">🦖</div>
	</div>
	<script>
		// Game initializations
		const container = document.getElementById("game-container");
		const player = document.getElementById("player");
		const goal = document.getElementById("goal");
		const obstacle1 = document.getElementById("obstacle1");
		const obstacle2 = document.getElementById("obstacle2");
		const obstacle3 = document.getElementById("obstacle3");
		const emojiList = [player, goal, obstacle1, obstacle2, obstacle3];
		let playerPosition = 0;
		let gameRunning = true;

// Functions
		function movePlayer(direction) {
			if (gameRunning) {
				switch (direction) {
					case "up":
						if (playerPosition > 2) {
							playerPosition -= 3;
						}
						break;
					case "down":
						if (playerPosition < 6) {
							playerPosition += 3;
						}
						break;
					case "left":
						if (playerPosition % 3 !== 0) {
							playerPosition -= 1;
						}
						break;
					case "right":
						if ((playerPosition + 1) % 3 !== 0) {
							playerPosition += 1;
						}
						break;
				}
				player.style.order = playerPosition;
				checkCollisions();
			}
		}

function resetGame() {
			gameRunning = true;
			playerPosition = 0;
			player.style.order = playerPosition;
			obstacle1.classList.remove("hidden");
			obstacle2.classList.remove("hidden");
			obstacle3.classList.remove("hidden");
		}

// Event listeners
		document.addEventListener("keydown", (e) => {
			switch (e.code) {
				case "ArrowUp":
					movePlayer("up");
					break;
				case "ArrowDown":
					movePlayer("down");
					break;
				case "ArrowLeft":
					movePlayer("left");
					break;
				case "ArrowRight":
					movePlayer("right");
					break;
			}
		});

</script>
</body>
</html>