AI game creator

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

No:10823

←

Prev Next

→

Shooting Game
Developer Chxrlieeex｜Date and time 23/8/3 17:15:13
Build time 41.335 sec｜Game capacity 4.965KB｜

Script

Sure! Here's an example of a simple shooting game using JavaScript in a single HTML file:

This game features a player controlled by touch events, shooting bullets at randomly spawning enemies. The goal is to shoot as many enemies as possible without letting them reach the player. The game will end when an enemy collides with the player.

←

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Shooting Game</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Player object
    class Player {
      constructor(x, y, width, height) {
        this.x = x;
        this.y = y;
        this.width = width;
        this.height = height;
        this.color = 'blue';
      }

draw() {
        context.fillStyle = this.color;
        context.fillRect(this.x, this.y, this.width, this.height);
      }

shoot() {
        bullets.push(new Bullet(this.x + this.width / 2, this.y));
      }
    }

// Bullet object
    class Bullet {
      constructor(x, y) {
        this.x = x;
        this.y = y;
        this.radius = 3;
        this.color = 'red';
      }

draw() {
        context.fillStyle = this.color;
        context.beginPath();
        context.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
        context.fill();
      }

update() {
        this.y -= 5; // Move the bullet upwards

// Check if the bullet hit an enemy
        for (let i = 0; i < enemies.length; i++) {
          if (this.x > enemies[i].x && this.x < enemies[i].x + enemies[i].width &&
              this.y > enemies[i].y && this.y < enemies[i].y + enemies[i].height) {
            // Bullet hit an enemy, remove both
            bullets.splice(bullets.indexOf(this), 1);
            enemies.splice(i, 1);
          }
        }
      }
    }

// Enemy object
    class Enemy {
      constructor(x, y, width, height, color) {
        this.x = x;
        this.y = y;
        this.width = width;
        this.height = height;
        this.color = color;
      }

draw() {
        context.fillStyle = this.color;
        context.fillRect(this.x, this.y, this.width, this.height);
      }

update() {
        this.y += 2; // Move enemy downwards

// Check if the enemy reached the player
        if (this.y + this.height > player.y && this.y < player.y + player.height &&
            this.x + this.width > player.x && this.x < player.x + player.width) {
          gameOver();
        }
      }
    }

// Game initialization
    function init() {
      canvas = document.getElementById('gameCanvas');
      context = canvas.getContext('2d');

canvas.width = 300;
      canvas.height = 400;

// Create player
      player = new Player(canvas.width / 2 - 25, canvas.height - 50, 50, 50);

// Initialize arrays
      bullets = [];
      enemies = [];

// Start game loop
      gameLoopInterval = setInterval(gameLoop, 10);

// Listen to touch events to move player and shoot
      canvas.addEventListener('touchstart', function(e) {
        // Prevent scrolling on touch devices
        e.preventDefault();
        
        // Move player horizontally
        player.x = e.touches[0].clientX - canvas.offsetLeft - player.width / 2;
        
        // Shoot bullet
        player.shoot();
      });

canvas.addEventListener('touchmove', function(e) {
        // Prevent scrolling on touch devices
        e.preventDefault();
        
        // Move player horizontally
        player.x = e.touches[0].clientX - canvas.offsetLeft - player.width / 2;
      });
    }

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

// Update game objects
    function update() {
      // Update bullets
      bullets.forEach(function(bullet) {
        bullet.update();
      });

// Update enemies
      enemies.forEach(function(enemy) {
        enemy.update();
      });

// Create new enemy randomly
      if (Math.random() < 0.01) {
        enemies.push(new Enemy(
          Math.random() * (canvas.width - 50),
          0,
          50,
          50,
          'green'
        ));
      }
    }

// Draw game objects
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      player.draw();

// Draw bullets
      bullets.forEach(function(bullet) {
        bullet.draw();
      });

// Draw enemies
      enemies.forEach(function(enemy) {
        enemy.draw();
      });
    }

// Game over
    function gameOver() {
      clearInterval(gameLoopInterval);
      alert('Game Over!');
    }

// Initialize the game
    init();
  </script>
</body>
</html>
```