AI game creator

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

No:9230

183

←

Prev Next

→

Metal Mario
Developer User4246｜Date and time 23/7/22 19:15:05
Build time 18.033 sec｜Game capacity 2.688KB｜

Script

ご要望いただいたゲームを作成しました。以下が実装例です。

🔥

このゲームでは、「🔥」と表示されたボタンをタップすることでスコアが増加します。しかし、スコアが0以下になるとゲームオーバーとなり、ボタンが無効化されます。画面にはスコアとゲームオーバーメッセージが表示されます。この例では、スマートフォンに対応するためにボタンクリックをイベントリスナーで処理しています。また、絵文字「🔥」を使用してゲームを装飾しています。

←

Prev　Next

→ 　

Back　

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

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

ご要望いただいたゲームを作成しました。以下が実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Metal Mario Game</title>
    <style>
        .game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        .game-area {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .button {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: red;
            color: white;
            margin-bottom: 20px;
            font-size: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
        .game-over {
            font-size: 48px;
            color: red;
        }
    </style>
</head>
<body>
    <div class="game-container">
        <div class="game-area">
            <div class="button">🔥</div>
            <div class="game-over"></div>
        </div>
    </div>
    <script>
        window.addEventListener('DOMContentLoaded', () => {
            const button = document.querySelector('.button');
            const gameOver = document.querySelector('.game-over');

let score = 0;
            let gameInProgress = true;

button.addEventListener('click', () => {
                if (gameInProgress) {
                    score++;
                    button.textContent = `🔥 ${score}`;
                }
            });

setInterval(() => {
                if (gameInProgress) {
                    score--;
                    button.textContent = `🔥 ${score}`;
                    if (score <= 0) {
                        gameInProgress = false;
                        button.style.backgroundColor = 'gray';
                        button.style.cursor = 'not-allowed';
                        gameOver.textContent = 'Game Over';
                    }
                }
            }, 1000);
        });
    </script>
</body>
</html>
```

このゲームでは、「🔥」と表示されたボタンをタップすることでスコアが増加します。しかし、スコアが0以下になるとゲームオーバーとなり、ボタンが無効化されます。画面にはスコアとゲームオーバーメッセージが表示されます。

この例では、スマートフォンに対応するためにボタンクリックをイベントリスナーで処理しています。また、絵文字「🔥」を使用してゲームを装飾しています。