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

アップデート強制ゲーム

あなたはどうぶつスクールスクールシミュレーターの開発者「ひさし」を無理矢理強制的にアップデートさせるために、
スマホの力を使って彼を追いかけます。
ひさしが逃げる障害物やエモーションデータを避けて、アップデートを成功させましょう。

【ゲームの概要】どうぶつスクールスクールシミュレーターのアップデートをしない開発者「ひさし」を無理矢理強制的に力づくでアップデートさせるゲームです。スマホの力を使ってひさしを追いかけ、逃げる障害物やエモーションデータを避けながらアップデートを成功させます。スタートボタンを押すとゲームが始まり、十分なスコアを取得するとランキングに登録されます。

←

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 type="text/css">
		body {
			background-color: #ffe5b4;
			font-family: Arial;
		}
		h1 {
			font-size: 30px;
			color: #ff8c00;
			text-align: center;
		}
		h2 {
			font-size: 20px;
			color: #f4a460;
			text-align: center;
		}
		#container {
			margin: 0 auto;
			width: 90%;
			max-width: 500px;
			text-align: center;
		}
		button {
			font-size: 20px;
			color: #ffffff;
			background-color: #ff8c00;
			border: none;
			border-radius: 5px;
			padding: 10px 20px;
			margin-top: 20px;
			cursor: pointer;
		}
		button:hover {
			background-color: #ffa07a;
		}
	</style>
</head>
<body>
	<div id="container">
		<h1>どうぶつスクールスクールシミュレーター</h1>
		<h2>アップデート強制ゲーム</h2>
		<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/paw-prints_1f43e.png" alt="paw prints" width="100">
		<p>あなたはどうぶつスクールスクールシミュレーターの開発者「ひさし」を無理矢理強制的にアップデートさせるために、<br>スマホの力を使って彼を追いかけます。<br>ひさしが逃げる障害物やエモーションデータを避けて、アップデートを成功させましょう。</p>
		<div id="game">
			<div id="player" style="position: relative; left: 0px; top: 0px;"><img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/dog-face_1f436.png" alt="dog face" width="50"></div>
		</div>
		<button id="start_btn">スタート</button>
		<p id="result"></p>
	</div>
	<script type="text/javascript">
		var player = document.getElementById("player");
		var container = document.getElementById("game");
		var start_btn = document.getElementById("start_btn");
		var result = document.getElementById("result");
		var screenWidth = screen.width;
		var screenHeight = screen.height;
		var playerWidth = player.offsetWidth;
		var playerHeight = player.offsetHeight;
		var containerWidth = container.offsetWidth;
		var containerHeight = container.offsetHeight;
		var playerX = 0;
		var playerY = 0;
		var speed = 10;
		var keyState = {};
		var obstacles = [];
		var emotions = [];
		var timer;

function generateObstacles() {
			var obstacleTypes = ["https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/school_1f3eb.png",
								"https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/fox-face_1f98a.png",
								"https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/penguin_1f427.png",
								"https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/bear-face_1f43b.png"];
			for (var i = 0; i < 4; i++) {
				var obstacleType = obstacleTypes[Math.floor(Math.random() * obstacleTypes.length)];
				var obstacle = document.createElement("div");
				obstacle.innerHTML = "<img src='" + obstacleType + "' alt='obstacle' width='50'>";
				obstacle.style.position = "absolute";
				obstacle.style.left = screenWidth + "px";
				obstacle.style.top = Math.floor(Math.random() * (containerHeight - 50)) + "px";
				container.appendChild(obstacle);
				obstacles.push(obstacle);
			}
		}

function generateEmotions() {
			var emotionsTypes = ["https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/kissing-face-with-closed-eyes_1f61a.png",
								"https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/grinning-face-with-smiling-eyes_1f604.png",
								"https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/heart-eyes_1f60d.png"];
			for (var i = 0; i < 3; i++) {
				var emotionType = emotionsTypes[Math.floor(Math.random() * emotionsTypes.length)];
				var emotion = document.createElement("div");
				emotion.innerHTML = "<img src='" + emotionType + "' alt='emotion' width='50'>";
				emotion.style.position = "absolute";
				emotion.style.left = screenWidth + "px";
				emotion.style.top = Math.floor(Math.random() * (containerHeight - 50)) + "px";
				container.appendChild(emotion);
				emotions.push(emotion);
			}
		}

function isOverlap(element1, element2) {
			var rect1 = element1.getBoundingClientRect();
			var rect2 = element2.getBoundingClientRect();
			return !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);
		}

function gameOver(message) {
			clearInterval(timer);
			alert(message + "　スコア：" + score);
			location.reload();
		}

var score = 0;

start_btn.addEventListener("click", startGame);

//player.style.position = "absolute";
			//player.style.left = 0;
			//player.style.top = 0;
	</script>
</body>
</html>

【ゲームの概要】
どうぶつスクールスクールシミュレーターのアップデートをしない開発者「ひさし」を無理矢理強制的に力づくでアップデートさせるゲームです。スマホの力を使ってひさしを追いかけ、逃げる障害物やエモーションデータを避けながらアップデートを成功させます。スタートボタンを押すとゲームが始まり、十分なスコアを取得するとランキングに登録されます。