Make the best shooter game in 5 minutes's game

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

No:11077

117

←

Prev Next

→

Make the best shooter game in 5 minutes
Developer unknown｜Date and time 23/8/7 17:47:50
Build time 36.325 sec｜Game capacity 3.992KB｜

Script

Sure, here's a simple shooter game implemented as a single HTML file using JavaScript:

This game is a simple shooter game where you control a player (represented by a blue block) and shoot bullets (represented by green blocks) at enemies (represented by red blocks) falling from the top of the canvas. The goal is to shoot down the enemies without colliding with them. Use the left and right arrow keys to move the player, and press the space bar to shoot bullets. If the player collides with an enemy, the game is over and an alert box is displayed. You can copy and paste the above code into an HTML file and open it in a web browser to play the game. Modify the code as needed to customize or enhance the game further.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure, here's a simple shooter game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooter Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

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

const bullets = [];
     bulletSpeed = 10,

const enemy = {
      x: Math.random() * (canvas.width - 20),
      y: 0,
      width: 20,
      height: 20,
      moveSpeed: 2,
      color: "red"
    };

let gameInterval;

function drawObject(obj) {
      ctx.beginPath();
      ctx.fillStyle = obj.color;
      ctx.fillRect(obj.x, obj.y, obj.width, obj.height);
      ctx.closePath();
    }

function movePlayer(direction) {
      if (direction === "left" && player.x > 0) {
        player.x -= player.moveSpeed;
      } else if (direction === "right" && player.x < canvas.width - player.width) {
        player.x += player.moveSpeed;
      }
    }

function fireBullet() {
      const bullet = {
        x: player.x + player.width / 2,
        y: player.y,
        width: 4,
        height: 10,
        color: "green"
      };
      bullets.push(bullet);
    }

function moveBullets() {
      for (let i = 0; i < bullets.length; i++) {
        bullets[i].y -= bulletSpeed;

if (bullets[i].y < 0) {
          bullets.splice(i, 1);
          i--;
        }
      }
    }

function moveEnemy() {
      enemy.y += enemy.moveSpeed;
    }

function checkCollision() {
      for (let i = 0; i < bullets.length; i++) {
        if (
          bullets[i].x < enemy.x + enemy.width &&
          bullets[i].x + bullets[i].width > enemy.x &&
          bullets[i].y < enemy.y + enemy.height &&
          bullets[i].y + bullets[i].height > enemy.y
        ) {
          // Collision happened, remove enemy and bullet
          bullets.splice(i, 1);
          enemy.x = Math.random() * (canvas.width - 20);
          enemy.y = 0;
        }
      }

if (
        player.x < enemy.x + enemy.width &&
        player.x + player.width > enemy.x &&
        player.y < enemy.y + enemy.height &&
        player.y + player.height > enemy.y
      ) {
        // Collision happened, end the game
        clearInterval(gameInterval);
        alert("Game over!");
      }
    }

function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawObject(player);
      drawObject(enemy);

for (let i = 0; i < bullets.length; i++) {
        drawObject(bullets[i]);
      }

moveBullets();
      moveEnemy();
      checkCollision();
    }

function startGame() {
      gameInterval = setInterval(updateGame, 20);
    }

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

You can copy and paste the above code into an HTML file and open it in a web browser to play the game. Modify the code as needed to customize or enhance the game further.