バーチャル美少女(?)と学ぶ！3Dキャラクター作成＆配信 のMac向け補足(OBS Studioの追加)

### 2022年7月26日に開催された[IBM Tech/Developer Dojoセミナー](https://ibm-developer.connpass.com/)の[”バーチャル美少女(?)と学ぶ！3Dキャラクター作成＆配信”](https://ibm-developer.connpass.com/event/253854/)に参加しました。Macユーザー向けの補足をまとめてみましたので、共有します。

このセミナーでは、下記の３つのパートに分けて紹介されますが、２と３を繋ぐ部分がMac版ではサポートされていないため、別のツールを使用する必要があります。

1. 3Dキャラクターをモデリングする（VRoid Studio）
2. 3Dキャラクターを動かす（3tene Free)
3. 3Dキャラクターを配信する(ZoomやWebExなど）

具体的には、配信ツール（ZoomやWebExなど）に3tene freeの3tene Screen Capture（仮想カメラ機能）をビデオ入力としてカメラの代わりに使用するのですが、この仮想カメラが3tene freeのMac版ではサポートされいません。[(3tene Mac版の制限)](https://3tene.github.io/WebDocument/#mac.md)

Macユーザーの皆さんは、セミナーの１と２の部分はセミナーコンテンツを参照していただき、３の部分に来たら、このコンテンツに戻ってきていただければと思います。

さまざまな、仮想カメラツールがありますが、今回は[OBS Studio](https://obsproject.com/ja/download)でうまくできましたので、ご紹介します。

## OBS Studio Mac版のダウンロードとインストール
下記のURLにアクセスして、リンゴマークを選択してから、ダウンロードインストラーを**クリック**して、ダウンロードなど好みの場所にファイルを保存します。
[https://obsproject.com/ja/download](https://obsproject.com/ja/download)!![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/ee5a9b1e-206b-dfb4-1538-52d7524d70ad.png)
[image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/57818b2e-f1e8-afc6-f20c-6262aaf464d3.png)

ダウンロードしたdmgファイルを開きます。そうすると下記の様なウィンドウが開きますので、appアイコンをAllocationsのフォルダーにドラッグします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/6aff9546-ed93-d6e9-2b21-8e7cb6e7f5dd.png)
これでインストールは終了ですので、上記のウィンドウを閉じます。

## OBS Studioの起動と設定
ここで、ここで、**3tene**のアプリを起動しておきます。
LaunchpadからOBSをクリックして起動します。
今回は仮想カメラ機能を使いたいので、**仮想カメラのみ使用する**を選択して次に進みます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/588e6fcf-be20-bca5-ba71-f4d769b4abbd.png)
次に進むと使用しているマシンから自動的に適切な設定がされますので、**設定を適用**をクリックして先に進みます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/39852fd7-c247-12ac-03a1-5302978b67c1.png)
OBSのメイン画面が表示されますので、仮想カメラに送り込む画面情報をセットしてゆきます。今回は、3teneの画面をキャプチャーして仮想カメラを通してWeb会議ツールなどに渡しますので、まずは、ソースの**＋**をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/6927efdc-4f5d-db9f-1699-df5c66c2b5c5.png)
まだ、**3tene**のアプリを起動していない場合は起動しておきます。
**＋**をクリックすると、下記の様な画面となりますので、**ウィンドウキャプチャ**を選びます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/ff7ba44a-e450-fd3a-0cc4-0ec994b21acf.png)
適当な名前を付けて**OK**します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/43f24ef8-0b78-dbf9-5fea-8d38003b073a.png)
**'ウィンドウキャプチャ’のプロパティ**画面となりますので、ウィンドウで裏で起動している[3teneFree_beta] 3teneFree_beta**を選択し、3teneの画面と同じものが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/6d3ae9a9-2ec5-16ad-78e0-8fa66be2c712.png)
下記の画面が出た場合には、MacのユーザーIDとパスワードを入れてOKします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/4d78264c-c64f-b5fa-a383-8978f85a584e.png)
そして、画面では見えにくいですが、キャプチャー画像の周りに赤枠がついていて、それをいじることで送る画像範囲を調整することができます。そして最後に**仮想カメラ開始**ボタンを押すことでWeb会議ツールなどでキャラクターを映し出す準備ができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/9a70f2a8-ff89-59eb-2e98-926467306d76.png)

## Web会議ツールでの設定例
#### Zoom, WebExの例
ZoomとWebExは、共にビデオの開始、停止ボタンの右にある**∧**または、**∨**を押すと出てくるカメラ選択一覧から、OBS Virtula Cameraを選ぶだけです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/18afe976-aa62-d2ab-eac8-46ab49487c56.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/e35b4ad3-e434-6959-e7e9-4bde760143c1.png)
#### Teamsの例
Teamsでは、アプリケーションのPreferenceから、Deviceの設定ページ内のCameraで、OBS Virtual Cameraを選択すればOKです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/314541/195552da-edf8-70f4-a1eb-882f27c7cee2.png)

これで、MacからもバーチャルキャラクターをWeb会議などに登場させることができる様になります。