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

No:20391

←

Prev Next

→

Sobreviva ao zombie
Developer User9030｜Date and time 23/10/9 10:31:33
Build time 40.316 sec｜Game capacity 5.88KB｜

Script

Sobreviva ao Zombie

Pontuação: 0

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Sobreviva ao Zombie</title>
	<style>
		body {
			font-family: Arial, sans-serif;
			text-align: center;
		}

#game-container {
			display: inline-block;
			border: 1px solid black;
			width: 400px;
			height: 400px;
			position: relative;
		}

.player {
			position: absolute;
			width: 40px;
			height: 40px;
			background-image: url('player.png');
			background-size: cover;
		}

.zombie {
			position: absolute;
			width: 40px;
			height: 40px;
			background-image: url('zombie.png');
			background-size: cover;
		}

.bullet {
			position: absolute;
			width: 10px;
			height: 10px;
			background-color: red;
			border-radius: 50%;
		}

.score {
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<h1>Sobreviva ao Zombie</h1>
	<div id="game-container">
		<div id="player" class="player"></div>
		<div id="zombie" class="zombie"></div>
	</div>
	<p id="score" class="score">Pontuação: 0</p>
	
	<script>
		// Variáveis do jogo
		let player = document.getElementById('player');
		let zombie = document.getElementById('zombie');
		let score = document.getElementById('score');
		let gameContainer = document.getElementById('game-container');
		let playerX = 180; // Posição inicial do jogador
		let playerY = 180; // Posição inicial do jogador
		let zombieX = 0; // Posição inicial do zumbi
		let zombieY = 0; // Posição inicial do zumbi
		let bullets = []; // Array para armazenar as balas
		let playerSpeed = 10; // Velocidade do jogador
		let bulletSpeed = 20; // Velocidade das balas
		let zombieSpeed = 5; // Velocidade do zumbi
		let zombieMovingLeft = true; // Direção inicial do zumbi
		let scoreValue = 0;

// Atualiza a posição do jogador
		function updatePlayerPosition() {
			player.style.left = playerX + 'px';
			player.style.top = playerY + 'px';
		}

// Move o jogador para a esquerda
		function movePlayerLeft() {
			if (playerX > 0) {
				playerX -= playerSpeed;
			}
		}

// Move o jogador para a direita
		function movePlayerRight() {
			if (playerX < gameContainer.offsetWidth - player.offsetWidth) {
				playerX += playerSpeed;
			}
		}

// Move o jogador para cima
		function movePlayerUp() {
			if (playerY > 0) {
				playerY -= playerSpeed;
			}
		}

// Move o jogador para baixo
		function movePlayerDown() {
			if (playerY < gameContainer.offsetHeight - player.offsetHeight) {
				playerY += playerSpeed;
			}
		}

// Atualiza a posição do zumbi
		function updateZombiePosition() {
			if (zombieMovingLeft) {
				zombieX -= zombieSpeed;
			} else {
				zombieX += zombieSpeed;
			}

if (zombieX <= 0) {
				zombieMovingLeft = false;
			} else if (zombieX >= gameContainer.offsetWidth - zombie.offsetWidth) {
				zombieMovingLeft = true;
			}

zombie.style.left = zombieX + 'px';
			zombie.style.top = zombieY + 'px';

// Verifica se o zumbi alcançou o jogador
			if (checkCollision(player, zombie)) {
				endGame();
			}
		}

// Cria uma nova bala na posição do jogador
		function createBullet() {
			let bullet = document.createElement('div');
			bullet.className = 'bullet';
			bullet.style.left = playerX + player.offsetWidth / 2 - bullet.offsetWidth / 2 + 'px';
			bullet.style.top = playerY + 'px';
			gameContainer.appendChild(bullet);
			bullets.push(bullet);
		}

// Atualiza a posição das balas
		function updateBullets() {
			for (let i = 0; i < bullets.length; i++) {
				let bullet = bullets[i];
				bullet.style.top = parseInt(bullet.style.top) - bulletSpeed + 'px';

// Verifica se a bala atingiu o zumbi
				if (checkCollision(bullet, zombie)) {
					gameContainer.removeChild(bullet);
					bullets.splice(i, 1);
					updateScore(10);
					break;
				}

// Remove a bala se sair da tela
				if (parseInt(bullet.style.top) + bullet.offsetHeight <= 0) {
					gameContainer.removeChild(bullet);
					bullets.splice(i, 1);
				}
			}
		}

// Verifica se houve colisão entre dois elementos
		function checkCollision(element1, element2) {
			let rect1 = element1.getBoundingClientRect();
			let rect2 = element2.getBoundingClientRect();

return (
				rect1.left < rect2.left + rect2.width &&
				rect1.left + rect1.width > rect2.left &&
				rect1.top < rect2.top + rect2.height &&
				rect1.top + rect1.height > rect2.top
			);
		}

// Atualiza a pontuação e exibe na tela
		function updateScore(points) {
			scoreValue += points;
			score.innerText = 'Pontuação: ' + scoreValue;
		}

// Encerra o jogo
		function endGame() {
			clearInterval(gameInterval);
			alert('Game over! Sua pontuação foi: ' + scoreValue);
			scoreValue = 0;
			score.innerText = 'Pontuação: ' + scoreValue;
			resetPositions();
			gameInterval = setInterval(updateGame, 100);
		}

// Reseta as posições iniciais
		function resetPositions() {
			playerX = 180;
			playerY = 180;
			zombieX = 0;
			zombieY = 0;
			zombieMovingLeft = true;
			updatePlayerPosition();
			updateZombiePosition();
		}

// Função principal do jogo
		function updateGame() {
			updatePlayerPosition();
			updateZombiePosition();
			updateBullets();
		}

// Eventos de teclado para controlar o jogador
		window.addEventListener('keydown', function (event) {
			switch (event.keyCode) {
				case 37: // Tecla 'esquerda'
					movePlayerLeft();
					break;
				case 39: // Tecla 'direita'
					movePlayerRight();
					break;
				case 38: // Tecla 'cima'
					movePlayerUp();
					break;
				case 40: // Tecla 'baixo'
					movePlayerDown();
					break;
				case 32: // Tecla 'espaço' (atirar)
					createBullet();
					break;
			}
		});

// Inicia o jogo
		let gameInterval = setInterval(updateGame, 100);
	</script>
</body>
</html>