AI game creator

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

No:40205

←

Prev Next

→

Shooting Game
Developer User18021｜Date and time 24/2/1 18:06:06
Build time 21.257 sec｜Game capacity 5.135KB｜

Script

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

In this game, the player controls a square by moving their finger across the screen on a smartphone. Tapping the screen fires a bullet from the player's position. The objective is to shoot the falling enemies without colliding with them. The player's score increases by 10 for each enemy shot. The game ends when the player collides with an enemy, and their final score is displayed in an alert message. The game can be restarted by reloading the page. Note: This is a simple example to demonstrate the basic mechanics of a shooting game. You can add more features and polish as per your requirements.

←

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:

```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 #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

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

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

// Bullet object
    class Bullet {
      constructor(x, y) {
        this.x = x;
        this.y = y;
        this.radius = 3;
        this.speed = 5;
      }

update() {
        this.y -= this.speed;
      }

draw() {
        context.beginPath();
        context.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
        context.fillStyle = '#000';
        context.fill();
        context.closePath();
      }
    }

// Enemy object
    class Enemy {
      constructor(x, y) {
        this.x = x;
        this.y = y;
        this.width = 20;
        this.height = 20;
        this.speed = Math.random() * 2 + 1;
      }

update() {
        this.y += this.speed;
      }

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

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

player = new Player(canvas.width / 2 - 10, canvas.height - 40);

setInterval(gameLoop, 16); // 60 FPS

canvas.addEventListener('mousemove', (e) => {
        let rect = canvas.getBoundingClientRect();
        player.x = e.clientX - rect.left - player.width / 2; // Move player with mouse
      });

canvas.addEventListener('click', (e) => {
        let rect = canvas.getBoundingClientRect();
        let bullet = new Bullet(e.clientX - rect.left, canvas.height - 40); // Shoot bullet from player position
        bullets.push(bullet);
      });

spawnEnemies();
    }

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

// Update game state
    function update() {
      bullets.forEach(bullet => {
        bullet.update();

if (bullet.y < 0) {
          bullets.splice(bullets.indexOf(bullet), 1); // Remove bullet if it goes off-screen
        }
      });

enemies.forEach(enemy => {
        enemy.update();

if (enemy.y > canvas.height) {
          enemies.splice(enemies.indexOf(enemy), 1); // Remove enemy if it goes off-screen
        }

if (collisionDetection(player, enemy)) {
          gameOver(); // Game over if player collides with enemy
        }

bullets.forEach(bullet => {
          if (collisionDetection(bullet, enemy)) {
            bullets.splice(bullets.indexOf(bullet), 1); // Remove bullet
            enemies.splice(enemies.indexOf(enemy), 1); // Remove enemy
            score += 10; // Increment score
          }
        });
      });
    }

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

player.draw();

bullets.forEach(bullet => {
        bullet.draw();
      });

enemies.forEach(enemy => {
        enemy.draw();
      });

context.font = '20px Arial';
      context.fillText('Score: ' + score, 10, 30);
    }

// Spawn enemies at regular intervals
    function spawnEnemies() {
      setInterval(() => {
        let x = Math.random() * (canvas.width - 20);
        let enemy = new Enemy(x, -20);
        enemies.push(enemy);
      }, 1000);
    }

// Collision detection between two objects
    function collisionDetection(obj1, obj2) {
      return obj1.x < obj2.x + obj2.width &&
             obj1.x + obj1.width > obj2.x &&
             obj1.y < obj2.y + obj2.height &&
             obj1.y + obj1.height > obj2.y;
    }

// Game over
    function gameOver() {
      clearInterval(spawnEnemies); // Stop spawning enemies
      alert('Game over! Your score: ' + score);
      location.reload(); // Restart game
    }

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

Note: This is a simple example to demonstrate the basic mechanics of a shooting game. You can add more features and polish as per your requirements.