Zrób strzelankę 2d z zombie z punktami's game

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

No:34890

167

←

Prev Next

→

Zrób strzelankę 2d z zombie z punktami
Developer User16361｜Date and time 24/1/12 4:45:14
Build time 14.682 sec｜Game capacity 3.379KB｜

Script

Sure! I can help you create a simple 2D zombie shooting game with points using JavaScript in a single HTML file. Here's an example implementation of the game:

In this game, you control a player represented by a green circle using the arrow keys on your smartphone screen. The objective is to avoid colliding with the red circles (zombies) that spawn randomly on the screen. Each time a new zombie spawns, you earn points based on the total number of zombies present. Feel free to modify or customize the code to suit your preferences. Have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! I can help you create a simple 2D zombie shooting game with points using JavaScript in a single HTML file. Here's an example implementation of the game:

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

// Keyboard controls
    var keys = {};
    document.addEventListener("keydown", function(event) {
      keys[event.keyCode] = true;
    });
    document.addEventListener("keyup", function(event) {
      delete keys[event.keyCode];
    });

// Spawn new zombie every second
    function spawnZombie() {
      var zombie = { x: Math.random() * canvas.width, y: Math.random() * canvas.height, size: 20 };
      zombies.push(zombie);
    }

// Game over
    function gameOver() {
      clearInterval(gameInterval);
      alert("Game Over! Final score: " + score);
      window.location.reload();
    }

// Update game state
    function update() {
      if (keys[37]) player.x -= 5; // Move left (left arrow key)
      if (keys[38]) player.y -= 5; // Move up (up arrow key)
      if (keys[39]) player.x += 5; // Move right (right arrow key)
      if (keys[40]) player.y += 5; // Move down (down arrow key)

// Check collision with zombies
      for (var i = 0; i < zombies.length; i++) {
        var zombie = zombies[i];
        var dx = player.x - zombie.x;
        var dy = player.y - zombie.y;
        var distance = Math.sqrt(dx * dx + dy * dy);

if (distance < player.size + zombie.size) {
          gameOver();
          return;
        }
      }

// Check if player is outside the canvas
      if (
        player.x < 0 ||
        player.x > canvas.width ||
        player.y < 0 ||
        player.y > canvas.height
      ) {
        gameOver();
        return;
      }

// Update score
      score += zombies.length;

// Spawn new zombie every second
      spawnZombie();

// Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      ctx.beginPath();
      ctx.arc(player.x, player.y, player.size, 0, Math.PI * 2);
      ctx.fillStyle = "green";
      ctx.fill();
      ctx.closePath();

// Draw zombies
      for (var i = 0; i < zombies.length; i++) {
        var zombie = zombies[i];
        ctx.beginPath();
        ctx.arc(zombie.x, zombie.y, zombie.size, 0, Math.PI * 2);
        ctx.fillStyle = "red";
        ctx.fill();
        ctx.closePath();
      }
    }

// Start the game
    function startGame() {
      gameInterval = setInterval(update, 20);
    }

startGame();
  </script>

</body>
</html>
```

Feel free to modify or customize the code to suit your preferences. Have fun playing!