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

No:20429

←

Prev Next

→

インクリメンタルゲーム
Developer User9047｜Date and time 23/10/9 19:42:58
Build time 17.301 sec｜Game capacity 2.42KB｜

Script

了解しました。以下にインクリメンタルゲームのサンプルプログラムを記述します。

インクリメンタルゲーム

このHTMLファイルをブラウザで開くと、インクリメントボタン（`+`）が表示されます。ボタンをクリックするとスコアが1増え、スコアが表示されます。Upgradeボタンをクリックすると、スコアが10減り、アップグレードされた効果（スコア獲得時の増加量が2倍になる）が適応されます。以上がインクリメンタルゲームのサンプルプログラムです。少し簡素化していますが、基本的な仕組みは含まれていますので、ご参考にしていただければと思います。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

了解しました。以下にインクリメンタルゲームのサンプルプログラムを記述します。

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>インクリメンタルゲーム</title>
</head>
<body>
    <h1>インクリメンタルゲーム</h1>
    <p id="score">0</p>
    <button id="incrementButton">+</button>
    <button id="upgradeButton">Upgrade (10 Score)</button>

// スコアを表示する要素を取得
        const scoreElement = document.getElementById("score");

// ボタン要素を取得
        const incrementButton = document.getElementById("incrementButton");
        const upgradeButton = document.getElementById("upgradeButton");

// ボタンがクリックされた時の処理を設定
        incrementButton.addEventListener("click", () => {
            score += 1; // スコアを1増やす
            updateScore(); // スコアを更新
        });

upgradeButton.addEventListener("click", () => {
            if (score >= 10) {
                score -= 10; // スコアから10減らす
                updateScore(); // スコアを更新
                // アップグレードの効果を適応（ここではスコア獲得時の増加量を2倍にする）
                incrementButton.click = () => {
                    score += 2; // スコアを2増やす
                    updateScore(); // スコアを更新
                };
            }
        });

// スコアを更新する関数
        function updateScore() {
            scoreElement.textContent = score;
        }
    </script>
</body>
</html>
```

このHTMLファイルをブラウザで開くと、インクリメントボタン（`+`）が表示されます。ボタンをクリックするとスコアが1増え、スコアが表示されます。Upgradeボタンをクリックすると、スコアが10減り、アップグレードされた効果（スコア獲得時の増加量が2倍になる）が適応されます。

以上がインクリメンタルゲームのサンプルプログラムです。少し簡素化していますが、基本的な仕組みは含まれていますので、ご参考にしていただければと思います。