rhythm game's game | AI game creator

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

No:5088

4460

rhythm game
Developer anonymous｜Date and time 70/1/1 9:58:49
Build time unknown sec｜Game capacity 3.529KB｜

了解しました。以下にリズムゲームの例を示します。

このコードは、矢印のテキスト（絵文字）が画面内を横からスクロールしていくリズムゲームです。ゲームは以下の手順で進行します。 1. ページを開くと、画面上部に矢印のテキストが表示されます。 2. テキストが画面外に移動するまでの間、プレイヤーは「A」キーを押すことでテキストの表示位置を進めることができます。 3. テキストが画面外に移動する前に「A」キーを押すと、次のテキストに進みます。 4. プレイヤーが最後のテキストまで正しく入力すると「クリア！」と表示され、ゲームが終了します。 5. テキストが画面外に移動したり、誤ったキーを押した場合は「ゲームオーバー」と表示され、ゲームが終了します。 ※ 「A」キー以外を使いたい場合は、`handleKeyPress`関数内の条件式を変更してください。このゲームは、スマートフォン上でも遊ぶことができます。スマートフォンのブラウザで上記のコードを表示して、「A」キーに相当するキーを押すことでプレイすることができます。

→ 　

0　

0　

　

　
　
　

[PR]現在の欲しいゲームランキング

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

(C)2023 HisashiApp

了解しました。以下にリズムゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>リズムゲーム</title>
  <style>
    .game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #f8f8f8;
      font-size: 5rem;
    }
  </style>
</head>
<body>
  <div class="game-container">
    <span id="target"></span>
  </div>

<script>
    const targetElement = document.getElementById("target");

// ゲームの設定
    const speed = 1000;  // テキストの移動速度（ミリ秒）
    const texts = ["🎵", "🎵🎵", "🎵🎵🎵", "🎵🎵🎵🎵"];  // プレイヤーが入力するテキストの配列
    let currentIndex = 0;  // 現在のテキストのインデックス

// テキストの表示位置の初期化
    targetElement.style.transform = "translateX(-200px)";

// テキストの移動
    function move() {
      targetElement.innerText = texts[currentIndex];
      targetElement.style.transition = `transform ${speed}ms linear`;
      targetElement.style.transform = "translateX(100vw)";

setTimeout(() => {
        // テキストが画面外に移動した場合
        if (currentIndex === texts.length - 1) {
          gameClear();
        } else {
          gameOver();
        }
      }, speed);
    }

// キー入力の監視
    function handleKeyPress(event) {
      if (event.key.toLowerCase() === "a") {
        currentIndex++;
        move();
      }
    }

// ゲームクリア時の処理
    function gameClear() {
      targetElement.innerText = "クリア！";
      document.removeEventListener("keydown", handleKeyPress);
      setTimeout(() => {
        location.reload();  // ページをリロードしてゲームをリセット
      }, 2000);
    }

// ゲームオーバー時の処理
    function gameOver() {
      targetElement.innerText = "ゲームオーバー";
      document.removeEventListener("keydown", handleKeyPress);
      setTimeout(() => {
        location.reload();  // ページをリロードしてゲームをリセット
      }, 2000);
    }

document.addEventListener("keydown", handleKeyPress);
    move();
  </script>
</body>
</html>
```

このコードは、矢印のテキスト（絵文字）が画面内を横からスクロールしていくリズムゲームです。ゲームは以下の手順で進行します。

1. ページを開くと、画面上部に矢印のテキストが表示されます。
2. テキストが画面外に移動するまでの間、プレイヤーは「A」キーを押すことでテキストの表示位置を進めることができます。
3. テキストが画面外に移動する前に「A」キーを押すと、次のテキストに進みます。
4. プレイヤーが最後のテキストまで正しく入力すると「クリア！」と表示され、ゲームが終了します。
5. テキストが画面外に移動したり、誤ったキーを押した場合は「ゲームオーバー」と表示され、ゲームが終了します。

※ 「A」キー以外を使いたい場合は、`handleKeyPress`関数内の条件式を変更してください。

このゲームは、スマートフォン上でも遊ぶことができます。スマートフォンのブラウザで上記のコードを表示して、「A」キーに相当するキーを押すことでプレイすることができます。