Fighting games one ring and fight's game

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

No:46803

←

Prev Next

→

Fighting games one ring and fight
Developer User20240｜Date and time 24/2/26 2:51:13
Build time 8.318 sec｜Game capacity 1.413KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Fighting Game</title>
  </head>
  <body>
    <canvas id="fightingCanvas" width="400" height="400"></canvas>
    <script>
      // JavaScript code for the fighting game
      const canvas = document.getElementById("fightingCanvas");
      const context = canvas.getContext("2d");
    
      let player1 = {
        x: 50,
        y: 200,
        width: 50,
        height: 50,
        color: "blue"
      };
    
      let player2 = {
        x: 300,
        y: 200,
        width: 50,
        height: 50,
        color: "red"
      };
    
      function drawPlayer(player) {
        context.fillStyle = player.color;
        context.fillRect(player.x, player.y, player.width, player.height);
      }
    
      function update() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer(player1);
        drawPlayer(player2);
      }
    
      function movePlayers(event) {
        switch (event.key) {
          case "ArrowUp":
            player1.y -= 10;
            break;
          case "ArrowDown":
            player1.y += 10;
            break;
          case "w":
            player2.y -= 10;
            break;
          case "s":
            player2.y += 10;
            break;
        }
        update();
      }
    
      document.addEventListener("keydown", movePlayers);
    
      update();
    </script>
  </body>
</html>
```