AI game creator

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

No:1796

3792

←

Prev Next

→

Busywork Games
Developer User3025｜Date and time 23/6/19 2:00:24
Build time 29.613 sec｜Game capacity 2.446KB｜

Script

を作成しました。

👊

プレイヤーは1分間でできるだけ多くの悪魔の顔マークをタップするゲームです。プレイヤーはスタートボタンをタップすると、1分間のカウントダウンと同時に、1秒ごとにスコアが加算されます。さらに、1秒ごとにランダムに場所を変えながら悪魔の顔マークが現れ、それをタップするとスコアが10点加算されます。1分後に、スコアとともに「😎」の顔マークが表示され、もう一度スタートできます。

←

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>
		#gameContainer {
			width: 100%;
			height: 100vh;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#game {
			width: 200px;
			height: 200px;
			border: 5px solid black;
			border-radius: 50%;
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#gameBtn {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 3em;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div id="gameContainer">
		<div id="game">
			<div id="gameBtn">👊</div>
		</div>
	</div>

function startGame() {
			document.getElementById("gameBtn").innerHTML = "😱";
			setTimeout(createTarget, 1000);
			timerId = setInterval(function() {
				score++;
				document.getElementById("gameBtn").innerHTML = "👊 " + score;
			}, 1000);
		}

function endGame() {
			clearInterval(timerId);
			document.getElementById("gameBtn").innerHTML = "😎 スコア: " + score;
			score = 0;
		}

function createTarget() {
			var target = document.createElement("div");
			target.style.position = "absolute";
			target.style.left = Math.floor( Math.random() * 150 ) + "px";
			target.style.top = Math.floor( Math.random() * 150 ) + "px";
			target.innerHTML = "👿";
			target.addEventListener("click", function() {
				this.parentNode.removeChild(this);
				score += 10;
				document.getElementById("gameBtn").innerHTML = "👊 " + score;
			});
			document.getElementById("game").appendChild(target);
			setTimeout(createTarget, 1000);
		}

document.getElementById("gameBtn").addEventListener("click", function() {
			if (this.innerHTML == "👊") {
				startGame();
			} else {
				endGame();
			}
		});
	</script>
</body>
</html>