AI game creator

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

No:42884

←

Prev Next

→

太鼓の達人
Developer User18994｜Date and time 24/2/13 5:39:37
Build time 10.535 sec｜Game capacity 2.483KB｜

Script

了解しました。以下に太鼓の達人のゲームの例を示します。

上記のコードでは、指定した時間内に表示されるドラムをクリックするゲームが実装されています。画面上部から表示されたドラムが上に移動していきますので、それをクリックすることでスコアが加算されます。指定時間内にどれだけのドラムをクリックできるかを競います。ただし、スマートフォン上で実行することを前提としているため、PC上では表示が崩れる可能性があります。スマートフォンで実行していただければと思います。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解しました。以下に太鼓の達人のゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>太鼓の達人</title>
</head>
<body>
  <div id="game"></div>

// ドキドキマシンを生成する関数
      function createDokiDoki() {
        var dokiDoki = document.createElement("span");
        dokiDoki.innerHTML = "🥁";
        dokiDoki.style.fontSize = "50px";
        dokiDoki.style.position = "absolute";
        dokiDoki.style.left = Math.random() * 80 + "%";
        dokiDoki.style.top = "0";
        dokiDoki.style.cursor = "pointer";
        dokiDoki.onclick = function() {
          score++;
          gameDiv.removeChild(dokiDoki);
        }
        gameDiv.appendChild(dokiDoki);

// ドキドキマシンを上に移動させるアニメーション
        var topPos = 0;
        function moveUp() {
          topPos += 5;
          dokiDoki.style.top = topPos + "px";

if (topPos < window.innerHeight) {
            requestAnimationFrame(moveUp);
          } else {
            gameDiv.removeChild(dokiDoki);
          }
        }
        moveUp();
      }

// ゲームスタート
      function startGame() {
        score = 0;
        gameDiv.innerHTML = "スタート！";
        timer = setInterval(createDokiDoki, 1000);
        setTimeout(endGame, 10000);
      }

// ゲーム終了
      function endGame() {
        clearInterval(timer);
        gameDiv.innerHTML = "終了！ スコア: " + score;
      }

return {
        start: startGame
      };
    }

// ゲームオブジェクトの生成とスタート
    var game = dokiDokiMachine();
    game.start();
  </script>
</body>
</html>
```

上記のコードでは、指定した時間内に表示されるドラムをクリックするゲームが実装されています。画面上部から表示されたドラムが上に移動していきますので、それをクリックすることでスコアが加算されます。指定時間内にどれだけのドラムをクリックできるかを競います。

ただし、スマートフォン上で実行することを前提としているため、PC上では表示が崩れる可能性があります。スマートフォンで実行していただければと思います。