AI game creator

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

No:22291

115

←

Prev Next

→

Shooting game
Developer User10313｜Date and time 23/10/22 3:17:04
Build time 54.985 sec｜Game capacity 3.175KB｜

Script

Sure, here's an example of a simple shooting game implemented in a single HTML file using JavaScript:

This basic shooting game features a player controlled by mouse movement, shooting bullets using the spacebar, and enemies falling from the top of the canvas. The goal is to shoot the enemies and avoid letting them reach the bottom. The score increases by 10 for each enemy destroyed, and the game ends when an enemy reaches the player's position.

←

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 in a single HTML file using JavaScript:

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

// Event listener for shooting bullets
    document.addEventListener("keydown", function(event) {
      if (event.key === " ") {
        bullets.push({ x: player.x + player.width / 2, y: player.y - player.height, width: 2, height: 5 });
      }
    });

// Event listener for player movement
    canvas.addEventListener("mousemove", function(event) {
      var rect = canvas.getBoundingClientRect();
      player.x = event.clientX - rect.left - player.width / 2;
    });

// Game loop
    function update() {
      // Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Update player
      context.fillStyle = player.color;
      context.fillRect(player.x, player.y, player.width, player.height);

// Update bullets
      bullets.forEach(function(bullet) {
        bullet.y -= 3;
        context.fillStyle = "#f00";
        context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
      });

// Update enemies
      enemies.forEach(function(enemy) {
        enemy.y += 1;
        context.fillStyle = "#00f";
        context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Check collision between bullets and enemies
        bullets.forEach(function(bullet) {
          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
          ) {
            bullets.splice(bullets.indexOf(bullet), 1);
            enemies.splice(enemies.indexOf(enemy), 1);
            score += 10;
          }
        });

// Game over condition
        if (enemy.y + enemy.height >= player.y) {
          clearInterval(gameLoop);
          alert("Game Over! Your score: " + score);
        }
      });

// Display score
      context.fillStyle = "#000";
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 30);
    }

// Generate enemies every second
    setInterval(function() {
      enemies.push({ x: Math.random() * (canvas.width - 20), y: 0, width: 20, height: 20 });
    }, 1000);

// Start game loop
    var gameLoop = setInterval(update, 10);
  </script>
</body>
</html>
```