Shoot small amounts of aliens in space while in a fighter jet but the aliens can fight back but the aliens are weak and the jet is strong's game

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

No:14884

←

Prev Next

→

Shoot small amounts of aliens in space while in a ..ALL
Developer User6373｜Date and time 23/9/4 14:30:01
Build time 34.998 sec｜Game capacity 4.579KB｜

Script

Sure, here's a simple game implementation that meets your requirements:

To play the game, you can copy and paste the above code into a single HTML file (e.g., `game.html`) and run it in a web browser. Use the left and right arrow keys to move the fighter jet, and press the spacebar to shoot bullets at the aliens. The goal is to shoot the aliens while avoiding collision with them. If the spaceship collides with an alien, the game will end and you will see a game over message.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure, here's a simple game implementation that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Space Shooter Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

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

// Alien variables
    const aliens = [];
    const alienSize = 30;
    let alienInterval = null;

// Projectile variables
    const projectiles = [];
    const projectileSize = 5;
    const projectileSpeed = 8;
    const projectileColor = "red";

// Handle spaceship movements
    function moveSpaceship(direction) {
      if (direction === "left" && spaceship.x > spaceship.speed) {
        spaceship.x -= spaceship.speed;
      } else if (direction === "right" && spaceship.x < canvas.width - spaceship.width - spaceship.speed) {
        spaceship.x += spaceship.speed;
      }
    }

// Handle shooting projectiles
    function shoot() {
      projectiles.push({
        x: spaceship.x + spaceship.width / 2 - projectileSize / 2,
        y: spaceship.y,
        size: projectileSize,
        color: projectileColor,
        speed: projectileSpeed
      });
    }

// Handle game over
    function gameOver() {
      clearInterval(alienInterval);
      window.removeEventListener("keydown", handleKeyDown);
      alert("Game Over!");
      location.reload();
    }

// Detect collision between two objects
    function collision(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
      );
    }

// Update game state
    function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw spaceship
      ctx.fillStyle = spaceship.color;
      ctx.fillRect(spaceship.x, spaceship.y, spaceship.width, spaceship.height);

// Draw aliens
      for (let i = 0; i < aliens.length; i++) {
        ctx.fillStyle = "green";
        ctx.fillRect(aliens[i].x, aliens[i].y, alienSize, alienSize);

// Move aliens down
        aliens[i].y += 1;

// Check collision with spaceship
        if (collision(aliens[i], spaceship)) {
          gameOver();
          return;
        }

// Check collision with projectiles
        for (let j = 0; j < projectiles.length; j++) {
          if (collision(projectiles[j], aliens[i])) {
            aliens.splice(i, 1);
            projectiles.splice(j, 1);
          }
        }
      }

// Draw projectiles
      for (let i = 0; i < projectiles.length; i++) {
        ctx.fillStyle = projectiles[i].color;
        ctx.fillRect(projectiles[i].x, projectiles[i].y, projectiles[i].size, projectiles[i].size);

// Move projectiles up
        projectiles[i].y -= projectiles[i].speed;

// Remove projectiles off the screen
        if (projectiles[i].y < 0) {
          projectiles.splice(i, 1);
        }
      }
    }

// Handle keyboard inputs
    function handleKeyDown(event) {
      if (event.key === "ArrowLeft" || event.key === "Left") {
        moveSpaceship("left");
      }
      if (event.key === "ArrowRight" || event.key === "Right") {
        moveSpaceship("right");
      }
      if (event.key === " ") {
        event.preventDefault(); // Prevent default spacebar behavior
        shoot();
      }
    }

// Start game on page load
    function startGame() {
      window.addEventListener("keydown", handleKeyDown);

// Create aliens randomly every 1 second
      alienInterval = setInterval(function() {
        const alienX = Math.random() * (canvas.width - alienSize);
        aliens.push({ x: alienX, y: 0 });
      }, 1000);

// Start game loop
      setInterval(updateGame, 10);
    }

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