AI game creator

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

No:34197

←

Prev Next

→

Shooting Game
Developer User16162｜Date and time 24/1/9 2:23:01
Build time 41.138 sec｜Game capacity 4.283KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript. As per your request, it is enclosed in `` tags. <br><br> <br> <style> canvas { border: 1px solid black; } </style> <canvas id="gameCanvas" width="400" height="400"></canvas>

This code creates a simple shooting game where the player controls a blue square using mouse movements and shoots bullets by pressing the spacebar. The objective is to shoot the green enemy squares to earn points, while avoiding getting hit by them. The score is displayed on the top left corner of the canvas. When the player is hit, a "Game Over" message is shown.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript. As per your request, it is enclosed in `<script>` tags.

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

// Player
    var player = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      width: 20,
      height: 20
    };

// Bullets
    var bullets = [];
    var bulletSpeed = 5;
    var bulletSize = 5;

// Enemies
    var enemies = [];
    var enemySize = 20;
    var enemySpeed = 3;

// Event listeners
    document.addEventListener("keydown", function (event) {
      if (event.keyCode === 32 && !gameover) {
        shoot();
      }
    });

document.addEventListener("mousemove", function (event) {
      if (!gameover) {
        var rect = canvas.getBoundingClientRect();
        player.x = event.clientX - rect.left - player.width / 2;
      }
    });

// Shooting logic
    function shoot() {
      bullets.push({
        x: player.x + player.width / 2 - bulletSize / 2,
        y: player.y,
        width: bulletSize,
        height: bulletSize
      });
    }

// Enemy spawning logic
    function spawnEnemy() {
      enemies.push({
        x: Math.random() * (canvas.width - enemySize),
        y: -enemySize,
        width: enemySize,
        height: enemySize
      });
    }

// Game loop
    function update() {
      if (!gameover) {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
        ctx.fillStyle = "blue";
        ctx.fillRect(player.x, player.y, player.width, player.height);

// Move and draw bullets
        bullets.forEach(function (bullet) {
          bullet.y -= bulletSpeed;
          ctx.fillStyle = "red";
          ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
        });

// Move and draw enemies
        enemies.forEach(function (enemy) {
          enemy.y += enemySpeed;
          ctx.fillStyle = "green";
          ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Check collision with bullets
          bullets.forEach(function (bullet, bulletIndex) {
            if (
              bullet.x < enemy.x + enemy.width &&
              bullet.x + bullet.width > enemy.x &&
              bullet.y < enemy.y + enemy.height &&
              bullet.y + bullet.height > enemy.y
            ) {
              // Bullet hit enemy
              bullets.splice(bulletIndex, 1);
              enemies.splice(enemies.indexOf(enemy), 1);
              score++;
            }
          });

// Check collision with player
          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
          ) {
            // Player is hit, game over
            gameover = true;
          }
        });

// Draw score
        ctx.fillStyle = "black";
        ctx.font = "16px Arial";
        ctx.fillText("Score: " + score, 8, 20);

// Spawn new enemy randomly
        if (Math.random() < 0.02) {
          spawnEnemy();
        }

// Request next frame
        requestAnimationFrame(update);
      } else {
        // Game over message
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.fillStyle = "black";
        ctx.font = "30px Arial";
        ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
      }
    }

// Start the game
    update();
  </script>
</body>
</html>
```

This code creates a simple shooting game where the player controls a blue square using mouse movements and shoots bullets by pressing the spacebar. The objective is to shoot the green enemy squares to earn points, while avoiding getting hit by them. The score is displayed on the top left corner of the canvas. When the player is hit, a "Game Over" message is shown.