VRoid+Webcam Motion Capture+OBS Studioでバ美肉デビューをする

## バ美肉(ばびにく)とは
 「バ美肉（ばびにく）」とは、バーチャル世界で美少女の姿を受肉する（手に入れる）ことを略した言葉のこと。
 
## 概要
本記事ではバ美肉を実現するまでの以下のプロセスを段階的に解説する。  

1. 3Dモデルの作成  

    使用ソフト：VRoid Studio
    
2. モーションキャプチャの設定  

    使用ソフト： Webcam Motion Caputre  

3. ビデオ通話への応用  

    使用ソフト： OBS Studio

3Dモデルのオリジナリティや、動かした際の動きの質などはプロのモデリストに依頼した場合や、高価なハードウェアやソフトウェアを使用した場合などに、どうしても劣ってしまうことを予めご承知おきください。

## 対象 

 - 3Dモデルを使用して、配信やビデオ通話などを試してみたいが、3Dモデルの開発や購入に障壁を感じている人
 - 現実世界に嫌気がさし、仮想世界に逃げ込む方法を探している人
 - ビデオ通話で実の顔を出したくないが、静止画のままでは味気ないなと感じている人


## VRoidとは  

VRoid（ブイロイド）とは、ピクシブ株式会社（pixiv Inc.）により開発された3Dキャラクターのモデリングを簡単に行える無料のソフトウェアまたはプラットフォームのこと。  

バーチャルYoutuber(Vtuber)や3Dキャラクターを使用したコンテンツ制作に利用される。 


VRoid公式サイト：　[https://vroid.com/](https://vroid.com/)

## Webcam Motion Caputreとは

Webcam Motion Captureとは、Webカメラを使用して3Dモデルのアバターを動かすソフトウェアのこと。

表情や瞬きではなく、手や指など全身の動きをリアルタイムで検知し、３Dモデルに反映することができる。  

無料プランもあるが、アバターを出力する際に以下のようなメッセージも表示されてしまうので、有料プランを使用することを推奨する。(2024/12/15現在 月額199円)  

![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/31c2fdd7-b4ec-354c-584e-40df2dc63784.png)




Webcam Motion Caputer公式サイト： [https://webcammotioncapture.info/ja/](https://webcammotioncapture.info/ja/)

## OBS Studioとは
OBS Studioとは、無料で使用できるオープンソースの動画録画・ライブストリーミングソフトウェアのこと。  

PC上のブラウザウィンドウやゲーム画面を配信したり、テレビ通話で表示させたりすることができる。  

OBS Studio公式サイト： [https://obsproject.com/](https://obsproject.com/)

## 環境・ソフトウェア情報

### ハードウェア情報
- OS Windows 11 Home Edition
- CPU Intel(R) Core(TM) i7-14700F
- GPU NVIDIA GeForce RTX 4070 Ti SUPER
- メモリ 64GB
- Webカメラ (動作すれば何でもよい)

### ソフトウェア情報
- Webcam Motion Capture 1.10.1
- VRoid Studio 2.0.1
- OBS Studio 30.2.3

## 手順.1 3Dモデルの作成
### 1.1 VRoid Studioインストーラーのダウンロード  
[公式サイト](https://vroid.com/studio)からインストーラーをダウンロードする  。

(Steamのアカウントがある場合はSteam版をインストールした方がソフトウェアの管理が楽になるので推奨)

![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/3885b002-9811-da4f-e118-8f059d9f1b56.png)


### 1.2 VRoid Studioのインストール
ダウンロードしたインストーラーを起動し、インストールを行う。

![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/137cdbe0-9012-e5e5-a6b0-82e185c8b6fc.png)


### 1.3 VRoid Studioの起動  
インストール完了後、デスクトップに以下のショートカットが表示されるのでクリックして、VRoid Studioを起動する。  
(表示されない場合はWindowsの検索から「VRoidStudio」と検索する)

![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/09ee5358-0a42-896a-9907-1693699b6fb4.png)


### 1.4 モデルの新規作成を選択
正常に起動すると以下のようにメニュー画面が表示されるので「新規作成」を押下。  

![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/51e2d05b-85ec-8e48-b090-619ea5ff4dae.png)


### 1.5 モデルのベースを選択
モデルのベースの選択画面が表示されるので、好みのモデルを選択する。  

![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/51292f53-fc06-ce8b-bf29-29c71c2d98a4.png)


### 1.6 モデルの作成
モデルの作成画面が表示されるので、好みのパーツの組み合わせでモデルを作成する。
詳細などは[こちら](https://vroid.com/studio)から  

(テクスチャの作成等高度なことも可能だが、最初はデフォルトのパーツの組み合わせで作ってみるのがおすすめ)


`右クリック + マウス移動`　３D回転  
`マウスホイールを押下 + マウス移動`　上下移動

![m4.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/640b6f6a-3b4e-1476-e7ff-3e109215390d.gif)


### 1.7 モデルのエクスポート
モデルが完成したら、画面右上のエクスポートボタン![9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/5d425bea-96bd-a588-9587-86368c5d296e.png)
を押下し、「VRMエクスポート」を選択する。  

![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/85a1ed37-ad1d-b6de-33d8-6df25329b87a.png)


### 1.8 ポリゴン・マテリアル・ボーンの削減設定
各プロパティの設定画面が表示されるので、GPUのリソースに不安がある場合は各値を調節する。  
設定完了後「エクスポート」ボタンを押下する。

![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/93c74c84-6f43-a73d-21a9-cafdd4e009fd.png)


### 1.9 VRMエクスポート設定
VRM設定画面が表示される  
今回はフォーマットとして「VRM0.0」を選択する。  
個人設定が目的の場合はタイトルと作者だけを入力すればOK  

入力後、「エクスポート」ボタンを押下するとVRMファイルがエクスポートされる。  

![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/7b473946-8d75-5f0d-12b2-47a2d784f78b.png)


## 手順.2 モーションキャプチャの設定  

### 2.1 Webcam Motion Caputreのダウンロード
[公式サイト](https://webcammotioncapture.info/ja/index.php#download)からダウンロードする。

### 2.2 Webcam Motion Captureの起動 
ダウンロードしたファイルを展開(解凍)し、展開したフォルダ内に格納されている「WebcamMotionCapture.exe」を起動する。  

起動後、スタートページが表示されるので「利用規約に同意する」を押下し、「無料で体験!」ボタンを押下する。

![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/c47f742e-7318-9db9-5215-149162233228.png)


### 2.4 VRMファイルのインポート
デフォルトのアバターが表示されるので、画面右上の「VRMファイル」ボタンを押下し、VRoidで作成したVRMファイルを選択する。  

![16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/a09168b1-6053-c47d-fe66-519319cc8b1d.png)


### 2.5 アバターの確認  

VRoidで作成したアバターが表示されるので、WEBカメラを起動し動作確認を行う。  

画面左の設定でアバターの位置や角度を調節できる(色々試してみるのがおすすめ)


![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/fd0c05c1-8321-d2b8-aa1c-430d9e3bcdfc.png)



## 手順3. ビデオ通話への応用
### 3.1 OBS Studioインストーラーのダウンロード
[公式サイト](https://obsproject.com/ja/download)でインストーラーをダウンロードする。  

![18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/f83149c0-9e62-1032-3bc8-4bfca203cb6e.png)


### 3.2 OBS Studioのインストール
ダウンロードされたインストーラを起動し、OBS Studioをインストールする。  
(基本的にデフォルトのままの設定でOK)  

![19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/f0899fca-dd7b-250f-f80e-f59d7899e808.png)


### 3.3 OBS Studioの起動
デスクトップにショートカットが作成されるのでクリック。  

![20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/594f7fcf-bf74-da8e-c3aa-c2e6f7c40027.png)


### 3.4 ソースの設定
起動後、画面下部の「ソース」セクションで以下のように操作する。  

`左クリック > 追加 > ゲームキャプチャ`  

![21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/0caa81ba-3752-0d4f-482b-f776d9f8bb02.png)


「ソースを作成/選択」ウィンドウが表示されるので、そのまま「OK」を選択。  

![22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/4231cd0f-bbe7-a02b-f3e5-e857cb5ad5ed.png)


「ゲームキャプチャのプロパティ」ウィンドウが表示されるので

`モード: 特定のウィンドウをキャプチャ`  

`ウィンドウ: [Webcam Motion Receiver.exe]: Webcam Motion Receiver`  

を選択し、「OK」を押下。  

![23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/5435e683-0f88-423a-86ee-2139183afe3f.png)


### 3.5 仮想カメラ起動
画面にWebcam Motion Caputreの映像が表示されているのが確認できたら「仮想カメラ開始」ボタンを押下。  

![24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/c0922b40-c47e-b2e0-642d-66b6f5e713d4.png)


### 3.6 仮想カメラ確認

本記事では動作確認にGoogleMeetを使用する。  

GoolgeMeetを開き、会議を開始する

カメラの設定で「OBS Virtual Camera」を選択する。  

![25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/69896324-7178-6191-8147-a08006d993d3.png)


設定に問題がなければGoogleMeetの画面に３Dモデルが表示される。

![26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/577c1087-a00e-d711-d788-befa192dcd0e.png)


終了する場合は「仮想カメラ停止」を押下。  

![27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/09d00089-00cf-8d38-40b2-5898ae4fa445.png)


## 補足

Webcam Motion Caputreのサブスクに加入した場合は以下のように映る。   

![28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/b11e7840-dfe8-f476-16bd-b6eebaa754f3.png)


## 終わりに
本記事では3Dモデルの作成→モーションキャプチャー→仮想カメラへの出力まで一通りの手順を解説した。  

簡易的な手順なので、活躍しているVtuberのような質を出すことはできないが、 私的利用の範囲なら十分使えるものであると思われる。

![m3.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3631355/66b23fb1-9958-7fff-cb41-94422324ee0e.gif) 
（アラサー男性がWebカメラの前で手を振るってのはどうも悲しい気分になる...）