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

開始してください！

ゲームの概要：このゲームでは、あなたはどうぶつスクールの学年主任として、どうぶつたちを育成することになります。毎日、どうぶつたちのエサやお世話をして、彼らを元気に育てましょう。飢えたり不機嫌になったりしないように注意してください。また、どうぶつたちを育てることでお金を稼ぎ、学校や道具を改善することもできます。繁栄するどうぶつスクールを目指しましょう！

←

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-size: 2em;
			text-align: center;
			background-color: #eee;
		}

#container {
			margin: 0 auto;
			background-color: #fff;
			width: 90%;
			max-width: 500px;
			padding: 1em;
			border-radius: 10px;
			box-shadow: 0 0 10px rgba(0,0,0,.1);
		}

#game {
			font-size: 1em;
			width: 100%;
			max-width: 350px;
			margin: 0 auto;
			padding: 1em;
			box-shadow: 0 0 10px rgba(0,0,0,.1);
			border-radius: 10px;
			background-color: #fff;
		}

#status {
			font-size: 1.5em;
			margin: 1em 0;
		}

button {
			font-size: 1em;
			padding: 0.5em;
			border-radius: 10px;
			border: none;
			background-color: #009688;
			color: #fff;
			cursor: pointer;
			margin-top: 1em;
			border: 2px solid #009688;
			transition: all .2s ease-in-out;
		}

button:hover {
			background-color: #fff;
			color: #009688;
		}
	</style>
</head>
<body>
	<div id="container">
		<h1>どうぶつスクールシミュレーター</h1>
		<div id="game">
			<div id="status">開始してください！</div>
			<button onclick="startGame()">開始</button>
			<button onclick="feed()">エサを与える</button>
		</div>
	</div>

function startGame() {
			hunger = 0;
			happiness = 0;
			money = 0;

updateStatus("新しい学年がスタートします。");
			setTimeout(function() {
				updateStatus("どうぶつたちが来ました。");
			}, 2000);
		}

function feed() {
			hunger = hunger - 10;
			happiness = happiness + 10;
			money = money - 50;

updateStatus("どうぶつたちのお腹がいっぱいになりました。");
		}

function updateStatus(message) {
			document.querySelector("#status").innerHTML = message;
		}

setInterval(function() {
			hunger = hunger + 10;

if(hunger > 100) {
				updateStatus("どうぶつたちが飢え死にしそうです！");
			}
		}, 1000);
	</script>
</body>
</html>