Hurry up with the appeasement of the howsk!!!! 🤬💢game's game

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

No:3755

169

←

Prev Next

→

Hurry up with the appeasement of the howsk!!!! 🤬💢g..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/26 12:57:39
Build time 34.342 sec｜Game capacity 3.251KB｜

Script

「フルーツキャッチャー」このゲームでは、画面上に落ちてくるフルーツをキャッチすることが目的です。ゲーム開始ボタンを押すと、フルーツが左右から落ちてきます。スマホの傾きを利用してバケツを操作し、フルーツをキャッチしてください。ゲームは30秒間続き、キャッチしたフルーツの数でスコアが計算されます。タイムアップ後、再度ゲームを始めることができます。以下が実際のコードです。

←

Prev　Next

→ 　

Back　

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

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

「フルーツキャッチャー」

このゲームでは、画面上に落ちてくるフルーツをキャッチすることが目的です。

ゲーム開始ボタンを押すと、フルーツが左右から落ちてきます。スマホの傾きを利用してバケツを操作し、フルーツをキャッチしてください。

ゲームは30秒間続き、キャッチしたフルーツの数でスコアが計算されます。タイムアップ後、再度ゲームを始めることができます。

以下が実際のコードです。

```html
<!DOCTYPE html>
<html>
<head>
	<title>フルーツキャッチャー</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			margin: 0;
			padding: 0;
			overflow: hidden;
			background-color: #ffffff;
		}

#bucket {
			position: absolute;
			bottom: 10px;
			left: 50%;
			transform: translateX(-50%);
			width: 60px;
			height: 60px;
			background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/person-with-ball_26f9-1f3fd_1f3fd.png');
			background-size: contain;
			background-repeat: no-repeat;
		}

.fruit {
			position: absolute;
			top: -100px;
			animation: fall linear infinite;
		}

@keyframes fall {
			0% {
				top: -100px;
			}
			100% {
				top: calc(100% + 100px);
			}
		}
	</style>
</head>
<body>
	<button onclick="startGame()">ゲーム開始</button>
	<div id="bucket"></div>

const createFruit = () => {
				const fruits = ['🍎', '🍇', '🍓', '🍌', '🍊'];
				const fruitIndex = Math.floor(Math.random() * fruits.length);
				const fruit = document.createElement('div');
				fruit.className = 'fruit';
				fruit.style.left = `${Math.random() * 90}%`;
				fruit.innerHTML = fruits[fruitIndex];
				document.body.appendChild(fruit);

const fallInterval = setInterval(() => {
					const fruitBottom = fruit.offsetTop + fruit.offsetHeight;
					const bucketTop = bucket.offsetTop;
					const bucketLeft = bucket.offsetLeft;
					const bucketRight = bucket.offsetLeft + bucket.offsetWidth;

if (fruitBottom >= bucketTop && bucketLeft <= (fruit.offsetLeft + fruit.offsetWidth) && bucketRight >= fruit.offsetLeft) {
						clearInterval(fallInterval);
						fruit.remove();
						score++;
						document.getElementById('score').textContent = `スコア: ${score}`;
					}

if (fruit.offsetTop >= (window.innerHeight - 100)) {
						clearInterval(fallInterval);
						fruit.remove();
					}
				}, 10);
			}

const gameInterval = setInterval(() => {
				createFruit();
			}, 1000);

setTimeout(() => {
				clearInterval(gameInterval);
				alert(`タイムアップ！\nスコア: ${score}`);
				document.querySelectorAll('.fruit').forEach((fruit) => {
					fruit.remove();
				});
			}, 30000);
		}
	</script>
</body>
</html>
```