AI game creator

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

No:39569

←

Prev Next

→

A fighting game
Developer User17632｜Date and time 24/1/29 6:21:42
Build time 10.7 sec｜Game capacity 2.887KB｜

Script

Sure! Here's a simple fighting game implemented in a single HTML file using JavaScript. The game will be playable on smartphones and uses pictograms for visual representation.

This game features two players represented by colored rectangles on a canvas. Player 1 (blue) can be controlled using the arrow keys, and the Enter key initiates an attack. Player 2 (red) will temporarily change color to black when attacked. The game loop constantly updates and redraws the players on the canvas. Please note that this is a very basic implementation and can be improved and expanded upon to create a more engaging fighting game.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's a simple fighting game implemented in a single HTML file using JavaScript. The game will be playable on smartphones and uses pictograms for visual representation.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fighting Game</title>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Game constants
    const canvasWidth = 400;
    const canvasHeight = 400;
    const playerSize = 50;
    const playerSpeed = 5;

// Player objects
    const player1 = { x: 50, y: 150, color: 'blue', attacking: false };
    const player2 = { x: canvasWidth - playerSize - 50, y: 150, color: 'red', attacking: false };

// Function to draw the players on the canvas
    function drawPlayers() {
      ctx.clearRect(0, 0, canvasWidth, canvasHeight);
      ctx.fillStyle = player1.color;
      ctx.fillRect(player1.x, player1.y, playerSize, playerSize);
      ctx.fillStyle = player2.color;
      ctx.fillRect(player2.x, player2.y, playerSize, playerSize);
    }

// Function to handle player movement
    function handleMovement(event) {
      if (event.key === 'ArrowUp' && player1.y - playerSpeed >= 0) {
        player1.y -= playerSpeed;
      }
      if (event.key === 'ArrowDown' && player1.y + playerSpeed + playerSize <= canvasHeight) {
        player1.y += playerSpeed;
      }
      if (event.key === 'ArrowLeft' && player1.x - playerSpeed >= 0) {
        player1.x -= playerSpeed;
      }
      if (event.key === 'ArrowRight' && player1.x + playerSpeed + playerSize <= canvasWidth) {
        player1.x += playerSpeed;
      }
      if (event.key === 'Enter') {
        initiateAttack();
      }
    }

// Function to handle attack initiation
    function initiateAttack() {
      if (!player1.attacking) {
        player1.attacking = true;
        const attackInterval = setInterval(() => {
          player2.color = player2.color === 'red' ? 'black' : 'red';
        }, 200);
        setTimeout(() => {
          clearInterval(attackInterval);
          player1.attacking = false;
          player2.color = 'red';
        }, 2000);
      }
    }

// Event listener for key presses
    window.addEventListener('keydown', handleMovement);

// Game loop
    function gameLoop() {
      drawPlayers();
      requestAnimationFrame(gameLoop);
    }

gameLoop();
  </script>
</body>
</html>
```

Please note that this is a very basic implementation and can be improved and expanded upon to create a more engaging fighting game.