A game where 🥹 emoji avoids 😤 emojis's game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
A game where 🥹 emoji avoids 😤 emojis's game | AI game creator

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

No:1706

1392

←

Prev Next

→

A game where 🥹 emoji avoids 😤 emojis
Developer TimoshQ｜Date and time 23/6/18 22:24:44
Build time 29.948 sec｜Game capacity 2.783KB｜

Script

🥹

This is a simple game where the player, represented by the 🥹 emoji, has to avoid the falling 😤 emojis. The player can jump by clicking on the screen, and the goal is to survive as long as possible without getting hit by the enemies. The enemies are randomly generated and fall from the top of the screen at a constant rate. As the player avoids more enemies, the game becomes more difficult.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Emoji Escape Game</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: black;
			color: white;
			font-size: 30px;
			text-align: center;
		}

#player {
			position: absolute;
			top: 100px;
			left: 50%;
			transform: translateX(-50%);
			font-size: 50px;
			cursor: pointer;
		}

.enemy {
			position: absolute;
			top: -100px;
			left: 50%;
			transform: translateX(-50%);
			font-size: 50px;
			animation: fall infinite 2s;
		}

@keyframes fall {
			0% {
				top: -100px;
			}
			100% {
				top: 100vh;
			}
		}
	</style>
</head>
<body>
	<div id="game">
		<div id="player" onclick="jump()">🥹</div>
	</div>
	<script>
		let player = document.getElementById("player");
		let game = document.getElementById("game");

function jump() {
			player.style.bottom = "100px";
			setTimeout(function() {
				player.style.bottom = "0px";
			}, 500);
		}

function spawnEnemy() {
			let enemy = document.createElement("div");
			enemy.classList.add("enemy");
			let emojis = ["😤", "🤬", "😠", "👿", "💀"];
			enemy.innerHTML = emojis[Math.floor(Math.random()*emojis.length)];
			enemy.style.color = getRandomColor();
			game.appendChild(enemy);
			setTimeout(function() {
				enemy.remove();
			}, 2000);
		}

function getRandomColor() {
			let letters = "0123456789ABCDEF";
			let color = "#";
			for (let i = 0; i < 6; i++) {
				color += letters[Math.floor(Math.random() * 16)];
			}
			return color;
		}

let enemyInterval = setInterval(spawnEnemy, 1000);

setInterval(function() {
			let playerBottom = parseInt(window.getComputedStyle(player).getPropertyValue("bottom"));
			let playerLeft = parseInt(window.getComputedStyle(player).getPropertyValue("left"));
			let enemies = document.querySelectorAll(".enemy");
			enemies.forEach(function(enemy) {
				let enemyBottom = parseInt(window.getComputedStyle(enemy).getPropertyValue("top"));
				let enemyLeft = parseInt(window.getComputedStyle(enemy).getPropertyValue("left"));
				if (playerBottom <= enemyBottom + 50 && playerBottom >= enemyBottom - 50 && playerLeft >= enemyLeft - 50 && playerLeft <= enemyLeft + 50) {
					alert("Game Over");
					clearInterval(enemyInterval);
					location.reload();
				}
			})
		}, 100);
	</script>
</body>
</html>