A fighting game (buttons with a rage symbol fist symbol and shield symbol) you encounter a large and volatile monster's game

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

No:21159

←

Prev Next

→

A fighting game (buttons with a rage symbol fist s..ALL
Developer User9359｜Date and time 23/10/13 21:35:18
Build time 75.914 sec｜Game capacity 3.341KB｜

Script

Sure! Here's a sample implementation of a fighting game using JavaScript and pictograms for smartphone operation. Please note that this is a basic example and can be expanded upon to make a complete game.

To play the game, you can copy the above code into a file with an `.html` extension and open it in a web browser on your smartphone. You can tap on the buttons represented by the pictograms to perform different actions (rage, fist attack, shield). The game will display messages and update the health bars for both the player and the monster. The game will end once either the player or the monster reaches 0 health.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Fighting Game</title>
</head>
<body>
  <div id="game-container">
    <div id="monster"></div>
    <div id="player"></div>
    <div id="buttons">
      <button id="rage-btn">👊</button>
      <button id="fist-btn">🤜</button>
      <button id="shield-btn">🛡️</button>
    </div>
    <div id="message"></div>
  </div>

// Player object
    const player = {
      health: 100,
      attackPower: 5
    };

// Get button elements
    const rageBtn = document.getElementById('rage-btn');
    const fistBtn = document.getElementById('fist-btn');
    const shieldBtn = document.getElementById('shield-btn');

// Get message element
    const message = document.getElementById('message');

// Update health bars
    function updateHealthBars() {
      const monsterHealth = document.getElementById('monster');
      const playerHealth = document.getElementById('player');
      monsterHealth.style.width = monster.health + '%';
      playerHealth.style.width = player.health + '%';
    }

// Display message
    function displayMessage(msg) {
      message.textContent = msg;
    }

// Handle player attacks
    function playerAttack(attackPower) {
      const damage = Math.floor(Math.random() * attackPower) + 1;
      monster.health -= damage;
      displayMessage(`Player deals ${damage} damage!`);
      if (monster.health <= 0) {
        displayMessage('Player wins!');
        disableButtons();
      } else {
        monsterAttack();
      }
      updateHealthBars();
    }

// Handle monster attacks
    function monsterAttack() {
      const damage = Math.floor(Math.random() * monster.attackPower) + 1;
      player.health -= damage;
      displayMessage(`Monster deals ${damage} damage!`);
      if (player.health <= 0) {
        displayMessage('Monster wins!');
        disableButtons();
      }
      updateHealthBars();
    }

// Disable buttons after game ends
    function disableButtons() {
      rageBtn.disabled = true;
      fistBtn.disabled = true;
      shieldBtn.disabled = true;
    }

// Event listeners
    rageBtn.addEventListener('click', () => {
      playerAttack(player.attackPower * 2);
    });

fistBtn.addEventListener('click', () => {
      playerAttack(player.attackPower);
    });

shieldBtn.addEventListener('click', monsterAttack);

// Start the game
    updateHealthBars();
    displayMessage('Encounter a large and volatile monster!');
  </script>
</body>
</html>
```