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

No:7830

2056

←

Prev Next

→

combo game
Developer User3788｜Date and time 23/7/10 0:25:47
Build time 9.239 sec｜Game capacity 1.986KB｜

Script

では、以下にサンプルのコンボゲームを実装します。

コンボゲーム

Score: 0

Combo: 0

このゲームは、ボタンをクリックしてスコアとコンボを増やしていくコンボゲームです。コンボ数が10以上になるとゲームオーバーとなり、スコアとコンボがリセットされます。なお、スマートフォンで遊ぶ場合は、快適に操作できるようにレイアウトやボタンのサイズを調整するなどの工夫が必要です。以上の実装は、デスクトップブラウザでの動作を前提としています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

では、以下にサンプルのコンボゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>コンボゲーム</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 48px;
        }
    </style>
</head>
<body>
    <script>
        // ゲームの状態を表す変数
        let score = 0;
        let combo = 0;

// ボタンクリック時の処理
        function onButtonClick() {
            // スコアとコンボを更新
            score++;
            combo++;

// スコアとコンボを表示
            document.getElementById('score').innerText = `Score: ${score}`;
            document.getElementById('combo').innerText = `Combo: ${combo}`;

// ゲームオーバーチェック
            if (combo >= 10) {
                alert('ゲームオーバー！');

// ゲームオーバー後はスコアとコンボをリセット
                score = 0;
                combo = 0;
                document.getElementById('score').innerText = `Score: ${score}`;
                document.getElementById('combo').innerText = `Combo: ${combo}`;
            }
        }
    </script>

<h1>コンボゲーム</h1>
    <button onclick="onButtonClick()">Click Me!</button>
    <p id="score">Score: 0</p>
    <p id="combo">Combo: 0</p>
</body>
</html>
```

このゲームは、ボタンをクリックしてスコアとコンボを増やしていくコンボゲームです。コンボ数が10以上になるとゲームオーバーとなり、スコアとコンボがリセットされます。

なお、スマートフォンで遊ぶ場合は、快適に操作できるようにレイアウトやボタンのサイズを調整するなどの工夫が必要です。以上の実装は、デスクトップブラウザでの動作を前提としています。