毎日ゲームチャレンジ Day 24: オービットディフェンダー
おはこんばんちは！100日間毎日ゲーム作る人、aomaです！
24日目は宇宙空間を舞台にした「オービットディフェンダー」。円軌道上を回るキャノンを左右キーや画面の矢印ボタンで回転させ、狙い目が来たらスペースキーやFIREボタンで迎撃します。角度の微調整と集中力が求められるトレーニング系ミニゲームです。
残り: 60.0 秒
ヒット: 0
ベスト:0
コンボ: 0
命中率: 100%
矢印ボタン / 左右キーで旋回し、FIRE ボタン / スペースキーで射撃。60秒間に何体撃墜できるか挑戦！
遊び方
- スタートでカウントダウン開始。画面の矢印ボタンまたは左右キーでキャノンを回転させ、ターゲットの角度に合わせます。
- 「ここだ！」と思ったら FIRE ボタンまたはスペースキーで発射。±12度以内ならヒット判定になります。
- 60秒間での撃墜数を競います。連続ヒットでコンボが伸び、集中力の維持が鍵になります。
実装メモ
requestAnimationFrameで回転処理と残り時間更新を同時に実装。キー状態を保持して滑らかに追従。- 命中判定は角度差を正規化して±180度以内で比較し、ローカルストレージでベストスコア管理。
- 視覚的演出としてターゲットにパルスアニメーションを付与し、ヒット/ミスのテキストでフィードバックを即時表示しています。
- Web Audio API でゲーム開始とヒット/ミス時の効果音を鳴らし、操作結果が直感的に分かるようにしています。
- ポインターイベントで画面ボタンのホールド/タップ操作を処理し、モバイルでも左右旋回と射撃が行えるようにしました。
これまでに遊んだゲーム数: 0