AI game creator

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

No:6945

←

Prev Next

→

Raccoon City
Developer User3898｜Date and time 23/7/4 14:31:18
Build time 17.515 sec｜Game capacity 3.171KB｜

Script

了解です。以下に簡単なゲームを作成します。スマートフォンで遊ぶことを前提とし、絵文字も使用します。

Welcome to Raccoon City!

このゲームでは、ボタンをクリックしてゲームを進行させることができます。初めに「Welcome to Raccoon City!」と表示され、ボタンをクリックすると「Survive in Raccoon City!」と表示されます。ボタンを再度クリックすると「You have a weapon and some herbs.」と表示され、さらにボタンをクリックすると「You fought against zombies and survived!」と表示されます。最後にボタンをクリックするとゲームがリセットされ、最初の状態に戻ります。以上が、1枚のHTMLファイルとして実装された簡単なゲームです。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解です。以下に簡単なゲームを作成します。スマートフォンで遊ぶことを前提とし、絵文字も使用します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Raccoon City</title>
    <style>
        #message {
            font-size: 24px;
            text-align: center;
            margin-top: 100px;
        }
        #button-container {
            text-align: center;
            margin-top: 20px;
        }
        #button {
            font-size: 18px;
            padding: 10px 20px;
            background-color: #0066cc;
            color: white;
            border: none;
            border-radius: 5px;
        }
    </style>
</head>
<body>
    <div id="message">Welcome to Raccoon City!</div>
    <div id="button-container">
        <button id="button">Start Game</button>
    </div>

function startGame() {
            document.getElementById("message").innerHTML = "Survive in Raccoon City!";
            document.getElementById("button").innerHTML = "Check your inventory";
            document.getElementById("button").removeEventListener("click", startGame);
            document.getElementById("button").addEventListener("click", checkInventory);
        }

function checkInventory() {
            document.getElementById("message").innerHTML = "You have a weapon and some herbs.";
            document.getElementById("button").innerHTML = "Fight zombies";
            document.getElementById("button").removeEventListener("click", checkInventory);
            document.getElementById("button").addEventListener("click", fightZombies);
        }

function fightZombies() {
            document.getElementById("message").innerHTML = "You fought against zombies and survived!";
            document.getElementById("button").innerHTML = "Restart";
            document.getElementById("button").removeEventListener("click", fightZombies);
            document.getElementById("button").addEventListener("click", restartGame);
        }

function restartGame() {
            document.getElementById("message").innerHTML = "Welcome to Raccoon City!";
            document.getElementById("button").innerHTML = "Start Game";
            document.getElementById("button").removeEventListener("click", restartGame);
            document.getElementById("button").addEventListener("click", startGame);
        }
    </script>
</body>
</html>
```

以上が、1枚のHTMLファイルとして実装された簡単なゲームです。