AI game creator

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

No:3563

1228

←

Prev Next

→

Fun Games
Developer User3655｜Date and time 23/6/25 16:35:40
Build time 26.269 sec｜Game capacity 2.778KB｜

Script

「猫と魚」カードゲームこのゲームは、プレイヤーができるだけ多くの魚カードを猫カードから守るゲームです。ゲームのルール： 1. 猫はランダムに動きます。猫が魚カードに到達すると、そのカードは消滅します。 2. プレイヤーは、タップして猫を避け、魚カードをタップして守ることができます。 3. プレイヤーが猫にぶつかるか、全ての魚カードが消滅するとゲームオーバーです。 4. ゲームオーバー後、プレイヤーは再度プレイするか、ホーム画面に戻ることができます。 HTMLコード：

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

「猫と魚」カードゲーム

このゲームは、プレイヤーができるだけ多くの魚カードを猫カードから守るゲームです。

ゲームのルール：
1. 猫はランダムに動きます。猫が魚カードに到達すると、そのカードは消滅します。
2. プレイヤーは、タップして猫を避け、魚カードをタップして守ることができます。
3. プレイヤーが猫にぶつかるか、全ての魚カードが消滅するとゲームオーバーです。
4. ゲームオーバー後、プレイヤーは再度プレイするか、ホーム画面に戻ることができます。

HTMLコード：

<!DOCTYPE html>
<html>
<head>
	<title>猫と魚カードゲーム</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		/* スタイルの設定 */
		#cat {
			position: absolute;
			height: 100px;
			width: auto;
		}
		.card {
			position: absolute;
			height: 60px;
			width: auto;
		}
	</style>
</head>
<body>
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/64/cat-face_1f431.png" id="cat">
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/64/fish_1f41f.png" class="card">
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/64/fish_1f41f.png" class="card">
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/64/fish_1f41f.png" class="card">
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/64/fish_1f41f.png" class="card">
	<script>
		// 初期設定
		let cat = document.getElementById("cat");
		let cards = document.getElementsByClassName("card");
		let gameover = false;
		
		// 猫の動き
		setInterval(function() {
			if (!gameover) {
				let randX = Math.floor(Math.random() * (window.innerWidth - 100));
				let randY = Math.floor(Math.random() * (window.innerHeight - 100));
				cat.style.left = randX + "px";
				cat.style.top = randY + "px";
			}
		}, 2000);
		
		// タップした時の処理
		document.addEventListener("click", function(event) {
			let target = event.target;
			if (!gameover) {
				if (target.classList.contains("card")) {
					target.style.display = "none";
					if (document.querySelectorAll(".card").length === 0) {
						end_game(true);
					}
				} else if (target.id === "cat") {
					end_game(false);
				}
			}
		});
		
		// ゲーム終了時の処理
		function end_game(win) {
			gameover = true;
			if (win) {
				alert("Congratulations! You saved all the fish!");
			} else {
				alert("Game over. The cat got you or all the fish were captured.");
			}
			window.location.reload();
		}
	</script>
</body>
</html>