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

No:24551

121

←

Prev Next

→

Rpg
Developer User11394｜Date and time 23/11/10 1:17:03
Build time 66.586 sec｜Game capacity 3.48KB｜

Script

Sure! Here's a simple text-based RPG game implemented as a single HTML file using JavaScript. Since you mentioned smartphone operation, I've made it compatible with small screens and used pictograms for some elements. Save the code in an HTML file and open it in a web browser to play the game.

🗡️ Welcome to the RPG Game! 🛡️

Choose your action:

When you open the HTML file in a web browser, you will be prompted to enter your name. After that, you can take turns attacking or healing during the game loop. The game will display the effects of your actions in the browser's console. The game will continue until either the player or the monster runs out of health points (HP). Note: To view the console output in a mobile browser, you may need to enable the developer options or inspect elements to access the console log. I hope you enjoy playing this simple RPG game! Let me know if you have any questions.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    .game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 100px;
    }
    
    .pictogram {
      font-size: 24px;
    }
    
    .button {
      padding: 10px 20px;
      margin-top: 20px;
      background-color: #4CAF50;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 18px;
    }
  </style>
</head>
<body>
  <div class="game-container">
    <h1 class="pictogram">🗡️ Welcome to the RPG Game! 🛡️</h1>
    <h3 class="pictogram">Choose your action:</h3>
    <button class="button" onclick="startGame()">Start</button>
  </div>

// Game loop
        while (playerHP > 0 && monsterHP > 0) {
          let action = prompt(`[${playerName}]: Your turn! Attack (A) or Heal (H):`);
          if (action === 'A') {
            let playerDamage = Math.floor(Math.random() * 10) + 1;
            let monsterDamage = Math.floor(Math.random() * 10) + 1;

monsterHP -= playerDamage;
            playerHP -= monsterDamage;

console.log(`[${playerName}] dealt ${playerDamage} damage to the monster! The monster has ${monsterHP} HP remaining.`);
            console.log(`The monster attacked [${playerName}] and dealt ${monsterDamage} damage! ${playerName} has ${playerHP} HP remaining.`);
          } else if (action === 'H') {
            let healAmount = Math.floor(Math.random() * 10) + 1;
            playerHP += healAmount;

let monsterDamage = Math.floor(Math.random() * 10) + 1;
            playerHP -= monsterDamage;

console.log(`[${playerName}] healed for ${healAmount} HP. ${playerName} now has ${playerHP} HP.`);
            console.log(`The monster attacked [${playerName}] and dealt ${monsterDamage} damage! ${playerName} has ${playerHP} HP remaining.`);
          } else {
            alert('Invalid action! Please choose A or H.');
            continue;
          }

if (playerHP <= 0) {
            console.log(`[${playerName}] was defeated! Game over.`);
          } else if (monsterHP <= 0) {
            console.log(`[${playerName}] defeated the monster! You win!`);
          }
        }
      }
    }
  </script>
</body>
</html>
```

Note: To view the console output in a mobile browser, you may need to enable the developer options or inspect elements to access the console log.

I hope you enjoy playing this simple RPG game! Let me know if you have any questions.