AI game creator

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

No:36259

146

←

Prev Next

→

Story game
Developer User16442｜Date and time 24/1/17 5:36:42
Build time 32.479 sec｜Game capacity 10.272KB｜

Script

Dit is een simpel verhaalspel waarbij je de keuze hebt om een pad te volgen en een verborgen schat te vinden. Je begint met het kiezen van links of rechts. Afhankelijk van je keuze volgt er een ander pad met verschillende uitkomsten. Het spel begint zodra de pagina wordt geladen en is volledig speelbaar op een smartphone. Veel plezier!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Story Game</title>
</head>
<body>

// Function to start the game
        function startGame() {
            gameStarted = true;
            displayStory();
        }

// Function to display the story and handle user interactions
        function displayStory() {
            var storyContainer = document.createElement("div");
            storyContainer.style.textAlign = "center";
            storyContainer.style.fontSize = "24px";
            storyContainer.style.padding = "20px";

var storyText = "Once upon a time, there was a brave adventurer who set out on a quest to find a hidden treasure. As the adventurer, you have reached a fork in the road. Which path will you choose?";

var option1 = document.createElement("button");
            option1.innerHTML = "Take the left path";
            option1.style.fontSize = "20px";
            option1.onclick = function() {
                takeLeftPath();
            };

var option2 = document.createElement("button");
            option2.innerHTML = "Take the right path";
            option2.style.fontSize = "20px";
            option2.onclick = function() {
                takeRightPath();
            };

storyContainer.appendChild(document.createTextNode(storyText));
            storyContainer.appendChild(document.createElement("br"));
            storyContainer.appendChild(document.createElement("br"));
            storyContainer.appendChild(option1);
            storyContainer.appendChild(document.createElement("br"));
            storyContainer.appendChild(option2);

document.body.innerHTML = "";
            document.body.appendChild(storyContainer);
        }

// Handle taking the left path
        function takeLeftPath() {
            var nextSceneContainer = document.createElement("div");
            nextSceneContainer.style.textAlign = "center";
            nextSceneContainer.style.fontSize = "24px";
            nextSceneContainer.style.padding = "20px";

var leftPathText = "You chose the left path. This path leads to a dark forest with mysterious creatures lurking in the shadows. What will you do next?";

var option1 = document.createElement("button");
            option1.innerHTML = "Continue on the path";
            option1.style.fontSize = "20px";
            option1.onclick = function() {
                continueOnPath("left");
            };

var option2 = document.createElement("button");
            option2.innerHTML = "Turn back";
            option2.style.fontSize = "20px";
            option2.onclick = function() {
                turnBack("left");
            };

nextSceneContainer.appendChild(document.createTextNode(leftPathText));
            nextSceneContainer.appendChild(document.createElement("br"));
            nextSceneContainer.appendChild(document.createElement("br"));
            nextSceneContainer.appendChild(option1);
            nextSceneContainer.appendChild(document.createElement("br"));
            nextSceneContainer.appendChild(option2);

document.body.innerHTML = "";
            document.body.appendChild(nextSceneContainer);
        }

// Handle taking the right path
        function takeRightPath() {
            var nextSceneContainer = document.createElement("div");
            nextSceneContainer.style.textAlign = "center";
            nextSceneContainer.style.fontSize = "24px";
            nextSceneContainer.style.padding = "20px";

var rightPathText = "You chose the right path. This path leads to a steep mountain with treacherous cliffs. What will you do next?";

var option1 = document.createElement("button");
            option1.innerHTML = "Climb the mountain";
            option1.style.fontSize = "20px";
            option1.onclick = function() {
                climbMountain("right");
            };

var option2 = document.createElement("button");
            option2.innerHTML = "Find an alternative route";
            option2.style.fontSize = "20px";
            option2.onclick = function() {
                findAlternativeRoute("right");
            };

nextSceneContainer.appendChild(document.createTextNode(rightPathText));
            nextSceneContainer.appendChild(document.createElement("br"));
            nextSceneContainer.appendChild(document.createElement("br"));
            nextSceneContainer.appendChild(option1);
            nextSceneContainer.appendChild(document.createElement("br"));
            nextSceneContainer.appendChild(option2);

document.body.innerHTML = "";
            document.body.appendChild(nextSceneContainer);
        }

// Handle continuing on the left path
        function continueOnPath(path) {
            var finalSceneContainer = document.createElement("div");
            finalSceneContainer.style.textAlign = "center";
            finalSceneContainer.style.fontSize = "24px";
            finalSceneContainer.style.padding = "20px";

var continuePathText = "You bravely continue on the " + path + " path. After walking for hours, you finally find the hidden treasure! Congratulations, you have completed your quest!";
            var restartButton = document.createElement("button");
            restartButton.innerHTML = "Play Again";
            restartButton.style.fontSize = "20px";
            restartButton.onclick = function() {
                startGame();
            };

finalSceneContainer.appendChild(document.createTextNode(continuePathText));
            finalSceneContainer.appendChild(document.createElement("br"));
            finalSceneContainer.appendChild(document.createElement("br"));
            finalSceneContainer.appendChild(restartButton);

document.body.innerHTML = "";
            document.body.appendChild(finalSceneContainer);
        }

// Handle turning back on the left path
        function turnBack(path) {
            var finalSceneContainer = document.createElement("div");
            finalSceneContainer.style.textAlign = "center";
            finalSceneContainer.style.fontSize = "24px";
            finalSceneContainer.style.padding = "20px";

var turnBackText = "You decide to turn back on the " + path + " path. Unfortunately, you couldn't find another way to your destination and your quest ends here. Better luck next time!";
            var restartButton = document.createElement("button");
            restartButton.innerHTML = "Play Again";
            restartButton.style.fontSize = "20px";
            restartButton.onclick = function() {
                startGame();
            };

finalSceneContainer.appendChild(document.createTextNode(turnBackText));
            finalSceneContainer.appendChild(document.createElement("br"));
            finalSceneContainer.appendChild(document.createElement("br"));
            finalSceneContainer.appendChild(restartButton);

document.body.innerHTML = "";
            document.body.appendChild(finalSceneContainer);
        }

// Handle climbing the mountain on the right path
        function climbMountain(path) {
            var finalSceneContainer = document.createElement("div");
            finalSceneContainer.style.textAlign = "center";
            finalSceneContainer.style.fontSize = "24px";
            finalSceneContainer.style.padding = "20px";

var climbMountainText = "You decide to climb the mountain on the " + path + " path. It was a risky endeavor, but you managed to reach the top of the mountain! Congratulations, you have completed your quest!";
            var restartButton = document.createElement("button");
            restartButton.innerHTML = "Play Again";
            restartButton.style.fontSize = "20px";
            restartButton.onclick = function() {
                startGame();
            };

finalSceneContainer.appendChild(document.createTextNode(climbMountainText));
            finalSceneContainer.appendChild(document.createElement("br"));
            finalSceneContainer.appendChild(document.createElement("br"));
            finalSceneContainer.appendChild(restartButton);

document.body.innerHTML = "";
            document.body.appendChild(finalSceneContainer);
        }

// Handle finding an alternative route on the right path
        function findAlternativeRoute(path) {
            var finalSceneContainer = document.createElement("div");
            finalSceneContainer.style.textAlign = "center";
            finalSceneContainer.style.fontSize = "24px";
            finalSceneContainer.style.padding = "20px";

var alternativeRouteText = "You search for an alternative route on the " + path + " path. After some time, you come across a hidden path that leads directly to the treasure! Congratulations, you have completed your quest!";
            var restartButton = document.createElement("button");
            restartButton.innerHTML = "Play Again";
            restartButton.style.fontSize = "20px";
            restartButton.onclick = function() {
                startGame();
            };

finalSceneContainer.appendChild(document.createTextNode(alternativeRouteText));
            finalSceneContainer.appendChild(document.createElement("br"));
            finalSceneContainer.appendChild(document.createElement("br"));
            finalSceneContainer.appendChild(restartButton);

document.body.innerHTML = "";
            document.body.appendChild(finalSceneContainer);
        }

// Start the game upon loading the page
        window.onload = function() {
            startGame();
        };
    </script>
</body>
</html>