Zoomでバ美肉発表したい！(macOS)

macOSだけど自作のVRモデルでバ美肉したい人向けの覚え書きです。
声も合わせて変えるように設定します。
全て無料で出来ます。
大体はこのページの最後に書いてあるサイトを参照して作りましたが、自分でトラブルシューティングしたものやメモ等を書きます。
初めてのQiitaなので、間違っていることがあったら教えてください！

#### 環境
* MacBook Pro(Catalina)

#目次
[1.モデルを作る](#1-モデルを作る)
[2.リップシンクする](#2-リップシンクする)
[3.仮想カメラに出力する](#3-仮想カメラに出力する)
[4.声を変える](#4-声を変える)
[5.参照](#5-参照)


## 使うもの

* VRoid Stadio
* 3tene_beta
* OBS Stadio
* Gachikoe!
* soundflower
* LadioCast

インストールの際`開発元が不明なため`などポップアップが出て開けない場合はmacの`システム環境設定`->`セキュリティとプライバシー`->`一般`で`許可`または`開く`をしてください

#1. モデルを作る
VRoid Stadioをインストールします。
https://vroid.com/studio/

起動直後のアバターを選ぶ画面で右上の`Language`を`日本語`に変えてください。
モデルを作る際、0から作るのもいいですが、初めて作る方は自作キャラのイメージに近い髪型の子をサンプルモデルとして選ぶといいと思います。

**macの性能次第で後手の手順でつまづく可能性があるので、ここで一旦サンプルモデルをダウンロードしましょう。**

上部右の`撮影・エクスポート`タブから
`エクスポート`を選択して.vrm形式で保存するか、`VRoid Hubにアップロードする`(非公開設定可)方法があります。
私はVRoid Hubにアップロードしました。その方が3teneで使用する際若干楽なので特に問題なければその方がいいと思います。
pixivのアカウントが必要なので、未登録の人は登録してください。
ログインしてもモデリングの上でさほど問題はないので、プライベート用の人もそのまま使用して大丈夫だと思います。

#2. リップシンクする
モデルを読み込んで、3teneでリップシンクさせます。
以下のサイトでダウンロードしてください。
https://3tene.com/free/
ダウンロード後は`アプリケーション`フォルダに移動すると扱いやすいかもしれません。

![スクリーンショット 2021-02-20 0.55.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/5ffaca8d-03ca-6444-eef9-3fbc66e91725.png)
左側のバーの上から4番目にあるこのアイコンをクリックして.vrmファイルを選ぶか、VRoid Hubにアクセスしてください。
###### VRoidHubから抽出する場合
`ブラウザを起動する`を選択するとサイトが立ち上がるので待ってください。表示された認可コードをブラウザからコピーして3teneのテキストフィールドにペーストします。アクセス権については自作したものなら同意で大丈夫だと思います。
###### ファイルから選ぶ場合
`＋`のアイコンをクリックして先ほど保存した.vrmの拡張子のファイルを選択して開きます。


![スクリーンショット 2021-02-20 0.59.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/a71d5820-e3ff-c5eb-4120-b32a9c4141e7.png)
このアイコンでリップシンクをオンにします。手持ちのMacBookAirだとここをオンにすると落ちてしまうのですが、改善策があれば教えてください。
(追記:MacBookAirで外部ウェブカメラだと使える場合もあるそうです。再インストールも試してみてください。)
MacBookProだと問題なく使えました。

`トラッキングの開始`はこの状態にしてください。
![スクリーンショット 2021-02-20 12.46.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/11179881-31be-63e4-f70d-61aa01b4490d.png)

![スクリーンショット 2021-02-20 1.00.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/bfb1505f-0de9-6c3b-aa01-ddf58487990e.png)
リップシンク種類は`顔認識`がデフォだと思いますが、もし違ったらここで変えておいてください。
![スクリーンショット 2021-02-20 1.20.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/646d4988-d7c8-50f6-65a0-795bebad6d02.png)
デフォルトの状態だと反転してしまっていると思うので、顔の`フェイストラッキング(全般)`で`映り方`を`シンクロ`から`鏡`に変更しておいてください。

![スクリーンショット 2021-02-20 1.03.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/4a620a3d-ab4a-efa0-1508-dbeea04c2f87.png)
リップシンクとフェイストラッキングをオンにした後は、変な方向を向いていると思うので、必ずこのボタンを押してください。

![スクリーンショット 2021-02-20 1.03.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/4c1736d7-f077-0404-92a1-08d638b31ae9.png)
この後他の画面と重ねてモデルを使うのでこのアイコンで背景を緑にしておいてください。
![スクリーンショット 2021-02-20 1.06.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/7ab711f3-6e60-f986-f1ab-d28ded737f0b.png)
背景変更->色指定->緑

モデルの設定はこれで完成です。

#3. 仮想カメラに出力する
今回使用するOBS Studioはこちらのサイトでインストールしてください。
https://obsproject.com/

OBSの設定です。OBSを起動するとポップアップウィンドウで配信か否か聞かれますが、閉じてしまって大丈夫です。
![スクリーンショット 2021-02-20 1.13.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/a5f42a73-8f4b-7e2e-e575-9a736e0cc4da.png)
![スクリーンショット 2021-02-20 1.14.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/108e8780-7872-b87f-bae9-a157a783a1f7.png)

ソースのところを右クリックして`ウィンドウキャプチャ`を選択します。
`新規作成`を選択し、`空の名前でウィンドウを表示`にチェックを入れて
![スクリーンショット 2021-02-20 12.39.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/f48536fc-bd1b-44f9-4db7-cbdeb8193864.png)
`3teneFREE_beta`ウィンドウを選択します。ここで画面収録をセキュリティに求められるので、macの`システム環境設定`->`セキュリティーとプライバシー`->`プライバシー`->`画面収録`->`OBSにチェック`です。鍵を外して設定変更し、OBSを再起動します。

次に、同じように`ウィンドウキャプチャ`を選択し、モデルと重ねたい画面を選びます。ここで選びたいウィンドウが出てこない場合は、該当ウィンドウが最大化・最小化されていないか確認してください。

選択ウィンドウが表示されたら、同じ手順で3teneのウィンドウを選択します。
ウィンドウのトリミングは`option`+ドラッグでできます。
トリミングしたモデルのレイヤーを右クリックして、`フィルタ`を選択します。
![スクリーンショット 2021-02-20 1.16.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/066cb7b6-e37c-e4ec-72f9-2958099ac7bd.png)
下から二番目です。
![スクリーンショット 2021-02-20 1.17.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/55efd4f5-2d5c-7c71-2880-8925bc242834.png)
`エフェクトフィルタ`の`クロマキー`を選択すると、人物だけ抽出されます。

zoomを始める前に、
![スクリーンショット 2021-02-20 1.23.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/70f55552-ae69-7484-ba5a-aba808dc1c79.png)
`仮想カメラ開始`を選択します。
26.1より前のバージョンだと、仮想カメラを別でインストールする必要がありましたが、現在(2021年1月)のバージョンだとこのボタン一つで仮想カメラが作動します。必ずzoomに入る前に行ってください。入った後だとこの仮想カメラが認識されない可能性があります。

zoomに入ったら
![スクリーンショット 2021-02-20 1.19.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/97735cfb-ec04-30b4-f33b-c17037c9c217.png)
`カメラを選択`で`OBS Virtual Camera`を選択します。

声を変える必要がない人はこれで終了です。


#4.　声を変える
soundflowerとLadioCastとGachikoe!をインストールしてください。
soundflower: https://soundflower.softonic.jp/mac
LadioCast: https://apps.apple.com/jp/app/ladiocast/id411213048?mt=12
Gachikoe!: https://booth.pm/ja/items/1236505
LadioCastはapp storeから検索しても大丈夫です。

soundflowerはうまくインストールできない人は、BlackHoleがいいらしいです。

Gachikoe!の設定は![スクリーンショット 2021-02-20 1.25.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/e6fec42c-ce77-349b-c908-e1a0b86529bf.png)
上の`Option`を選択し![スクリーンショット 2021-02-20 1.26.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/3669264a-58c1-7a1f-b747-89e4b98f4d99.png)
`Audio Settings...`を選択します。
![スクリーンショット 2021-02-20 1.26.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/be8ee72e-8bbb-9e57-0145-ea5043f0a361.png)
Outputに`Soundflower(2ch)`を選択して、Inputはお手持ちのマイクか内臓マイクを選択してください。

次に**LadioCast**を起動して![スクリーンショット 2021-02-20 1.28.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/ff3253ae-e226-655c-de16-c315f8284d7e.png)
このように設定します。
![スクリーンショット 2021-02-20 1.28.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/408875/eb2166a1-bffb-e457-d859-a44632b2e58f.png)
zoomはマイクの設定を`Soundflower(64ch)`にして完成です。
この場合、LadioCastで出力した先をマイクにするのがコツです。

以上で終わりです。
ここまで読んでくれてありがとうございました。


#5. 参照
https://game.sukecom.net/vroid-obs/#i
https://silverbirder180.hatenablog.com/entry/2020/03/08/175607
#### VRoidモデル作成に関して
[VRoidのショートカット](https://vroid.pixiv.help/hc/ja/sections/360000076642--%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E4%BD%BF%E3%81%84%E6%96%B9%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89)
[WEARVIRTUAL2forVRoid](https://wv-vroid.glideapp.io/)(このサイトで服がDLできてすごい！)