>Chaos island Storymode The origins of chaos island's game | AI game creator

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

No:30605

119

>Chaos island Storymode The origins of chaos ..ALL
Developer Dooz studio｜Date and time 23/12/23 10:05:30
Build time 17.268 sec｜Game capacity 3.481KB｜

The Origins of Chaos Island

→ 　

1　

1　

[PR]現在の売れ筋グッズランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Chaos Island Storymode</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            color: #333;
            text-align: center;
        }
        
        #game-board {
            display: inline-block;
            padding: 10px;
            border: 1px solid #ccc;
            background-color: #fff;
            margin-top: 50px;
        }
        
        .pictogram {
            font-size: 50px;
            margin: 5px;
        }
        
        #story {
            font-size: 18px;
            margin-bottom: 20px;
        }
        
        #actions {
            margin-top: 20px;
        }
        
        button {
            padding: 10px 20px;
            font-size: 16px;
            background-color: #333;
            color: #fff;
            border: none;
            cursor: pointer;
            margin-right: 10px;
        }
        
        button:hover {
            background-color: #555;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <p id="story">The Origins of Chaos Island</p>
        <div id="actions">
            <button onclick="startGame()">Start</button>
        </div>
    </div>

<script>
        function startGame() {
            document.getElementById("actions").innerHTML = "";
            document.getElementById("story").innerHTML = "Long ago, there was a peaceful island full of harmony.";
            
            setTimeout(function() {
                document.getElementById("story").innerHTML = "But one day, a mysterious stone appeared on the island and brought chaos everywhere.";
            }, 3000);
            
            setTimeout(function() {
                document.getElementById("story").innerHTML = "The creatures living on the island became aggressive and started attacking each other.";
            }, 6000);
            
            setTimeout(function() {
                document.getElementById("story").innerHTML = "You are the chosen one, the only person who can restore peace to the island.";
            }, 9000);
            
            setTimeout(function() {
                document.getElementById("story").innerHTML = "Build an army of strong warriors and defeat the evil creatures before the chaos consumes everything!";
                document.getElementById("actions").innerHTML = "<button onclick='playGame()'>Play</button>";
            }, 12000);
        }
        
        function playGame() {
            document.getElementById("story").innerHTML = "Let the battle begin!";
            document.getElementById("actions").innerHTML = "";
            
            // Game logic and actions go here
            
            // Example: Display pictograms for warriors and creatures
            document.getElementById("game-board").innerHTML += "<div class='pictogram'>👑</div>";
            document.getElementById("game-board").innerHTML += "<div class='pictogram'>🐉</div>";
            document.getElementById("game-board").innerHTML += "<div class='pictogram'>🖃</div>";
            document.getElementById("game-board").innerHTML += "<div class='pictogram'>🦕</div>";
            document.getElementById("game-board").innerHTML += "<div class='pictogram'>😡</div>";
            document.getElementById("game-board").innerHTML += "<div class='pictogram'>⚛</div>";
        }
    </script>
</body>
</html>