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

No:28611

112

←

Prev Next

→

Unicorn Wars
Developer User13970｜Date and time 23/12/13 10:38:25
Build time 31.312 sec｜Game capacity 2.82KB｜

Script

Sure, here's an example of a simple text-based game called "Unicorn Wars" implemented as a single HTML file using JavaScript:

Unicorn Wars

Click the buttons to choose your action.

In this game, there are two characters represented by pictograms (unicorn and dragon). The player can choose to attack or heal by clicking the respective buttons. The game keeps track of health for both the player and the enemy (initially set to 100). Random damage and healing amounts are generated on each action. Note: In this example, you'll need to replace `"emozi_all/unicorn.png"` and `"emozi_all/dragon.png"` with actual image file paths for the unicorn and dragon pictograms. Feel free to modify and enhance this game as per your requirements!

←

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 text-based game called "Unicorn Wars" implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Unicorn Wars</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

img {
      width: 100px;
    }

#game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 300px;
    }
  </style>
</head>
<body>
  <h1>Unicorn Wars</h1>
  <p>Click the buttons to choose your action.</p>

function attack() {
      var playerDamage = Math.floor(Math.random() * 10) + 1;
      var enemyDamage = Math.floor(Math.random() * 10) + 1;

enemyHealth -= playerDamage;
      playerHealth -= enemyDamage;

updateUI();

if (playerHealth <= 0) {
        alert("Game Over - You lost! Refresh the page to play again.");
        disableButtons();
      } else if (enemyHealth <= 0) {
        alert("Congratulations! You won the Unicorn Wars!");
        disableButtons();
      }
    }

function heal() {
      var playerHeal = Math.floor(Math.random() * 10) + 1;
      var enemyDamage = Math.floor(Math.random() * 10) + 1;

playerHealth += playerHeal;
      playerHealth -= enemyDamage;

updateUI();

function updateUI() {
      document.getElementById("player").title = "Player Health: " + playerHealth;
      document.getElementById("enemy").title = "Enemy Health: " + enemyHealth;
    }

function disableButtons() {
      document.getElementById("attack-btn").disabled = true;
      document.getElementById("heal-btn").disabled = true;
    }
  </script>

<button id="attack-btn" onclick="attack()">Attack!</button>
  <button id="heal-btn" onclick="heal()">Heal!</button>
</body>
</html>
```

Note: In this example, you'll need to replace `"unicorn.png"` and `"dragon.png"` with actual image file paths for the unicorn and dragon pictograms.

Feel free to modify and enhance this game as per your requirements!