ネコを捕まえるゲーム。 50匹捕まえたら、終わり。時々犬が混じっている。間違えて犬を捕まえたらゲームオーバー。's game

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

No:2958

1794

←

Prev Next

→

ネコを捕まえるゲーム。 50匹捕まえたら、終わり。時々犬が混じっている。間違えて犬を捕まえたら..ALL
Developer User3613｜Date and time 23/6/23 7:17:04
Build time 32.141 sec｜Game capacity 2.538KB｜

Script

←

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.0">
	<style type="text/css">
		body {
			margin: 0;
			padding: 0;
		}

canvas {
			display: block;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas"></canvas>

// スコア
		var score = 0;

// ネコの画像
		var catImage = new Image();
		catImage.src = "https://www.emoji.co.uk/files/phantom-open-emojis/animals-nature-phantom/1566-cat-face.png";

// 犬の画像
		var dogImage = new Image();
		dogImage.src = "https://www.emoji.co.uk/files/phantom-open-emojis/animals-nature-phantom/1579-dog-face.png";

// ネコと犬の配列
		var cats = [];
		var dogs = [];

// キャンバスの初期化
		var canvas = document.getElementById("gameCanvas");
		canvas.width = WIDTH;
		canvas.height = HEIGHT;
		var ctx = canvas.getContext("2d");

// クリックイベント
		canvas.addEventListener("click", function(event) {
			var x = event.clientX - canvas.offsetLeft;
			var y = event.clientY - canvas.offsetTop;

// ネコをクリックした場合
			for (var i = 0; i < cats.length; i++) {
				var catX = cats[i].x - 25;
				var catY = cats[i].y - 25;

if (x >= catX && x <= catX + 50 && y >= catY && y <= catY + 50) {
					score++;
					cats.splice(i, 1);
				}
			}

// 犬をクリックした場合
			for (var i = 0; i < dogs.length; i++) {
				var dogX = dogs[i].x - 25;
				var dogY = dogs[i].y - 25;

if (x >= dogX && x <= dogX + 50 && y >= dogY && y <= dogY + 50) {
					alert("ゲームオーバー");
					location.reload();
				}
			}
		});

// ネコと犬をランダムに配置
		function generateAnimals() {
			if (score >= 50) {
				alert("おめでとうございます");
				location.reload();
			}

ctx.clearRect(0, 0, WIDTH, HEIGHT);

for (var i = 0; i < cats.length; i++) {
				ctx.drawImage(catImage, cats[i].x, cats[i].y, 50, 50);
				cats[i].y += 5;
			}

for (var i = 0; i < dogs.length; i++) {
				ctx.drawImage(dogImage, dogs[i].x, dogs[i].y, 50, 50);
				dogs[i].y += 5;
			}

if (Math.random() < 0.03) {
				cats.push({
					x: Math.random() * (WIDTH - 50) + 25,
					y: -25
				});
			}

if (Math.random() < 0.01) {
				dogs.push({
					x: Math.random() * (WIDTH - 50) + 25,
					y: -25
				});
			}

window.requestAnimationFrame(generateAnimals);
		}

// ゲーム開始
		generateAnimals();
	</script>
</body>
</html>