AI game creator

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

No:52755

408

←

Prev Next

→

Shooting Game
Developer User22126｜Date and time 24/3/24 14:03:40
Build time 8.021 sec｜Game capacity 1.938KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>
  <script>
    const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d');

let score = 0;
    let gameOver = false;

const player = {
      x: 200,
      y: 350,
      width: 30,
      height: 30,
      color: 'blue'
    };

const bullet = {
      x: player.x + player.width / 2,
      y: player.y,
      radius: 5,
      speed: 5,
      color: 'red'
    };

let enemies = [];

document.addEventListener('keydown', (event) => {
      if (event.key === " ") {
        shoot();
      }
    });

function shoot() {
      if (gameOver) return;

// Create new bullet
      bullets.push({
        x: player.x + player.width / 2,
        y: player.y,
        radius: 5,
        color: 'red',
        speed: 5
      });
    }

function drawPlayer() {
      ctx.fillStyle = player.color;
      ctx.fillRect(player.x, player.y, player.width, player.height);
    }

function drawEnemies() {
      for (let enemy of enemies) {
        ctx.fillStyle = 'green';
        ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
      }
    }

function drawBullet() {
      ctx.fillStyle = bullet.color;
      ctx.beginPath();
      ctx.arc(bullet.x, bullet.y, bullet.radius, 0, Math.PI * 2);
      ctx.fill();
    }

function update() {
      if (gameOver) return;

// Update player position

// Update bullet position

// Update enemies position

// Check for collisions

// Check for game over

draw();
    }

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();

drawBullet();

drawEnemies();
    }

function gameLoop() {
      update();
      requestAnimationFrame(gameLoop);
    }

gameLoop();
  </script>
</body>
</html>
```