アバターにカスタマイズオプションを追加する方法

提供されているAvatarFrogTestのアバターには、色やプロポーションなどのカスタマイズオプションという利点があります。以下ではその追加方法やデバッグ方法を学び、Animazeアプリでアバターの色やサイズをカスタマイズしたり、小道具を追加したりできるようになっていただきます。 

このテーマの詳細については、Animazeエディターマニュアルの、

それでは、始めましょう。

  1. エディターパネルカスタマイズオプションをクリックしてタブを開き、「新しいカスタマイズオプションを追加」ボタンを押します

Learn how to use Animaze by Facerig | 3D Avatars

2. 追加したいカスタマイズの種類(今回は「色」)を選択し、OKをクリックします 追加したいカスタマイズの種類(今回は「色」)を選択し、OKをクリックします

3. オプションがエディターパネルに追加されますので、それにテクスチャーを割り当てる必要があります。「色のカスタマイズ」タブをクリックして開き、「カラーマスク」ボックスをクリックし、アセットライブラリーからAvatarFrogTest_Body_CM2のテクスチャーを選択します

オプションがエディターパネルに追加されますので、それにテクスチャーを割り当てる必要があります。「色のカスタマイズ」タブをクリックして開き、「カラーマスク」ボックスをクリックし、アセットライブラリーからAvatarFrogTest_Body_CM2のテクスチャーを選択します

4. カスタマイズされたベーステクスチャーでも同じ操作を繰り返し、AvatarFrogTest_Body_CSTMのテクスチャーを選択します。

「マテリアルをターゲティング」を選択します。ここでは、「体」です。

5. 「マテリアルをターゲティング」を選択します。ここでは、「」です。

Learn how to use Animaze by Facerig | 3D Avatars

6. カスタマイズ・タグのドロップダウンリストでクリックして、「」のタグを設定します。このタグは、iOSアプリがカスタマイズオプションをグループ分けし、目、肌、髪などの分かりやすいカテゴリーに分類するのに役立ちます。


7. カラーマスクでは、アバターに1つ以上の色を追加することができます。3つのカラーチャンネルから成っており、機能させるにはそれらを追加する必要があります。「チャンネルマスクを追加」ボタンをクリックして、この手順を開始します。チャンネルターゲットのウィンドウが表示されますので、まず、赤チャンネルを選択します。

Learn how to use Animaze by Facerig | 3D Avatars

8. チャンネルがエディターパネルに追加されますので、それに色と正しいタグを割り当てる必要があります。赤チャンネルのタブを開き、カラーボックスをクリックして、カラーピッカーのウィンドウから新しい色を選択します。選択したら、OKを押します。

Learn how to use Animaze by Facerig | 3D Avatars

9. カスタマイズ・タグのドロップダウンリスト9.でクリックして、「肌」のタグを設定します。このタグは、iOSアプリがカスタマイズオプションをグループ分けし、目、肌、髪などの分かりやすいカテゴリーに分類するのに役立ちます。
 

Learn how to use Animaze by Facerig | 3D Avatars

10.「チャンネルマスクを追加」ボタンを再びクリックして、緑チャンネルと青チャンネルを追加し、この作業をそれぞれ繰り返します。


11. それでは、アニメーションのカスタマイズを追加しましょう。エディターパネルからカスタマイズオプションを開き、アニメーションタブに行き、追加ボタンをクリックします。 

Learn how to use Animaze by Facerig | 3D Avatars

12. 新たに追加されたカスタマイズを開いて「参照」ボタンをクリックし、.fbxファイルが入っているソースフォルダーを見つけ、アニメーションフォルダーを開き、ModifyProportions_Headのアニメーションを選択します。 

ソースフォルダーの場所と名前は保存場所とフォルダーに付けた名前により異なりますので、ご注意ください。フォルダーのデフォルト名は「AvatarFrogTest」です。ソースフォルダーはアセットフォルダー(\Holotech\Animaze Editor\Data\Assets)に完全にコピーされるため、このフォルダーでソースを簡単に見つけられます。

Learn how to use Animaze by Facerig | 3D Avatars

13. 「デフォルト値を計算」ボタンをクリックして、スケーリングアニメーションの中央値を計算します。ここで使用するスケーリングアニメーションはアニメーションタイムラインの中央付近にデフォルトポーズが備わっていますが、厳密な値を得るために、「デフォルト値を計算」ボタンでアニメーションを1000個のサンプルで評価し、各サンプルポーズをデフォルトポーズとチェックすることで、正確に合わせることを試みています。デフォルトポーズと合うアニメーションのパーセンテージが見つかったら、値のテキストボックスに入力されます。

Learn how to use Animaze by Facerig | 3D Avatars

14. カスタマイズ・タグのドロップダウンリストでクリックして、「」のタグを設定します。このタグは、 Animazeアプリがカスタマイズオプションをグループ分けし、目、肌、髪などの分かりやすいカテゴリーに分類するのに役立ちます。

Learn how to use Animaze by Facerig | 3D Avatars

  1. アバターには小道具のボーンも多少含まれており、帽子や眼鏡、ヒゲをそこに追加することができます。カスタマイズオプションウィンドウの全般タブで「利用可能な添付スロットを検出」ボタンをクリックします。こうすると、現在のウィンドウの添付タブに、小道具オプションが追加されます。Learn how to use Animaze by Facerig | 3D Avatars

  1. 添付タブで各小道具のカスタマイズを開いてそれぞれ(帽子、ヒゲ、眼鏡)に対応するタグを設定し、システムがそれらを認識して使用時にタブに従って小道具を取り付けられるようにします。下記のように、各小道具オプションに対してそれぞれ行ってください。

Learn how to use Animaze by Facerig | 3D Avatars


これで使用可能なカスタマイズをすべて追加し終えましたので、デバッガーを使って動作を確認しましょう。


17.「ツール」メニューに移動し、「カスタマイズ・デバッガー」を選択します。フローティング・ウィンドウが表示されます。

Learn how to use Animaze by Facerig | 3D Avatars

18. デバッガーの「」のタブで置き換えたい肌の色を選択し、カラーピッカーで色を選択して、結果に問題がなければOKを押します。このデバッガーの「保存」と「元に戻す」ボタンで新しい色を保存することも、前の色に戻すこともできます。

Learn how to use Animaze by Facerig | 3D Avatars

19. デバッガーの「アニメーション」タブをクリックしたままマウスを左右に動かすことで、アバターの頭のサイズを変更できます。このデバッガーの「保存」と「元に戻す」ボタンで新しいサイズを保存することも、前のサイズに戻すこともできます。

Learn how to use Animaze by Facerig | 3D Avatars デバッガーの「添付」タブで試したい帽子の小道20. 具をクリックして、ビューポートでアバターを見てみましょう。 Learn how to use Animaze by Facerig | 3D Avatars

21. 色タブへ行き、カスタマイズのプレビューのボックスからチェックをはずし、ウィンドウを閉じます。

Learn how to use Animaze by Facerig | 3D Avatars

ご注意いただきたいのは、カスタマイズ・デバッガーを閉じると、保存していないすべてのデータが失われ、アバターの状態、色、サイズが、カスタマイズオプションでテクスチャーの追加を追えたときのものに戻ってしまうということです。 


22. 作業を追えたら、階層パネルアイテムを保存します。保存せずにAnimazeエディターを終了すると、作業結果がすべて失われます。

Learn how to use Animaze by Facerig | 3D Avatars

このテーマの詳細については、Animazeエディターマニュアルの、カスタマイズオプション」のセクションでご覧いただけます。

©2020, Animaze, Inc. and the Animaze logo are registered and/or unregistered trademarks of Holotech Studios Inc.