カスタムキャストでゲーム実況動画を作成するまで

# カスタムキャストで動画作成するまで（2019/6/29現在）
## はじめに
色々なやり方があると思いますが、私が試したカスタムキャストでゲーム配信動画を作成するまでの手順を紹介します。

## 端末別ミラーリングソフト
今回はWindowsとiPhoneを用いましたが、スマホタブレットやPCによってミラーリングのソフトを変える必要があります。個人的にはミラーリングソフトは以下の組み合わせがいいと思いました。

| PC | iPhone | Android |
|:-----------:|:------------:|:------------:|
| Windowsの場合 | Lonely Screen | Vysor または AirMore |
| Macの場合 | Lonely Screen または QuickTime | Vysor または AirMore |

## 開発環境
- iPhoneX
- Windows **10**
- カスタムキャスト
- OBS Studio
- Lonely Screen

## 設定の流れ
- iPhoneXにカスタムキャストをインストール
- WindowsPCにLonely Screenをインストール
- WindowsPCにOBS Studioをインストール
- iPhone内のカスタムキャストでキャラを作成し、配信モードにする
- LonelyScreenでiPhoneの画面をWindowsPCへ表示させる
- OBSStudioでLonelyScreenの画面を表示させる
- OBSStudioでゲーム画面を表示させる
- 録画開始

## iPhoneXにカスタムキャストをインストール
- 特に難しい点はないと思いますので、以下のURLをご参照ください。  
　https://www.moguravr.com/vtuber-customcast-review/

## WindowsPCにLonely Screenをインストール
- 特に難しい点はないと思いますので、以下のURLをご参照ください。
 （これ見ればもうほとんど終わりかも。。。）
　https://douga-tec.com/?p=12146

## WindowsPCにOBS Studioをインストール
- 以下のURLからダウンロードしてインストール  
　https://obsproject.com/ja/download

## iPhone内のカスタムキャストでキャラを作成し、配信モードにする
- キャラを作成後、以下の画像の赤で囲んだ「配信」ボタンを押す  
![キャプチャ1.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/8bac4c6d-ece5-5bbf-f3d5-6c9e499901c3.png)
- 次へを押し、背景を緑色にする（私は初めから緑背景でしたが。）  
![キャプチャ2.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/06ea976e-1efc-889c-be30-86f1dfd18009.png)
- リップシンク、フリックの設定が続きますので、必要な方は設定してください。
- 顔認識が出てたらOK

## LonelyScreenでiPhoneの画面をWindowsPCへ表示させる
- WindowsPC上のLonelyScreenを立ち上げる。  
　![キャプチャ3.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/dcc7167c-fa00-137f-0034-f49a75d80e27.png)  
- iPhoneの右上の設定部分を開き、「画面ミラーリング」のところをクリック    
  （私はLonelyScreenを接続済みなのでLonelyScreenと表示されています）  
![キャプチャ4.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/f53c6e01-141c-74e5-26ff-9e4d56d49e4d.png)  
- 表示項目に「LonelyScreen」が表示されていますのでクリックすると、WindowsPCにミラーリングされます。  
![キャプチャ5.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/3c2dd82e-1136-1786-4d4a-2b3989ed981f.png)  

## OBSStudioでLonelyScreenの画面を表示させる
- OBSStudioを立ち上げる
- 左下のシーンの「＋」ボタンをクリックしてシーンを追加する。（名前は何でもOK）
![キャプチャ6.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/cad7ea85-7c9c-ad3e-c5aa-ae9eaefa5b4f.png)  
- ソース部分の「＋」をクリックし、ウインドウキャプチャプロパティのウインドウのコンボボックスを開くと、「LonelyScreen.exe」があると思いますので、選択  
![キャプチャ7.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/b1d746b4-3fa8-95ff-1a64-f793ae55de29.png)  
- すでにOBSStudio上にiPhone内のカスタムキャストが表示されていると思います。
- 赤枠の端をクリックして引っ張ると画像自体を拡大できますので、適切な大きさに調節してください。
- しかし、LonelyScreenの黒色の部分まで表示されていると思います。
- 黒色の部分を削るためには、下の画像の赤線で囲んだ部分を「Altキー」を押しながらドラッグすると、LonelyScreenの画像サイズを調整することができます。（黒色の部分を削れる）  
![キャプチャ8.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/02e6c1de-072a-96bd-eca4-804fb2c5840d.png)  
- シーン内のウインドウキャプチャを右クリックして「フィルタ」を選択  
![キャプチャ9.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/224ae5fa-16c0-0fca-aad7-b1b72c45a419.png)  
- エフェクトフィルタの左下の「＋」をクリックし、「クロマキー」を選択
- フィルター名を選択してくださいの部分は任意の名前で結構です。（今はクロマキーを選択）
- クロマキーフィルターの設定画面が出ると思います。緑色の背景の場合は設定不要で背景の緑が消えていると思います。そのまま閉じるで結構です。  
![キャプチャ11.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/3f4a6b9d-9910-5d0d-75b8-c07473e9035d.png)


## OBSStudioでゲーム画面を表示させる
- ソースの右下の「＋」ボタンを押し、「ウインドウキャプチャ」を選択します。  
![キャプチャ12.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/aa4932cb-d298-44dd-896c-57041e8c7b24.png)  
- 名前を決める画面は、適当な名前を選んでOkです。
- ウインドウキャプチャのプロパティの画面のウインドウのコンボボックスを開き、表示したいゲームの画面を選択します。（今は、Unityのエディタ画面を選択しています。）  
![キャプチャ13.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/a019264e-4321-1e11-2249-b0b4d838e491.png)  
- ゲームを表示しているウインドウキャプチャを選択し、ソースの「下↓」をクリックしてください。（カスタムキャストの画面を最前面にするということです）  
![キャプチャ14.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/f0d55a5c-5d86-ab83-4d41-974095e595a1.png)  
- 以下のような画面になれば成功です。あとは録画をするだけです。  
![キャプチャ15.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/e43eaeca-c11f-80ef-4de9-882a8d77609e.png)  

## 録画開始
- OBSStudioの画面右下の「録画開始」を押す。  
![キャプチャ16.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/8a7bf97f-4cbc-6d25-ca16-9fd74391ad2b.png)
- 録画終了する場合は「録画開始」が「録画終了」ボタンに変わっていますのでそれをクリック
- 画面右下の設定で設定した動画保存場所に動画が保存されます。

## その他
- OBSStudioの画面右下の設定ボタンをクリックし、設定の出力項目を選択すると、動画の画質やファイル形式の設定ができます。  
![キャプチャ17.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/104564/00767b6e-1d70-eb78-c9ef-ca034a0631ad.png)  
- 映像ビットレートを上げることで画質が向上するらしいです。