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

No:42208

59

ガチャでアイテムを増やしてインフレさせるクリッカーゲームガチャを引くためには20コインが必要 ..ALL
Developer User18827｜Date and time 24/2/11 1:35:45
Build time 11.5 sec｜Game capacity 3.221KB｜

は、以下のようなHTMLファイルとして実装されたガチャクリッカーゲームの例です。

Gacha Clicker

0

このプログラムは、ガチャクリッカーゲームを実装しています。以下がゲームの基本的な仕組みです。 - クリックするたびにコインが1増えます。 - ガチャを引くためには20コインが必要です。ガチャボタンはコインが20以上ある場合のみ使用可能となります。 - ガチャを引くと、手に入るアイテムの一覧が表示されます。アイテムには手に入るコインの量が表示され、ガチャを引くたびに増えていきます。 - ガチャを引くたびに、ガチャのコストが10増えます。このプログラムはスマートフォン操作を前提としているため、スマートフォンで開いて遊ぶことができます。また、絵文字は使用していませんが、HTMLのスタイルや表示内容を自由に変更し、絵文字を追加することもできます。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

は、以下のようなHTMLファイルとして実装されたガチャクリッカーゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Gacha Clicker</title>
  <style>
    body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      text-align: center;
    }
    
    h1 {
      margin-top: 50px;
    }
    
    #coin {
      font-size: 48px;
      margin-top: 50px;
    }
    
    #gachaButton {
      font-size: 24px;
      margin-top: 30px;
      padding: 10px 20px;
      border: none;
      background-color: #4CAF50;
      color: white;
      cursor: pointer;
    }
    
    #items {
      margin-top: 30px;
      font-size: 20px;
    }
  </style>
</head>
<body>
  <h1>Gacha Clicker</h1>
  <div id="coin">0</div>
  <button id="gachaButton">ガチャを引く</button>
  <div id="items"></div>
  
  <script>
    let coin = 999999999999999999999;
    let gachaCost = 20;
    let itemMultiplier = 100;
    
    const coinDisplay = document.getElementById("coin");
    const gachaButton = document.getElementById("gachaButton");
    const itemsDisplay = document.getElementById("items");
    
    // クリック処理
    const onClick = () => {
      coin++;
      coinDisplay.textContent = coin;
      
      // ガチャが引けるかチェック
      if(coin >= gachaCost) {
        gachaButton.disabled = false;
        gachaButton.style.backgroundColor = "#4CAF50";
      } else {
        gachaButton.disabled = true;
        gachaButton.style.backgroundColor = "#808080";
      }
    };
    
    // ガチャ処理
    const gacha = () => {
      coin -= gachaCost;
      coinDisplay.textContent = coin;
      
      const newItem = document.createElement("div");
      newItem.textContent = `アイテム +${itemMultiplier} コイン`;
      itemsDisplay.appendChild(newItem);
      
      itemMultiplier++;
      gachaCost += 100;
      
      gachaButton.disabled = true;
      gachaButton.style.backgroundColor = "#808080";
    };
    
    // クリックイベントの設定
    gachaButton.addEventListener("click", gacha);
    document.addEventListener("click", onClick);
  </script>
</body>
</html>
```

このプログラムは、ガチャクリッカーゲームを実装しています。以下がゲームの基本的な仕組みです。

- クリックするたびにコインが1増えます。
- ガチャを引くためには20コインが必要です。ガチャボタンはコインが20以上ある場合のみ使用可能となります。
- ガチャを引くと、手に入るアイテムの一覧が表示されます。アイテムには手に入るコインの量が表示され、ガチャを引くたびに増えていきます。
- ガチャを引くたびに、ガチャのコストが10増えます。

このプログラムはスマートフォン操作を前提としているため、スマートフォンで開いて遊ぶことができます。また、絵文字は使用していませんが、HTMLのスタイルや表示内容を自由に変更し、絵文字を追加することもできます。