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

No:945

280

←

Prev Next

→

A game in which you control a cat🐈 and chase 🐭 mic..ALL
Developer User3198｜Date and time 23/6/17 22:58:15
Build time 26.509 sec｜Game capacity 2.054KB｜

Script

猫と鼠のゲーム

猫🐈をクリックして動かし、鼠🐭を追いかけてください！

時間内に鼠を50匹捕まえるとクリアです。

🐱

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>猫と鼠のゲーム</title>
</head>
<body>
	<style>
		.cat{
			font-size: 50px;
		}
		.mouse{
			font-size: 40px;
		}
	</style>
	<h1>猫と鼠のゲーム</h1>
	<p>猫🐈をクリックして動かし、鼠🐭を追いかけてください！</p>
	<p>時間内に鼠を50匹捕まえるとクリアです。</p>
	<div id="game">
		<div class="cat" id="cat">🐱</div>
	</div>
	<script>
		var cat = document.getElementById('cat');
		var game = document.getElementById('game');
		var count = 0; //捕まえた鼠の数
		var deadline = Date.now() + 30000; //制限時間30秒

game.addEventListener('click', function(e){
			var mouse = document.createElement('div');
			mouse.classList.add('mouse');
			mouse.innerHTML = '🐁';
			mouse.style.left = e.clientX + 'px';
			mouse.style.top = e.clientY + 'px';
			game.appendChild(mouse);

if(Date.now() > deadline){ //制限時間が経過したらゲームオーバー
					clearInterval(intervalId);
					alert('制限時間が経過しました。ゲームオーバー。');
				}
			}, 30); //30ミリ秒ごとに繰り返し
		});
	</script>
</body>
</html>