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

No:6093

1589

←

Prev Next

→

incremental game
Developer User3840｜Date and time 23/7/1 16:46:02
Build time 22.385 sec｜Game capacity 2.242KB｜

Script

了解しました。以下にインクリメンタルゲームの例を示します。

インクリメンタルゲーム

クリックすることでポイントを獲得できます！

アップグレード

10ポイント以上でアップグレードを購入できます。

このゲームでは、クリックすることでポイントを獲得することができます。ポイントが10以上になると、アップグレードを購入することができます。購入すると、ポイントが10減少し、アップグレードの回数が表示されます。このように、プログラム内にJavaScriptを含むHTMLファイルを作成することで、インクリメンタルゲームを実装することができます。

←

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>インクリメンタルゲーム</title>
    <style>
      body {
        text-align: center;
      }
      .button {
        display: inline-block;
        padding: 10px 20px;
        font-size: 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
        border-radius: 5px;
      }
      #counter {
        font-size: 40px;
      }
      #upgrade {
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <h1>インクリメンタルゲーム</h1>
    <p>クリックすることでポイントを獲得できます！</p>
    <p id="counter">0</p>
    <button class="button" onclick="addPoint()">クリック</button>
    <h2>アップグレード</h2>
    <p>10ポイント以上でアップグレードを購入できます。</p>
    <button id="upgrade" class="button" onclick="buyUpgrade()" disabled>アップグレードを購入 (10ポイント)</button>

function addPoint() {
        counter++;
        document.getElementById("counter").innerText = counter;

if (counter >= 10) {
          document.getElementById("upgrade").disabled = false;
        }
      }

このゲームでは、クリックすることでポイントを獲得することができます。ポイントが10以上になると、アップグレードを購入することができます。購入すると、ポイントが10減少し、アップグレードの回数が表示されます。

このように、プログラム内にJavaScriptを含むHTMLファイルを作成することで、インクリメンタルゲームを実装することができます。