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

No:25554

An adventure game with hard bosses and cool charac..ALL
Developer User12556｜Date and time 23/11/23 2:01:00
Build time 105.459 sec｜Game capacity 3.84KB｜

Script

Sure! Here's a simple adventure game with hard bosses and cool characters, implemented as a single HTML file with JavaScript. It features smartphone operation and uses pictograms for a fun visual experience.

Adventure Game

Welcome to the adventure!

This HTML file creates an adventure game where players can choose a boss to battle. The player's character is represented by a wizard emoji, and there are hard, medium, and easy bosses with corresponding pictograms. Once the player selects a boss, they enter the battle phase where they can attack the boss. The outcome of the battle is determined by random attacks. After the battle, players can restart the adventure to choose a new boss.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Adventure Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 100px;
    }
    #message {
      font-size: 24px;
      margin-bottom: 20px;
    }
    #options {
      display: flex;
      justify-content: center;
    }
    .button {
      margin: 10px;
      padding: 10px 20px;
      font-size: 18px;
      background-color: #3498db;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Adventure Game</h1>
  <div id="message">Welcome to the adventure!</div>
  <div id="options">
    <button class="button" onclick="startAdventure()">Start</button>
  </div>

// Bosses
    const bosses = [
      { name: "Dragon", difficulty: "Hard", emoji: "🐉" },
      { name: "Giant", difficulty: "Medium", emoji: "🗿" },
      { name: "Wizard", difficulty: "Easy", emoji: "🧙‍♂️" },
    ];

// Start the adventure
    function startAdventure() {
      const message = document.getElementById("message");
      const options = document.getElementById("options");
      options.innerHTML = "";

message.innerHTML = "Choose your boss to start the battle!";

bosses.forEach((boss, index) => {
        const button = document.createElement("button");
        button.className = "button";
        button.innerHTML = boss.emoji + " " + boss.name + " (" + boss.difficulty + ")";
        button.onclick = function() {
          battleBoss(boss);
        };

options.appendChild(button);
      });
    }

// Battle a boss
    function battleBoss(boss) {
      const message = document.getElementById("message");
      const options = document.getElementById("options");
      options.innerHTML = "";

message.innerHTML = "You are facing the " + boss.name + "!";

const attackButton = document.createElement("button");
      attackButton.className = "button";
      attackButton.innerHTML = "Attack!";
      attackButton.onclick = function() {
        attackBoss(boss);
      };

options.appendChild(attackButton);
    }

// Attack a boss
    function attackBoss(boss) {
      const message = document.getElementById("message");
      const options = document.getElementById("options");
      options.innerHTML = "";

const playerAttack = Math.floor(Math.random() * 10) + 1;
      const bossAttack = Math.floor(Math.random() * 10) + 1;

if (playerAttack >= bossAttack) {
        message.innerHTML = characters.player + " You defeated the " + boss.name + " " + boss.emoji + "! Well done!";
      } else {
        message.innerHTML = "Oh no! The " + boss.name + " " + boss.emoji + " defeated you. Try again!";
      }

const restartButton = document.createElement("button");
      restartButton.className = "button";
      restartButton.innerHTML = "Restart";
      restartButton.onclick = function() {
        startAdventure();
      };

options.appendChild(restartButton);
    }
  </script>
</body>
</html>
```