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

No:11207

100

←

Prev Next

→

Anime CharCters on an adventure, where you progres..ALL
Developer User4844｜Date and time 23/8/8 13:51:15
Build time 25.544 sec｜Game capacity 4.112KB｜

Script

Sure! Here's an example of a simple text-based game using JavaScript and HTML. It depicts anime characters on an adventure where you progress through a story and earn gear as you go. Note that this is a very basic implementation and can be expanded upon to create a more interactive and engaging game.

Anime Adventure Game

This code sets up a basic HTML structure with a title, a story container, and a "Continue" button. The story progresses as the button is clicked, and the user makes choices that affect the story and the gear obtained. The story chapters and character/gear classes can be expanded upon to create a more complex game with additional features.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Anime Adventure Game</title>
  </head>

<body>
    <h1>Anime Adventure Game</h1>
    <div id="story"></div>
    <button onclick="progressStory()">Continue</button>

// Gear class
      class Gear {
        constructor(name, type) {
          this.name = name;
          this.type = type;
        }
      }

// Story object
      const story = {
        currentChapter: 0,
        chapters: [
          {
            text: "<strong>Chapter 1:</strong> Once upon a time, our heroes embarked on a journey through a mystical forest.",
            choices: [
              {
                text: "Continue",
                gear: null,
                nextChapter: 1,
              },
            ],
          },
          {
            text: "<strong>Chapter 2:</strong> As they continued their adventure, they stumbled upon a hidden cave.",
            choices: [
              {
                text: "Enter the cave",
                gear: new Gear("Sword of Courage", "Weapon"),
                nextChapter: 2,
              },
              {
                text: "Avoid the cave",
                gear: null,
                nextChapter: 3,
              },
            ],
          },
          {
            text: "<strong>Chapter 3:</strong> Inside the cave, they found a treasure chest.",
            choices: [
              {
                text: "Open the chest",
                gear: new Gear("Armor of Protection", "Armor"),
                nextChapter: 4,
              },
              {
                text: "Leave the chest",
                gear: null,
                nextChapter: 4,
              },
            ],
          },
          {
            text: "<strong>Chapter 4:</strong> Equipped with their newfound gear, our heroes continued their journey.",
            choices: [],
          },
        ],
      };

// Function to progress the story
      function progressStory() {
        const currentChapter = story.chapters[story.currentChapter];
        document.getElementById("story").innerHTML = currentChapter.text;

if (currentChapter.choices.length === 0) {
          document.getElementById("story").innerHTML += "<br><strong>The End</strong>";
        } else {
          let choicesHTML = "";
          currentChapter.choices.forEach((choice, index) => {
            choicesHTML += `<button onclick="chooseOption(${index})">${choice.text}</button>`;
          });
          document.getElementById("story").innerHTML += `<br><br>${choicesHTML}`;
        }
      }

// Function to handle user's choice
      function chooseOption(choiceIndex) {
        const currentChapter = story.chapters[story.currentChapter];
        const choice = currentChapter.choices[choiceIndex];

if (choice.gear) {
          // Add gear to character's inventory
          characters[0].gear.push(choice.gear);
        }

// Set next chapter
        story.currentChapter = choice.nextChapter;

// Progress the story
        progressStory();
      }

// Creating characters
      const characters = [
        new Character("Hero1", []),
        new Character("Hero2", []),
      ];

// Start the game
      progressStory();
    </script>
  </body>
</html>
```