多くのピクセルアートアニメーションは、1秒あたり8～12フレームで最もよく見えます。映画や動画では24 FPSや30 FPSが標準なので、そこから来た人には意外に低く感じるかもしれません。しかし、ピクセルアートはまったく別物です。すべてのフレームが手描きで、すべてのピクセルに意図があり、ピクセルアートの様式化された見た目によって、写真のような画像よりも脳がフレーム間の動きを補完しやすくなっています。
実用面でのメリットは、滑らかで満足感のあるアニメーションを作るために、何百枚もの画像を描く必要がないことです。12 FPSなら、6フレームの歩行サイクルは0.5秒でループします。8 FPSなら、2フレームの待機中の呼吸アニメーションは1分もかからず描けます。フレームレート、フレーム数、ループの長さの関係を理解すれば、スタイラスを手に取る前に、どんなピクセルアートアニメーションでも計画できます。
このガイドでは、一般的なフレームレートによる見た目の違いを解説し、アニメーションの種類ごとの目安となる数値を紹介します。さらに、自信を持ってプロジェクトを計画するための簡単な計算方法も説明します。
ピクセルアートにおけるフレームレートの意味
フレームレート（frames per second、FPSで表します）は、1秒間に画面へ表示される個々の画像の数を決めます。映画では、24 FPSで現実世界の動きを非常に滑らかに捉えるため、目がフレームを連続した動きとして補完します。ピクセルアートでは現実を捉えるのではなく、意図的に1枚ずつ描きながら、現実を様式化して表現します。
ピクセルアートでは、そもそも世界を抽象化しています。顔の幅が16ピクセル、キャラクターの身長が32ピクセルということもあります。そのため、視覚は写実的な動きを期待しません。位置が大きく移動しても自然に受け入れます。だからこそ、ピクセルアートでは8～12 FPSが自然に見えます。フレーム間の「段階的な動き」が欠点ではなく、美しさの一部になるのです。
ここにはトレードオフがあります。FPSが高いほど動きは滑らかになりますが、描くフレーム数も増えます。ピクセルアートの各フレームはカメラで生成されるのではなく、手作業で作られるため、フレームレートがそのまま作業量を左右します。適切なFPSを選ぶとは、アニメーションの見栄えがよく、しかも実際に完成させられるバランスを見つけることです。
各フレームレートの見え方
フレームレートを選ぶ最も簡単な方法は、一般的な各速度が実際にどのように感じられるかを理解することです。ピクセルアートで最もよく使う4つの速度を比較してみましょう。
| FPS | 見た目の印象 | 最適な用途 | 1秒あたりのフレーム数 |
|---|---|---|---|
| 4 FPS | レトロな点滅感と、ぎこちなさの魅力 — 各フレームがはっきり見える | まばたきの効果、レトロなゲームボーイ風の雰囲気、シンプルな呼吸ループ | 4 |
| 8 FPS | 滑らかさの最低ライン — 少し段階的でも動きが明確に伝わる | 歩行サイクル、基本的なキャラクターの動き、待機アニメーション | 8 |
| 12 FPS | 滑らかで自然 — ほとんどのピクセルアートに最適なバランス | ほとんどのアニメーション：歩行、走行、攻撃、表情、効果 | 12 |
| 24 FPS | 過剰 — ピクセルアートに通常必要な範囲を超えて滑らか | 特殊効果のみ：水しぶき、なびく髪、爆発 | 24 |
4 FPSは、意図的にレトロな表現を選ぶ場合の設定です。各フレームがはっきり点滅して見える、初期のゲームボーイやPico-8のゲームを思い浮かべてください。キャラクターのまばたきやろうそくの炎の揺れなど、ぎこちなさが魅力の一部になるシンプルなループ効果にぴったりです。4 FPSなら、1秒間のアニメーションにつき4枚の画像を描くだけなので、制作速度が最も速くなります。
8 FPSは、動きが「滑らか」と認識され始める最低速度です。8 FPSの歩行サイクルは、ほとんどのピクセルアートゲームやディスプレイで十分自然に見えます。フレーム間には少し段階的な動きがありますが、壊れているのではなく、意図的な表現として感じられます。多くの名作SNESやGBAゲームでは、キャラクターをおよそこの速度でアニメーションさせていました。
12 FPSが一般的な標準設定です。何を選べばよいかわからない場合は、ここから始めましょう。1秒あたり12フレームなら、ピクセルアートアニメーションは無理のない作画枚数で滑らかに感じられます。多くのピクセルアートチュートリアル、ゲームのスプライトシート、アニメーションコミュニティでは、12 FPSを標準的な開始点として扱っています。
24 FPSは、ピクセルアートではほとんど必要ありません。ピクセルアートは様式化されているため、12 FPSから24 FPSに上げても見た目の改善はわずかですが、作業量は2倍になります。例外は、水しぶき、なびく髪、飛び散るパーティクルなどの動きの速い特殊効果です。この場合は、フレームを増やすことで、有機的で予測不能な動きが生まれます。
これらのフレームレートの違いを実際に確認したい場合は、このチュートリアルでピクセルアートアニメーションのタイミングに関する基本原則を解説しています。フレーム数では、少ないほうがよいことが多い理由も含まれています。
実際に必要なフレーム数
フレームレートはアニメーションがどれくらい速く再生されるかを示します。フレーム数は、どれだけの作業が必要かを示します。朗報として、一般的なピクセルアートアニメーションの多くは、初心者が考えるよりはるかに少ないフレーム数で作成できます。
作成するアニメーションの種類によって、必要なフレーム数は異なります。控えめな待機ポーズなら2〜3枚の絵だけで十分です。完全な歩行サイクルなら6〜8枚必要になる場合があります。新しいアニメーションプロジェクトを始めるたびに使える、参考表をご紹介します。
| アニメーションの種類 | 必要なフレーム数 | 12 FPSでループ | 何が起きているか |
|---|---|---|---|
| 待機 / 呼吸 | 2–4 | 0.17〜0.33秒 | 胸のわずかな上下、まばたき、体重移動 |
| 歩行サイクル | 4–8 | 0.33〜0.67秒 | 接地、通過、持ち上がり、最高点を、左右の脚で繰り返す |
| 走行サイクル | 6–8 | 0.5〜0.67秒 | 体を傾け、両足が地面から離れる、より速い歩幅 |
| 攻撃 / アクション | 6–12 | 0.5〜1.0秒 | 予備動作、攻撃、回復の3段階 |
| 表情の変化 | 2–3 | 0.17〜0.25秒 | まばたき、笑顔、驚きなどの素早い表情変化 |
| ループするエフェクト | 3–6 | 0.25〜0.5秒 | 炎、水、雲などのシンプルな繰り返しパターン |
少し考えてみてください。歩行サイクルは、ピクセルアーティストのツールキットで最も基本的なアニメーションの1つですが、必要な個別の絵はわずか4〜8枚です。8 FPSなら、0.5秒のループになります。12 FPSならさらに短くなります。古典的な4フレームの歩行サイクル（接地 → 沈み込み → 通過 → 持ち上がりを、左右の脚で反転させて繰り返す）は、NES時代からゲームキャラクターを動かしてきた手法で、現在でも十分通用します。
待機アニメーションはさらに簡単で、わずか2フレームで作れます。1フレーム目はキャラクターの通常のポーズです。2フレーム目では、呼吸を表現するために1〜2ピクセル下へ移動させます。8 FPSでループさせれば、わずか30秒ほどで描いたとは思えない、生き生きとしたキャラクターになります。
攻撃アニメーションでは、予備動作（後ろに引く）、実際の攻撃、回復（ニュートラルな状態に戻る）という3つの明確な段階があるため、より多くのフレームが必要です。単純な剣の振りなら6フレームで十分ですが、12フレームあれば、よりドラマチックで重量感のある動きを表現できます。
ループ長さのコツ
描くフレーム数を推測せずに済む公式をご紹介します。
ループ時間（秒） = フレーム数 ÷ FPS
必要なタイミングが決まっている場合は、逆算もできます。
必要なフレーム数 = 希望する秒数 × FPS
具体的にイメージできるよう、実用的な例をいくつか紹介します。
- 「12 FPSで0.5秒の歩行サイクルを作りたい」 → 0.5 × 12 = 6フレーム。6枚の画像を描きます。
- 「8 FPSで素早いまばたきを作りたい」 → 0.25 × 8 = 2フレーム。目を開く、目を閉じる。これで完成です。
- 「12 FPSで1秒の攻撃アニメーションを作りたい」 → 1 × 12 = 12フレーム。3つの段階を、それぞれ4フレームずつ。
- 「4 FPSで0.5秒の炎のループにしたい」 → 0.5 × 4 = 2フレーム。最小限で、ちらつきがあり、完璧です。
まず希望するタイミングを決め、そこから逆算してフレーム数を求めましょう。こうすれば、ループの長さを先に計画しなかったためにフレームを描きすぎるという、初心者によくある失敗を防げます。
ルールを破るタイミング
8～12 FPSという目安は出発点であって、絶対的なルールではありません。ときには既定の設定に逆らうことが、最も創造的な選択になります。
意図的に粗いレトロな雰囲気にしたい場合は、2～3 FPSまで下げましょう。初期のゲームボーイ作品やPico-8のタイトル、「呪われた」ピクセルアートでは、非常に低いフレームレートがスタイル上の選択として使われることがあります。目に見えるカクつきそのものが雰囲気の一部になります。
動きの滑らかさが描画効率より重要な高速特殊効果には、15～24 FPSまで上げましょう。水しぶき、爆発、火花、なびく髪などは動きが予測しにくく有機的なため、追加のフレームによる恩恵を受けます。
アニメーションツールが対応しているなら、可変タイミングを使いましょう。多くのピクセルアート用アニメーターは、キーとなるポーズを3～4フレーム保持して重みやインパクトを出し、遷移フレームはわずか1～2フレームで進めて動きを軽快にします。この手法は、従来のアニメーションで「1コマ打ちと2コマ打ち」と呼ばれ、フレームレートを均一にしなくても表現力を自在にコントロールできます。
実際のピクセルグリッドでアニメーションを見る
滑らかなコンピューターモニターでアニメーションをプレビューするのと、実際のピクセルディスプレイで見るのとでは違いがあります。モニターでは、画面の高解像度やアンチエイリアスによってタイミングの問題が見えにくくなることがあります。専用のピクセルグリッドでは、描いたとおりにすべてのフレームが表示されます。各ドットがくっきりと映り、各遷移もはっきり確認できます。
Divoom Pixoo-64のようなディスプレイなら、64×64ピクセルのキャンバスにカスタムアニメーションを読み込み、実際の速度で再生できます。実物のピクセルディスプレイで歩行サイクルをテストすると、8 FPSで十分な滑らかさが得られるか、それとも追加のフレームを使って12 FPSにする価値があるかを体感できます。紙の上でデザインするのと、デスク上で作品に明かりが灯って動くのを見るのとの違いです。
Divoomデバイスでのアニメーションや表示設定の仕組みについて詳しくは、製品マニュアルでアプリの操作方法やフレーム再生オプションをご確認いただけます。
よくあるご質問
ピクセルアートに最適なフレームレートは何ですか？
ほとんどのピクセルアートアニメーションは、8～12 FPSで最も見栄えがします。12 FPSが一般的な標準です。無理のない描画枚数で、ほとんどの用途に十分な滑らかさを実現できます。まずは12 FPSから始め、アニメーションの具体的な要件に応じて調整しましょう。
歩行サイクルには何フレーム必要ですか？
歩行サイクルには通常、4～8フレームが必要です。12 FPSでは、6フレームの歩行サイクルが0.5秒でループします。古典的な4フレームの歩行サイクル（接地、沈み、通過、上昇――両脚で左右反転）は、ファミコン時代から使われており、現在でも完璧に機能します。
ピクセルアートに24 FPSが必要になることはありますか？
ほとんど必要ありません。ピクセルアートはデフォルメされた表現のため、12 FPSから24 FPSに上げても見た目の改善はわずかな一方、作業量は2倍になります。例外は、水しぶきや爆発、なびく髪のような動きの速い特殊効果です。こうした場合は、フレームを増やすことで有機的で予測不能な動きを表現できます。
必要なフレーム数はどう計算すればよいですか？
次の公式を使います：必要なフレーム数＝希望する秒数×FPS。たとえば、12 FPSで1秒のアニメーションには12フレームが必要です。8 FPSで0.5秒のループには4フレームが必要です。まず希望するタイミングを決め、そこから逆算してフレーム数を求めましょう。
最初のアニメーションを始める
ピクセルアートアニメーションは大変そうだからと先延ばしにしていたなら、ここから始めましょう。任意のピクセルアートエディターを開き、プロジェクトを12 FPSに設定して、2フレームの待機アニメーションを描きます。フレーム1ではキャラクターを静止させます。フレーム2では、呼吸しているように見える程度に、同じキャラクターを1ピクセル下へずらします。再生してみましょう。
ピクセルアートのアニメーションが完成しました。2フレーム、作業時間は1分未満です。
そこから、4フレームの歩行サイクルを試してみましょう。次に6フレームの攻撃モーションです。この記事の数字を目安にして、そのまま信じてください。描くべき「正しい」量かどうかを心配する必要はありません。小さく始めて自信をつけ、各プロジェクトから次のフレーム数の感覚を学びましょう。
Divoomのピクセルディスプレイコレクションページで、ピクセルアートのセットアップや制作に関するガイドをさらにご覧いただくか、Pixoo-64を手に入れて、今夜からアニメーションを表示してみましょう。
編集プロセスについては、製品のテストとレビュー方法をご覧ください。
