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

No:3487

2202

←

Prev Next

→

Your a person and you have to run away from the gi..ALL
Developer User3710｜Date and time 23/6/25 6:45:18
Build time 22.519 sec｜Game capacity 2.512KB｜

Script

Run from Giant Cat

Note: This is a simple game where the player (represented by a small circle) has to run away from the giant cat. The cat moves down the screen, and if it collides with the player, the game ends. The player can be moved by clicking on it, which will randomly position it somewhere within the bounds of the screen. The game will continue until the player collides with the cat. This game is optimized for mobile devices.

←

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>Run from Giant Cat</title>
	<style>
		body {
			background: #87CEEB;
			text-align: center;
			font-family: Arial, sans-serif;
		}
		h1 {
			font-size: 3em;
			margin-top: 50px;
		}
		#player {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 50px;
			height: 50px;
			background: #FFA07A;
			border-radius: 50%;
			cursor: pointer;
		}
		#cat {
			position: absolute;
			top: 10%;
			left: 50%;
			transform: translate(-50%, 0%);
			width: 200px;
			height: 200px;
			background: url('https://image.flaticon.com/icons/svg/633/633780.svg') center no-repeat;
			background-size: contain;
		}
	</style>
	<script>
		window.addEventListener('load', function() {
			var player = document.getElementById('player');
			var cat = document.getElementById('cat');
			var body = document.querySelector('body');
			var bodyWidth = body.clientWidth;
			var bodyHeight = body.clientHeight;
			var moveDistance = 20;

player.addEventListener('click', function() {
				player.style.top = Math.floor(Math.random() * (bodyHeight - player.offsetHeight)) + 'px';
				player.style.left = Math.floor(Math.random() * (bodyWidth - player.offsetWidth)) + 'px';
			});

setInterval(function() {
				var catTop = parseInt(cat.offsetTop);
				cat.style.top = (catTop + moveDistance) + 'px';
				if (catTop > bodyHeight) {
					catTop = -cat.offsetHeight;
					cat.style.left = Math.floor(Math.random() * (bodyWidth - cat.offsetWidth)) + 'px';
				}
				if (isCollision(player, cat)) {
					alert('Game over!');
					location.reload();
				}
			}, 50);

function isCollision(obj1, obj2) {
				var obj1Rect = obj1.getBoundingClientRect();
				var obj2Rect = obj2.getBoundingClientRect();
				if (obj1Rect.bottom < obj2Rect.top || obj1Rect.top > obj2Rect.bottom || obj1Rect.right < obj2Rect.left || obj1Rect.left > obj2Rect.right) {
					return false;
				}
				return true;
			}
		});

</script>
</head>
<body>
	<h1>Run from Giant Cat</h1>
	<div id="player"></div>
	<div id="cat"></div>
</body>
</html>