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

No:112

295

←

Prev Next

→

All you can eat game
Developer ひさひさ｜Date and time 23/5/19 22:11:29
Build time 91.318 sec｜Game capacity 2.826KB｜

Script

食べ放題ゲーム

制限時間内にできるだけ多くの食べ物を食べよう！

スコア: 0点

このゲームは、プレーヤーが食べ物の絵文字をクリックして、時間内にできるだけ多くのポイントを獲得するゲームです。ランダムな場所に食べ物が出現し、プレーヤーはできるだけ早くそれらをクリックする必要があります。ゲームが制限時間で終了すると、プレーヤーのスコアが表示されます。スマートフォンでのプレイに適しており、背景には食べ物の画像が使われています。また、プレーヤーの操作をより明確にするために、絵文字が使用されています。

←

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 type="text/css">
		body {
			text-align: center;
			background-color: #FFE5B4;
			font-size: 2em;
		}
		#score {
			font-size: 1.5em;
			color: red;
		}
		#gameboard {
			margin: 0 auto;
			width: 80%;
			max-width: 800px;
			height: 500px;
			background-image: url("https://i.imgur.com/JUk2tVq.jpg");
			background-size: cover;
			position: relative;
		}
		#food {
			position: absolute;
			width: 60px;
			height: 60px;
			font-size: 2em;
			cursor: pointer;
			transition: top 0.2s linear, left 0.2s linear;
		}
	</style>
</head>
<body>
	<h1>食べ放題ゲーム</h1>
	<p>制限時間内にできるだけ多くの食べ物を食べよう！</p>
	<p>スコア: <span id="score">0</span>点</p>
	<div id="gameboard">
	</div>
	<script type="text/javascript">
		var score = 0;
		var time = 30;
		document.getElementById("score").innerHTML = score;
		var foodList = ["🍔", "🍟", "🍕", "🍱", "🍩", "🍦"];
		var interval = setInterval(placeFood, 1000);
		var timer = setInterval(countdown, 1000);
		function placeFood() {
			var food = document.createElement("div");
			var randomIndex = Math.floor(Math.random() * foodList.length);
			food.innerHTML = foodList[randomIndex];
			food.setAttribute("id", "food");
			food.setAttribute("class", "food");
			var randomX = Math.floor(Math.random() * (document.getElementById("gameboard").offsetWidth - 60));
			var randomY = Math.floor(Math.random() * (document.getElementById("gameboard").offsetHeight - 60));
			food.style.top = randomY + "px";
			food.style.left = randomX + "px";
			document.getElementById("gameboard").appendChild(food);
			food.addEventListener("click", eatFood);
			setTimeout(function() {
				food.remove();
			}, 5000);
		}
		function eatFood() {
			this.remove();
			score++;
			document.getElementById("score").innerHTML = score;
		}
		function countdown() {
			time--;
			document.getElementById("timer").innerHTML = time;
			if (time === 0) {
				clearInterval(interval);
				clearInterval(timer);
				alert("ゲーム終了！あなたのスコアは" + score + "点です。");
			}
		}
	</script>
</body>
</html>