ZOMBIE U GET A GUN AND U CANE MOVE TO k○ll ZOMBIE's game

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

No:21930

←

Prev Next

→

ZOMBIE U GET A GUN AND U CANE MOVE TO k○ll ZOMBIE
Developer User10117｜Date and time 23/10/19 9:38:11
Build time 56.608 sec｜Game capacity 3.571KB｜

Script

Sure! Here's an example of a simple zombie game implemented as a single HTML file with JavaScript. Please note that this is a basic implementation and can be further enhanced with additional features and improvements:

Game Over!

In this game, you control a blue square (player) using touch gestures on a smartphone. The objective is to avoid colliding with the green squares (zombies). If the player and zombie collide, the game will end, and a "Game Over!" message will be displayed. Please note that this is a basic implementation, and you can add more features such as scoring, levels, additional controls, etc., to make the game more interesting and challenging.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Game</title>
  <style>
    #game-board {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }
    #player {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .zombie {
      width: 50px;
      height: 50px;
      background-color: green;
      position: absolute;
      top: 0;
      left: 0;
    }
    #game-over {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 24px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <div id="player"></div>
  </div>
  <div id="game-over">Game Over!</div>

// Function to randomly position zombies on the game board
    function positionZombies() {
      zombies.forEach(function(zombie) {
        var posX = Math.floor(Math.random() * 350);
        var posY = Math.floor(Math.random() * 350);
        zombie.style.top = posY + 'px';
        zombie.style.left = posX + 'px';
      });
    }

// Function to move the player
    function movePlayer(event) {
      if (!gameOver) {
        var x = event.touches[0].clientX - player.offsetWidth / 2; // Adjust for player size
        var y = event.touches[0].clientY - player.offsetHeight / 2; // Adjust for player size
        player.style.left = x + 'px';
        player.style.top = y + 'px';
        checkCollision();
      }
    }

// Function to check collision between player and zombies
    function checkCollision() {
      for (var i = 0; i < zombies.length; i++) {
        var zombie = zombies[i];
        var playerPos = player.getBoundingClientRect();
        var zombiePos = zombie.getBoundingClientRect();

if (
          playerPos.left < zombiePos.right &&
          playerPos.right > zombiePos.left &&
          playerPos.top < zombiePos.bottom &&
          playerPos.bottom > zombiePos.top
        ) {
          gameOver = true;
          document.getElementById('game-over').style.display = 'block';
        }
      }
    }

// Function to start the game
    function startGame() {
      // Create zombies
      for (var i = 0; i < 5; i++) {
        var zombie = document.createElement('div');
        zombie.className = 'zombie';
        document.getElementById('game-board').appendChild(zombie);
        zombies.push(zombie);
      }

// Position zombies on the game board
      positionZombies();

// Add event listener for player movement
      document.addEventListener('touchmove', movePlayer, false);
    }

// Start the game
    startGame();
  </script>
</body>
</html>
```

Please note that this is a basic implementation, and you can add more features such as scoring, levels, additional controls, etc., to make the game more interesting and challenging.