Unity初心者がUnityでLive2Dモデルを動かすため環境構築をした

# UnityでLive2Dを動かしたい
UnityでLive2Dを動かすための環境構築やサンプルモデルのインポートについてまとめました。
[【初心者向け】UnityとLive2Dで拡張しやすいVTuber配信システムを作る方法](https://qiita.com/nkjzm/items/1ba5dfc0575ed6ddd8ff)がとても詳しいので、基本この記事を見てもらってたら作れます。
自分はUnity初心者で躓いた手順があったので、それを補う形で記事を書きました。

__桃瀬ひよりのFree版が更新されmocファイルを作らなくてよくなったため手順を編集しました(2021/1)。__

## UnityでLive2Dモデルを動かす環境構築
1. 2Dで新しいUnityプロジェクトを作成  
2. Live2D SDKのダウンロード  
UnityでLive2Dを使うにはLive2d Cubism SDKをUnityにインポートする必要がある。  
SDKは以下からダウンロードできる。   
https://www.live2d.com/en/download/cubism-sdk/  
**因みに、(2019/01/13現在)Unity Editor 2019.2.11f1ではiOS、iPad OS、WebGLビルドエラーが起こるとのことなので、それよりバージョンの低いUnityでインポートしましょう。**  
Unity 2019.2.15f1だとプラットフォームWindows64bitで以下のエラーになって原因分からず困ってました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/245399/b3b19ff9-f425-1119-d6ea-4a5b4bd20000.png)  
Unity 2018に変えたらエラー起こりませんでした。  
3. UnityにLive2D SDKをインポート
メニュー　Assets > Import Packege > Custm Packege… を選択し、ダウンロードしたファイル(CubismSdkForUnity-4-beta.2.unitypackage)を選択。  
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/245399/0589678b-c54b-1e83-1720-60da2130a63e.png)  
以下のダイアログが出るので、そのままImportボタンを押下。  
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/245399/518da6e7-7364-d6b8-7dfc-88a67f5beeb1.png)  
完了したらUnityを再起動(Consoleのコンパイルエラーが解消される)。  


以下のAnimationのScenesがPlayボタンで動けば無事Live2Dを動かす環境が整ってます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/245399/5e0c3dd0-a900-b8f0-1834-9062ad8bd35e.png)

## サンプルモデルのインポート
1. モデルのダウンロード   
今回は以下のサンプルモデルから桃瀬ひよりのFree版を使います。  
(桃瀬ひよりはCubism3.0と新しいバージョンで作られているためこのモデルを選択してます)  
http://www.live2d.com/download/sample-data/  
__2021/1現在、mocファイルを生成しなくてよくなった（mocファイルも含まれるようになった）ため打ち消し線の手順は割愛してOKです。__  
~~https://docs.live2d.com/cubism-editor-manual/sample-model/~~  
~~ダウンロードしたzipを解凍すると以下のファイルが格納されているのですが、~~  
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/245399/69107ba0-b03e-37ef-e73c-5d3854ec21c7.png)  
~~UnityにLive2Dのモデルをインポートするときmoc3ファイルが必要です。~~  
~~Live2D Cubism Editorをダウンロードしてmocファイルを生成します。~~  
~~詳しい手順は、[Live2D Cubism Editor マニュアル moc3ファイルの書き出し](https://docs.live2d.com/cubism-editor-manual/moc3-file/#)を参考に。~~  
2. モデルのインポート  
~~mocファイルを生成したら任意のフォルダに以下のファイルを一か所にまとめて~~
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/245399/0644765f-4987-b8b8-78d9-b1ce4e6ebde6.png)  
zip解凍したフォルダをProjectタブのAssetsにドラッグアンドドロップすると、  
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/245399/4b003fd6-644d-989f-a3f2-0e160f2d4b0b.png)  
プレハブファイル(青いブロックのアイコン)が生成されます(画像は少し古いためファイル名などは異なると思いますがプレハブファイルは生成されているはずです)。    
**プレハブについて**  
プレハブは再利用可能なゲームオブジェクトで、オブジェクト指向言語でいうクラスと例える記事もあります([今日からはじめるUnity - Qiita](https://qiita.com/nmxi/items/7950fb12ef925efa276d))。  
プレハブをSceneに追加するとプレハブのインスタンスが生成されます。以下の手順3がそうですね。  
プレハブのインスタンスは、プレハブを変更すると、全てのプレハブのインスタンスにも反映されます。  
詳しくは、[Unity マニュアル　プレハブ](https://docs.unity3d.com/Manual/Prefabs.html)を参考に。
3. モデルをSceneに置いてみる  
Sceneを新規に作成してダブルクリックで選択し、HierarchyタブのScene(画像ではMain)に先ほど生成されたプレハブファイルをドラッグアンドドロップします。  
以下のようにモデルが表示されます。  
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/245399/45ebb42d-7f94-ee42-e405-cd79c481e177.png)  
ちょっと遠いので、Main CameraのSizeを小さくします。1をいれればこれくらい大きく表示されます。  
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/245399/62c2043a-52c2-6b0d-465c-2479069fe859.png)


Playボタンを押下し、InspectorタブのCubism PArameters Inspector(Script)のパラメータを動かした時、モデルが動いたら無事インポート完了です。