ゲームループと時間

// 描画の目標間隔。プレイ中は 60fps、動きの少ないタイトルとゲームオーバーは 30fps に抑える。
// 120Hz・144Hz などの画面では requestAnimationFrame がもっと頻繁に呼ばれるので、間引いて更新と描画の回数を減らす
// (動きは経過時間 dt で進めるので、間引いても速さは変わらない)。
const PLAY_FRAME_MS = 1000 / 60, IDLE_FRAME_MS = 1000 / 30;
let vsyncMs = 1000 / 60, lastVsync = last; // 画面の更新間隔の推定値(rAF が呼ばれる間隔の移動平均)と、直前に呼ばれた時刻

function frame(now) {
  rafId = 0;
  const gap = now - lastVsync;
  lastVsync = now;
  if (gap > 0 && gap < 50) vsyncMs += (gap - vsyncMs) * 0.1; // ポーズ明けなどの長い間隔は推定に使わない
  // 目標間隔に収まる回数(60Hz のプレイ中は 1、120Hz なら 2)ごとに描く。90Hz や 100Hz は毎回描き、60fps を下回らせない。
  // 判定には半回分の余裕を持たせ、呼ばれる時刻の揺れで描くはずの回を飛ばさないようにする。
  const target = state === "title" || state === "gameover" ? IDLE_FRAME_MS : PLAY_FRAME_MS;
  const every = Math.max(1, Math.floor(target / vsyncMs + 0.15));
  if (now - last < (every - 0.5) * vsyncMs) {
    rafId = requestAnimationFrame(frame);
    return;
  }
  const dt = Math.min((now - last) / 1000, 0.05);
  last = now;
  if (!paused) update(dt);
  draw(now / 1000);
  // ポーズ中は静止画のままにしてループを止める。再開は setPaused(false) → ensureLoop()。
  if (!paused) rafId = requestAnimationFrame(frame);
}

function ensureLoop() {
  if (rafId || paused) return;
  last = performance.now();
  rafId = requestAnimationFrame(frame);
}