Animal School Simulator

This application is a game called Animal School Simulator.、The controls are smartphone compatible. The objectives of the game are、Happy degree while raising cats、Hungry、Manage energy and、It is to make him happy and full of power. Easy to operate. Use the three buttons on the screen.、They feed, play and sleep. Periodically、Check regularly to see if his happiness level has dropped. Go for the highest score you can achieve.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>どうぶつスクールシミュレーター</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			background-color: #54BE8B;
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			color: white;
			margin: 0;
		}
		h1 {
			margin-top: 30px;
		}
		#canvas {
			background-color: white;
			margin: 20px auto;
			display: block;
			border-radius: 10px;
			box-shadow: 0px 0px 10px #333333;
		}
		.btn {
			background-color: #F6C23E;
			color: white;
			border: none;
			border-radius: 5px;
			padding: 10px;
			margin: 20px;
			cursor: pointer;
			box-shadow: 0px 0px 5px #333333;
		}
		.btn:hover {
			background-color: #F9A51D;
		}
	</style>
</head>
<body>
	<h1>どうぶつスクールシミュレーター</h1>
	<canvas id="canvas" width="400" height="400"></canvas>
	<button class="btn" id="feedBtn">えさをあげる</button>
	<button class="btn" id="playBtn">あそぶ</button>
	<button class="btn" id="sleepBtn">ねる</button>
	<script>
		const canvas = document.getElementById('canvas');
		const ctx = canvas.getContext('2d');
		let happiness = 50;
		let hunger = 50;
		let energy = 50;
		const animal = new Image();
		animal.src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/cat-face_1f431.png';
		const food = new Image();
		food.src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/fish_1f41f.png';
		const toy = new Image();
		toy.src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/mouse-face_1f42d.png';
		const bed = new Image();
		bed.src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/sleeping-face_1f634.png';
		animal.onload = function() {
			draw();
		}
		function draw() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			ctx.drawImage(animal, 50, 50, 100, 100);
			ctx.fillText(`ハッピー度: ${happiness}`, 50, 200);
			ctx.fillText(`おなか: ${hunger}`, 50, 220);
			ctx.fillText(`エネルギー: ${energy}`, 50, 240);
		}
		document.getElementById('feedBtn').addEventListener('click', function() {
			hunger += 20;
			if (hunger > 100) {
				hunger = 100;
			}
			draw();
		});
		document.getElementById('playBtn').addEventListener('click', function() {
			happiness += 20;
			energy -= 10;
			if (happiness > 100) {
				happiness = 100;
			}
			if (energy < 0) {
				energy = 0;
			}
			draw();
		});
		document.getElementById('sleepBtn').addEventListener('click', function() {
			energy += 20;
			if (energy > 100) {
				energy = 100;
			}
			draw();
		});
		setInterval(function() {
			hunger -= 5;
			if (hunger < 0) {
				hunger = 0;
				happiness -= 20;
				energy -= 20;
			}
			if (energy < 0) {
				energy = 0;
				happiness -= 20;
			}
			if (happiness < 0) {
				happiness = 0;
			}
			draw();
		}, 5000);
	</script>
</body>
</html>

このアプリは「どうぶつスクールシミュレーター」というゲームで、操作はスマホ対応です。ゲームの目的は、猫を育てながらハッピー度、お腹の空き具合、エネルギーを管理し、彼を幸せに力いっぱいにすることです。簡単に操作します。画面上の3つのボタンを使って、えさをあげたりあそんだり寝たりします。定期的に、彼のハッピー度が落ちていないか定期的に確認してください。あなたが達成できる最高のスコアを目指してください。