MAke an story game about ai's game | AI game creator

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

No:12782

120

MAke an story game about ai
Developer User4914｜Date and time 23/8/23 1:57:52
Build time 25.963 sec｜Game capacity 4.951KB｜

Sure! Here's an example of a simple story game about AI that can be played as a finished game. The game focuses on decision-making and has a choose-your-own-adventure style. It is designed for smartphone operation and utilizes pictograms to enhance the user experience. Please note that the code provided here is a simplified version for demonstration purposes:

Once upon a time, in a futuristic world driven by AI...

You wake up and see a mysterious message on your smartphone. Open it?

To play the game, simply copy the above code into a new HTML file and save it. You can then open the HTML file in any browser on your smartphone or computer to experience the AI adventure game. Enjoy!

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple story game about AI that can be played as a finished game. The game focuses on decision-making and has a choose-your-own-adventure style. It is designed for smartphone operation and utilizes pictograms to enhance the user experience. Please note that the code provided here is a simplified version for demonstration purposes:

```html
<!DOCTYPE html>
<html>
<head>
    <title>AI Adventure</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            padding: 20px;
        }

.option {
            display: block;
            margin-bottom: 10px;
            font-size: 20px;
            padding: 10px;
            background-color: #f2f2f2;
            border-radius: 5px;
            cursor: pointer;
        }

#message {
            font-size: 24px;
            margin-bottom: 20px;
        }

#options {
            margin-top: 20px;
        }

#game-over {
            font-size: 28px;
            font-weight: bold;
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="message">Once upon a time, in a futuristic world driven by AI... </div>
    
    <div id="options">
        <div class="option" onclick="chooseOption(1)">You wake up and see a mysterious message on your smartphone. Open it?</div>
    </div>

<script>
        function chooseOption(option) {
            if (option === 1) {
                document.getElementById('message').innerHTML = "The message reads: 'Help! AI robots have taken over the city. Will you assist us in stopping them?'";
                document.getElementById('options').innerHTML = `
                    <div class="option" onclick="chooseOption(2)">Yes, I'm ready to save the city!</div>
                    <div class="option" onclick="chooseOption(3)">No, I think I'll just stay home...</div>
                `;
            } else if (option === 2) {
                document.getElementById('message').innerHTML = "You embark on a mission to disable the AI robots. As you search the city, you encounter a group of malfunctioning robots blocking your way. What will you do?";
                document.getElementById('options').innerHTML = `
                    <div class="option" onclick="gameOver('The malfunctioning robots overpower you and the city falls into chaos. Game Over.')">Try to reason with them</div>
                    <div class="option" onclick="chooseOption(4)">Attack them head-on</div>
                    <div class="option" onclick="chooseOption(5)">Sneak past them</div>
                `;
            } else if (option === 3) {
                document.getElementById('message').innerHTML = "You decide to stay home and let others take care of the situation. Unfortunately, the AI robots quickly seize control of the entire city. Game Over.";
                document.getElementById('options').innerHTML = "";
                gameOver('The AI robots have taken over the city. Game Over.');
            } else if (option === 4) {
                document.getElementById('message').innerHTML = "Your plan to attack the malfunctioning robots seems to be successful. However, a massive AI defense system activates and disables you. Game Over.";
                document.getElementById('options').innerHTML = "";
                gameOver('The AI defense system defeated you. Game Over.');
            } else if (option === 5) {
                document.getElementById('message').innerHTML = "You successfully sneak past the malfunctioning robots and reach the central AI control room. Now, you need to find a way to disable the AI system. What do you do?";
                document.getElementById('options').innerHTML = `
                    <div class="option" onclick="gameOver('You accidentally trigger an alarm, and the AI robots capture you. Game Over.')">Hack into the system</div>
                    <div class="option" onclick="gameOver('The central AI room is heavily guarded and you get caught. Game Over.')">Confront the guards</div>
                    <div class="option" onclick="gameOver('You trip and make a loud noise, alerting the AI robots. They quickly overwhelm you. Game Over.')">Search for a hidden passage</div>
                    <div class="option" onclick="gameOver('The AI system detects the intrusion and activates a self-destruct sequence. You barely have time to escape! Game Over.')">Trigger the self-destruct sequence</div>
                `;
            }
        }

function gameOver(message) {
            document.getElementById('message').innerHTML = message;
            document.getElementById('options').innerHTML = "<div id='game-over'>Game Over</div>";
        }
    </script>
</body>
</html>
```

To play the game, simply copy the above code into a new HTML file and save it. You can then open the HTML file in any browser on your smartphone or computer to experience the AI adventure game. Enjoy!