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

No:35

376

←

Prev Next

→

Games in which ●, ■, and ▲ move
Developer anonymous｜Date and time 23/5/2 19:59:22
Build time 38.699 sec｜Game capacity 1.921KB｜

Script

●

■

▲

Emoji Game

Welcome to Emoji Game! The game is simple: three emojis, ●, ■, and ▲, are moving around the screen. Your task is to click or tap on them as many times as you can within 30 seconds. Each click or tap earns you one point. Sounds easy, right? But watch out, they are quick and they move in unexpected ways. Remember, you only have 30 seconds to score as many points as possible. Are you ready? Let’s begin!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Emoji Game</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: mistyrose;
			text-align: center;
			font-size: 2em;
			margin: 0;
			padding: 0;
		}
		#game-board {
			display: inline-block;
			position: relative;
			width: 100%;
			height: 80%;
		}
		.emoji {
			position: absolute;
			font-size: 2em;
			transition: all 0.5s ease-in-out;
		}
		.emoji:hover {
			cursor: pointer;
			transform: rotate(360deg);
		}
		#description {
			font-size: 1.2em;
			margin: 20px;
			padding: 10px;
			border: 2px solid gray;
			background-color: white;
		}
	</style>
</head>
<body>
	<div id="game-board">
		<div class="emoji" style="left: 10%; top: 20%;">●</div>
		<div class="emoji" style="left: 60%; top: 50%;">■</div>
		<div class="emoji" style="left: 30%; top: 70%;">▲</div>
	</div>
	<div id="description">
		<h1>Emoji Game</h1>
		<p>Welcome to Emoji Game! The game is simple: three emojis, ●, ■, and ▲, are moving around the screen. Your task is to click or tap on them as many times as you can within 30 seconds. Each click or tap earns you one point. Sounds easy, right? But watch out, they are quick and they move in unexpected ways. Remember, you only have 30 seconds to score as many points as possible. Are you ready? Let's begin!</p>
	</div>
	<script>
		var emojis = document.querySelectorAll('.emoji');
		var score = 0;
		var time = 30;

setInterval(function() {
			time -= 1;
			if (time === 0) {
				alert('Time is up! Your final score is ' + score + '.');
				location.reload();
			}
		}, 1000);

emojis.forEach(function(emoji) {
			emoji.addEventListener('click', function() {
				emoji.style.left = Math.random() * 80 + '%';
				emoji.style.top = Math.random() * 80 + '%';
				score += 1;
				document.title = 'Score: ' + score;
			});
		});
	</script>
</body>
</html>