AI game creator

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

No:529

363

←

Prev Next

→

whack-a-mole (game)
Developer User3010｜Date and time 23/6/15 8:39:58
Build time 42.235 sec｜Game capacity 3.29KB｜

Script

Score: 0

This application is a game called Whack-a-mole. You can play it on your phone. click on the mole that randomly appears from the 9 holes to score. there is a time limit of 30 seconds.、The game will automatically end after a period of time. Click the Start button to start the game. Look at your score.、Aim for the highest score!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>もぐら叩き</title>
	<style>
		body {
			background-color: #f2f2f2;
			font-size: 1.3em;
			font-family: sans-serif;
			text-align: center;
			margin-top: 50px;
		}
		.game-board {
			display: inline-block;
			border: 2px solid #999;
			padding: 20px;
			margin: 20px;
			background-color: #fff;
			box-shadow: 0px 2px 5px #888888;
		}
		.hole {
			display: inline-block;
			width: 100px;
			height: 100px;
			background-color: #9e6300;
			border: 2px solid #754b0f;
			border-radius: 50%;
			margin: 5px;
			vertical-align: top;
		}
		.mole {
			display: none;
			width: 80px;
			height: 80px;
			background-image: url("https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/mole_1f407.png");
			background-size: contain;
			background-repeat: no-repeat;
			margin-top: 10px;
			cursor: pointer;
		}
		.score {
			margin-top: 20px;
			font-size: 2em;
		}
		.button {
			background-color: #88b5e0;
			border: none;
			color: #fff;
			padding: 10px 20px;
			text-align: center;
			font-size: 1.2em;
			font-weight: bold;
			text-transform: uppercase;
			border-radius: 5px;
			cursor: pointer;
		}
	</style>
</head>
<body>

<div class="score">Score: 0</div>

<button class="button">Start</button>

function startGame() {
			score = 0;
			scoreBoard.textContent = "Score: " + score;
			button.disabled = true;
			timeInterval = setInterval(showMole, 1000);
			setTimeout(endGame, gameDuration*1000);
		}

function showMole() {
			let randomIndex = Math.floor(Math.random() * moles.length);
			let randomMole = moles[randomIndex];
			randomMole.style.display = "block";
			setTimeout(hideMole, 800, randomMole);
		}

function hideMole(mole) {
			mole.style.display = "none";
		}

function hitMole() {
			score++;
			scoreBoard.textContent = "Score: " + score;
		}

function endGame() {
			clearInterval(timeInterval);
			alert("Time's up! Your score: " + score);
			button.disabled = false;
		}

moles.forEach(mole => mole.addEventListener('click', hitMole));
		button.addEventListener('click', startGame);
	</script>

</body>
</html>

このアプリは「もぐら叩き」というゲームです。スマホで遊べます。9つの穴からランダムに現れるもぐらをクリックしてスコアを稼ぎます。30秒間の制限時間があり、時間が経つとゲームが自動的に終了します。スタートボタンをクリックするとゲームが始まります。あなたのスコアを見て、最高得点を目指しましょう！