どうぶつスクールシミュレーターアップデートなし版

SCORE: 0

開発者ひさしさんにブチ切れましょう！

*ゲームの概要: どうぶつスクールシミュレーターのアップデートが来なくて開発者ひさしにブチ切れるゲームです。スタートボタンを押すと30秒以内に表示されたどうぶつの中から、先ほど表示されたどうぶつと同じものだけをクリックしてスコアを増やしましょう。ただし、間違ったどうぶつをクリックするとスコアが減ります。スコアは右上に表示されます。時間が経過すると、新しいどうぶつが表示されます。30秒経過するか間違ったどうぶつをクリックするとゲームオーバーです。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>どうぶつスクールシミュレーター アップデートなし版</title>
	<style>
		body {
			font-family: sans-serif;
			text-align: center;
		}
		h1 {
			font-size: 2em;
			font-weight: normal;
			margin-top: 0;
		}
		button {
			padding: 10px 20px;
			font-size: 1.2em;
			margin: 20px;
			border-radius: 10px;
			border: none;
			color: #fff;
			background-color: #00c7d9;
			cursor: pointer;
		}
		button:hover {
			background-color: #008c9e;
		}
		.spacer {
			margin: 20px;
		}
		#game {
			width: 300px;
			height: 300px;
			border: 1px solid #000;
			display: flex;
			flex-wrap: wrap;
			align-content: flex-start;
			background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/paw-prints_1f43e.png');
			background-size: 30px;
			background-repeat: repeat;
		}
		.animal {
			width: 50px;
			height: 50px;
			background-color: #fff;
			border-radius: 50%;
			box-shadow: 1px 1px 5px gray;
			margin: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 1.5em;
		}
		.animal:hover {
			border: 2px solid #00c7d9;
		}
		.animal.active {
			border: 2px solid red;
		}
		.message {
			font-size: 1.2em;
			color: #00c7d9;
		}
		.score {
			font-size: 1.5em;
			color: #00c7d9;
			margin-bottom: 0;
		}
	</style>
</head>
<body>
	<h1>どうぶつスクールシミュレーター アップデートなし版</h1>
	<div id="game">
		
	</div>
	<div class="spacer">
		<button id="start-button">ゲームスタート</button>
		<p class="score">SCORE: <span id="score">0</span></p>
		<p class="message">開発者ひさしさんにブチ切れましょう！</p>
	</div>

const gameboard = document.getElementById('game');
		const startButton = document.getElementById('start-button');
		const scoreDisplay = document.getElementById('score');

startButton.addEventListener('click', startGame);

function startGame() {
			resetGame();
			fillGameboard();
			startTimer();
		}

function resetGame() {
			gameboard.innerHTML = '';
			score = 0;
			timeLeft = 30;
			activeAnimal = null;
			animalsInGame = [];
			scoreDisplay.textContent = score;
		}

function startTimer() {
			const countdown = setInterval(function() {
				timeLeft--;
				if (timeLeft === 0) {
					clearInterval(countdown);
					gameOver();
				}
			}, 1000);
		}

function gameOver() {
			gameboard.innerHTML = '';
			const gameOverMessage = document.createElement('h2');
			gameOverMessage.textContent = 'ゲームオーバー！';
			gameboard.appendChild(gameOverMessage);
			const finalScore = document.createElement('p');
			finalScore.textContent = 'あなたのスコア: ' + score;
			gameboard.appendChild(finalScore);
			resetGame();
		}

</script>
</body>
</html>

*ゲームの概要: 
どうぶつスクールシミュレーターのアップデートが来なくて開発者ひさしにブチ切れるゲームです。スタートボタンを押すと30秒以内に表示されたどうぶつの中から、先ほど表示されたどうぶつと同じものだけをクリックしてスコアを増やしましょう。ただし、間違ったどうぶつをクリックするとスコアが減ります。スコアは右上に表示されます。時間が経過すると、新しいどうぶつが表示されます。30秒経過するか間違ったどうぶつをクリックするとゲームオーバーです。

どうぶつスクールシミュレーター アップデートなし版

どうぶつスクールシミュレーターアップデートなし版