Hurry up with the update of the SacraSchool simulator!!!! 🤬💢game's game | AI game creator

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

No:495

172

Hurry up with the update of the SacraSchool simula..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/15 0:07:06
Build time 69.801 sec｜Game capacity 4.646KB｜

の概要：「フルーツハント」プレイヤーは10秒間で画面内に表示されたフルーツをタップしてポイントを獲得するゲームです。画面内にはリンゴ、バナナ、イチゴ、オレンジがランダムに表示されます。ただし、時々雲が画面を覆ってフルーツが見えなくなることがあります。プレイヤーはその状況でもフルーツが表示される場所を予想してタップする必要があります。以下、HTMLとJavaScriptのプログラムを記述します。

Score: 0

雲が通り過ぎています...

このプログラムは、以下のように動作します。 1. HTMLの背景色は青く、ホワイトスクリーンのような雰囲気です。 2. ページが表示されると、10秒のタイマーが始まり、スコアが表示されます。 3. 非常に頻繁に、フルーツが画面上のランダムな場所に表示されます。ランダムで、フルーツはリンゴ、バナナ、イチゴ、オレンジのいずれかになります。 4. 時々、画面上に「雲が通り過ぎています...」というメッセージが表示されます。それが表示されている間、フルーツは見えません。 5. プレイヤーがフルーツをタップすると、1ポイント獲得できます。 6. 10秒が経過すると、ゲームオーバーになり、スコアが表示されます。このゲームは、PCでもスマホでも遊ぶことができます。プレイヤーはスマホのブラウザで画面をタップして、フルーツを狙うことができます。また、絵文字を多用することで、楽しさと親しみやすさを演出しています。

→ 　

0　

0　

[PR]現在のプレゼントランキング

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

(C)2023 HisashiApp

の概要：「フルーツハント」
プレイヤーは10秒間で画面内に表示されたフルーツをタップしてポイントを獲得するゲームです。画面内にはリンゴ、バナナ、イチゴ、オレンジがランダムに表示されます。ただし、時々雲が画面を覆ってフルーツが見えなくなることがあります。プレイヤーはその状況でもフルーツが表示される場所を予想してタップする必要があります。

以下、HTMLとJavaScriptのプログラムを記述します。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>フルーツハント</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #c6e2ff;
			font-size: 24px;
			font-weight: bold;
			color: #fff;
		}
		.container {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100vh;
		}
		.score {
			margin-bottom: 20px;
		}
		.fruit {
			position: absolute;
			font-size: 40px;
		}
		.apple {
			color: red;
		}
		.banana {
			color: yellow;
		}
		.strawberry {
			color: pink;
		}
		.orange {
			color: orange;
		}
		.cloud {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(255, 255, 255, 0.8);
			display: flex;
			align-items: center;
			justify-content: center;
			visibility: hidden;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="score">Score: 0</div>
	</div>
	<div class="fruit"></div>
	<div class="cloud">雲が通り過ぎています...</div>
	<script>
		let score = 0;
		let time = 10;
		let fruits = ['apple', 'banana', 'strawberry', 'orange'];
		const container = document.querySelector('.container');
		const scoreEl = document.querySelector('.score');
		const fruitEl = document.querySelector('.fruit');
		const cloudEl = document.querySelector('.cloud');

function showFruit() {
			const randomFruit = fruits[Math.floor(Math.random() * fruits.length)];
			const x = Math.floor(Math.random() * (window.innerWidth - 100));
			const y = Math.floor(Math.random() * (window.innerHeight - 100));
			fruitEl.innerText = '🍎🍌🍓🍊'[fruits.indexOf(randomFruit)];
			fruitEl.classList.add(randomFruit);
			fruitEl.style.top = `${y}px`;
			fruitEl.style.left = `${x}px`;
		}

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

function startGame() {
			score = 0;
			time = 10;
			scoreEl.innerText = `Score: ${score}`;
			const intervalId = setInterval(() => {
				if (time === 0) {
					clearInterval(intervalId);
					fruitEl.style.visibility = 'hidden';
					cloudEl.style.visibility = 'hidden';
					alert(`Game Over!\nYour score is ${score}`);
				} else {
					time--;
					scoreEl.innerText = `Score: ${score} / Time: ${time}`;
					if (time % 3 === 0) {
						cloudEl.style.visibility = 'visible';
						setTimeout(() => {
							cloudEl.style.visibility = 'hidden';
							showFruit();
						}, 2000);
					} else {
						showFruit();
					}
				}
			}, 1000);
		}

container.addEventListener('click', (event) => {
			if (event.target.classList.contains('fruit')) {
				updateScore(1);
				event.target.style.visibility = 'hidden';
				setTimeout(() => {
					event.target.classList.remove(...fruits);
					event.target.style.visibility = 'visible';
					showFruit();
				}, 1000);
			}
		});

document.addEventListener('DOMContentLoaded', () => {
			startGame();
		});
	</script>
</body>
</html>
```

このプログラムは、以下のように動作します。

1. HTMLの背景色は青く、ホワイトスクリーンのような雰囲気です。
2. ページが表示されると、10秒のタイマーが始まり、スコアが表示されます。
3. 非常に頻繁に、フルーツが画面上のランダムな場所に表示されます。ランダムで、フルーツはリンゴ、バナナ、イチゴ、オレンジのいずれかになります。
4. 時々、画面上に「雲が通り過ぎています...」というメッセージが表示されます。それが表示されている間、フルーツは見えません。
5. プレイヤーがフルーツをタップすると、1ポイント獲得できます。
6. 10秒が経過すると、ゲームオーバーになり、スコアが表示されます。

このゲームは、PCでもスマホでも遊ぶことができます。プレイヤーはスマホのブラウザで画面をタップして、フルーツを狙うことができます。また、絵文字を多用することで、楽しさと親しみやすさを演出しています。