放置系スクールタップ's game

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

No:2458

←

Prev Next

→

放置系スクールタップ
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/21 12:53:10
Build time 57.759 sec｜Game capacity 4.99KB｜

Script

以下は、参考例として示したJavaScriptによるアプリ実装のコードです。なお、実際の動作については想定スペックなどにより異なるため、注意してください。

このアプリは「放置系スクールタップバトル続編」のイベント「どうぶつスクールシミュレーターのアップデート」をリアルに再現したものです。プレイヤーは、時間内に表示される動物をなるべくたくさんタップし、スコアを稼ぐことが目的です。制限時間が経過すると、プレイヤーのスコアが一定値以上であれば「ひさし」を討伐成功とし、そうでなければ失敗とします。このアプリはスマホでも操作可能です。また、絵文字を多用することで、可愛らしさやユニークさを演出しています。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>放置系スクールタップバトル続編</title>
	<style>
		body {
			margin: 0;
			padding: 0;
		}
		#gameArea {
			background-color: white;
			width: 100%;
			height: 100vh;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			font-size: 2rem;
			text-align: center;
		}
		#startButton {
			padding: 1rem;
			background-color: black;
			color: white;
			border: none;
			border-radius: 5px;
			font-size: 1.5rem;
			cursor: pointer;
			margin-top: 2rem;
		}
		#scoreBoard {
			position: absolute;
			top: 0;
			left: 0;
			background-color: black;
			color: white;
			padding: 0.5rem;
			border-bottom-right-radius: 10px;
			font-size: 1.2rem;
		}
		#animal {
			font-size: 6rem;
			margin-bottom: 2rem;
			user-select: none;
			cursor: pointer;
		}
		#message {
			font-size: 2rem;
			margin-top: 2rem;
		}
	</style>
	<script>
		// ゲーム設定値
		const GAME_DURATION = 30; // ゲーム時間（秒）
		const SCORE_PER_TAP = 10; // 1タップあたりの得点
		const ANIMALS = ["🐶", "🐱", "🐭", "🦊", "🐻"]; // 出現する動物の種類
		const ANIMAL_APPEARANCE_INTERVAL = 1000; // 動物の出現間隔（ミリ秒）

// 初期値
		let score = 0; // スコア
		let remainingTime = GAME_DURATION; // 残り時間
		let isPlaying = false; // ゲームプレイ中かどうか

// DOM要素
		const startButton = document.getElementById("startButton");
		const scoreBoard = document.getElementById("scoreBoard");
		const animal = document.getElementById("animal");
		const message = document.getElementById("message");

// ゲーム開始前の初期状態に戻す
		function initializeGame() {
			score = 0;
			remainingTime = GAME_DURATION;
			isPlaying = false;

updateScoreBoard();
			showAnimal("");
			message.innerText = "続編リリース記念！\nタップスタート！";
		}

// スコアボードを更新する
		function updateScoreBoard() {
			scoreBoard.innerText = "Score: " + score + " Time: " + remainingTime;
		}

// 動物を表示する
		function showAnimal(animalType) {
			animal.innerText = animalType;
		}

// 制限時間を減らし、0になったらゲーム終了
		function decreaseRemainingTime() {
			remainingTime--;
			updateScoreBoard();

if (remainingTime <= 0) {
				endGame();
			} else {
				setTimeout(decreaseRemainingTime, 1000);
			}
		}

// ゲーム終了時の処理
		function endGame() {
			isPlaying = false;

updateScoreBoard();
			showAnimal("");

if (score >= 1000) {
				message.innerHTML = "討伐成功！<br>次の獲物を探しに行こう！";
			} else {
				message.innerHTML = "討伐失敗...<br>もう一度挑戦してみよう！";
			}
		}

// タップされた時の処理
		function tapAnimal() {
			if (!isPlaying) return;

score += SCORE_PER_TAP;
			updateScoreBoard();

// ランダムな動物を表示する
			const randomIndex = Math.floor(Math.random() * ANIMALS.length);
			const randomAnimal = ANIMALS[randomIndex];
			showAnimal(randomAnimal);
		}

// ゲーム開始
		function startGame() {
			if (isPlaying) return;

isPlaying = true;
			decreaseRemainingTime();

// 動物を定期的に出現させる
			const intervalId = setInterval(() => {
				if (!isPlaying) {
					clearInterval(intervalId);
					return;
				}

const randomIndex = Math.floor(Math.random() * ANIMALS.length);
				const randomAnimal = ANIMALS[randomIndex];
				showAnimal(randomAnimal);
			}, ANIMAL_APPEARANCE_INTERVAL);

message.innerText = '';
		}

// ゲームスタートボタンをクリックした時の処理
		startButton.addEventListener("click", startGame);

// 動物をタップした時の処理
		animal.addEventListener("click", tapAnimal);

// ゲーム開始前に初期化する
		initializeGame();
	</script>
</head>
<body>
	<h1 id="animal"></h1>
	<div id="message"></div>
	<div id="gameArea">
		<button id="startButton">タップしてスタート！</button>
	</div>
	<div id="scoreBoard"></div>
</body>
</html>
```

このアプリはスマホでも操作可能です。また、絵文字を多用することで、可愛らしさやユニークさを演出しています。