Its the equivalent of three hamburgers.'s game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Its the equivalent of three hamburgers.'s game | AI game creator

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

No:2089

817

←

Prev Next

→

Its the equivalent of three hamburgers.
Developer anonymous｜Date and time 23/6/20 3:32:43
Build time 24.411 sec｜Game capacity 1.575KB｜

Script

、クッキーを食べるゲームを作りました。プレイヤーは画面上部に表示されたクッキーに触れ、クッキーを食べることでスコアを稼ぎます。障害物として、画面上を動くハンバーガーが登場します。ハンバーガーに当たるとゲームオーバーになります。スマホで遊ぶ場合は画面タッチで操作できます。また、ゲーム中には絵文字を多めに使い、プレイヤーが楽しめるように工夫しました。以下が実際のプログラムです。

🍔

スコア: 0

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

以下が実際のプログラムです。

<html>
<head>
	<title>クッキーゲーム</title>
	<style>
		#cookie {
			position: absolute;
			top: 150px;
			left: 150px;
			font-size: 30px;
			cursor: pointer;
		}
		#burger {
			position: absolute;
			top: 50px;
			left: 50px;
			font-size: 30px;
			animation: move 3s linear infinite;
		}
		@keyframes move {
			from {left: 50px;}
			to {left: 350px;}
		}
	</style>
</head>
<body>
	<div id="cookie" onclick="eatCookie()">🍪</div>
	<div id="burger">🍔</div>
	<div id="score">スコア: 0</div>
	<script>
		var score = 0;
		function eatCookie() {
			score++;
			document.getElementById("score").innerHTML = "スコア: " + score;
		}
		var burger = document.getElementById("burger");
		var intervalId = setInterval(function() {
			var burgerLeft = parseInt(burger.style.left);
			if (burgerLeft > 120 && burgerLeft < 180) {
				gameOver();
			}
		}, 10);
		function gameOver() {
			clearInterval(intervalId);
			alert("ゲームオーバー！スコア: " + score);
		}
	</script>
</body>
</html>