AI game creator

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

No:16578

111

←

Prev Next

→

Sans fight
Developer User7380｜Date and time 23/9/19 16:16:19
Build time 31.57 sec｜Game capacity 3.178KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
  <body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

// Load image resources
      const playerImg = new Image();
      playerImg.src = "player.png";

const enemyImg = new Image();
      enemyImg.src = "enemy.png";

// Game initialization
      function initializeGame() {
        player = { x: 200, y: 250, width: 50, height: 50, speed: 5 };
        enemy = { x: 175, y: 50, width: 50, height: 50, speed: 2 };
        bullets = [];
        score = 0;

// Start game loop
        gameInterval = setInterval(updateGame, 20);
      }

// Event listeners for player movement
      document.addEventListener("keydown", function (event) {
        if (event.key === "ArrowLeft") {
          player.x -= player.speed;
        } else if (event.key === "ArrowRight") {
          player.x += player.speed;
        } else if (event.key === "ArrowUp") {
          player.y -= player.speed;
        } else if (event.key === "ArrowDown") {
          player.y += player.speed;
        } else if (event.key === " ") {
          // Space key to shoot bullets
          bullets.push({ x: player.x + player.width / 2, y: player.y });
        }
      });

// Update game objects and render frame
      function updateGame() {
        context.clearRect(0, 0, canvas.width, canvas.height);

// Update bullet positions
        bullets.forEach(function (bullet) {
          bullet.y -= 6;

// Check for bullet-enemy collision
          if (
            bullet.x < enemy.x + enemy.width &&
            bullet.x + 2 > enemy.x &&
            bullet.y < enemy.y + enemy.height &&
            bullet.y + 12 > enemy.y
          ) {
            enemy.y = -50; // Move enemy out of canvas
            score += 1; // Increase score
          }

// Render bullets
          context.fillStyle = "#ff4136";
          context.fillRect(bullet.x, bullet.y, 2, 12);
        });

// Update enemy position
        enemy.y += enemy.speed;

// Check for player-enemy collision
        if (
          player.x < enemy.x + enemy.width &&
          player.x + player.width > enemy.x &&
          player.y < enemy.y + enemy.height &&
          player.y + player.height > enemy.y
        ) {
          clearInterval(gameInterval); // Game over

// Display final score
          context.font = "24px Arial";
          context.fillStyle = "#000";
          context.fillText("Game Over! Score: " + score, 100, 150);
        }

// Render player and enemy
        context.drawImage(playerImg, player.x, player.y, player.width, player.height);
        context.drawImage(enemyImg, enemy.x, enemy.y, enemy.width, enemy.height);

// Display score
        context.font = "18px Arial";
        context.fillStyle = "#000";
        context.fillText("Score: " + score, 10, 20);
      }

// Start the game
      initializeGame();
    </script>
  </body>
</html>