Me dê um jogo em uma cidade com zumbis se movimentando aleatório com um boneco com uma arma que quando atiro os zumbis morrem's game

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

No:41399

←

Prev Next

→

Me dê um jogo em uma cidade com zumbis se moviment..ALL
Developer User18527｜Date and time 24/2/7 8:32:23
Build time 11.388 sec｜Game capacity 3.919KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Zumbis</title>
    <style>
        #game-container {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
        }
        #player {
            width: 40px;
            height: 40px;
            background-color: blue;
            position: absolute;
        }
        .zombie {
            width: 40px;
            height: 40px;
            background-color: green;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
        <div id="zombies"></div>
    </div>

var gameContainer = document.getElementById("game-container");
        var containerWidth = gameContainer.offsetWidth;
        var containerHeight = gameContainer.offsetHeight;

var zombiesCount = 5;
        var playerPosX = containerWidth / 2;
        var playerPosY = containerHeight / 2;

player.style.left = playerPosX + "px";
        player.style.top = playerPosY + "px";

var zombieMovementInterval;

function startGame() {
            for (var i = 0; i < zombiesCount; i++) {
                var zombie = document.createElement("div");
                zombie.className = "zombie";
                zombie.style.left = getRandomPosition(containerWidth) + "px";
                zombie.style.top = getRandomPosition(containerHeight) + "px";
                zombies.appendChild(zombie);
            }

zombieMovementInterval = setInterval(moveZombies, 1000);
        }

function moveZombies() {
            var allZombies = document.getElementsByClassName("zombie");

for (var i = 0; i < allZombies.length; i++) {
                var zombie = allZombies[i];

var zombiePosX = parseInt(zombie.style.left);
                var zombiePosY = parseInt(zombie.style.top);

var movementX = getRandomMovement();
                var movementY = getRandomMovement();

var newPosX = zombiePosX + movementX;
                var newPosY = zombiePosY + movementY;

if (newPosX < 0 || newPosX > containerWidth) {
                    movementX = -movementX;
                    newPosX = zombiePosX + movementX;
                }

if (newPosY < 0 || newPosY > containerHeight) {
                    movementY = -movementY;
                    newPosY = zombiePosY + movementY;
                }

zombie.style.left = newPosX + "px";
                zombie.style.top = newPosY + "px";
            }
        }

function getRandomPosition(maxPos) {
            return Math.floor(Math.random() * maxPos);
        }

function getRandomMovement() {
            return Math.floor(Math.random() * 11) - 5;
        }

function shootZombie(event) {
            var clickedX = event.clientX - gameContainer.getBoundingClientRect().left;
            var clickedY = event.clientY - gameContainer.getBoundingClientRect().top;

var allZombies = document.getElementsByClassName("zombie");

for (var i = 0; i < allZombies.length; i++) {
                var zombie = allZombies[i];

var zombiePosX = parseInt(zombie.style.left);
                var zombiePosY = parseInt(zombie.style.top);

if (
                    clickedX >= zombiePosX &&
                    clickedX <= zombiePosX + 40 &&
                    clickedY >= zombiePosY &&
                    clickedY <= zombiePosY + 40
                ) {
                    zombies.removeChild(zombie);
                }
            }
        }

gameContainer.addEventListener("click", shootZombie);

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