ライオンガツンとマシマシゲーム

これはライオンを操作して、動物学校のランチタイムにお弁当を食べるゲームです。スマホで操作が可能です。

←

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>
</head>
<body>
	<h1>ライオンガツンとマシマシゲーム</h1>
	<p>これはライオンを操作して、動物学校のランチタイムにお弁当を食べるゲームです。スマホで操作が可能です。</p>

// お弁当の初期位置
		var food_x = Math.floor(Math.random() * 300);
		var food_y = Math.floor(Math.random() * 500);

// ゲーム画面に要素を追加
		var game = document.getElementById("game");
		var lion = document.getElementById("lion");
		var food = document.getElementById("food");
		lion.style.left = lion_x + "px";
		lion.style.top = lion_y + "px";
		food.style.left = food_x + "px";
		food.style.top = food_y + "px";

// ゲームのルール
		var score = 0;
		var max_score = 10;
		var eat_sound = new Audio("eat_sound.mp3");

game.onclick = function() {
			// ライオンの移動
			lion_x += 10;
			lion.style.left = lion_x + "px";

// お弁当との当たり判定
			if (lion_x > food_x && lion_x < food_x + 50 && lion_y > food_y && lion_y < food_y + 50) {
				food_x = Math.floor(Math.random() * 300);
				food_y = Math.floor(Math.random() * 500);
				food.style.left = food_x + "px";
				food.style.top = food_y + "px";
				score++;
				eat_sound.play();
				if (score == max_score) {
					alert("お腹いっぱい！お勝ち！");
				}
			}
		}
	</script>
</body>
</html>