The player plays as poo and runs away from a cat that's chasing you through a long hallway and if the cat touches you then you die's game

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

No:3476

7844

←

Prev Next

→

The player plays as poo and runs away from a cat t..ALL
Developer User3709｜Date and time 23/6/25 6:35:23
Build time 28.971 sec｜Game capacity 3.224KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Escape from the Cat</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #f2f2f2;
			margin: 0;
			padding: 0;
		}
		#player {
			position: absolute;
			top: 50%;
			left: 10%;
			transform: translate(0%, -50%);
			width: 50px;
			height: 50px;
			background-color: brown;
			border-radius: 50%;
		}
		#cat {
			position: absolute;
			top: 50%;
			right: 10%;
			transform: translate(0%, -50%);
			width: 75px;
			height: 75px;
			background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/271/cat_1f408.png');
			background-size: contain;
			background-repeat: no-repeat;
		}

</style>
</head>
<body>
	<div id="player"></div>
	<div id="cat"></div>

// set player position and movement
		var playerPosX = 0; // start at left of screen
		var playerPosY = window.innerHeight / 2;
		player.style.left = playerPosX + 'px';
		player.style.top = playerPosY - player.offsetHeight / 2 + 'px';

var playerSpeed = 3;

// set cat position and movement
		var catPosX = window.innerWidth; // start at right of screen
		var catPosY = window.innerHeight / 2;
		cat.style.left = catPosX - cat.offsetWidth + 'px';
		cat.style.top = catPosY - cat.offsetHeight / 2 + 'px';

var catSpeed = 2;

// set up keyboard controls
		var leftPressed = false;
		var rightPressed = false;

document.addEventListener('keydown', function(event) {
			if (event.keyCode == 37) { // left
				leftPressed = true;
			} else if (event.keyCode == 39) { // right
				rightPressed = true;
			}
		});

document.addEventListener('keyup', function(event) {
			if (event.keyCode == 37) { // left
				leftPressed = false;
			} else if (event.keyCode == 39) { // right
				rightPressed = false;
			}
		});

// game loop
		var interval = setInterval(function() {
			// update player position
			if (leftPressed) {
				playerPosX -= playerSpeed;
			}
			if (rightPressed) {
				playerPosX += playerSpeed;
			}
			// check if player hits walls
			if (playerPosX < 0) {
				playerPosX = 0;
			}
			if (playerPosX > window.innerWidth - player.offsetWidth) {
				playerPosX = window.innerWidth - player.offsetWidth;
			}
			// update player position
			player.style.left = playerPosX + 'px';

// update cat position
			catPosX -= catSpeed;
			// check if cat hits walls
			if (catPosX < 0) {
				catPosX = window.innerWidth;
			}
			cat.style.left = catPosX - cat.offsetWidth + 'px';

// check for collision
			if (checkCollision()) {
				clearInterval(interval); // stop game
				alert('You were caught by the cat! Game over.');
			}
		}, 10);

// check for collision between player and cat
		function checkCollision() {
			var playerBoundingRect = player.getBoundingClientRect();
			var catBoundingRect = cat.getBoundingClientRect();
			return !(
				playerBoundingRect.right < catBoundingRect.left ||
				playerBoundingRect.left > catBoundingRect.right ||
				playerBoundingRect.bottom < catBoundingRect.top ||
				playerBoundingRect.top > catBoundingRect.bottom
			);
		}
	</script>
</body>
</html>