KITE live2d retweetledi
Live2Dで流れる景色などを作る時、
異様に難しい原因これではーーー！？？
ってのが言語化できそうだったので検証しつつメモがてらまとめてみました...!
需要なさそうな上に長いですがご興味ある方どうぞw
まず自動車が直線を一定速度で走っていくのを想像してもらえると分かりやすいと思うんですけど、
手前ほど移動距離が大きく速く見え、遠くに行くほどゆっくりに見えると思います。
これをイラスト空間上でも再現したい...!
と思ってLive2Dで動かそうとするんですけど、
これがシンプルそうに見えてまーーーーーーーーーーーーーーーーーーーーーじで厄介。
ひたすらモデリングとアニメーションタイムラインをいったりきたりの無限調整になります😇
という訳で、なぜそうなるかを正しい動きと比較して検証してみました...!
※※※
わかりやすく移動距離を10分割し、奥に行くにしたがってパースのルール通り圧縮されていきます。
最低３点キーを打っているのは、始点と終点２点だけだとLive2Dの性質上平均的？に変化してくだけで、
パースのかかった圧縮変化とは遠い結果になる為です。
――――――――――――
【Dの場合】
ちなみにこちら【D】がほぼ正確な動きのはず...
パラメーターは０～10までの整数各位置11点を打ち、パースガイドにしたがって移動・変形させています。
理論上、図形位置0～１も３～４も9～10も、１区間移動するのに同じ時間がかかるので、
アニメーションではリニア(等速)にすれば自然にオブジェクトが進んでいる様子を再現できます。
...ただ実際、これを景色を構成する膨大なオブジェクトに対して行っていくのはほぼ不可能です😇
やりたくなさすぎる.....
一か所変形や移動を修正しただけで再生時の結果がかわるので、他も修正しなくてはならなくなるし...ｺﾜｲ...
――――――
【Aの場合】
さて、はじめて流れる景色をつくろうと思った人が陥いりそうな第一の罠。
図のAでは始点と終点、そして中間にキーを打ったとします。(見た目上(平面上)の中間地点)
こちらををリニア(等速)で再生すると、図のように特に後半が不自然にスピードアップしているように感じますよね。
(ちなみにこのまま作ってくとめちゃくちゃ酔います)
そこでアニメーションカーブをいじって速度を調整します。
――――――
【Bの場合】
ほぼ正しいであろうDの移動距離と見比べながら、カーブを調整してみたのがこちらです。
だんだん減速するイーズアウトの形状ですね。
ちなみにDのような手本があるためそれにあわせて調整できているのですが、
実際の制作では手本がないので感覚でやるしかありません。
また、モデリングで変形や位置を微調整しただけで、見た目のスピードもガンガン変わるので、
その度にカーブの調整が必要になります🤤
実際この中間位置も完全な中間位置をとれるとは限らないですし、
オブジェクトの種類や大小、パースラインが変わるだけで速度も調整しなくてはいけないので、
このカーブのコピペではまず無理なのです...。
まぁ中間位置をとる必要もないんですがそれはそれでモデリングとアニメーション双方ちょうどいいところを探さないといけない。
そして色々な都合上キー３点で作れないことも多いのですが、キーがふえればふえるほど大変です☆彡
(メインの移動用デフォーマーは2～4点程度にして、変形や色調整は別でデフォーマー作った方が結果綺麗に行くと思うけど...それはそれで手間だしケースバイケース....)
――――――
【Cの場合】
私はだいだいBの傾向で作ることが多いのですが、
もしかしてイラスト空間上での移動距離の中間でキー打った方が楽...?
と思って実験してみたのがこちらです。が....
ぜんぜん楽じゃなかったwww
なお空間上の中間地点はパースから割り出せます。
いろいろ考えた結果、理論上は0.0～5.0、5.0～10の区間で別々にイーズアウトすればいいのでは...
と、思いきや、単純にやろうとすると5.0付近でどーしてもカクつくので違和感でないように調整する必要がありました。
がんばって調整してみたけどまだ微妙にカクついてる気がしますね...ゆるして...
(たぶんだけどスピードもっと遅くすればごまかせる気はする)
――――――
他に簡単"そう"なやり方としては、
まずは平面での移動を作り、その親に移動距離分のワープデフォーマーを作りパースにそって変形、
圧縮もそのワープでフォーマーで制御する。
結果スピード調整されるので、
理想上はアニメーションは等速再生でもいけるはず...
まぁこれはこれで調整大変だしオブジェクトによってこの方法に合うものと合わないものがあるので、
混在させると管理大変だなぁ(遠い目)
――――――――――――
と、ここまで書いてきましたが、
「なんか難しそう」「とにかくめんどそう」というのが伝わりましたでしょうか...w
イラスト内の表現なので流れる景色を作るのに完全な正解は存在しないが、ある程度のルールはある。
しかしLive2Dの性質上簡単には作れないので
感覚だよりに調整を繰り返し組み立てていく....
数個ならまだしも、景色を構成するオブジェクト分これらの調整が必要なんですよね。(ある程度まどめたりもできるけど良し悪し)
なんて厄介なんだ......
正直制作コスト高すぎて、
「なんでLive2Dでやってるんだコレwww」ってなるやつです。
.........でもやっちゃうんだよねぇ(最新作制作中)
イラスト空間が動き出すの楽しいから！！！！！！
以上、ほとんど需要がないであろうこれらの考察ですが、
未来の挑戦者の参考になれば幸いです🙏
(ここはこうじゃない！？とかこういう方法もあるよ！とかあれば是非おしえてください！！！）
日本語
