AI game creator

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

No:49847

←

Prev Next

→

Shooting Game
Developer User21154｜Date and time 24/3/6 14:27:29
Build time 9.839 sec｜Game capacity 2.413KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

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

// Player object
    const player = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      width: 20,
      height: 20,
      color: "blue",
      speed: 5
    };

// Keyboard controls
    document.addEventListener("keydown", keyDownHandler);

function keyDownHandler(e) {
      if (e.key === "ArrowLeft" && player.x > 0) {
        player.x -= player.speed;
      } else if (e.key === "ArrowRight" && player.x < canvas.width - player.width) {
        player.x += player.speed;
      }
    }

// Enemy object
    let enemies = [];

function spawnEnemy() {
      const enemy = {
        x: Math.random() * canvas.width,
        y: 0,
        width: 20,
        height: 20,
        color: "red",
        speed: 2
      };
      enemies.push(enemy);
    }

// Collision detection
    function checkCollision(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 loop
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      ctx.fillStyle = player.color;
      ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw enemies
      enemies.forEach(enemy => {
        ctx.fillStyle = enemy.color;
        ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Move enemies
        enemy.y += enemy.speed;

// Check for collisions
        if (checkCollision(player, enemy)) {
          alert("Game Over");
          location.reload();
        }

// Remove enemies that have gone off screen
        if (enemy.y > canvas.height) {
          enemies.splice(enemies.indexOf(enemy), 1);
        }
      });

// Spawn new enemy at random intervals
      if (Math.random() < 0.02) {
        spawnEnemy();
      }

requestAnimationFrame(gameLoop);
    }

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