Shoot zombies to earn money to buy better Guns's game

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

No:24489

←

Prev Next

→

Shoot zombies to earn money to buy better Guns
Developer User11630｜Date and time 23/11/9 13:13:06
Build time 176.464 sec｜Game capacity 5.002KB｜

Script

Sure! Here's an example of a simple game where you can shoot zombies to earn money and buy better guns. This game is designed for smartphone operation and is implemented as a single HTML file enclosed in script tags. It uses ASCII art instead of pictograms for simplicity.

This game allows you to control the player character using touch controls on a smartphone or arrow keys on a computer. Press the spacebar or touch the screen to shoot bullets and defeat zombies. As you earn money (score), you can buy better guns using the up arrow key or touch controls. The game will end if a zombie collides with the player character. Have fun shooting zombies and upgrading your guns!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Shooter</title>
</head>
<body>

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

// Bullets
  const bullets = [];

// Zombies
  const zombies = [];
  let zombieSpeed = 3;
  let zombieSpawnRate = 1000; // milliseconds

// Guns
  const guns = [
    { name: "Pistol", damage: 10, price: 0 },
    { name: "Shotgun", damage: 25, price: 100 },
    { name: "Machine Gun", damage: 50, price: 200 }
  ];
  let currentGun = 0;

// Helper function to draw rectangles
  function drawRect(x, y, width, height, color) {
    ctx.fillStyle = color;
    ctx.fillRect(x, y, width, height);
  }

// Helper function to detect collision between two rectangles
  function checkCollision(rect1, rect2) {
    if (
      rect1.x < rect2.x + rect2.width &&
      rect1.x + rect1.width > rect2.x &&
      rect1.y < rect2.y + rect2.height &&
      rect1.y + rect1.height > rect2.y
    ) {
      return true;
    }
    return false;
  }

// Function to update game state
  function update() {
    // Move player with touch or arrow keys
    document.addEventListener("touchstart", onTouchStart);
    document.addEventListener("touchmove", onTouchMove);
    document.addEventListener("touchend", onTouchEnd);
    window.addEventListener("keydown", onKeyDown);
    window.addEventListener("keyup", onKeyUp);
    
    // Shoot bullets
    if (keys["32"] && bullets.length < 5) { // spacebar
      bullets.push({ x: player.x + player.width / 2, y: player.y, speed: 8, color: "yellow" });
    }

// Move and draw bullets
    bullets.forEach(bullet => {
      bullet.y -= bullet.speed;
      drawRect(bullet.x, bullet.y, 4, 10, bullet.color);
    });

// Move and draw zombies
    zombies.forEach(zombie => {
      zombie.y += zombieSpeed;
      drawRect(zombie.x, zombie.y, 30, 30, "red");

// Check collision with player
      if (checkCollision(player, zombie)) {
        gameOver();
      }
    });

// Remove bullets off-screen
    bullets.forEach((bullet, index) => {
      if (bullet.y < 0) {
        bullets.splice(index, 1);
      }
    });

// Remove zombies off-screen and update score
    zombies.forEach((zombie, index) => {
      if (zombie.y > canvas.height) {
        zombies.splice(index, 1);
        score += 10;
      }
    });

// Increase zombie spawn rate over time
    if (score % 100 === 0 && zombieSpawnRate > 200) {
      zombieSpawnRate -= 100;
    }

// Spawn new zombies
    if (Math.random() < 1 / (zombieSpawnRate / 1000)) {
      zombies.push({ x: Math.random() * (canvas.width - 30), y: 0 });
    }

// Update score display
    ctx.fillStyle = "white";
    ctx.font = "18px Arial";
    ctx.fillText("Score: " + score, 10, 20);

// Update gun display
    ctx.fillText("Gun: " + guns[currentGun].name, 10, 40);

// Update money and buy new guns
    const money = Math.floor(score / 10);
    ctx.fillText("Money: $" + money, 10, 60);

if (guns[currentGun].price <= money && keys["38"]) { // up arrow
      score -= guns[currentGun].price * 10;
      currentGun = Math.min(currentGun + 1, guns.length - 1);
    }

// Call the update function again
    requestAnimationFrame(update);
  }

// Game over logic
  function gameOver() {
    ctx.fillStyle = "black";
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    ctx.fillStyle = "white";
    ctx.font = "30px Arial";
    ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
  }

// Touch event handlers
  let touchX = 0;
  function onTouchStart(e) {
    const touch = e.touches[0];
    touchX = touch.clientX;
  }
  function onTouchMove(e) {
    const touch = e.touches[0];
    const dx = touch.clientX - touchX;
    player.x += dx;
    touchX = touch.clientX;
  }
  function onTouchEnd(e) {
    touchX = 0;
  }

// Key event handlers
  const keys = {};
  function onKeyDown(e) {
    keys[e.keyCode] = true;
  }
  function onKeyUp(e) {
    keys[e.keyCode] = false;
  }

// Start the game
  update();

</script>

</body>
</html>
```