おはこんばんちは!100日間毎日ゲーム作る人、aomaです!

Day 23は形の識別と素早い直感操作を組み合わせた「シェイプソート」。画面に現れる○・□・△を瞬時に見極め、対応するボタン(キーボードも可)で仕分けていきます。60秒でどこまでスコアを伸ばせるか挑戦してみてください。

残り: 60.0 秒 スコア:0 ベスト:0 コンボ: 0 正答率: 100%

ボタンまたは J / K / L キーで仕分け。60秒間のハイスコアを狙いましょう!

遊び方

  1. スタートを押したら60秒間のカウントダウンが始まります。
  2. 画面中央の形を見て、対応するボタンまたは J / K / L キーで仕分けしましょう。
  3. 連続正解でコンボが伸びます。焦らず視認してから入力するのがコツ。

実装メモ

  • 各ラウンドでランダムに形を選び、ボタン入力とキー入力を共通ハンドラで処理しつつロックで二重入力を防止。
  • ローカルストレージにベストスコアを保存し、シェアボタンでX投稿を生成。
  • requestAnimationFrameで残り時間を滑らかに更新しつつ、誤操作時は bins にミス演出を追加しました。
  • Web Audio API でゲーム開始・正解・ミス時の効果音を生成し、入力でもレスポンスが分かりやすいようにしました。

これまでに遊んだゲーム数: 0

Updated: