Puzzle zombie shooter's game

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

No:16580

103

←

Prev Next

→

Puzzle zombie shooter
Developer User7380｜Date and time 23/9/19 16:18:59
Build time 32.316 sec｜Game capacity 3.304KB｜

Script

Sure! Here's an example of a puzzle zombie shooter game implemented as a single HTML file with JavaScript enclosed in script tags:

In this game, there is a 5x5 grid representing the game board. Zombies are represented by the "🧟" pictogram and the gun is represented by "🔫". The player's goal is to click on the gun emoji to shoot the zombies indicated by the "🧟" emojis. Every time a zombie is shot, the player's score increases. The game ends when all the zombies are shot. After the game ends, a message with the final score is displayed, and the game can be reset by clicking the "OK" button on the alert. Please note that this is a simple implementation, and you can modify it or enhance it based on your specific requirements and game design.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Sure! Here's an example of a puzzle zombie shooter game implemented as a single HTML file with JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Puzzle Zombie Shooter</title>
  <style>
    #gameboard {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 5px;
    }
    .cell {
      width: 80px;
      height: 80px;
      background-color: #ccc;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 48px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="gameboard"></div>

// Function to render the game board
    function renderGameBoard() {
      const gameboard = document.getElementById("gameboard");
      gameboard.innerHTML = "";

for (let i = 0; i < boardSize * boardSize; i++) {
        const cell = document.createElement("div");
        cell.classList.add("cell");
        cell.dataset.index = i;
        if (zombieIndexes.includes(i)) {
          cell.innerHTML = "🧟";
        } else if (i === gunIndex) {
          cell.innerHTML = "🔫";
          cell.addEventListener("click", shootZombie);
        }
        gameboard.appendChild(cell);
      }
    }

// Function to handle zombie shooting
    function shootZombie(event) {
      const cellIndex = parseInt(event.target.dataset.index);
      const cell = document.querySelector(`[data-index="${cellIndex}"]`);

if (zombieIndexes.includes(cellIndex)) {
        cell.innerHTML = "";
        zombieIndexes.splice(zombieIndexes.indexOf(cellIndex), 1);
        score++;
        updateScore();

if (zombieIndexes.length === 0) {
          endGame();
        }
      }
    }

// Function to update the score
    function updateScore() {
      document.getElementById("score").innerText = `Score: ${score}`;
    }

// Function to end the game
    function endGame() {
      alert(`Game over! Final score: ${score}`);
      resetGame();
    }

// Function to reset the game
    function resetGame() {
      score = 0;
      zombieIndexes.length = 0;
      while (zombieIndexes.length < 7) {
        const randomIndex = Math.floor(Math.random() * (boardSize * boardSize));
        if (zombieIndexes.indexOf(randomIndex) === -1 && randomIndex !== gunIndex) {
          zombieIndexes.push(randomIndex);
        }
      }
      renderGameBoard();
      updateScore();
    }

// Entry point
    window.addEventListener("DOMContentLoaded", () => {
      resetGame();
    });
  </script>
</body>
</html>
```

Please note that this is a simple implementation, and you can modify it or enhance it based on your specific requirements and game design.