Mia's Story's game | AI game creator

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

No:47875

79

Mia's Story
Developer User20657｜Date and time 24/3/1 1:37:53
Build time 28.114 sec｜Game capacity 7.033KB｜

Once upon a time, there was a girl named Mia who lived in a magical forest...

→ 　

0　

0　

[PR]現在の欲しいゲームランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<title>Mia's Story</title>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
    }

#storyText {
        font-size: 20px;
        margin: 20px;
    }

#optionBtns {
        margin: 20px;
    }

.btn {
        display: inline-block;
        padding: 10px 20px;
        margin: 10px;
        background-color: #0066cc;
        color: white;
        border: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
    }
</style>
</head>
<body>
    <div id="storyText">Once upon a time, there was a girl named Mia who lived in a magical forest...</div>
    <div id="optionBtns">
        <button class="btn" onclick="continueStory(1)">Continue</button>
    </div>

<script>
        let currentScene = 1;

function continueStory(option) {
            if (option === 1 && currentScene === 1) {
                document.getElementById('storyText').innerHTML = "Mia stumbled upon a talking rabbit who offered to show her the way out of the forest...";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(2)'>Follow the rabbit</button> <button class='btn' onclick='continueStory(3)'>Ignore the rabbit</button>";
                currentScene = 2;
            } else if (option === 2 && currentScene === 2) {
                document.getElementById('storyText').innerHTML = "Mia followed the rabbit and discovered a hidden treasure chest filled with precious gems!";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(4)'>Take the gems</button> <button class='btn' onclick='continueStory(5)'>Leave the gems</button>";
                currentScene = 3;
            } else if (option === 3 && currentScene === 2) {
                document.getElementById('storyText').innerHTML = "Mia chose to ignore the rabbit and got lost in the forest...";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(6)'>Search for a way out</button>";
                currentScene = 4;
            } else if (option === 4 && currentScene === 3) {
                document.getElementById('storyText').innerHTML = "Mia took the gems and became the richest person in the forest!";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(7)'>Celebrate</button>";
                currentScene = 5;
            } else if (option === 5 && currentScene === 3) {
                document.getElementById('storyText').innerHTML = "Mia left the gems and continued on her journey...";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(8)'>Explore more</button>";
                currentScene = 6;
            } else if (option === 6 && currentScene === 4) {
                document.getElementById('storyText').innerHTML = "Mia searched for a way out and found a path leading to a beautiful garden.";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(9)'>Enter the garden</button>";
                currentScene = 7;
            } else if (option === 7 && currentScene === 5) {
                document.getElementById('storyText').innerHTML = "Mia celebrated her newfound wealth with a grand feast!";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='restartGame()'>Play again</button>";
                currentScene = 8;
            } else if (option === 8 && currentScene === 6) {
                document.getElementById('storyText').innerHTML = "Mia continued to explore the forest and encountered a friendly unicorn.";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(10)'>Ride the unicorn</button>";
                currentScene = 9;
            } else if (option === 9 && currentScene === 7) {
                document.getElementById('storyText').innerHTML = "Mia entered the garden and met a wise old owl who shared ancient wisdom.";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(11)'>Learn from the owl</button>";
                currentScene = 10;
            } else if (option === 10 && currentScene === 9) {
                document.getElementById('storyText').innerHTML = "Mia rode the unicorn and had an enchanting adventure through the skies!";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(12)'>Fly higher</button>";
                currentScene = 11;
            } else if (option === 11 && currentScene === 10) {
                document.getElementById('storyText').innerHTML = "Mia learned valuable lessons from the owl and gained newfound wisdom.";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(13)'>Apply wisdom</button>";
                currentScene = 12;
            } else if (option === 12 && currentScene === 11) {
                document.getElementById('storyText').innerHTML = "Mia flew higher and reached the highest peak of the forest!";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(14)'>Touch the sky</button>";
                currentScene = 13;
            } else if (option === 13 && currentScene === 12) {
                document.getElementById('storyText').innerHTML = "Mia applied her wisdom and brought peace and harmony to the entire forest.";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(15)'>Live happily ever after</button>";
                currentScene = 14;
            } else if (option === 14 && currentScene === 13) {
                document.getElementById('storyText').innerHTML = "Mia touched the sky and felt the true magic of the forest.";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='restartGame()'>Play again</button>";
                currentScene = 15;
            } else if (option === 15 && currentScene === 14) {
                document.getElementById('storyText').innerHTML = "Mia lived happily ever after, her story becoming a legend in the magical forest.";
                document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='restartGame()'>Play again</button>";
                currentScene = 0;
            }
        }

function restartGame() {
            document.getElementById('storyText').innerHTML = "Once upon a time, there was a girl named Mia who lived in a magical forest...";
            document.getElementById('optionBtns').innerHTML = "<button class='btn' onclick='continueStory(1)'>Start the adventure</button>";
            currentScene = 1;
        }
    </script>
</body>
</html>