Plants vs zombies extremadamente programado's game

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

No:33123

←

Prev Next

→

Plants vs zombies extremadamente programado
Developer User15655｜Date and time 24/1/2 17:22:27
Build time 27.178 sec｜Game capacity 3.499KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Plants vs Zombies</title>
    <style>
        body {
            background-image: url('background.jpg');
        }

#game-container {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.plant {
            width: 100px;
            height: 100px;
            background-image: url('plant.png');
            background-size: cover;
            position: absolute;
            cursor: pointer;
        }

.zombie {
            width: 100px;
            height: 100px;
            background-image: url('zombie.png');
            background-size: cover;
            position: absolute;
            cursor: pointer;
        }
    </style>
</head>

<body>
    <div id="game-container">
        <script>
            var plants = document.getElementsByClassName('plant');
            var zombies = document.getElementsByClassName('zombie');
            var interval;

// Function to start the game
            function startGame() {
                interval = setInterval(moveZombies, 2000);
            }

// Function to move zombies towards plants
            function moveZombies() {
                for (var i = 0; i < zombies.length; i++) {
                    var zombie = zombies[i];
                    zombie.style.left = (parseInt(zombie.style.left) - 100) + "px";
                    if (parseInt(zombie.style.left) < 0) {
                        gameOver();
                    }
                    checkCollision(zombie);
                }
            }

// Function to check collision between zombies and plants
            function checkCollision(zombie) {
                for (var i = 0; i < plants.length; i++) {
                    var plant = plants[i];
                    if (parseInt(zombie.style.left) === parseInt(plant.style.left)) {
                        gameOver();
                    }
                }
            }

// Function to end the game
            function gameOver() {
                clearInterval(interval);
                alert("Game Over!");
            }

// Function to plant a new plant on user click
            function plantNewPlant(event) {
                var newPlant = document.createElement('div');
                newPlant.className = 'plant';
                newPlant.style.left = event.clientX + "px";
                newPlant.style.top = event.clientY + "px";
                document.body.appendChild(newPlant);
            }

// Function to spawn a new zombie on random time intervals
            function spawnZombie() {
                var newZombie = document.createElement('div');
                newZombie.className = 'zombie';
                newZombie.style.left = "100%" ;
                newZombie.style.top = Math.floor(Math.random() * window.innerHeight) + "px";
                document.body.appendChild(newZombie);
            }

// Event listener for planting a new plant
            document.addEventListener("click", plantNewPlant);

// Start the game
            startGame();

// Spawn zombies on random time intervals
            setInterval(spawnZombie, Math.floor(Math.random() * 5000) + 2000);

</script>
        <div class="plant"></div>
        <div class="zombie"></div>
    </div>
</body>

</html>