An apple and a bomb are randomly displayed for 0.5 seconds, and 10 points are awarded for touching the apple, and the game ends when the bomb is touched or 1 minute elapses.'s game

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

No:1074

142

←

Prev Next

→

An apple and a bomb are randomly displayed for 0.5..ALL
Developer User3230｜Date and time 23/6/18 1:39:13
Build time 30.008 sec｜Game capacity 2.433KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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: lightyellow;
		}
		#score {
			font-size: 30px;
			text-align: center;
			margin-top: 50px;
		}
		#timer {
			font-size: 30px;
			text-align: center;
			margin-top: 10px;
		}
		#gamearea {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			height: 200px;
			width: 200px;
			background-color: green;
			border-radius: 50%;
		}
		.apple, .bomb {
			position: absolute;
			height: 50px;
			width: 50px;
			border-radius: 50%;
			text-align: center;
			line-height: 50px;
			font-size: 30px;
		}
		.apple {
			background-color: red;
			color: white;
			cursor: pointer;
		}
		.bomb {
			background-color: black;
			color: white;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div id="score">0</div>
	<div id="timer">60</div>
	<div id="gamearea"></div>

function createAppleOrBomb() {
			var x = Math.floor(Math.random() * 150) + 25; // 25〜175の範囲でランダムに位置を設定
			var y = Math.floor(Math.random() * 150) + 25;
			var type = Math.random() < 0.5 ? 'apple' : 'bomb'; // ランダムにリンゴか爆弾を選択

document.getElementById('gamearea').appendChild(obj);
			setTimeout(function() {
				obj.remove();

if (timer > 0) {
					createAppleOrBomb();
				} else {
					gameover();
				}
			}, 500);
		}

function startgame() {
			document.getElementById('score').innerHTML = score;
			countdown = setInterval(function() {
				timer--;
				document.getElementById('timer').innerHTML = timer;

if (timer <= 0) {
					gameover();
				}
			}, 1000);

createAppleOrBomb();
		}

function gameover() {
			clearInterval(countdown);
			document.getElementById('gamearea').innerHTML = '<div style="font-size: 40px; text-align: center;">ゲームオーバー</div><div style="text-align: center;">スコア：' + score + '</div>';
		}

startgame();
	</script>
</body>
</html>