A game where you are an archer and you have to shoot the zombies that are trying to k○ll toy's game

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

No:11140

126

←

Prev Next

→

A game where you are an archer and you have to sho..ALL
Developer User4828｜Date and time 23/8/8 2:38:33
Build time 26.956 sec｜Game capacity 3.151KB｜

Script

Sure! Here's a simple archery game implemented as a single HTML file using JavaScript. You can play it on a smartphone using pictograms for better visualization:

To play the game: 1. Save the above code in a file with a `.html` extension (e.g., `zombie_archer_game.html`). 2. Create a folder in the same directory as the HTML file and name it `images`. 3. Place your archer image with the filename `emozi_rabbit.png` inside the `images` folder. 4. Place your zombie image with the filename `emozi_all/zombie.png` inside the `images` folder (make sure the zombie image represents a distinct zombie). 5. Open the HTML file in a web browser on your smartphone. 6. Use your finger to control the archer and shoot the zombies. 7. The game ends when a zombie reaches the archer, and your score is displayed. Note: This implementation is a basic example and can be further enhanced with additional features, levels, and graphics.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's a simple archery game implemented as a single HTML file using JavaScript. You can play it on a smartphone using pictograms for better visualization:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Archer Game</title>
  <style>
      #game-container {
          margin: 0 auto;
          width: 100%;
          text-align: center;
      }
      #archer {
          position: absolute;
          bottom: 10px;
      }
      .zombie {
          position: absolute;
          bottom: 10px;
      }
  </style>
</head>
<body>
  <div id="game-container">
      <img id="archer" src="archer.png">
  </div>

function startGame() {
        setInterval(function() {
            createZombie();
        }, 2000);
    }

function createZombie() {
        var zombie = document.createElement("img");
        zombie.src = "zombie.png";
        zombie.classList.add("zombie");
        zombie.style.left = Math.floor(Math.random() * 90) + "%";
        document.getElementById("game-container").appendChild(zombie);
        moveZombie(zombie);
    }

function moveZombie(zombie) {
        var position = 10;
        var interval = setInterval(frame, 10);

function checkCollision(zombie) {
        var archer = document.getElementById("archer");
        var archerRect = archer.getBoundingClientRect();
        var zombieRect = zombie.getBoundingClientRect();

if (
            archerRect.left <= zombieRect.right &&
            archerRect.right >= zombieRect.left &&
            archerRect.bottom >= zombieRect.top &&
            archerRect.top <= zombieRect.bottom
        ) {
            endGame();
            return;
        }

if (zombie.style.bottom === "0px") {
            score++;
            document.getElementById("score").textContent = score;
        }
    }

function endGame() {
        alert("Game Over! Your score: " + score);
        location.reload();
    }

document.addEventListener("DOMContentLoaded", function() {
        startGame();
    });
  </script>
</body>
</html>
```

To play the game:

1. Save the above code in a file with a `.html` extension (e.g., `zombie_archer_game.html`).
2. Create a folder in the same directory as the HTML file and name it `images`.
3. Place your archer image with the filename `archer.png` inside the `images` folder.
4. Place your zombie image with the filename `zombie.png` inside the `images` folder (make sure the zombie image represents a distinct zombie).
5. Open the HTML file in a web browser on your smartphone.
6. Use your finger to control the archer and shoot the zombies.
7. The game ends when a zombie reaches the archer, and your score is displayed.

Note: This implementation is a basic example and can be further enhanced with additional features, levels, and graphics.