毎日ゲームチャレンジ Day 22: トラックタップ
おはこんばんちは！100日間毎日ゲーム作る人、aomaです！
22日目はリズムに合わせてタップする「トラックタップ」。画面を横切るトラック上のノートをタイミング良くタップし、コンボを伸ばしていきます。約1分間の軽快なBGMと効果音で盛り上がる、ライトな音ゲー感覚のワンボタンゲームです。
残り: 60.0 秒
スコア:0
ベスト:0
コンボ: 0
スタートでノートが流れ始めます。ラインに重なった瞬間にタップ！
遊び方
- スタートを押すとノートが右方向に流れ始め、1分間のBGMも同時にスタートします。
- ラインにノートが重なったらクリック（またはスペースキー）でタイミング良くタップします。
- ミスなくコンボを繋げると高スコア更新のチャンス。ヒットとミスで効果音も変化するので耳でもリズムを掴みましょう。
実装メモ
- ノートの動きは
requestAnimationFrameで更新し、位置情報をデータ属性で管理。 - ヒット判定はラインとの距離に応じた許容値で実装し、クリックでもスペースキーでも遊べる仕様です。
- スタート時にプレイ回数を記録し、結果に応じてベストスコアを更新します。
- Web Audio APIで約60秒のBGMループとヒット／ミス効果音を生成し、ユーザー操作後にのみ再生されるよう制御しています。
- 同じループ内で残り時間のカウントダウンも行い、60秒経過で自動的にゲームを終了してログを表示します。
これまでに遊んだゲーム数: 0