You are a zombie and must infect the entire world's game

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

No:16526

←

Prev Next

→

You are a zombie and must infect the entire world
Developer User7362｜Date and time 23/9/19 5:00:56
Build time 27.043 sec｜Game capacity 3.09KB｜

Script

Sure! Here's a simple zombie infection game implemented as a single HTML file using JavaScript and enclosed in script tags:

In this game, you are represented by a blue square (the "player") among a group of green squares (the "humans"). By clicking on the screen, you can infect any human with the zombie virus, turning them into red squares (the "zombies"). You start the game as a single human, and there are initially ten other humans scattered randomly on the screen. Clicking on a human turns them into a zombie. However, you can also click on a zombie to revert them back into a human. The game will run directly in your smartphone's web browser. Enjoy infecting the world!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple zombie infection game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Zombie Infection Game</title>
    <style>
      #world {
        width: 400px;
        height: 400px;
        border: 1px solid black;
        position: relative;
      }

#player {
        width: 50px;
        height: 50px;
        background-color: blue;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -25px;
        margin-left: -25px;
      }

.human {
        width: 50px;
        height: 50px;
        background-color: green;
        position: absolute;
      }

.zombie {
        width: 50px;
        height: 50px;
        background-color: red;
        position: absolute;
      }
    </style>
  </head>

initialize();

function initialize() {
        player.className = "human";
        world.appendChild(player);
        humans.push(player);

for (var i = 0; i < 10; i++) {
          var human = document.createElement("div");
          human.className = "human";
          placeElementRandomly(human);
          humans.push(human);
          world.appendChild(human);
        }

world.addEventListener("click", handlePlayerClick);
      }

function handlePlayerClick(e) {
        var newZombie = document.createElement("div");
        newZombie.className = "zombie";
        newZombie.addEventListener("click", handleZombieClick);
        newZombie.style.left = e.clientX - world.offsetLeft + "px";
        newZombie.style.top = e.clientY - world.offsetTop + "px";
        world.appendChild(newZombie);
        zombies.push(newZombie);
      }

function handleZombieClick(e) {
        this.classList.add("human");
        this.classList.remove("zombie");

humans.push(this);
        zombies.splice(zombies.indexOf(this), 1);
        this.removeEventListener("click", handleZombieClick);
      }

function placeElementRandomly(element) {
        var x = Math.floor(Math.random() * (world.offsetWidth - element.offsetWidth));
        var y = Math.floor(Math.random() * (world.offsetHeight - element.offsetHeight));
        element.style.left = x + "px";
        element.style.top = y + "px";
      }
    </script>
  </body>
</html>
```

You start the game as a single human, and there are initially ten other humans scattered randomly on the screen. Clicking on a human turns them into a zombie. However, you can also click on a zombie to revert them back into a human.

The game will run directly in your smartphone's web browser. Enjoy infecting the world!