🦁どうぶつスクールシミュレーター続編アップデートライオン🦁マシマシ祭りゲーム🎉

マウスで獲物を追いかけるライオンを操作し、ランクアップしていこう！

←

Prev　Next

→ 　

Back　

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

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 {
		background-color: #fdfd96;
		text-align: center;
		font-size: 24px;
		font-family: Arial, sans-serif;
	}
	canvas {
		border: 1px solid black;
		margin: 0 auto;
		display: block;
	}
	</style>
</head>
<body>
	<h1>🦁どうぶつスクールシミュレーター続編アップデート ライオン🦁マシマシ祭りゲーム🎉</h1>
	<p>マウスで獲物を追いかけるライオンを操作し、ランクアップしていこう！</p>
	<canvas id="canvas" width="600" height="400"></canvas>
	
	<script>
	    // canvasに必要な要素を取得する
		var canvas = document.getElementById("canvas");
		var ctx = canvas.getContext("2d");

// ライオンの初期位置
		var x = 300;
		var y = 200;
		
        // ライオンの大きさとスピード
		var size = 50;
		var speed = 5;
		
        // ランクアップに必要な獲物の数
		var rankupCount = 5;
		var preyCount = 0;
		
        // 獲物の初期位置と大きさ
		var preyX = 100;
		var preyY = 100;
		var preySize = 30;
		
        // 獲物をランダムに動かす関数
		function movePrey() {
			preyX += Math.random() * 10 - 5;
			preyY += Math.random() * 10 - 5;
			
            // 獲物が画面外に出たら再配置する
			if (preyX < 0 || preyX > canvas.width || preyY < 0 || preyY > canvas.height) {
				preyX = Math.random() * canvas.width;
				preyY = Math.random() * canvas.height;
			}
		}

// ライオンを描画する関数
		function drawLion() {
			ctx.fillStyle = "orange";
			ctx.fillRect(x - size / 2, y - size / 2, size, size);
		}

// 獲物を描画する関数
		function drawPrey() {
			ctx.fillStyle = "brown";
			ctx.fillRect(preyX - preySize / 2, preyY - preySize / 2, preySize, preySize);
		}

// 獲物を捕まえた時の処理
		function catchPrey() {
			preyCount++;
			
            // 獲物の数が一定数に達したらランクアップ
			if (preyCount >= rankupCount) {
				rankupCount += 5;
				preyCount = 0;
				size += 10;
				speed += 2;
				alert("🦁マシマシ！ランクアップ！");
			}
			
            // 獲物の再配置
			preyX = Math.random() * canvas.width;
			preyY = Math.random() * canvas.height;
		}

// ゲームループ
		function gameLoop() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			drawLion();
			drawPrey();
			movePrey();
			
            // 獲物とライオンが重なっていたら獲物を捕まえる
			if (Math.abs(preyX - x) < size && Math.abs(preyY - y) < size) {
				catchPrey();
			}
			
            // ライオンをマウスの座標に合わせる
			canvas.addEventListener("mousemove", function(event){
			    x = event.clientX;
			    y = event.clientY;
			});
			
            // ライオンを画面内に収める
			if (x < size / 2) {
				x = size / 2;
			}
			if (x > canvas.width - size / 2) {
				x = canvas.width - size / 2;
			}
			if (y < size / 2) {
				y = size / 2;
			}
			if (y > canvas.height - size / 2) {
				y = canvas.height - size / 2;
			}
			
            // スコアの表示
			ctx.fillText("🍖：" + preyCount + " / " + rankupCount, 10, 30);
			
            // ゲームオーバーの判定
			if (size > canvas.width || size > canvas.height) {
				alert("GAME OVER");
			} else {
				requestAnimationFrame(gameLoop);
			}
		}

// ゲームスタート
		gameLoop();
	</script>
</body>
</html>

🦁どうぶつスクールシミュレーター続編アップデート ライオン🦁マシマシ祭りゲーム🎉

🦁どうぶつスクールシミュレーター続編アップデートライオン🦁マシマシ祭りゲーム🎉