Vket Cloudで、Mixamoからダウンロードしたモーションをアバターに実装する①【Mixamoからダウンロード - Vket Cloudで使える形式に変換】

# はじめに
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号を作成する方法について紹介します。

# 対象読者
* VketCloudSDKを実際に使ったことがある人
実際に使ったことがない人は[【ワールドの作り方：準備編vol.1】アカウント設定](https://magazine.vket.com/n/n8dbabbb95bc8)をご参照ください
* Vket Cloudで作成したワールドで使用できるアバターの設定を変更したい人

※プログラミング知識は無くても大丈夫です。

また、本記事ではアバター設定を行います。
アバター設定については[AvatarSettings・MyAvatarsSettingsの使い方](<https://zenn.dev/hikky_co_ltd/articles/529f726cdb2e48>)をご覧ください。

# 使用バージョン
Windows 10
VketCloudSDK 12.3.4

::: note warn
**注意！**
VketCloudSDK13.4.1以降では、本シリーズ記事に登場するコンポーネント名やコンポーネントレイアウト、SDK仕様が異なる箇所がございます。

SDKバージョンの違いによる変更点がある場合、その都度変更点の記載を行っています。
:::

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

となります。
本ページでは1,2を紹介します。

## Mixamoからアニメーションをダウンロードする

[Mixamo](https://www.mixamo.com/#/)は、Adobeが運営するモーションサンプルサイトで、無料でモーションをダウンロードすることができます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/79d2aec3-9a90-3668-66bb-d5b834c24188.png)

今回使用しているアニメーションはStanging Melee Combo Ver.2で、検索欄に「Melee」と入れて検索することで上位に出てきます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/5a7a16b5-23de-b5c8-cd26-f92e63a48687.png)
画面右上オレンジ色のDOWNLOADボタンを選択すると、上記画像のDOWNLOAD SETTINGSが表示されますが、設定を変更せず、そのまま右下のDOWNLOADボタンを選択します。

これで、アニメーションデータのダウンロードが完了です。

## アニメーションをUnityに取り込み、Vket Cloudで使える形にする

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/a8ee219c-4d1c-3881-fa6a-7faf664407f5.png)

ダウンロードしたファイルをUnity Projectビューで選択し、Inspectorビューを確認します。
RigタブのAnimationTypeが**General**になっているので、**Humanoid**に変更し、Applyを選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/2ea64f28-d91c-8b4f-9ec7-aa5a8e499c95.png)
次に、FBXを開き、中にある`mixamo.com`を選択し、Ctrl+Dで複製します。
複製することで、FBX外にアニメーションファイルが複製されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/d7736d9c-21f2-6a5d-1e19-35167ea65ae6.png)
複製して作成したアニメーションファイルは、適宜名前の変更を行いましょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/b77bdae8-6d48-0aea-8be1-73dfc4a1e1ee.png)
VketCloudSDK > Tools > HEM Animation Converterを選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/3aa4adf0-9ff4-aecd-0ed4-5d0938b8ca0c.png)
このような画面が表示されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/db5a08ce-644e-00a9-78b7-893921084791.png)
左側(Animations)に先程複製したアニメーションファイルを、右側(Model)は右上の「+」ボタンを選択します。
また、左側リストのHand IKのチェックを外します。

この状態でConvert Animationを選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/2639e989-b9c0-5cc1-bc3e-65a604e3660d.png)
保存画面に進むので、アニメーションを管理しているお好きなフォルダに保存を行います。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/a31d7ef1-a165-b533-61a6-e73adbed8499.png)
これで、Vket Cloudで使用可能なHEM形式のヒューマノイド用アニメーションが完成しました。

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