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

No:31534

Make a plants bs Zombies game
Developer User15160｜Date and time 23/12/27 9:39:54
Build time 13.128 sec｜Game capacity 2.017KB｜

Script

Sure! Here's an example of a simple Plants vs. Zombies game implemented as a single HTML file using JavaScript. Since text-based representation doesn't work well with pictograms, I'll be using basic shapes like squares and circles to represent plants and zombies.

Plants vs. Zombies

In this implementation, plants are represented by green squares, and zombies are represented by red squares. The player can click on the green squares to create zombies, and the zombies move down the game board every second. Feel free to enhance and customize the game further according to your preferences!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Plants vs. Zombies</title>
  <style>
    #gameBoard {
      width: 300px;
      height: 400px;
      border: 1px solid black;
    }
    .plant {
      width: 50px;
      height: 50px;
      background-color: green;
      margin: 5px;
    }
    .zombie {
      width: 50px;
      height: 50px;
      background-color: red;
      margin: 5px;
    }
  </style>
</head>
<body>
  <h1>Plants vs. Zombies</h1>
  <div id="gameBoard"></div>

function createPlant() {
      const plant = document.createElement('div');
      plant.className = 'plant';
      plants.push(plant);
      gameBoard.appendChild(plant);
    }

function createZombie() {
      const zombie = document.createElement('div');
      zombie.className = 'zombie';
      zombies.push(zombie);
      gameBoard.appendChild(zombie);
    }

function moveZombies() {
      zombies.forEach(zombie => {
        const currentTop = parseInt(zombie.style.top) || 0;
        zombie.style.top = currentTop + 60 + 'px';
      });
    }

setInterval(moveZombies, 1000); // Move zombies every second

createPlant(); // Initial plant

gameBoard.addEventListener('click', function(event) {
      if (event.target.classList.contains('plant')) {
        createZombie();
      }
    });
  </script>
</body>
</html>
```