AI game creator

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

No:38300

←

Prev Next

→

Fighting game
Developer User17284｜Date and time 24/1/24 4:06:49
Build time 14.092 sec｜Game capacity 3.082KB｜

Script

Sure! Here's a simple fighting game implemented as a single HTML file using JavaScript:

This game features a simple fighting scenario between a player and an enemy. Each player can attack by clicking the "Attack" button associated with their respective fighter. The damage dealt is randomly generated between 1 and 10. The game ends when either the player or the enemy's health reaches 0, and the winner is displayed on the screen. Please note that you would need to replace the image URLs (`emozi_rabbit.png` and `emozi_apple.png`) with the actual paths to the pictograms you want to use for the players. You can save this code in an HTML file (e.g., `fighting_game.html`) and open it in a web browser to play the 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 as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Fighting Game</title>
  <style>
    body {
      background-color: #f4f4f4;
    }

#game-container {
      display: flex;
      justify-content: space-between;
      padding: 20px;
    }

.fighter {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

.fighter img {
      width: 100px;
      height: 100px;
    }

.button {
      margin-top: 15px;
      padding: 5px 10px;
      background-color: #4287f5;
      color: white;
      border: none;
      cursor: pointer;
    }

#message {
      text-align: center;
      font-size: 20px;
      margin-top: 30px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div class="fighter" id="player">
      <img src="fighter1.png" alt="Player">
      <button class="button" onclick="playerAttack()">Attack</button>
    </div>
    <div class="fighter" id="enemy">
      <img src="fighter2.png" alt="Enemy">
      <button class="button" onclick="enemyAttack()">Attack</button>
    </div>
  </div>
  <div id="message"></div>

function endGame(winner) {
      // Disable buttons
      document.getElementById('player').getElementsByTagName('button')[0].disabled = true;
      document.getElementById('enemy').getElementsByTagName('button')[0].disabled = true;
      
      // Display winner message
      document.getElementById('message').textContent = `${winner} wins the game!`;
    }
  </script>
</body>
</html>
```

Please note that you would need to replace the image URLs (`fighter1.png` and `fighter2.png`) with the actual paths to the pictograms you want to use for the players.

You can save this code in an HTML file (e.g., `fighting_game.html`) and open it in a web browser to play the game.