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

No:8752

←

Prev Next

→

A player versus player
Developer User4237｜Date and time 23/7/18 4:20:00
Build time 27.587 sec｜Game capacity 2.606KB｜

Script

Sure, here's an example of a simple player versus player game implemented in a single HTML file using JavaScript:

Player versus Player Game

This game sets up a canvas element where two players (represented as colored rectangles) can move around using the arrow keys for player 1 and 'W', 'A', 'S', 'D' keys for player 2. The game updates the state and redraws the canvas continuously using a game loop. Note that this is a very basic example, and you can add more game logic, features, and graphics to make it a more complete game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure, here's an example of a simple player versus player game implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Player versus Player Game</title>
</head>
<body>
  <h1>Player versus Player Game</h1>
  
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // Variables
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    const player1 = { x: 50, y: 50, width: 50, height: 50, color: 'red', speed: 5 };
    const player2 = { x: 300, y: 300, width: 50, height: 50, color: 'blue', speed: 5 };
    let keys = {};
  
    // Update the game state
    function update() {
      if (keys.ArrowUp && player1.y > 0) player1.y -= player1.speed;
      if (keys.ArrowDown && (player1.y + player1.height) < canvas.height) player1.y += player1.speed;
      if (keys.ArrowLeft && player1.x > 0) player1.x -= player1.speed;
      if (keys.ArrowRight && (player1.x + player1.width) < canvas.width) player1.x += player1.speed;
      
      if (keys.w && player2.y > 0) player2.y -= player2.speed;
      if (keys.s && (player2.y + player2.height) < canvas.height) player2.y += player2.speed;
      if (keys.a && player2.x > 0) player2.x -= player2.speed;
      if (keys.d && (player2.x + player2.width) < canvas.width) player2.x += player2.speed;
    }
  
    // Draw the game
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      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);
    }
  
    // Game loop
    function gameLoop() {
      update();
      draw();
      requestAnimationFrame(gameLoop);
    }
  
    // Event listeners for key presses
    document.addEventListener('keydown', (e) => {
      keys[e.key] = true;
    });
  
    document.addEventListener('keyup', (e) => {
      keys[e.key] = false;
    });
  
    // Start the game
    gameLoop();
  </script>
</body>
</html>
```