AI game creator

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

No:37204

←

Prev Next

→

A complex rpg game
Developer User17014｜Date and time 24/1/20 17:57:50
Build time 8.495 sec｜Game capacity 2.672KB｜

Script




    


    
        
            Welcome to My RPG Game
            
            Choose your character:

*This prompt didn't get me into the game this time. Plz try to generate it a few times.

←

Prev　Next

→ 　

Back　

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

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

<HTML>
<HEAD>
    <TITLE>My RPG Game</TITLE>
    <STYLE>
        #container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        #game {
            width: 300px;
            text-align: center;
        }
        .button {
            padding: 10px 20px;
            margin: 10px;
            background-color: #ffcc00;
            color: #000;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        #choices {
            display: flex;
            justify-content: center;
            align-items: center;
        }
    </STYLE>
</HEAD>
<BODY>
    <DIV id="container">
        <DIV id="game">
            <H1>Welcome to My RPG Game</H1>
            <P><img src="warrior.png" alt="warrior" width="100px"></P>
            <P>Choose your character:</P>
            <DIV id="choices">
                <BUTTON class="button" onclick="startGame('warrior')">Warrior</BUTTON>
                <BUTTON class="button" onclick="startGame('mage')">Mage</BUTTON>
            </DIV>
        </DIV>
    </DIV>

<SCRIPT>
        function startGame(character) {
            document.getElementById('game').innerHTML = `
                <H1>Welcome, ${character}!</H1>
                <P><img src="${character}.png" alt="${character}" width="100px"></P>
                <P>What do you want to do?</P>
                <DIV id="choices">
                    <BUTTON class="button" onclick="fight()">Fight</BUTTON>
                    <BUTTON class="button" onclick="run()">Run</BUTTON>
                </DIV>
            `;
        }

function fight() {
            // Perform fight logic
            document.getElementById('game').innerHTML = `
                <H1>You won the fight!</H1>
                <P>Congratulations!</P>
                <P>Play again?</P>
                <DIV id="choices">
                    <BUTTON class="button" onclick="startGame('warrior')">Yes</BUTTON>
                    <BUTTON class="button" onclick="startGame('mage')">No</BUTTON>
                </DIV>
            `;
        }

function run() {
            // Perform run logic
            document.getElementById('game').innerHTML = `
                <H1>You escaped successfully!</H1>
                <P>Well done!</P>
                <P>Play again?</P>
                <DIV id="choices">
                    <BUTTON class="button" onclick="startGame('warrior')">Yes</BUTTON>
                    <BUTTON class="button" onclick="startGame('mage')">No</BUTTON>
                </DIV>
            `;
        }
    </SCRIPT>
</BODY>
</HTML>