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

No:43785

←

Prev Next

→

choice based story
Developer User19276｜Date and time 24/2/16 20:52:53
Build time 11.573 sec｜Game capacity 4.385KB｜

Script

Sure, here's an example of a choice-based story game implemented as a single HTML file using JavaScript:

Welcome to the Choice-Based Story Game!

Once upon a time, there was a brave adventurer...

What should the adventurer do?

In this game, the player starts the story by making a choice between exploring the dark forest or climbing the towering mountain. Each choice leads to different outcomes, and the player continues making choices until they reach the end of the story. Please note that this is a simplified example, and you can expand on it by adding more choices, branching paths, and additional storytelling elements 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 choice-based story game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Choice-Based Story Game</title>
</head>
<body>
    <div id="story-container">
        <h1>Welcome to the Choice-Based Story Game!</h1>
        <p>Once upon a time, there was a brave adventurer...</p>
        <p>What should the adventurer do?</p>
        <button onclick="choice1()">Explore the dark forest</button>
        <button onclick="choice2()">Climb the towering mountain</button>
    </div>

function choice2() {
            document.getElementById('story-container').innerHTML = `
                <h1>On the Towering Mountain</h1>
                <p>The adventurer starts climbing the towering mountain...</p>
                <p>What should the adventurer do next?</p>
                <button onclick="choice5()">Search for a hidden cave</button>
                <button onclick="choice6()">Continue climbing to the peak</button>
            `
        }

function choice3() {
            document.getElementById('story-container').innerHTML = `
                <h1>Following the Mysterious Path</h1>
                <p>The adventurer follows the mysterious path...</p>
                <p>What happens next?</p>
                <button onclick="end('Congratulations! You found a secret treasure!')">Discover a hidden treasure</button>
                <button onclick="end('Oh no! A wild beast attacked you!')">Get attacked by a wild beast</button>
            `
        }

function choice4() {
            document.getElementById('story-container').innerHTML = `
                <h1>Resting for the Night</h1>
                <p>The adventurer sets up camp and rests for the night...</p>
                <p>What happens during the night?</p>
                <button onclick="end('You wake up feeling refreshed and ready to continue your adventure')">Have a peaceful night's sleep</button>
                <button onclick="end('Thieves steal all your belongings while you sleep!')">Get robbed by thieves</button>
            `
        }

function choice5() {
            document.getElementById('story-container').innerHTML = `
                <h1>Searching for a Hidden Cave</h1>
                <p>The adventurer searches for a hidden cave...</p>
                <p>What does the adventurer find?</p>
                <button onclick="end('You discover a magical artifact that grants you special powers!')">Find a magical artifact</button>
                <button onclick="end('A sudden avalanche traps you inside the cave!')">Get trapped by an avalanche</button>
            `
        }

function choice6() {
            document.getElementById('story-container').innerHTML = `
                <h1>Climbing to the Peak</h1>
                <p>The adventurer continues climbing to the peak...</p>
                <p>What's waiting at the top?</p>
                <button onclick="end('You reach the top and witness a breathtaking sunrise!')">Enjoy a beautiful sunrise</button>
                <button onclick="end('A storm strikes and you need to find shelter!')">Seek shelter from a sudden storm</button>
            `
        }

function end(message) {
            document.getElementById('story-container').innerHTML = `
                <h1>The End</h1>
                <p>${message}</p>
                <p>Thanks for playing!</p>
            `
        }
    </script>
</body>
</html>
```

Please note that this is a simplified example, and you can expand on it by adding more choices, branching paths, and additional storytelling elements as per your requirements.