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

No:4950

1424

←

Prev Next

→

Collect coins that move around. Sometimes big coin..ALL
Developer User3796｜Date and time 23/6/29 1:31:02
Build time 22.487 sec｜Game capacity 2.3KB｜

Script

以下は、JavaScriptを使用して動き回るコインを集めるゲームの例です。このゲームはHTMLファイルの中に埋め込むことができます。

Coin Collector

このゲームでは、画面上に動き回るコインが表示され、それらをクリックしてスコアを獲得します。コインは一定時間（ここでは3秒）経過すると自動的に消えます。たまに現れる大きなコインは、通常のコインの10倍のスコアを獲得できます。画面上に同時に表示されるコインは最大10枚までに制限されています。このファイルをHTML形式で保存し、ウェブブラウザで開くことでゲームをプレイすることができます。

←

Prev　Next

→ 　

Back　

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

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

以下は、JavaScriptを使用して動き回るコインを集めるゲームの例です。このゲームはHTMLファイルの中に埋め込むことができます。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Coin Collector</title>
    <style>
      .coin {
        position: absolute;
        display: inline-block;
        font-size: 2em;
        cursor: grab;
      }
    </style>
  </head>
  <body>
    <script>
      let score = 0;
      const coinSize = 50;
      const maxCoins = 10;

function getRandomPosition(max) {
        return Math.floor(Math.random() * max);
      }

function addCoin() {
        const coin = document.createElement("div");
        coin.innerHTML = "💰";
        coin.classList.add("coin");
        coin.style.left = getRandomPosition(window.innerWidth - coinSize) + "px";
        coin.style.top = getRandomPosition(window.innerHeight - coinSize) + "px";
        document.body.appendChild(coin);
        coin.addEventListener("click", () => collectCoin(coin));
        setTimeout(() => coin.remove(), 3000);
      }

function collectCoin(coin) {
        const coinValue = coin.classList.contains("big-coin") ? 10 : 1;
        score += coinValue;
        coin.remove();
        updateScore();
      }

function updateScore() {
        document.getElementById("score").textContent = "Score: " + score;
      }

setInterval(() => {
        if (document.getElementsByClassName("coin").length < maxCoins) {
          addCoin();
        }
      }, 1000);

document.addEventListener("DOMContentLoaded", () => {
        updateScore();
      });
    </script>

<h1>Coin Collector</h1>
    <p id="score"></p>
  </body>
</html>
```

このゲームでは、画面上に動き回るコインが表示され、それらをクリックしてスコアを獲得します。コインは一定時間（ここでは3秒）経過すると自動的に消えます。たまに現れる大きなコインは、通常のコインの10倍のスコアを獲得できます。画面上に同時に表示されるコインは最大10枚までに制限されています。

このファイルをHTML形式で保存し、ウェブブラウザで開くことでゲームをプレイすることができます。