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

No:41210

Game with good ending, bad ending, best ending, wo..ALL
Developer User18485｜Date and time 24/2/6 13:42:18
Build time 12.25 sec｜Game capacity 3.278KB｜

Script

Sure! Here's a simple game implemented as a single HTML file that meets your requirements:

The Adventure Game

Welcome to the Adventure Game! Make choices to progress and reach different endings.

To play the game, you can save the code into an HTML file (e.g., `adventure_game.html`) and open it in a web browser. You'll see an initial image and three choice buttons. Making different choices will lead to different endings: good, bad, best, worst, sad, secret, true, or false. Please note that the images referenced in the code (`emozi_hamuster.png`, `emozi_dog.png`, `emozi_himawari.png`, `emozi_cat.png`, `emozi_rabbit.png`, `emozi_apple.png`, and `emozi_bear.png`) should be present in the same directory as the HTML file for the game to display correctly. Feel free to replace those image URLs with your own images or add more choices and endings to make the game more elaborate.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's a simple game implemented as a single HTML file that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
  <title>The Adventure Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>The Adventure Game</h1>
  <p>Welcome to the Adventure Game! Make choices to progress and reach different endings.</p>
  <img id="gameImage" src="start.png" alt="Game Image">
  <button id="choice1">Choice 1</button>
  <button id="choice2">Choice 2</button>
  <button id="choice3">Choice 3</button>

// Function to update game image
    function updateImage(imageName) {
      const imgElement = document.getElementById('gameImage');
      imgElement.src = imageName;
    }

// Function to display ending
    function showEnding(text) {
      const choiceButtons = document.querySelectorAll('button');
      choiceButtons.forEach(button => {
        button.style.display = 'none';
      });
      const endingText = document.createElement('p');
      endingText.innerText = text;
      document.body.appendChild(endingText);
    }

// Function to handle choice 1
    function handleChoice1() {
      if (choicesMade === 0) {
        updateImage('choice1.png');
        choicesMade++;
      } else {
        updateImage('badending.png');
        showEnding('Bad Ending: You made a wrong choice!');
      }
    }

// Function to handle choice 2
    function handleChoice2() {
      if (choicesMade === 0) {
        updateImage('choice2.png');
        choicesMade++;
      } else if (choicesMade === 1) {
        updateImage('choice3.png');
        choicesMade++;
      } else {
        updateImage('bestending.png');
        showEnding('Best Ending: Congratulations, you made all the right choices!');
      }
    }

// Function to handle choice 3
    function handleChoice3() {
      if (choicesMade === 1) {
        updateImage('badending.png');
        showEnding('Bad Ending: You made a wrong choice!');
      } else if (choicesMade === 2) {
        updateImage('sadending.png');
        showEnding('Sad Ending: Things didn\'t go as planned.');
      }
    }

// Event listeners for choices
    document.getElementById('choice1').addEventListener('click', handleChoice1);
    document.getElementById('choice2').addEventListener('click', handleChoice2);
    document.getElementById('choice3').addEventListener('click', handleChoice3);
  </script>
</body>
</html>
```

Please note that the images referenced in the code (`start.png`, `choice1.png`, `choice2.png`, `choice3.png`, `badending.png`, `bestending.png`, and `sadending.png`) should be present in the same directory as the HTML file for the game to display correctly. Feel free to replace those image URLs with your own images or add more choices and endings to make the game more elaborate.