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:21929

←

Prev Next

→

ZOMBIE U GET A GUN AND U CANE MOVE TO k○ll ZOMBIE
Developer User10117｜Date and time 23/10/19 9:37:58
Build time 67.03 sec｜Game capacity 3.786KB｜

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript, enclosed in `` tags. It involves a player (represented by a pictogram) trying to survive against zombies. <br><br> <br> <style> canvas { border: 1px solid black; display: block; margin: 0 auto; } </style> <canvas id="gameCanvas"></canvas>

The game starts with a player represented by a blue rectangle and zombies represented by green rectangles. The player can be controlled using arrow keys on a smartphone. The gun (red rectangle) automatically fires when you tap the screen. The objective is to shoot the zombies by aligning the gun with them. If a zombie reaches the player, a game over message will be displayed. Note: This is just a basic implementation to give you an idea. You can further enhance the game by adding levels, scoring, more interactions, and improving the graphics.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game implemented as a single HTML file using JavaScript, enclosed in `<script>` tags. It involves a player (represented by a pictogram) trying to survive against zombies.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Game</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

const player = {
      x: 50,
      y: canvas.height / 2,
      width: 50,
      height: 50,
      color: "blue",
      speed: 5,
    };

const gun = {
      x: canvas.width - 100,
      y: canvas.height / 2 - 25,
      width: 50,
      height: 50,
      color: "red",
      isFired: false,
    };

const zombies = [
      { x: canvas.width - 100, y: 50, width: 50, height: 50, color: "green", speed: 3 },
      { x: canvas.width - 100, y: canvas.height - 100, width: 50, height: 50, color: "green", speed: 3 },
    ];

function drawPlayer() {
      ctx.fillStyle = player.color;
      ctx.fillRect(player.x, player.y, player.width, player.height);
    }

function drawGun() {
      ctx.fillStyle = gun.color;
      ctx.fillRect(gun.x, gun.y, gun.width, gun.height);
    }

function drawZombies() {
      for (let i = 0; i < zombies.length; i++) {
        ctx.fillStyle = zombies[i].color;
        ctx.fillRect(zombies[i].x, zombies[i].y, zombies[i].width, zombies[i].height);
      }
    }

function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawGun();
      drawZombies();

if (gun.isFired) {
        gun.x += 7; // Adjust gun's firing speed
      }

for (let i = 0; i < zombies.length; i++) {
        zombies[i].x -= zombies[i].speed;

// Collision detection
        if (
          gun.isFired &&
          gun.x < zombies[i].x + zombies[i].width &&
          gun.x + gun.width > zombies[i].x &&
          gun.y < zombies[i].y + zombies[i].height &&
          gun.y + gun.height > zombies[i].y
        ) {
          zombies.splice(i, 1); // Remove the zombie
        } else if (
          player.x < zombies[i].x + zombies[i].width &&
          player.x + player.width > zombies[i].x &&
          player.y < zombies[i].y + zombies[i].height &&
          player.y + player.height > zombies[i].y
        ) {
          alert("Game Over!"); // Player is caught by a zombie
          document.removeEventListener("keydown", movePlayer);
        }
      }

requestAnimationFrame(update);
    }

document.addEventListener("keydown", movePlayer);
    document.addEventListener("click", function () {
      gun.isFired = true;
    });

update();
  </script>
</body>
</html>
```

The game starts with a player represented by a blue rectangle and zombies represented by green rectangles. The player can be controlled using arrow keys on a smartphone. The gun (red rectangle) automatically fires when you tap the screen. The objective is to shoot the zombies by aligning the gun with them. If a zombie reaches the player, a game over message will be displayed.

Note: This is just a basic implementation to give you an idea. You can further enhance the game by adding levels, scoring, more interactions, and improving the graphics.