Gerrymandering to avoid poop's game

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

No:1861

1364

←

Prev Next

→

Gerrymandering to avoid poop
Developer User3424｜Date and time 23/6/19 9:25:57
Build time 18.939 sec｜Game capacity 1.719KB｜

Script

💩

😐

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<html>
<head>
<meta charset="UTF-8">
<title>똥 회피 게임</title>
<style>
	body{
		background-color: #FCF3CF;
		text-align: center;
	}
	#player{
		position: absolute;
		left: 50%;
		bottom: 10px;
		transform: translate(-50%, 0%);
		font-size: 40px;
	}
	#poop{
		position: absolute;
		left: 50%;
		top: 10px;
		transform: translate(-50%, 0%);
		font-size: 50px;
		animation: poop 2s linear infinite;
	}
	
	@keyframes poop {
	   0% {
	      transform: translate(-50%, 0%);
	   }
	   25% {
	      transform: translate(-50%, 25%);
	   }
	   50% {
	      transform: translate(-50%, 50%);
	   }
	   75% {
	      transform: translate(-50%, 75%);
	   }
	   100% {
	      transform: translate(-50%, 100%);
	   }
	}
</style>
</head>
<body>
<div id="poop">💩</div>
<div id="player">😐</div>

function checkCollision() {
		var player = document.getElementById('player');
		var poop = document.getElementById('poop');
		var playerLeft = parseInt(player.style.left);
		var playerWidth = player.offsetWidth;
		var poopLeft = parseInt(poop.style.left);
		var poopWidth = poop.offsetWidth;
		if (playerLeft < poopLeft + poopWidth && playerLeft + playerWidth > poopLeft) {
			alert("똥을 막았어요!");
		}
	}

</script>

</body>
</html>