毎日ゲームチャレンジ Day 4: 星キャッチ・ラン
おはこんばんちは!100日間毎日ゲーム作る人、aomaです!
4日目はアクション要素のある「星キャッチ・ラン」。キャンバス上で左右に動くバーを操作し、上から降ってくる流れ星を制限時間内に集めます。マウスでもタッチでも遊べるように操作系を整え、アニメーションはrequestAnimationFrameで滑らかに描画しています。
残り30.0秒
得点:0
最高:0
星を落とさずキャッチし続けられるか挑戦!
遊び方
- スタートボタンで30秒のカウントダウンと同時に流れ星が降り始めます。
- バーをマウス移動・タッチ操作・矢印キーで左右に動かし、星が地面に落ちる前にキャッチ。
- 捕まえた数がスコアになります。落としてしまってもゲームは継続するので最後まで粘りましょう。
実装メモ
- 落下速度と出現間隔を徐々に調整して終盤ほどテンポアップ。
- 衝突判定はシンプルな距離判定で実装し、ループ内で配列をフィルタして管理。
- 描画のたびに背景を塗り直し、スコアや残り時間もUIパネルとして表示しています。
これまでに遊んだゲーム数: 0