AI game creator

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

No:46336

156

←

Prev Next

→

Shooting Game
Developer User19100｜Date and time 24/2/24 17:30:20
Build time 9.22 sec｜Game capacity 2.139KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>슈팅 게임</title>
</head>
<body>
  <canvas id="gameCanvas" width="500" height="500"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    const player = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      speed: 5
    };
    const bullets = [];
    let isGameOver = false;
    
    function drawPlayer() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(player.x, player.y, 20, 20);
    }
    
    function drawBullets() {
      ctx.fillStyle = 'red';
      bullets.forEach(bullet => {
        ctx.fillRect(bullet.x, bullet.y, 5, 10);
      });
    }
    
    function updateBullets() {
      bullets.forEach(bullet => {
        bullet.y -= 5;
      });
      bullets.forEach((bullet, index) => {
        if (bullet.y <= 0) {
          bullets.splice(index, 1);
        }
      });
    }
    
    function shoot() {
      bullets.push({
        x: player.x + 10,
        y: player.y
      });
    }
    
    function checkCollisions() {
      bullets.forEach((bullet, bulletIndex) => {
        if (isCollision(bullet, enemy)) {
          bullets.splice(bulletIndex, 1);
          isGameOver = true;
        }
      });
    }
    
    function isCollision(bullet, enemy) {
      return bullet.x < enemy.x + enemy.width &&
        bullet.x + 5 > enemy.x &&
        bullet.y < enemy.y + enemy.height &&
        bullet.y + 10 > enemy.y;
    }
    
    function gameLoop() {
      if (!isGameOver) {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
        drawBullets();
        updateBullets();
        checkCollisions();
        requestAnimationFrame(gameLoop);
      } else {
        alert('게임 오버!');
      }
    }
    
    window.addEventListener('keydown', e => {
      if (e.key === 'ArrowLeft' && player.x > 0) {
        player.x -= player.speed;
      } else if (e.key === 'ArrowRight' && player.x < canvas.width - 20) {
        player.x += player.speed;
      } else if (e.key === ' ') {
        shoot();
      }
    });
    
    gameLoop();
  </script>
</body>
</html>