AI game creator

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

No:19602

←

Prev Next

→

Shooting Game
Developer User8707｜Date and time 23/10/5 1:55:24
Build time 25.211 sec｜Game capacity 3.811KB｜

Script

Sure! Here's an example of a simple shooting game implemented in a single HTML file using JavaScript and enclosed in script tags:

This is a simple shooting game where the player controls a character using mouse movements. The player shoots bullets by clicking on the game canvas. The goal is to shoot down the enemies that appear randomly on the screen. The score increases by 10 for each enemy shot down. The game loop continuously updates and renders the game state. Please note that this is a basic implementation to give you an idea of how a shooting game can be built using JavaScript in an HTML file. You can customize and enhance the game further according to your requirements and preferences.

←

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 and enclosed in script tags:

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

// Initialize the game
    function init() {
      canvas = document.getElementById('gameCanvas');
      ctx = canvas.getContext('2d');
      player = { x: canvas.width / 2, y: canvas.height - 50 };
      bullets = [];
      enemies = [];
      score = 0;

// Event listeners for player controls
      canvas.addEventListener('mousemove', movePlayer);
      canvas.addEventListener('click', shootBullet);

// Start the game loop
      setInterval(gameLoop, 20);
    }

// Update the game state
    function update() {
      // Move bullets
      for (var i = 0; i < bullets.length; i++) {
        bullets[i].y -= 5;
        if (bullets[i].y < 0) {
          bullets.splice(i, 1);
          i--;
        }
      }

// Create new enemy
      if (Math.random() < 0.02) {
        var enemy = { x: Math.random() * canvas.width, y: -10 };
        enemies.push(enemy);
      }

// Move enemies
      for (var j = 0; j < enemies.length; j++) {
        enemies[j].y += 3;
        if (enemies[j].y > canvas.height) {
          enemies.splice(j, 1);
          j--;
        }
      }

// Check for collisions
      for (var k = 0; k < bullets.length; k++) {
        for (var l = 0; l < enemies.length; l++) {
          if (
            bullets[k].x > enemies[l].x &&
            bullets[k].x < enemies[l].x + 20 &&
            bullets[k].y > enemies[l].y &&
            bullets[k].y < enemies[l].y + 20
          ) {
            bullets.splice(k, 1);
            k--;
            enemies.splice(l, 1);
            l--;
            score += 10;
          }
        }
      }
    }

// Render the game
    function render() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Render player
      ctx.fillRect(player.x, player.y, 20, 20);

// Render bullets
      ctx.fillStyle = '#ff0000';
      for (var i = 0; i < bullets.length; i++) {
        ctx.fillRect(bullets[i].x, bullets[i].y, 2, 10);
      }

// Render enemies
      ctx.fillStyle = '#0000ff';
      for (var j = 0; j < enemies.length; j++) {
        ctx.fillRect(enemies[j].x, enemies[j].y, 20, 20);
      }

// Render score
      ctx.font = '20px Arial';
      ctx.fillStyle = '#000';
      ctx.fillText('Score: ' + score, 10, 30);
    }

// Game loop
    function gameLoop() {
      update();
      render();
    }

// Move the player based on mouse position
    function movePlayer(event) {
      player.x = event.clientX - canvas.offsetLeft - 10;
      player.y = event.clientY - canvas.offsetTop - 10;
    }

// Shoot a bullet
    function shootBullet() {
      var bullet = { x: player.x + 10, y: player.y };
      bullets.push(bullet);
    }

// Start the game when the page loads
    window.onload = init;
  </script>
</body>
</html>
```

Please note that this is a basic implementation to give you an idea of how a shooting game can be built using JavaScript in an HTML file. You can customize and enhance the game further according to your requirements and preferences.