毎日ゲームチャレンジ Day 23: シェイプソート
おはこんばんちは!100日間毎日ゲーム作る人、aomaです!
Day 23は形の識別と素早い直感操作を組み合わせた「シェイプソート」。画面に現れる○・□・△を瞬時に見極め、対応するボタン(キーボードも可)で仕分けていきます。60秒でどこまでスコアを伸ばせるか挑戦してみてください。
残り: 60.0 秒
スコア:0
ベスト:0
コンボ: 0
正答率: 100%
ボタンまたは J / K / L キーで仕分け。60秒間のハイスコアを狙いましょう!
遊び方
- スタートを押したら60秒間のカウントダウンが始まります。
- 画面中央の形を見て、対応するボタンまたは J / K / L キーで仕分けしましょう。
- 連続正解でコンボが伸びます。焦らず視認してから入力するのがコツ。
実装メモ
- 各ラウンドでランダムに形を選び、ボタン入力とキー入力を共通ハンドラで処理しつつロックで二重入力を防止。
- ローカルストレージにベストスコアを保存し、シェアボタンでX投稿を生成。
requestAnimationFrameで残り時間を滑らかに更新しつつ、誤操作時は bins にミス演出を追加しました。- Web Audio API でゲーム開始・正解・ミス時の効果音を生成し、入力でもレスポンスが分かりやすいようにしました。
これまでに遊んだゲーム数: 0