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

4日目はアクション要素のある「星キャッチ・ラン」。キャンバス上で左右に動くバーを操作し、上から降ってくる流れ星を制限時間内に集めます。マウスでもタッチでも遊べるように操作系を整え、アニメーションはrequestAnimationFrameで滑らかに描画しています。

残り30.0秒 得点:0 最高:0

星を落とさずキャッチし続けられるか挑戦!

遊び方

  1. スタートボタンで30秒のカウントダウンと同時に流れ星が降り始めます。
  2. バーをマウス移動・タッチ操作・矢印キーで左右に動かし、星が地面に落ちる前にキャッチ。
  3. 捕まえた数がスコアになります。落としてしまってもゲームは継続するので最後まで粘りましょう。

実装メモ

  • 落下速度と出現間隔を徐々に調整して終盤ほどテンポアップ。
  • 衝突判定はシンプルな距離判定で実装し、ループ内で配列をフィルタして管理。
  • 描画のたびに背景を塗り直し、スコアや残り時間もUIパネルとして表示しています。

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

Updated: