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

No:28797

Game tentang survival zombie
Developer User14242｜Date and time 23/12/14 11:46:31
Build time 53.571 sec｜Game capacity 2.526KB｜

Script

Survival Zombie Game

Ketuk layar untuk menggerakkan pemain ke atas dan hindari zombie!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Survival Zombie Game</title>
	<style>
		body {
			text-align: center;
			padding: 20px;
			background-color: #F0F0F0;
			color: #333;
			font-family: Arial, sans-serif;
		}
		h1 {
			margin-bottom: 30px;
		}
		#gameArea {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 400px;
			height: 400px;
			border: 2px solid #333;
			background-color: #FFF;
			margin: 0 auto;
		}
		#player {
			width: 50px;
			height: 50px;
			background-color: #00FF00;
			position: absolute;
			top: 0;
			left: 0;
		}
		#zombie {
			width: 50px;
			height: 50px;
			background-color: #FF0000;
			position: absolute;
			top: 0;
			right: 0;
		}
		#result {
			margin-top: 20px;
			color: #FF0000;
			font-weight: bold;
		}
	</style>
</head>
<body>
	<h1>Survival Zombie Game</h1>

<div id="gameArea">
		<div id="player"></div>
		<div id="zombie"></div>
	</div>
	<p>Ketuk layar untuk menggerakkan pemain ke atas dan hindari zombie!</p>
	<p id="result"></p>

var gameArea = document.getElementById('gameArea');
		var gameAreaWidth = gameArea.offsetWidth;
		var gameAreaHeight = gameArea.offsetHeight;

var playerSpeed = 5;
		var zombieSpeed = 2;
		var playerScore = 0;

function movePlayerUp() {
			var playerTop = player.offsetTop;
			player.style.top = (playerTop - playerSpeed) + 'px';
			checkCollision();
		}

function moveZombie() {
			var zombieTop = zombie.offsetTop;
			zombie.style.top = (zombieTop + zombieSpeed) + 'px';
		}

function checkCollision() {
			var playerRect = player.getBoundingClientRect();
			var zombieRect = zombie.getBoundingClientRect();

if (playerRect.top <= zombieRect.bottom && playerRect.bottom >= zombieRect.top && playerRect.left <= zombieRect.right && playerRect.right >= zombieRect.left) {
				endGame();
			}
		}

function updateScore() {
			playerScore++;
			result.textContent = 'Skor: ' + playerScore;
		}

function startGame() {
			document.addEventListener('click', movePlayerUp);
			var gameLoop = setInterval(function() {
				moveZombie();

if (zombie.offsetTop >= gameAreaHeight) {
					zombie.style.top = -50 + 'px';
					updateScore();
				}
			}, 10);
		}

function endGame() {
			result.textContent = 'Selesai - Skor akhir: ' + playerScore;
			document.removeEventListener('click', movePlayerUp);
		}

startGame();
	</script>
</body>
</html>