はじめに
今回はUnityを使って新しく表情アニメーションを作る方法を紹介します。
VRChat向けのシェイプキーを使ったアニメーションを作ります。
前提条件
Unity上にアバターが読み込まれた状態でスタートします。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-01-3.jpg)
読み込み方はこちらをご覧ください。
アニメーション作成
Projectを右クリック。
Create → Animationを選択。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-02-4.jpg)
名前をNew_Animなどに変更。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-03-3.jpg)
アニメーションデータを選択。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-15-3.jpg)
Loop Timeにチェックを入れます。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-16-3.jpg)
これでアニメーションデータの作成が完了です。
表情アニメーション作成
再生ボタンを押してPlayモード。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-04-3.jpg)
Projectでアニメーションデータをクリックして選択。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-18-4.jpg)
Hierarchyの3Dモデルにアニメーションをドラッグ&ドロップ。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-05-3.jpg)
3Dモデルの階層を開きます。
顔のメッシュを選択。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-06-3.jpg)
Inspectorを見ます。
BlendShapesを開きます。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-07-3.jpg)
Animationを開きます。
時間が0:00な事を確認。(白色の縦棒)
![](https://signyamo.blog/wp-content/uploads/2022/03/image-19-4.jpg)
出てない方はWindow → Windows → Animationより表示。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-20-2.jpg)
左上の赤丸ボタンを押します。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-08-3.jpg)
BlendShapesを動かして表情を作ります。
表情がキーフレームとして記録されます。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-09-3.jpg)
グレーの所でキーフレームを選択。
すると全てのキーフレームを一度に選択できます。
Ctrl+Cでコピー。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-10-3.jpg)
時間軸を1フレームだけ動かします。
Ctrl+Vでペースト。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-11-3.jpg)
干渉の防止
このままだと複数のシェイプキーが干渉していしまいます。
シェイプキーの記録が無い所が混ざるからです。
なので既存のモデルの表情のキーフレームを移植します。
![](https://signyamo.blog/wp-content/uploads/2022/03/add-01-4.jpg)
アバターのファイルを開きます。
初期状態の表情のアニメーションを探します。(幽狐さんの場合はDefaultFace。)
ダブルクリックで選択。
※無い場合は他の表情を選択してパラメーターをすべて調整
もしくは全ての表情関係のシェイプキーを手打ちで記録。
![](https://signyamo.blog/wp-content/uploads/2022/03/add-08-1.jpg)
アニメーションを開きます。
灰色の所で既存の表情キーを全選択。
Ctrl+Cでコピー。
![](https://signyamo.blog/wp-content/uploads/2022/03/add-02-2.jpg)
Projectで作成した方のアニメーションをダブルクリック。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-18-4.jpg)
0:00にCtrl+Vでペースト。
これで0:00が既存の初期状態表情になりました。
※初期状態が無かった場合はここで全てのシェイプキーパラメーターを調整。
![](https://signyamo.blog/wp-content/uploads/2022/03/add-03-1.jpg)
0:01のフレームを全選択。
Ctrl+Cでコピー。
![](https://signyamo.blog/wp-content/uploads/2022/03/add-04-2.jpg)
0:00に移動。
Ctrl+Vでペースト。
これで初期状態の表情が上書きされました。
![](https://signyamo.blog/wp-content/uploads/2022/03/add-05-2.jpg)
0:00のフレームを全選択。
Ctrl+Cでコピー。
![](https://signyamo.blog/wp-content/uploads/2022/03/add-06-2.jpg)
0:01フレームに移動。
Ctrl+Vでペースト。
これで干渉対策が完了です。
![](https://signyamo.blog/wp-content/uploads/2022/03/add-07-1.jpg)
コントローラーの削除
再生ボタンを押してPlayモードを解除。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-12-3.jpg)
製法上の関係で出来たコントローラーを選択。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-13-3.jpg)
Deleteキーで削除。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-14-3.jpg)
これで表情アニメーションの作成が完了です。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-15-3.jpg)
表情アニメーションの再生
再生ボタンを押してPlayモード。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-04-3.jpg)
3Dモデルにアニメーションデータをドラッグ&ドロップ。
これで表情アニメーションが確認できます。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-17-3.jpg)
再生ボタンを押してPlayモード解除。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-12-3.jpg)
製法上できたコントローラーを選択。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-13-3.jpg)
Deleteキーで削除。
![](https://signyamo.blog/wp-content/uploads/2022/03/image-14-3.jpg)
これでアニメーションの再生が完了です。
表情アニメーションの実装
こちらの方法を使って表情アニメーションを実装。
![](https://signyamo.blog/wp-content/uploads/2022/03/f9fd259376f1bb114dea573e096635c6-2-160x90.jpg)
するとVRChatに表情アニメーションを実装できます。
![](https://signyamo.blog/wp-content/uploads/2022/03/Animation_1.gif)
まとめ
今回は新規で表情アニメーションを作成する方法を紹介しました。
またシェイプキーを1から追加して実装する方法はこちらで解説。
ぜひこちらもご覧ください。
コメント