LoginSignup
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

@kurisaka_konabe(kurisaka konabe)

Live2Dで多関節ボーンアニメーションをゲーム用途でする話と通常パラメータとブレンドシェイプの違い

Last updated at Posted at 2023-12-17

はじめに

これはLive2Dアドベントカレンダー2023の17日目の記事です。

この記事はLive2Dを使ってスプライト系ツール(Spine、SpriteStudio、Unityの「2D Animation」)のような多関節2Dボーンアニメーションを ゲーム用途 で使うひと向けの為の極めて ニッチな記事 です。
(Live2Dは本来、そういった用途を想定していません)

ただ、それだけだと余りにもニッチ過ぎて対象読者がひとりも居ない可能性が高いので、
ブレンドシェイプってそもそもなんやねん？ 通常パラメータと何が違うのん？ という話題にも触れています。

こんな問題がある

Live2Dのアニメーションではパラメータに無いアニメーションは出来ません(動画用途のFA機能を除く)。
なので、1本の腕に複数の動きをさせることが非常に難しいです。

ゲームでスプライトアニメーションツールのような使い方を想定すると、
例えば、

  • 歩行の足の動き
  • しゃがむ、屈伸の動き
  • キック

を実現しようとすると組み合わせ爆発で破綻します。
腕も同様です。

関節毎にパラメータを分けて

  • 肩、肘、手首
  • 股、膝、足首

としてもいいのですが、現行バージョンではIK的な動き付けが出来ず、アニメーションを付けるのが大変です。

昔、Live2Dで無謀にも格ゲーを作ったことがあるのでわかりますが、
超たいへんでした。

尚、タイトルやUIも全てLive2Dモデル

image.png
モデリング

アニメーション

また、関節毎にパラメータを分けたとしても、
「パラメータに無い動きはアニメーションで付けられない」
という仕様が重くのしかかってきます。
「このモーションでは見栄え的にもうちょっと◯関節やアートメッシュを前にズラしたいなぁ…」
という融通が利きません(その融通すらもパラメータ化すれば出来ないこともないですが…)。
「FA機能がSDKでも使えないものか…」
……っと思っていたのは私だけではない筈です(せやろか)。

神アップデート！回転デフォーマのブレンドシェイプ対応

神では！
解決した。

やりたい動き毎にブレンドシェイプのパラメータを作る。 何でもできるやん！ FA機能のSDK対応を待っていたけど、別にええやんけ！

モーション毎にパラメータで分ければ何でも出来る
組み合わせ爆発なにそれ？
融通きかせ放題！神！
Unity上でも実際に動くことを確認できました。

ここでは1モーション毎に1パラメータにしましたが、上半身と下半身の動きを別々に作っておけば「上半身×下半身」の動きが出来てよさそうです。

ブレンドシェイプとは何か？ 通常パラメータと何が違う？

通常パラメータとは何が違うのか？
「そんなにブレンドシェイプが強力で便利で組み合わせ爆発やパラメータ数の上限が無いんなら全部ブレンドシェイプでいいんじゃないの？」
……っと思ったひと向けに。

  • 通常パラメータ：組み合わせ毎にキーフレームが別々に存在、狙った形状を作れる
  • ブレンドシェイプ：あくまでも形の合成であり、組み合わせによる狙った形状は作れない

例えば、通常パラメータの角度X,Yだと右上の形状だけを特注で 「狙った形状」 に出来ます。
image.png

これがブレンドシェイプですと(結合表示できないという問題を抜きに)、右上を狙った形状には出来ません。
あくまでも角度X:+1.0と角度Y:+1.0の形状の合成の結果でしかありません。
(ブレンドシェイプのパラメータは単体で動かして形状を編集する前提で作られているので、この状態で斜め上の形状を作っても角度Xか角度Yの形状が予期せぬ形状になってしまいます。)
image.png

ですので、角度XYのような斜めの形状をしっかりと狙った形状で作る必要があるパラメータには向きません。
髪の多段揺れのような雰囲気それっぽくなっていれば良いパラメータや色変え等の完全に形状を合成した結果が予想がつくパラメータにしか使えないでしょう。

一昔前に流行った 口の変形3点×口の開閉4点 による12パータンの口の形状で「あいうえお」のパターンを作る方法も「通常パラメータ」の特性を活かした方法です。
image.png

通常パラメータは1つのオブジェクト(アートメッシュ or デフォーマ)に複数のパラメータを登録すると、
3×3=9パターン、3×4=12パターン、3×3×3=27パターン……っと組み合わせ毎に全て別のキーフォーム扱いになり、別々の形状を登録することができます。

Live2Dパラメータ網戸

用途に応じて、通常パラメータとブレンドシェイプのパラメータを使い分けましょう。

ちなみに「あいうえお」はブレンドシェイプを使ったよりモダンな方法が公式サンプルの「虹色まお」で提示されています。「あいうえお」それぞれ単体でスライダを動かして形状を作ってあります。
image.png

実際のゲームに使ってみる

なんかすごい作例を載せる……予定でしたが、次のunity1weekにでも実戦投入してみて、その結果をリポートしてみいたいと思います。

ボーンアニメにLive2Dを敢えて使うメリット

  • ボク自身がLive2Dに慣れている
  • 動きの融通がめちゃくちゃ利く
  • ユーザー数が多いので人材を確保しやすい？

(個人の見解です)

おわりに

次はカワナミさんの「メッシュの頂点の数や配置は変えずに、つなぎ方のみ工夫するだけでもなんかうまくいくことがある」というお話 です。
たのしみですね。
Live2Dアドベントカレンダー2023

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?