How to make Vtuber (with UnrealEngine4 & Live2D)

#０：用意するもの
###Windowsが入っているパソコン
OSXだとFaceRigが動作しない（BootCampを使用すれば良いらしいが）。
できれば、ゲーミングパソコンの方が、性能・発熱の面からオススメ。
<details><summary>もしも持っていないならば、普通のパソコンでも構わないが、覚悟する必要がある。</summary><div>
自分のノートパソコン(i5-6200U)だと、1280×720・7.5fpsでしか動かない（非常に暑い）
</div></details>
###Webカメラ
*Qiita読者諸氏の中に、Webカメラを自撮りで常用している人はおられるだろうか。*
ノートパソコンだったらおそらくついてる。デスクトップだったり、ついてなかったら買おう。
###UnrealEngine4.19
**4.19を選べ、以上でも以下でもなく4.19を選ぶのだ。**
[4.18では上手く動作しない](https://qiita.com/Polaris1080/items/7717a9db5b7cdce1d48c#%EF%BC%95%E5%AE%8C%E6%88%90)のでいけない~~し、4.20はまだプレビュー版である。~~
4.20でもうごく事を確認。

###FaceRig
FaceRig Live2D Moduleも必要なので、アドオンから同時に購入しておこう。



#１：Live2Dの設定
![SS_VT_11.jpg](https://qiita-image-store.s3.amazonaws.com/0/239082/187d37f0-2897-7279-8733-bac307eccd40.jpeg)
背景を**グリーンスクリーン**に変更して、**ブロードキャストに切り替え**を押しておく。



#２：扱うアセット

|種類|アセット名|画像|備考|
|:-----|:-----|:----:|:----:|
|レベル|IndexLevel|![SS_VT_21.jpg](https://qiita-image-store.s3.amazonaws.com/0/239082/92520112-10a8-8222-c50a-49b87e32d738.jpeg)|**すべて保存**を押したときにでも、保存しておけばいい。|
|サウンドプレイヤー|MediaPlayer_Sound|![SS_VT_22.jpg](https://qiita-image-store.s3.amazonaws.com/0/239082/37f17bd9-c078-f6e1-7839-da4c777073c6.jpeg)|**Create Media Player**のチェックを外しておく|
|ビデオプレイヤー|MediaPlayer_Video|![SS_VT_23.jpg](https://qiita-image-store.s3.amazonaws.com/0/239082/80050595-378f-1a6f-573f-e2e450c66b69.jpeg)|**Create Media Player**のチェックを入れておく|
|テクスチャ|MediaTexture_Video|![SS_VT_24.jpg](https://qiita-image-store.s3.amazonaws.com/0/239082/36ae7afe-63bf-aad8-d5eb-12c0593d8bb6.jpeg)|**MediaPlayer_Video**を生成したときに、同時に生成している。|
|マテリアル|MediaTexture_Video_Mat|![SS_VT_25.jpg](https://qiita-image-store.s3.amazonaws.com/0/239082/0babd4c8-892e-6e0b-5843-9ab52a4bad74.jpeg)|**MediaTexture_Video**を右クリックし、**Create Material**を押す。|
|アクター|Plane_Blueprint|![SS_VT_26.jpg](https://qiita-image-store.s3.amazonaws.com/0/239082/ec4f634f-9067-6397-f17d-04727812d6fc.jpeg)|エディタに**平面**を設置してから、**ブループリントを編集**を押す|

###Create Media Player
![SS_VT_1-2.png](https://qiita-image-store.s3.amazonaws.com/0/239082/4e8d49de-5fce-1162-1ff8-6dfc22d7be94.png)
**新規追加**→**Media**→**MediaPlayer**　を押したときに表示される。



#３：変数
アクターを開いて、以下の変数を設定する。

| 変数名 | 変数の型 | デフォルト値 |
|:--:|:--:|:--:|
|MediaPlayer_Sound|Media_Player|MediaPlayer_Sound|
|MediaPlayer_Video|Media_Player|MediaPlayer_Video|
|Uri_Video|String|後述|
|Uri_Sound|String|後述|

###ＵＲＬの取得方法
マイクのＵＲＬを取得するには、**サウンドプレイヤー**を開き、以下の通りにする。
![SS_VT_32.gif](https://qiita-image-store.s3.amazonaws.com/0/239082/29877659-2a7f-edb5-126b-37a6fa0b8c75.gif)
カメラのＵＲＬについても同様である。



#４：設定・スプリクティング
レベルに設置した**アクター**をクリックし、**詳細**を開いて、以下のように設定する。
![SS_VT_3-1.png](https://qiita-image-store.s3.amazonaws.com/0/239082/617d30e7-67dd-844e-465d-35db8d3d1982.png)

**ビデオプレイヤー**を開き、以下のように設定する。
![SS_VT_3-5.png](https://qiita-image-store.s3.amazonaws.com/0/239082/4c3550f2-913e-d0d5-b271-d18b84aa9852.png)
参考：　http://caramel.hateblo.jp/entry/2017/12/23/210749　より

**アクター**を開き、以下のようにノードを繋ぐ。
![SS_VT_41.png](https://qiita-image-store.s3.amazonaws.com/0/239082/76b7d6ce-115a-4bb7-9388-2399d7ae83bb.png)



#５：完成
![SS_VT_5-1.jpg](https://qiita-image-store.s3.amazonaws.com/0/239082/32454311-fcd7-b06c-2dec-eae20bc6e5bb.jpeg)
上手く行けば、このようになる。生放送するなり、録画するなり、好きにすればいいと思う。
[音声を録音したいならこちらへ(UE4.20)](https://qiita.com/Polaris1080/items/1ba8e8a00132abe99ce5)

<details><summary>4.18だとどうなるのか？</summary><div>
![SS_VT_5-2.jpg](https://qiita-image-store.s3.amazonaws.com/0/239082/f4027205-22d5-a620-44a0-fa1eab547728.jpeg)
このようになる。
それゆえに、[おかず氏も4.19になるまで黙っていた](https://twitter.com/pafuhana1213/status/964866132359331846)のだと思われる。
~~4.18で対応していれば、UnityにVtuberでのシェアを奪われなかった世界線もあっただろうに…~~
[なんかまじめにUE4でVtuberやってる](https://twitter.com/Tsubaki_VTuber/status/1046054186083913734)
</div></details>