Vket Cloudで、Mixamoからダウンロードしたモーションをアバターに実装する②【新規プリセットアバターファイル作成 - アニメーション設定】

::: note info
本記事は、VR法人HIKKYのorganization下のQiita/Zenn両方に投稿しております。
:::

# はじめに
Vket Cloudで使用できるアバターには、モーションや持ち物を設定することが可能です。

![剣を振り回すVketちゃん1号.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/79743bd3-4581-e8d2-8924-9ddf75d5b297.gif)
本記事では、上記の剣を振り回すVketちゃん1号を作成する方法について紹介します。

# 手順
実装までの手順は、
1. Mixamoからアニメーションをダウンロードする
2. アニメーションをUnityに取り込み、Vket Cloudで使える形にする
3. **新規プリセットアバターの設定を立ち上げ、モーションの追加を行う**
4. **追加モーションを再生できるようにする**
5. 剣オブジェクトを作成し、アバターの持ち物として設定する
6. アニメーション再生中のみ剣が表示されるようにする

となります。
本ページでは、3,4を紹介します。

## 新規プリセットアバターの設定を立ち上げ、モーションの追加を行う
Vket Cloudのワールドのアバター設定は、VketCloudSettings内のAvatarSettingsにて行うことが可能です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/d57210b9-acfd-ff3c-2d05-328a6102e286.png)

VketCloudSettingsはVketCloudに基礎オブジェクトを作成を選択した際に自動で追加されます。

AvatarSettingsは初期状態では表示されておらず、VketCloudSettings内Vket Cloud Settingコンポーネントにて設定モードを**Advanced**にする必要があります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/20882fb5-5974-161c-2449-5ca6a579d485.png)

AvatarSettings内にあるAvatar Settingコンポーネントで**新規アバターファイル作成**を選ぶことで、アバターファイルを作成します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/a846b28d-f14d-4a56-0a18-c11ab36f6585.png)

ボタンを押すと、保存画面が表示されるので、アバターを管理するお好きなフォルダにお好きな名前で保存してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/81046bf6-eacd-bcee-dd6b-34d4deb5e5e3.png)

::: note info
アバターファイルの拡張子は**.asset**です。
:::

モーションの追加はモーションタブで行います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/7f6ba400-6f3c-12e2-4f4f-89dc7329f9ce.png)

下部に「+」ボタンがあるので選択し、項目を増やします。
モーション名を適切な名称にし、.hemに作成した.hemファイルを入れます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/d279ac86-4747-b884-7880-4fe3277ecce9.png)

モーションをループさせる場合は「ループする？」にチェックを入れます。

これでアバター側のモーションの準備は完了です。

最後に、作成したアバターをAvatar Settingのアバターファイル 0 に入れましょう。
ドラッグアンドドロップで更新が可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/f7284a5b-a7e4-c60b-e53d-1a98eafdc6d1.png)

::: note info
アバターファイルの各項目の詳しい説明については、[AvatarSettings・MyAvatarsSettingsの使い方](<https://qiita.com/vket_chan/private/8b80d224cad3b63c27e5>)をご覧ください。
:::

## 追加モーションを再生できるようにする
追加モーションを再生するために、ワールド内に「クリックしたらモーションを再生する」クリック判定を追加します。

まず、クリック判定となるSphereをシーン上に設置します。
Sphereには、HEO Action Triggerコンポーネントを付与します。

::: note warn
**注意！**
VketCloudSDK13.4.1以降では、**HEO Action Trigger**は**VKC Attribute Action Trigger**という名称に変わりました。
:::

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/be933af3-e576-352e-0d5b-30395b01f789.png)

アクションリストの「+」を選択し、「モーション」(Motion)を追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/9ffb61d6-f6d5-aad5-058b-ab87ab556adf.png)

モーション名に設定したモーションの名称を指定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/e7d8f41c-b85a-c3c9-a646-79be9f351911.png)

この状態でビルドを行い、Sphereをクリックすることで、Mixamoからダウンロードしたモーションが再生されます。

![素振りするVketちゃん1号.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/67fb44ba-f385-0a8c-3e9a-1894b046d3bd.gif)

これで、mixamoからダウンロードしたモーションをVket Cloudに実装することができました。

**前:** [Vket Cloudで、Mixamoからダウンロードしたモーションをアバターに実装する①](<https://qiita.com/vket_chan/items/926ae7ddaafce0df1fd7>)
**次:** [Vket Cloudで、Mixamoからダウンロードしたモーションをアバターに実装する③](<https://qiita.com/vket_chan/items/e7c5c118afe59761a208>)