+9の授業 / 座学 05

ループモーション

01 / ループモーションとは

ループモーションとは?

アニメーションの開始フレームと終了フレームが自然につながり、
繰り返し再生しても違和感のない動きのこと。

Maya のグラフ エディタ。0 フレームと 60 フレームのキーが同じ値で、黄色の枠と「始点(0)」「終点(60)」の札。前後には、繰り返した時のカーブが薄く続いている。
始点(0)と終点(60)が同じ値。
前後の薄い線は、繰り返した時のカーブ

ゲーム、アニメ、映像制作において
非常に重要な技術であり、
以下のような場面で使用される。

なぜループモーションが重要?

制作効率の向上

同じ動きを
繰り返し利用できるため、
制作コストを
大幅に削減できる。

リアルタイム処理との相性

ゲームエンジンでは
ループアニメーションが
基本となるため、
自然なループは必須スキル。

違和感のない映像表現

ループのつなぎ目が
不自然だと、
ユーザーに
強い違和感を与える。

02 / 基本原則

基本原則

始点と終点を一致させる

  • ポーズ
  • 位置
  • 回転
  • スケール

これらが一致していないとループが破綻する。

動きのリズムを一定に保つ

リズムが不安定だとループ時に違和感が発生する。

例えば、終点は急に加速しているのに、
始点からはなだらかに動き出すような、
始点と終点のテンポがうまく繋がっていないカーブの流れ。
接線がループしていても、
動き自体に極端なブレが生じているのは不安定。

グラフ エディタ。0 と 60 の接線はつながっているが、60 の手前(52〜60)は急に上がり(黄色の枠と「終点の手前:急」)、0 の後(0〜15)はなだらか(青の枠と「始点の後:なだらか」)。
テンポがつながっていない例(接線はつながっている)。
黄色=終点の手前が急、青=始点の後がなだらか

ループポイントを意識した設計

最初からループ前提で作ることが重要。

つなぎ目の確かめ方

グラフ エディタで、カーブの前後に繰り返しを表示すると、
つなぎ目の流れが見える
(最初の図の、前後の薄い線)。

  • カーブを選び、カーブのメニューで
    「プリ インフィニティ > サイクル」
    「ポスト インフィニティ > サイクル」
  • ビューのメニューで「インフィニティ」に
    チェックを入れる。
グラフ エディタのカーブのメニュー。プリ インフィニティとポスト インフィニティを黄色の枠、その先のサイクルを黄色の枠で囲んでいる。
カーブ > プリ(ポスト)インフィニティ > サイクル
グラフ エディタのビューのメニュー。チェックの入ったインフィニティを黄色の枠で囲んでいる。
ビュー > インフィニティ
グラフ エディタ。0 より前と 60 より後に、繰り返した時のカーブが薄い線で出ている。それぞれを黄色の枠と「前の繰り返し」「後の繰り返し」の札で示している。
表示すると、前後に薄い線(繰り返した時のカーブ)が出て、
つなぎ目(0・60)の流れが見える

再生して確かめる時は、
タイムスライダのリピート(繰り返し再生)も使う。座学 04タイムスライダ

始点と終点のキーの扱いでの注意

下の①のようなカーブの場合、
再生をすると滑らかにループされないことがあり、
滑らかに再生されるように編集する必要がある。
編集の一例を紹介する。

グラフ エディタ。0 と 60 のキーでカーブが平らになっている所を黄色の枠で囲み、右下に 60 のつなぎ目の拡大。
1 つなぎ目で引っかかる始点と終点が自動接線で閉じていると、
ループが上手く繋がらない。
始点から徐々に加速し、終点に向けて徐々に減速している。
右下は、つなぎ目の拡大。
グラフ エディタ。0〜15 フレームの部分を黄色の枠、それを 60 フレームに貼った部分を青の枠で囲んでいる。
2 始点から次のキーまでを、
終点の後ろへコピペ
黄色の枠(始点〜次のキー)をコピーして、
終点に貼る(青の枠)。
グラフ エディタ。60 フレームのキーを選び、接線のハンドルが見えている所を黄色の枠で囲んでいる。
3 終点のキーを自動接線にして、
同じ場所へコピペ
滑らかな傾きになった終点のキーをコピーして、
同じ終点にペーストする。
自動接線がカスタム接線
(Maya の種類では「固定」)に変わる。
自動接線のままだと、後ろのキーを消した時に
接線の形がリセットされてしまう。
グラフ エディタ。0 と 60 のキーをカーブがまっすぐ通り、前後の繰り返しにも滑らかにつながっている。右下に 60 のつなぎ目の拡大。
4 終点のキーを始点へコピペして、
余ったキーを消す
カスタム接線をペーストするから、
始点も同じ流れになる。
最後に、終点より後ろの不要になったキーを消す。
右下は、つなぎ目の拡大。