透明なアニメーション
ゲームスプライト（GIFから）

全フレームを1つのファイルに

各フレームをグリッドのPNGにパック。Unity、Godot、Phaser、またはスプライトシートを読めるあらゆるエンジンにそのまま投入できます。

128フレーム · 16 × 8 グリッド · 1280 × 640 px · healthy_pacing.gif

フレーム → 位置のマッピング

ピクセルの動きをフレームごとに解析し、フレームごとに0→1の移動値を出力します。開始時のアイドル中は0を保ち、歩幅の間に前進し、末尾で1を保ちます — これによりキャラクターの画面上の位置が実際の脚の動きに固定されます。

// 128 frames · idle_pad=1 · hold_lead=3 · hold_trail=5
const _kPaceTravelByFrame = <double>[
  0.0000, 0.0000, 0.0000, 0.0000, 0.0000, 0.0000,
  // … idle lead — character sitting before walk …
  0.0244, 0.0488, 0.0732, 0.0976, 0.1220, 0.1463,
  0.1707, 0.1951, 0.2195, 0.2439, 0.2683, 0.2927,
  // … advancing through stride …
  0.8780, 0.9024, 0.9268, 0.9512, 0.9756, 1.0000,
  1.0000, 1.0000, 1.0000, 1.0000, 1.0000, 1.0000,
  // … idle trail — character settling after walk …
];

同じGIFから < 1秒で生成 · あらゆる歩行アニメーションで動作