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

No:3487

2528

←

Prev Next

→

Your a person and you have to run away from the gi..ALL
Developer anonymous｜Date and time 70/1/1 9:41:52
Build time unknown 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>