自作3D（Magica Voxel)をBlenderを使ってUnityで動かす備忘録

最初に参考記事。ほぼこのまま作成していますが
少しバージョンが違ったり、うまく行かないところもあり、その変更点を反映＆注意点とか分かりやすくまとめておく備忘録です。

使用ソフトは
- Magica Voxel(0.99.6)
- blender(2.92.0)
- Unity(2019.1.9)
です

https://github.dev7.jp/b/2015/12/15/precureadv20151213/

https://am1tanaka.hatenablog.com/entry/2018/03/26/123815

#事前準備
http://github.dev7.jp/myvox/asset/base.vox
http://github.dev7.jp/myvox/asset/BaseArmature.blend
これらをクリックしてDLします


#voxelで作業
###まずアプリ開きましょう！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/76262b1f-f44f-b0ae-fa2c-646b48831f22.png)

赤い枠の『ファイルを開く』でvoxファイルを開く。
![スクリーンショット 2021-05-15 21.36.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/ad31a936-21ac-7f51-d111-ff943f585850.png)

青いのは消しゴムで消して、こうなりますね。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/232423a1-a1d0-9035-07cf-e2adeae83217.png)

###頑張って作る
女の子作りました。髪がこだわり。※手足とそれ以外の部分が触れないように気をつけてくださいね。じゃないと髪と手足が一緒に動く不審な挙動をするそうです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/6943e6f1-e81d-7f29-fc1f-ad2b50cb5264.png)


###objで出力
右下の「Export」-「obj」をクリックし、obj形式でモデルデータを出力

![スクリーンショット 2021-05-15 22.36.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/82f4b467-68b3-a8fc-879c-a9ce99771bbd.png)

#Blenderで作業
Openで最初にDLした「BaseArmature.blend」を開く
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/43eeccd7-f1ae-9f78-1567-77fa1c427e93.png)

File>Import>obj でさっきvoxelで書き出したobjファイルを読み込む
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/e6fa1a0d-b5c4-44a6-7c27-1605298785da.png)

こうなるわけです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/96c0f2ab-8881-b59e-3fa1-d1dbce95b715.png)

このモード（右下の丸いのを変える）にしたら色が見えるっぽい
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/65cc936d-cdde-9359-5397-1aadc1eeaa23.png)

voxを選ぶ


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/95a5c854-5c36-1688-3370-602829517695.png)

tabを押すと選択しているものが編集モードになる。こういう表示
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/36c731ee-c73a-2670-be4a-58bc55f8f881.png)

キーボードのAを押して、全体をオレンジにしよう
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/ba3b1931-83ae-ed3e-9674-46eaecb4765e.png)

Shift+Cで赤と白の円を原点に戻しておくらしい
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/2d713b79-0883-ec06-b93d-a0c35bead957.png)


キーボードのSで大きさを調整してだいたいぴったりにしておこう
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/6f5b42e9-0e01-c181-f451-826bc82dbc4c.png)

オレンジに選択した状態で、Mesh＞Clean up＞Merge by Distanceをしておく！*これは動かすときに隣り合った3Dモデルの立方体同士がスムーズに動くために、接している点をマージして一つにしているらしいです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/9759d141-4b43-4170-472d-bae3c8b3353d.png)

shiftでモデルとボーンの両方を選択する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/6ad8689a-4e04-c4ef-9ba9-41109898b87b.png)

Object>parents>with Automatic weights ＊この操作でボーンと体をくっつけます！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/7281b5fa-4731-c816-460b-145ec4d008e2.png)

左下からposeModeを選択。ポーズを確認する　＊思い通りに動くかな？
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/53e971c0-c2d0-5454-402a-a5679bd07bde.png)

ポーズモードについてはこの辺りを参照

https://styly.cc/ja/tips/blender-modeling-start5-1/#i-7

###書き出す　
File>Export>FBX
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/35567b1a-fad0-df21-56f4-b11b47ee034f.png)

#Unityで作業
###とりあえず書き出したFBXをインポートする

###fbxファイルを選択＞Rig>Humanoid＞Apply
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/7aa17fba-b66b-e1e6-7133-b0bcf5ff2e92.png)
*私はここがうまく行かなかったので、うまく行かない場合はConfigureからモデルがうまくインポートされているかチェック！


###インスペクターのチェックボックスをこれに合わせる>apply
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/4b732d96-e5e1-c311-412d-c7e242389361.png)

###マテリアルの設定
①blenderファイルを選択＞Materials>Extract Materialsをクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/8270d902-4739-8d9c-cdc9-51e039dbe258.png)

②Materialsというファイルを新規作成しよう

③Materialsの中にpaletteができる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/91d8fdd5-4d46-ae6d-dcdf-5f3495334155.png)

④最初に使ったvoxelでobjを書き出したファイルの中に「pngファイル」があるので、探してきてインポートし、paletteにアタッチしよう！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/03ebff2e-1b11-6797-d4af-5a272f4ed2c3.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/5d14ce22-775b-3c41-c95b-3613989c5aff.png)
色がつくよ〜！



##今回は一旦ここまで。あとは動かすのは割と自由にできるけど、Unityちゃんアセットを使うとすごく簡単にできるので、完成動画だけ載せておきます
![ダウンロード.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394213/16c2856c-f252-412e-722f-3d32bfb90d40.gif)


可愛いですね。ちゃんと次回までに動かすところも記事にしますが取り急ぎここまで！