『しかのこのこのここしたんたん』を踊りたい

# 初めに

公式がまた～にやって頂ける。ダンスモーションの配布
早速ダンスモーションを自分の３Dモデルで踊ったる！
って意気込んだはいいですがやり方を完全に忘れている。
と言うわけで思い出しながら今度は忘れないように自分用にメモ
そ書き残したいと思います。

https://x.com/kumi0708/status/1821459379410923815


以前はパリピ孔明の公式がダンスモーションを配布してくれましたね。

https://x.com/kumi0708/status/1526824465757130752


## ３Dモデルにまずリグを入れる
私の3Dスキャンデータにはリグ（骨）が入ってません。
まずはその３Dデータにリグを入れます。
Blenderとか3DのDCC toolを使って入れてもいいのだけど。
私にそこまで知識がないサクッとリグを入れてくれる
サービスとしてAdobe mixamoがあります。

https://www.mixamo.com/

mixamoにログインして
HPの右側にUPLOAD CHARACTERをクリックして
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/ad4be872-bb8a-db5c-adb7-edf1fc7cf090.png)
自分の3Dモデルzipファイルを
「Select character file or drop character file here.」
にドラックアンドドロップしてしばし待つ。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/660d2803-bbe6-7134-ee02-f8a417ef5a05.png)

ちなみに、zipファイルの中身はobj形式の3dメッシュデータとテクスチャの２個だけです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/ebf3f435-55e8-41bf-0c97-d7a007e18172.png)


右の方に書いてある文面は
「For best results, have your character in T-pose and fingers spread apart. Use arrow buttons to rotate your character and have its front face forward.」
訳すと
「最良の結果を得るために、キャラクターをTポーズ（腕を水平に広げた姿勢）で、指を開いた状態にしてください。矢印ボタンを使ってキャラクターを回転させ、正面を向かせてください。」

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/c7de3aba-9d3b-77df-5d0e-dff4a478da3b.png)
左側にある上下左右回転を使って真正面を向くように修正します。

私のスキャンデータ[Aスタン](https://gamemakers.jp/glossary/a%E3%82%B9%E3%82%BF%E3%83%B3%E3%82%B9/)を想定したのでけど。
mixamoは[Tスタン](https://gamemakers.jp/glossary/t%E3%82%B9%E3%82%BF%E3%83%B3%E3%82%B9/)mixamoのサービスを使う人はTスタンでスキャンしましょう！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/b47ed8b3-3da7-ad97-0cf3-bd6797ebcf9b.png)
右のサンプルと同じように自分のモデルの位置にマーカーを置きます。
CHIN（あご）
WRISTS（手首）
ELBOWS（ひじ）
KNEES（ひざ）
GROIN（鼠径部）

私の場合は下記に様になります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/f2852430-2557-1de0-d818-d85ff3500733.png)

その後はNext,Nextで。。。

リグが入ったデータできますので、左のモーション選ぶと好きなアニメーションが動いてくれます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/0322a868-adbb-22d8-db64-71ed6eea892a.png)

これからリグ入りデータをDLしますが私は余計なアニメーションはいらないので左上のSearchの所に
"T"を入れてT-Poseしている物を選択して自分のモデルをTのモーションを適応しときます。
（ここはお好きです。）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/d63baee6-31ee-8cb2-5626-c5845e561d45.png)

左のDOWNLOADを押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/161bf2fd-69f7-72be-769f-4d1e9a784217.png)

DOWNLOAD SETTINGS画面ではFormatを”FBX for Unity(.fbx)”に変更してDOWNLOADボタンを押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/48f4c867-da3e-4b8c-15fb-979d9458a81b.png)

これでmixamoの作業は以上になります。

### のこたんのダンスデータ
xのメッセージの中にboothのURLがあるのでboothに飛んでありがたく
モーションデータ頂きます。データの概要はサイトに細かく書いてありますので
内容を確認してください。

https://x.com/shikanoko_PR/status/1820462918246568382

#### unityでの作業
3dDataはmixamoにzipでアップしたデータが入ってます。
リグ入りのモデルデータのテクスチャ参照ようにです。

shikanoko_danceはboothからダウンロードしたダンスデータです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/059f612c-27d2-c0c6-9f8b-6140cf21df85.png)

上記のデータを用意した後mixamoのfbxをunityにインポートします。

インポートしたデータのRigのタブを教えて"Animation Type"を "Generic"から”Humanoid”に変更します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/f7020f71-9ec8-2a76-d2c3-c96e0413e814.png)

Applyボダン押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/9426911f-4ad8-cc90-04e9-37ec8cd61931.png)

これで、自分の３Dモデルの設定終わりです。
次にダンスデータのデータも"Animation Type"を "Generic"から”Humanoid”に変更します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/094518fe-5552-f202-6c71-03f7b7722cac.png)

アニメーションでーたをシーンデータの置いてある３Dデータにドラックアンドドロップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/2c2216fb-0df3-635c-1799-ce8862bd220f.png)

あとはLet's Playボタン！

![A.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/72812f00-00bf-b2a1-3878-f9a27be5ce6e.gif)


##### 最後に
公式にダンスデータを配布してくれるのは嬉しいですね。
でもいざデータ配布されたけど。どうやって遊べば？って
なった時に自分用にログ残してみましたけど。
偶然このqiitaの記事見てくれた人がやり方わからなくて困っている方の
お手伝いできれば幸いです。


ちなみに私の出来上がりは下記になります。良ければ見てください。
https://www.youtube.com/watch?v=dU0aBOrhYLE

私の３Dで手順をちょっと見てみたいという方用（いないと思うが。。）
私の3Dデータもアップ
https://firestorage.jp/download/de8fcb39f2f7ffe2f7d1d3cdf8f574c9a6544155
ダウンロードパスワード ig9b3077

###### OPと合わせたい人
配布データは0フレーム目にTポーズが入っていたりいたりとOPと合わせたいけど
上手くいかないって方用です。私はOPとなんとなくあってほしくて作業しました。
目合わせなので、完全にあっていませんけど。私の設定したものを数値として残しておきます。

shikanoko_dance->shikanoko_OPDance->shikanoko_OPDance_1(4)
までにOPのキャラたちのそれぞのアニメーションが入ってます。

各アニメーションの"Root Transform Rotation"の"Bake Into Pose"チェックボックスを入れます。
この項目はアニメーションつなげた時に最後の回転角が引き継いでしまいます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/5e87c561-cb08-73a1-9f39-2b5f9de13df3.png)

チェックボックス入れないとアサッテの方を向いていきます。（どこいくの～～）
![B.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/fff2ef5b-b3a7-67d8-5717-85ee42f5f013.gif)

ここからは私の設定になります。各アニメーションのStartとEndの数値を変更します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/df4a22d8-a690-c2e3-cbaa-9595fa85a8b8.png)

shikanoko_OPDance_1
Start 45 End 160

shikanoko_OPDance_2
Start 90 End 173

shikanoko_OPDance_3
Start 72 End 160

shikanoko_OPDance_4
Start 35 End 152

設定してダンスモーションを繋げます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/37068/2e0cb8a0-3a99-f4cf-e21d-66d5cf283855.png)

私はこれで上手くOPと連動が出来ました。
以上になります。

shikanoko_OPDance_4
の最後のアニメーションが最後シカにひかれて吹っ飛ぶところまではいっているのはかなり気に入ってます。