Zombie shooter game where the player has a gun and can shoot the zombies's game

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

No:26911

←

Prev Next

→

Zombie shooter game where the player has a gun and..ALL
Developer User13323｜Date and time 23/12/3 6:06:08
Build time 84.134 sec｜Game capacity 4.727KB｜

Script

Sure! Here's a simple implementation of a zombie shooter game using JavaScript, HTML, and pictograms:

To play the game, you can copy and paste the code into a new HTML file and open it in a web browser on your smartphone. The player can move their character using arrow keys and shoot bullets by pressing the spacebar. The objective is to shoot the zombies as they move around the screen.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of a zombie shooter game using JavaScript, HTML, and pictograms:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Zombie Shooter</title>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>

// Constants
      var CANVAS_WIDTH = 400;
      var CANVAS_HEIGHT = 300;
      var PLAYER_COLOR = '#FF0000';
      var ZOMBIE_COLOR = '#00FF00';
      var BULLET_COLOR = '#0000FF';

// Player object
      function Player() {
        this.x = CANVAS_WIDTH / 2;
        this.y = CANVAS_HEIGHT / 2;
        this.speed = 5;

// Player movement logic
        this.move = function (directionX, directionY) {
          this.x += directionX * this.speed;
          this.y += directionY * this.speed;

// Keep player within the canvas bounds
          this.x = Math.max(0, Math.min(this.x, CANVAS_WIDTH));
          this.y = Math.max(0, Math.min(this.y, CANVAS_HEIGHT));
        };

// Player shooting logic
        this.shoot = function () {
          bullets.push(new Bullet(this.x, this.y));
        };

// Player rendering logic
        this.render = function () {
          canvasContext.fillStyle = PLAYER_COLOR;
          canvasContext.fillRect(this.x - 10, this.y - 10, 20, 20);
        };
      }

// Bullet object
      function Bullet(x, y) {
        this.x = x;
        this.y = y;
        this.speed = 10;

// Bullet movement logic
        this.move = function () {
          this.y -= this.speed;
        };

// Bullet rendering logic
        this.render = function () {
          canvasContext.fillStyle = BULLET_COLOR;
          canvasContext.fillRect(this.x - 3, this.y - 5, 6, 10);
        };
      }

// Zombie object
      function Zombie(x, y) {
        this.x = x;
        this.y = y;
        this.speed = 2;

// Zombie movement logic
        this.move = function () {
          if (player.x < this.x) this.x -= this.speed;
          if (player.x > this.x) this.x += this.speed;
          if (player.y < this.y) this.y -= this.speed;
          if (player.y > this.y) this.y += this.speed;
        };

// Zombie rendering logic
        this.render = function () {
          canvasContext.fillStyle = ZOMBIE_COLOR;
          canvasContext.fillRect(this.x - 10, this.y - 10, 20, 20);
        };
      }

// Initialize game objects and canvas
      function initialize() {
        canvas = document.getElementById('gameCanvas');
        canvas.width = CANVAS_WIDTH;
        canvas.height = CANVAS_HEIGHT;
        canvasContext = canvas.getContext('2d');

player = new Player();
        zombies = [];
        bullets = [];

// Generate initial zombies
        for (var i = 0; i < 5; i++) {
          zombies.push(
            new Zombie(
              Math.random() * CANVAS_WIDTH,
              Math.random() * CANVAS_HEIGHT
            )
          );
        }

// Start game loop
        gameLoop = setInterval(update, 1000 / 30);
      }

// Update game state and render objects on each frame
      function update() {
        // Clear canvas
        canvasContext.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);

// Move and render player
        player.render();

// Move and render zombies
        for (var i = 0; i < zombies.length; i++) {
          zombies[i].move();
          zombies[i].render();
        }

// Move and render bullets
        for (var i = 0; i < bullets.length; i++) {
          bullets[i].move();
          bullets[i].render();
        }
      }

// Handle player movement based on arrow key presses
      document.addEventListener('keydown', function (event) {
        var directionX = 0,
          directionY = 0;

switch (event.key) {
          case 'ArrowUp':
            directionY = -1;
            break;
          case 'ArrowDown':
            directionY = 1;
            break;
          case 'ArrowLeft':
            directionX = -1;
            break;
          case 'ArrowRight':
            directionX = 1;
            break;
          case ' ':
            player.shoot();
            break;
        }

player.move(directionX, directionY);
      });

// Initialize the game
      initialize();
    </script>
  </body>
</html>
```