AI game creator

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

No:565

222

←

Prev Next

→

Test
Developer User3034｜Date and time 23/6/15 20:22:39
Build time 33.666 sec｜Game capacity 2.414KB｜

Script

I have implemented an app as a single html file with JavaScript. The app is a game that can be played on smartphones and uses a lot of emojis. Here is the code:

😃

The game involves clicking on a smiling emoji that moves around the screen. The player has 30 seconds to click on the emoji as many times as possible. After the timer runs out, the game ends and the player’s score is displayed. The game can be played by clicking on the ”Start” button.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

I have implemented an app as a single html file with JavaScript. The app is a game that can be played on smartphones and uses a lot of emojis. Here is the code:

```html
<!DOCTYPE html>
<html>
<head>
	<title>Emoji Game</title>
</head>
<body>
	<div id="game">
		<div id="emoji">😃</div>
		<div id="timer">30</div>
		<button id="start">Start</button>
	</div>
	<script>
		var emoji = document.getElementById("emoji");
		var timer = document.getElementById("timer");
		var startBtn = document.getElementById("start");
		var score = 0;
		var timeLeft = 30;
		var timerId;

startBtn.addEventListener("click", function() {
			startBtn.disabled = true;
			timerId = setInterval(function() {
				timeLeft--;
				timer.innerHTML = timeLeft;
				if (timeLeft == 0) {
					endGame();
				}
			}, 1000);
			document.addEventListener("click", handleClick);
		});

function handleClick(event) {
			if (event.target == emoji) {
				score++;
				resetEmoji();
			}
		}

function resetEmoji() {
			var x = Math.floor(Math.random() * 80);
			var y = Math.floor(Math.random() * 80);
			emoji.style.left = x + "%";
			emoji.style.top = y + "%";
		}

function endGame() {
			clearInterval(timerId);
			document.removeEventListener("click", handleClick);
			alert("Game over! Final score: " + score);
			startBtn.disabled = false;
			score = 0;
			timeLeft = 30;
			timer.innerHTML = timeLeft;
		}

resetEmoji();
	</script>
	<style>
		body {
			margin: 0;
			padding: 0;
			font-size: 3em;
			text-align: center;
			background-color: #ddd;
		}
		#game {
			position: relative;
			height: 100vh;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		#emoji {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			cursor: pointer;
		}
		#timer {
			margin-bottom: 1em;
		}
		button {
			font-size: 1em;
			padding: 0.5em 1em;
			border-radius: 0.5em;
			border: none;
			background-color: #333;
			color: #fff;
			cursor: pointer;
		}
		button:disabled {
			background-color: #ccc;
			color: #999;
			cursor: not-allowed;
		}
	</style>
</body>
</html>
```

The game involves clicking on a smiling emoji that moves around the screen. The player has 30 seconds to click on the emoji as many times as possible. After the timer runs out, the game ends and the player's score is displayed. The game can be played by clicking on the "Start" button.