AI game creator

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

No:33120

←

Prev Next

→

Plants vs zombies
Developer User15655｜Date and time 24/1/2 17:20:46
Build time 25.186 sec｜Game capacity 2.795KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Plants vs Zombies</title>
    <style>
      #game-container {
        position: relative;
        width: 320px;
        height: 480px;
        margin: 0 auto;
        border: 1px solid #000;
      }
      #scoreboard {
        position: absolute;
        top: 10px;
        left: 10px;
        font-family: Arial, sans-serif;
        font-size: 18px;
      }
      .plant {
        position: absolute;
        width: 80px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        font-size: 48px;
      }
      .zombie {
        position: absolute;
        width: 80px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        font-size: 48px;
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="scoreboard">Score: 0</div>
    </div>

// Variables
        let score = 0;
        let zombies = [];

// Functions
        function updateScore() {
          scoreboard.innerText = "Score: " + score;
        }

function spawnZombie() {
          const randomPosition = plantPositions[Math.floor(Math.random() * plantPositions.length)];
          const zombie = document.createElement("div");
          zombie.classList.add("zombie");
          zombie.style.left = gameContainer.offsetWidth + "px";
          zombie.style.top = randomPosition + "px";
          gameContainer.appendChild(zombie);
          zombies.push(zombie);
        }

function moveZombies() {
          const gameWidth = gameContainer.offsetWidth;

for (let i = 0; i < zombies.length; i++) {
            const zombie = zombies[i];
            const zombiePos = parseInt(zombie.style.left);
            const newZombiePos = zombiePos - zombieSpeed;

if (newZombiePos <= 0) {
              gameContainer.removeChild(zombie);
              zombies.splice(i, 1);
              score += 10;
              updateScore();
            } else {
              zombie.style.left = newZombiePos + "px";
            }
          }
        }

function gameLoop() {
          moveZombies();

setTimeout(gameLoop, 1000 / 60); // Update at 60 FPS
        }

// Game initialization
        setTimeout(gameLoop, 1000); // Start game loop after 1 second

setInterval(spawnZombie, spawnInterval); // Spawn zombies at regular intervals
      };
    </script>
  </body>
</html>