Animal School Simulator Sequel a's game

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

No:3034

1109

←

Prev Next

→

Animal School Simulator Sequel a
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/23 12:41:32
Build time 44.412 sec｜Game capacity 3.991KB｜

Script

Score: 0

Tap to jump and collect lions 🦁

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>どうぶつスクールシミュレーター続編アップデート</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #FDE4E1;
			font-family: Arial, sans-serif;
		}
		canvas {
			display: block;
			margin: 0 auto;
			background-color: #FFF;
			border: 1px solid #CCC;
			touch-action: none;
		}
		#score {
			text-align: center;
			font-size: 24px;
			color: #333;
			margin-top: 20px;
		}
		#instruction {
			text-align: center;
			font-size: 16px;
			color: #333;
			margin-top: 20px;
		}
		#header {
			text-align: center;
			font-size: 32px;
			color: #333;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<canvas id="canvas" width="400" height="600"></canvas>
	<div id="score">Score: 0</div>
	<div id="instruction">Tap to jump and collect lions 🦁</div>
	<div id="header">俺の大好きなライオン🦁がいっぱいいるガツンとマシマシスペシャルゲーム</div>
	<script>
		// ゲームで使う変数の初期化
		let canvas = document.getElementById("canvas");
		let ctx = canvas.getContext("2d");
		let score = 0;
		let gravity = 0.5;
		let jump = 10;
		let lions = [];
		let gameover = false;
		let image = new Image();
		image.src = "lion.png";
		image.onload = function() {
			// ライオンを作成
			for (let i = 0; i < 5; i++) {
				let lion = {
					x: Math.floor(Math.random() * (canvas.width - 50)),
					y: Math.floor(Math.random() * (canvas.height - 50)),
					width: 50,
					height: 50,
					speed: Math.random() * 5 + 5
				};
				lions.push(lion);
			}
			// ゲームループを開始
			requestAnimationFrame(gameLoop);
		}
		// ゲームループ
		function gameLoop() {
			// キャンバスをクリア
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			// プレイヤーを描画
			ctx.fillStyle = "#000";
			ctx.fillRect(50, canvas.height / 2 - 25, 50, 50);
			// ライオンを描画
			for (let i = 0; i < lions.length; i++) {
				lions[i].x -= lions[i].speed;
				ctx.drawImage(image, lions[i].x, lions[i].y, lions[i].width, lions[i].height);
				// 衝突判定
				if (lions[i].x + lions[i].width > 50 && lions[i].x < 100 && lions[i].y + lions[i].height > canvas.height / 2 - 25 && lions[i].y < canvas.height / 2 + 25) {
					score++;
					lions.splice(i, 1);
					let lion = {
						x: canvas.width,
						y: Math.floor(Math.random() * (canvas.height - 50)),
						width: 50,
						height: 50,
						speed: Math.random() * 5 + 5
					};
					lions.push(lion);
				}
				// ライオンが画面外に出たら削除
				if (lions[i].x + lions[i].width < 0) {
					lions.splice(i, 1);
					let lion = {
						x: canvas.width,
						y: Math.floor(Math.random() * (canvas.height - 50)),
						width: 50,
						height: 50,
						speed: Math.random() * 5 + 5
					};
					lions.push(lion);
				}
			}
			// スコアを更新
			document.getElementById("score").innerHTML = "Score: " + score;
			// ゲームオーバー判定
			if (canvas.height / 2 + 25 > canvas.height || canvas.height / 2 - 25 < 0) {
				gameover = true;
			}
			for (let i = 0; i < lions.length; i++) {
				if (lions[i].x + lions[i].width > 50 && lions[i].x < 100 && lions[i].y + lions[i].height > canvas.height / 2 - 25 && lions[i].y < canvas.height / 2 + 25) {
					gameover = true;
				}
			}
			if (gameover) {
				// ゲームオーバー表示
				ctx.fillStyle = "#F00";
				ctx.font = "48px Arial";
				ctx.fillText("Game Over", 50, canvas.height / 2);
				// 再開するためにページをリロードする
				setTimeout(function() { location.reload(); }, 2000);
			} else {
				// ゲームループを再帰的に呼び出す
				requestAnimationFrame(gameLoop);
			}
		}
		// タップでプレイヤーをジャンプさせる
		document.addEventListener("touchstart", function(e) {
			e.preventDefault();
			if (!gameover) {
				canvas.height / 2 - 25 - jump < 0 ? canvas.height / 2 - 25 = 0 : canvas.height / 2 - 25 -= jump;
			}
		});
	</script>
</body>
</html>