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

No:50635

1 vs 1 fighting offline game combat
Developer User21383｜Date and time 24/3/9 10:44:53
Build time 9.209 sec｜Game capacity 2.86KB｜

Script

Welcome to the 1 vs 1 Fighting Game

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>1 vs 1 Fighting Game</title>
  <style>
    body {
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Welcome to the 1 vs 1 Fighting Game</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

const player1 = {
      x: 50,
      y: 200,
      width: 50,
      height: 50,
      color: 'blue',
      speed: 10
    };

const player2 = {
      x: 300,
      y: 200,
      width: 50,
      height: 50,
      color: 'red',
      speed: 10
    };

function drawPlayers() {
      ctx.fillStyle = player1.color;
      ctx.fillRect(player1.x, player1.y, player1.width, player1.height);

ctx.fillStyle = player2.color;
      ctx.fillRect(player2.x, player2.y, player2.width, player2.height);
    }

function checkCollision() {
      if (player1.x < player2.x + player2.width &&
          player1.x + player1.width > player2.x &&
          player1.y < player2.y + player2.height &&
          player1.y + player1.height > player2.y) {
          // Players have collided
          alert('Players have collided!');
      }
    }

function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayers();
      checkCollision();
    }

function keyDownHandler(event) {
      const key = event.key;
      switch (key) {
        case 'w':
          movePlayer1('up');
          break;
        case 's':
          movePlayer1('down');
          break;
        case 'a':
          movePlayer1('left');
          break;
        case 'd':
          movePlayer1('right');
          break;
        case 'ArrowUp':
          movePlayer2('up');
          break;
        case 'ArrowDown':
          movePlayer2('down');
          break;
        case 'ArrowLeft':
          movePlayer2('left');
          break;
        case 'ArrowRight':
          movePlayer2('right');
          break;
      }
    }

document.addEventListener('keydown', keyDownHandler);

setInterval(gameLoop, 1000 / 30); // 30 frames per second
  </script>
</body>
</html>