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

No:26450

254

←

Prev Next

→

Game title: blade legends Flight against enemies ..ALL
Developer Dooz studio｜Date and time 23/11/30 22:14:21
Build time 144.16 sec｜Game capacity 6.461KB｜

Script

Sure! Here's an example implementation of the game "Blade Legends" using HTML and JavaScript. Please note that due to the limitations of text-based conversation, this code may not run directly here. However, you can copy the code into an HTML file and run it on a web browser to play the game.

Blade Legends

This code sets up the basic structure of the game interface, including the player, enemy, abilities, health bar, and message display. It also includes event listeners and functions to handle using abilities, generating enemies, and updating the health bar based on game events. To play the game, you can click on the ability buttons labeled "A1", "A2", etc., to attack the enemy with the corresponding ability. The enemy will also attack the player, reducing the player's HP displayed on the health bar. The game ends when the player's HP reaches 0. Remember to save the code as an HTML file and open it in a web browser on your smartphone to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Blade Legends</title>
    <style>
      #game-container {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-family: Arial, sans-serif;
      }

#game-container h1 {
        margin-bottom: 20px;
        text-align: center;
      }

#player {
        width: 100px;
        height: 100px;
        background-color: #f00; /* player color: red */
      }

#enemy {
        width: 50px;
        height: 50px;
        background-color: #00f; /* enemy color: blue */
        margin-top: 20px;
      }

#abilities-container {
        display: flex;
        justify-content: center;
        margin-top: 20px;
      }

.ability {
        width: 50px;
        height: 50px;
        margin-left: 10px;
        background-color: #0f0; /* ability color: green */
      }

#message {
        margin-top: 20px;
        font-weight: bold;
      }

#hp-bar {
        width: 200px;
        height: 20px;
        background-color: #ccc;
        margin-top: 20px;
      }

#hp-bar .health {
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <h1>Blade Legends</h1>
      <div id="player"></div>
      <div id="enemy"></div>
      <div id="abilities-container"></div>
      <div id="message"></div>
      <div id="hp-bar"><div class="health"></div></div>

// DOM elements
        var player = document.getElementById("player");
        var enemy = document.getElementById("enemy");
        var abilitiesContainer = document.getElementById("abilities-container");
        var message = document.getElementById("message");
        var hpBar = document.getElementById("hp-bar");
        var health = document.querySelector("#hp-bar .health");

// Set initial ability buttons
        function setAbilityButtons() {
          abilitiesContainer.innerHTML = "";

for (var i = 0; i < abilities.length; i++) {
            var button = document.createElement("div");
            button.classList.add("ability");
            button.innerText = "A" + (i + 1);
            button.dataset.index = i;
            button.addEventListener("click", useAbility);
            abilitiesContainer.appendChild(button);
          }
        }

// Use selected ability
        function useAbility(event) {
          var abilityIndex = event.target.dataset.index;

if (abilityIndex <= currentAbility) {
            message.innerText = "Using " + abilities[abilityIndex] + "...";

// Perform ability action (e.g., attack enemy)

// Simulating enemy attack
            var enemyDamage = getRandomNumber(5, 15);
            hp -= enemyDamage;
            if (hp < 0) hp = 0;

updateHealthBar();

if (hp === 0) {
              message.innerText = "Game Over!";
              disableAbilityButtons();
            } else {
              message.innerText =
                "Enemy attacked with " + enemyDamage + " damage!";
              setTimeout(generateEnemy, 2000);
            }
          }
        }

// Generate a new enemy
        function generateEnemy() {
          message.innerText = "New enemy appears!";
          enemy.style.backgroundColor = getRandomColor();
          enableAbilityButtons();

// Increase current ability every 10 seconds
          if (currentAbility < abilities.length - 1) {
            currentAbility++;
            message.innerText =
              "You unlocked a new ability! Current ability: " +
              abilities[currentAbility];
          }
        }

// Disable ability buttons
        function disableAbilityButtons() {
          var buttons = document.getElementsByClassName("ability");

for (var i = 0; i < buttons.length; i++) {
            buttons[i].style.pointerEvents = "none";
            buttons[i].style.opacity = "0.5";
          }
        }

// Enable ability buttons
        function enableAbilityButtons() {
          var buttons = document.getElementsByClassName("ability");

for (var i = 0; i < buttons.length; i++) {
            buttons[i].style.pointerEvents = "auto";
            buttons[i].style.opacity = "1";
          }
        }

// Update health bar
        function updateHealthBar() {
          var percent = (hp / 100) * 100;
          health.style.width = percent + "%";
        }

// Utility functions

// Get random number within a range
        function getRandomNumber(min, max) {
          return Math.floor(Math.random() * (max - min + 1)) + min;
        }

// Get random color
        function getRandomColor() {
          var letters = "0123456789ABCDEF";
          var color = "#";
          for (var i = 0; i < 6; i++) {
            color += letters[Math.floor(Math.random() * 16)];
          }
          return color;
        }

// Start the game
        setAbilityButtons();
        generateEnemy();
      </script>
    </div>
  </body>
</html>
```

To play the game, you can click on the ability buttons labeled "A1", "A2", etc., to attack the enemy with the corresponding ability. The enemy will also attack the player, reducing the player's HP displayed on the health bar. The game ends when the player's HP reaches 0.

Remember to save the code as an HTML file and open it in a web browser on your smartphone to play the game.