どうぶつスクールシミュレーター

開発者ひさしがアップデートを放置しているどうぶつスクールを救うため、あなたが校長になりました。校舎にやってくるどうぶつたちに教育し、文化祭で成功させましょう！

クリックするとどうぶつが出てきます。どうぶつが自分で勉強し、おぼえたことや性格によって成績が変わります。賢いどうぶつほど高い成績を取り、文化祭での評価も上がります。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>どうぶつスクールシミュレーター アップデート</title>
	<style>
		body {
			font-family: sans-serif;
			background-color: #eee;
		}
		h1 {
			text-align: center;
			margin-top: 2rem;
		}
		.container {
			background-color: #fff;
			border-radius: 5px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
			margin: 2rem auto;
			padding: 1.5rem;
			width: 90vw;
			max-width: 500px;
		}
		button {
			background-color: #009688;
			border: none;
			border-radius: 5px;
			color: #fff;
			cursor: pointer;
			font-size: 1rem;
			margin-top: 1rem;
			padding: 0.5rem;
			width: 100%;
		}
		button:hover {
			background-color: #00796b;
		}
		.animal {
			display: inline-block;
			font-size: 4rem;
			margin: 0.5rem;
			cursor: pointer;
		}
		.animal:hover {
			transform: scale(1.1, 1.1);
		}
	</style>
</head>
<body>
	<h1>どうぶつスクールシミュレーター</h1>
	<div class="container">
		<p>開発者ひさしがアップデートを放置しているどうぶつスクールを救うため、あなたが校長になりました。校舎にやってくるどうぶつたちに教育し、文化祭で成功させましょう！</p>
		<p>クリックするとどうぶつが出てきます。どうぶつが自分で勉強し、おぼえたことや性格によって成績が変わります。賢いどうぶつほど高い成績を取り、文化祭での評価も上がります。</p>
		<div id="animal-container"></div>
		<button id="start-button">授業を始める</button>
	</div>
	<script>
		const animalContainer = document.getElementById('animal-container');
		const startButton = document.getElementById('start-button');
		const animals = ['🐶', '🐱', '🐰', '🐻', '🐨', '🐯', '🦁', '🐷', '🐮', '🐭'];
		let intervalId;

startButton.addEventListener('click', () => {
			intervalId = setInterval(() => {
				const animal = document.createElement('span');
				const randomAnimal = animals[Math.floor(Math.random() * animals.length)];
				animal.textContent = randomAnimal;
				animal.classList.add('animal');
				animalContainer.appendChild(animal);
				setTimeout(() => {
					animal.remove();
				}, 3000);
			}, 1000);
		});
	</script>
</body>
</html>