AI game creator

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

No:20000

178

←

Prev Next

→

3d zombie-Shooter
Developer User8916｜Date and time 23/10/7 22:46:57
Build time 25.8 sec｜Game capacity 4.056KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>3D Zombie Shooter</title>
  <style>
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Constants
    var CANVAS_WIDTH = 320;
    var CANVAS_HEIGHT = 480;

// Player object
    function Player() {
      this.x = 150;
      this.y = 400;
      this.width = 30;
      this.height = 30;
      this.color = "#00FF00";
      this.speed = 5;

this.moveLeft = function() {
        if (this.x - this.speed >= 0) {
          this.x -= this.speed;
        }
      }

this.moveRight = function() {
        if (this.x + this.width + this.speed <= CANVAS_WIDTH) {
          this.x += this.speed;
        }
      }

this.shoot = function() {
        var bullet = new Bullet(this.x + this.width / 2, this.y);
        bullets.push(bullet);
      }

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

// Zombie object
    function Zombie(x, y) {
      this.x = x;
      this.y = y;
      this.width = 30;
      this.height = 30;
      this.color = "#FF0000";
      this.speed = 2;

this.move = function() {
        this.y += this.speed;
      }

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

// Bullet object
    function Bullet(x, y) {
      this.x = x;
      this.y = y;
      this.radius = 3;
      this.color = "#FFFF00";
      this.speed = 5;

this.move = function() {
        this.y -= this.speed;
      }

this.draw = function() {
        ctx.beginPath();
        ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
        ctx.closePath();
        ctx.fillStyle = this.color;
        ctx.fill();
      }
    }

// Game initialization
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");
      player = new Player();
      zombies = [];
      bullets = [];
      gameLoop = setInterval(update, 1000 / 60);

canvas.width = CANVAS_WIDTH;
      canvas.height = CANVAS_HEIGHT;
      canvas.addEventListener("mousemove", handleMouseMove);
      canvas.addEventListener("click", player.shoot);
    }

// Update game state
    function update() {
      ctx.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);

player.draw();

for (var i = 0; i < zombies.length; i++) {
        zombies[i].move();
        zombies[i].draw();

if (checkCollision(player, zombies[i])) {
          gameOver();
          return;
        }
      }

for (var i = 0; i < bullets.length; i++) {
        bullets[i].move();
        bullets[i].draw();

for (var j = 0; j < zombies.length; j++) {
          if (checkCollision(bullets[i], zombies[j])) {
            zombies.splice(j, 1);
            bullets.splice(i, 1);
            break;
          }
        }
      }
    }

// Handle mouse movement
    function handleMouseMove(event) {
      var rect = canvas.getBoundingClientRect();
      var mouseX = event.clientX - rect.left;
      var playerX = player.x + player.width / 2;

if (mouseX < playerX) {
        player.moveLeft();
      } else if (mouseX > playerX) {
        player.moveRight();
      }
    }

// Check collision between two objects
    function checkCollision(obj1, obj2) {
      return obj1.x < obj2.x + obj2.width &&
             obj1.x + obj1.width > obj2.x &&
             obj1.y < obj2.y + obj2.height &&
             obj1.y + obj1.height > obj2.y;
    }

// Game over
    function gameOver() {
      clearInterval(gameLoop);
      ctx.fillStyle = "#000000";
      ctx.fillRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);
      ctx.font = "30px Arial";
      ctx.fillStyle = "#FFFFFF";
      ctx.fillText("Game Over", CANVAS_WIDTH / 2 - 80, CANVAS_HEIGHT / 2);
    }

// Start game
    init();
  </script>
</body>
</html>