AI game creator

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

No:47607

2311

←

Prev Next

→

Creat a fight game
Developer anonymous｜Date and time 70/1/1 9:35:12
Build time unknown sec｜Game capacity 2.112KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Fight Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

let player = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      speed: 5,
      size: 50
    };

let enemy = {
      x: Math.random() * canvas.width,
      y: Math.random() * canvas.height,
      speed: 4,
      size: 40
    };

function drawPlayer() {
      ctx.fillStyle = "blue";
      ctx.fillRect(player.x - player.size/2, player.y - player.size/2, player.size, player.size);
    }

function drawEnemy() {
      ctx.fillStyle = "red";
      ctx.fillRect(enemy.x - enemy.size/2, enemy.y - enemy.size/2, enemy.size, enemy.size);
    }

function update() {
      if (player.x < 0) player.x = 0;
      if (player.x > canvas.width) player.x = canvas.width;
      if (player.y < 0) player.y = 0;
      if (player.y > canvas.height) player.y = canvas.height;

if (Math.abs(player.x - enemy.x) < player.size/2 + enemy.size/2 && Math.abs(player.y - enemy.y) < player.size/2 + enemy.size/2) {
        alert("Game Over! You were defeated by the enemy!");
        player.x = canvas.width / 2;
        player.y = canvas.height / 2;
      }

const dx = player.x - enemy.x;
      const dy = player.y - enemy.y;
      const dist = Math.sqrt(dx*dx + dy*dy);
      enemy.x += enemy.speed * dx / dist;
      enemy.y += enemy.speed * dy / dist;

draw();
    }

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

update();
    });

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