AnimationController (AnimationGraph) を使用してアニメーションを再生する

最終更新： 2023年3月14日

このページでは、Cubism のモデルで Cocos Creator の AnimationController (AnimationGraph) を利用する手順を説明します。

今回の例では複雑な設定を行わずに 2 つのアニメーションを繰り返すような設定になります。

概要

1. Asset ビューの Create asset context menu から Animation Graph を作成します。
2. Animation Graph を開きます。(ダブルクリックや選択中に Inspector の Edit ボタンを押す)

3. Animation Graph ビュー の適当な箇所を右クリックし、メニューから Add State – Animation Clip を実行して State を追加します。
4. 追加した State を選択し、Inspector の Animation Clip Motion -> Clip に モデルをインポートした際に生成されている AnimationClip を設定します。（セレクトボタンより選択、ドラッグ＆ドロップなど）
5. Entry から 最初に再生される State に Transition を設定します。
6. 続けて使用するアニメーションを(3), (4)と同じように追加します。
7. それぞれの State から遷移させるために Transition を設定します。

8. 作成した Animation Graph を Model の AnimationController に設定します。
9. CubismMotionApplier を Model に追加します。

以上で AnimationController を使用してアニメーションを再生するための設定は完了です。

Animation Graph における変数の設定や Transition の遷移条件の設定等の詳細は Cocos Creator Manual の Marionette Animation System を参照して下さい。