AI game creator

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

No:2254

857

←

Prev Next

→

cookie🍪 cracker
Developer User3092｜Date and time 23/6/20 18:44:30
Build time 79.115 sec｜Game capacity 1.532KB｜

Script

Score: 0

This application is a game called Cookie Cracker. You can play it on your phone. You click on the cookies that appear on the screen.、Move on to the next location. Each click increases your score. Emoji cookies are used.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Cookie Cracker Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-size: 2em;
			text-align: center;
			margin: 0;
		}

#cookie {
			width: 200px;
			height: 200px;
			background-image: url('https://emojipedia-us.s3.amazonaws.com/content/2020/04/08/google-cookie_1f36a.png');
			background-size: cover;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			cursor: pointer;
		}

#score {
			font-size: 0.5em;
			position: absolute;
			top: 0;
			right: 0;
			padding: 5px;
		}
	</style>
</head>
<body>
	<div id="score">Score: 0</div>
	<div id="cookie"></div>
	<script>
		let score = 0;
		const scoreEl = document.querySelector('#score');
		const cookieEl = document.querySelector('#cookie');

function addScore() {
			score++;
			scoreEl.innerText = `Score: ${score}`;
		}

cookieEl.addEventListener('click', function() {
			addScore();
			const x = Math.floor(Math.random() * window.innerWidth);
			const y = Math.floor(Math.random() * window.innerHeight);
			cookieEl.style.left = `${x}px`;
			cookieEl.style.top = `${y}px`;
		});
	</script>
</body>
</html>

このアプリは「クッキークラッカー」というゲームです。スマホでプレイすることができます。画面に表示されたクッキーをクリックすると、次の場所に移動します。クリックするたびにスコアが増えます。絵文字のクッキーが使われています。