AI game creator

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

No:24487

←

Prev Next

→

Bloody Shooter Game
Developer User11630｜Date and time 23/11/9 13:08:58
Build time 149.401 sec｜Game capacity 4.432KB｜

Script

Sure! Here's a basic implementation of a Bloody Shooter Game using JavaScript enclosed in script tags within a single HTML file:

This game allows you to control a green player character using arrow keys and shoot red bullets using the spacebar. The objective is to shoot down blue enemies while avoiding collisions. The score increases when enemies are destroyed, and the game ends when an enemy collides with the player character.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's a basic implementation of a Bloody Shooter Game using JavaScript enclosed in script tags within a single HTML file:

```html
<!DOCTYPE html>
<html>

<head>
  <title>Bloody Shooter Game</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>

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

const bullets = [];
    const enemies = [];
    let score = 0;

function drawPlayer() {
      ctx.beginPath();
      ctx.rect(player.x, player.y, player.width, player.height);
      ctx.fillStyle = player.color;
      ctx.fill();
      ctx.closePath();
    }

function drawBullets() {
      bullets.forEach(bullet => {
        ctx.beginPath();
        ctx.rect(bullet.x, bullet.y, bullet.width, bullet.height);
        ctx.fillStyle = "#FF0000";
        ctx.fill();
        ctx.closePath();
      });
    }

function drawEnemies() {
      enemies.forEach(enemy => {
        ctx.beginPath();
        ctx.rect(enemy.x, enemy.y, enemy.width, enemy.height);
        ctx.fillStyle = "#0000FF";
        ctx.fill();
        ctx.closePath();
      });
    }

function drawScore() {
      ctx.font = "16px Arial";
      ctx.fillStyle = "#FFFFFF";
      ctx.fillText("Score: " + score, 8, 20);
    }

function movePlayer(dirX, dirY) {
      player.x += dirX * player.speed;
      player.y += dirY * player.speed;

if (player.x < 0) player.x = 0;
      if (player.x > canvas.width - player.width) player.x = canvas.width - player.width;
      if (player.y < 0) player.y = 0;
      if (player.y > canvas.height - player.height) player.y = canvas.height - player.height;
    }

function shoot() {
      bullets.push({
        x: player.x + player.width / 2,
        y: player.y,
        width: 2,
        height: 10,
        color: "#FF0000",
        speed: 6
      });
    }

function spawnEnemy() {
      enemies.push({
        x: Math.random() * (canvas.width - 30),
        y: 0,
        width: 30,
        height: 30,
        color: "#0000FF",
        speed: 2
      });
    }

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

movePlayer();

drawPlayer();
      drawBullets();
      drawEnemies();
      drawScore();

bullets.forEach(bullet => {
        bullet.y -= bullet.speed;
        if (bullet.y < 0) {
          bullets.splice(bullets.indexOf(bullet), 1);
        }
      });

enemies.forEach(enemy => {
        enemy.y += enemy.speed;
        if (enemy.y > canvas.height) {
          score++;
          enemies.splice(enemies.indexOf(enemy), 1);
        }

bullets.forEach(bullet => {
          if (bullet.x >= enemy.x && bullet.x <= enemy.x + enemy.width &&
            bullet.y >= enemy.y && bullet.y <= enemy.y + enemy.height) {
            bullets.splice(bullets.indexOf(bullet), 1);
            enemies.splice(enemies.indexOf(enemy), 1);
            score++;
          }
        });

if (enemy.x >= player.x && enemy.x <= player.x + player.width &&
          enemy.y >= player.y && enemy.y <= player.y + player.height) {
          alert("Game Over! Your score: " + score);
          document.location.reload();
        }
      });

if (Math.random() < 0.01) {
        spawnEnemy();
      }

requestAnimationFrame(updateGame);
    }

// Event listeners
    document.addEventListener("keydown", (e) => {
      if (e.key === "ArrowUp") {
        movePlayer(0, -1);
      } else if (e.key === "ArrowDown") {
        movePlayer(0, 1);
      } else if (e.key === "ArrowLeft") {
        movePlayer(-1, 0);
      } else if (e.key === "ArrowRight") {
        movePlayer(1, 0);
      } else if (e.key === " ") {
        shoot();
      }
    });

// Start the game
    updateGame();
  </script>
</body>

</html>
```