VRスタジオの背景に全画面デスクトップを設置して配信を迫力あるものに

# この記事は？
VR機器を用いて配信を行う際、 **[バーチャルキャスト](https://virtualcast.jp/)** を使うと、背景にPCのディスプレイ画面を映しつつ、複数人の演者がその前に立ってパフォーマンスを行うことができます。本記事はその方法についてのメモ書きになります。映像 Credit: SpaceX
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2985906/c4d0e322-e1f5-0a2e-3457-f16e028e8cba.png)

:::note
すでにバーチャルキャストで配信を行った経験のある方に向けた内容です。
:::

:::note
執筆時点でバーチャルキャストの「スタジオ」は「ルーム」へ移行されることが決まっており、閲覧時点で本記事の内容は有効ではない可能性があります。
:::

:::note warn
ディスプレイを直接見ることができるのは配信者1人だけで、ゲストは各自配信画面をローカルの物理ディスプレイに全画面表示する必要があります。ゲスト側では遅延が数秒～数十秒発生します。
<details><summary>ナイショ</summary>NeosVRやVRChatならバーチャル内で遅延なくディスプレイ画面が共有できるらしいぞ？（Neosは導入が難しく、VRChatは配信に向いていない）</details>
:::

:::note alert
権利映像、権利楽曲の利用、ゲームのネタバレ、センシティブな映像の映り込み等に十分注意しましょう。
:::

# バーチャルキャストにおいてディスプレイを背景とするメリット
YouTuber、VTuberの配信ではPC画面を見せたい場合、主にクロマキーを使って人物・キャラクターをOBS上で合成しています。キャラクターを表示するためのアプリなどを別途起動しておく必要があり、場合によってはPCに大きな負荷がかかりますが、こうした合成をバーチャルキャスト単体で済ませてしまう事が可能になり、マシンパワーを画質向上に充てられるようになります。そもそもクロマキーが存在しない為、除去しきれなかった緑や紫のクロマキーのノイズがキャラの周囲に残ることもありません。クロマキーがないので衣装の色も自由に選ぶことができ、ゲストとの事前の打ち合わせも不要です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2985906/4735dbf6-5757-0e2b-da66-1729d155b472.png)
上の写真は **[saiさん](https://www.nicovideo.jp/user/12146817)** （向かって右の机に座っている）が現実で立体パズルを解いている配信。Webカメラの映像をディスプレイとしてVR空間へ投影し、私や **[しろひげちゃん](https://qiita.com/sirohige)** は大画面の仮想モニターとして観覧しています。視聴者に背中を向けているのはトーク番組等であれば論外ですが、あえて背中を向けることで日常の一コマを演出できています。

コメントだけでなく、視聴者はゲストとしてスタジオ内でより深く番組に関われるようになるため、長時間配信でもダレにくくなります。音声のやりとりもバーチャルキャスト内で完結するため、Discord等を使用する必要がありません。ワンオペでの複数人配信との相性が本当に良いのです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2985906/4430ced2-9887-d8bb-9d60-1ae1dd0b3d1b.png)
上の写真ではスライドを用いて解説をしています。だいぶ手軽になったとはいえ、各VRプラットフォーム内でスライドを表示させる場合、数クリックの変換作業が必要になりますが、バーチャルキャストスタジオのディスプレイ表示なら生のファイルそのままを表示することができます。この手軽さは他のプラットフォームにはない大きなアドバンテージです。

:::note warn
<details><summary>デスクトップ表示と配信の相性が良くないもの（クリックで開きます）</summary>
バーチャルキャスト自体がそれなりに高い3Dグラフィック性能を要求するため、PS5 / Xbox series X 相当の高いグラフィックを要求するPCゲーム実況配信には向いていません。そもそもHMDをかぶった状態でゲームすることが難しいので、ゲーム配信全般との相性はLive2D系の技術に軍配が上がります。一方でSwitch,PS4,PS5,Xboxなどゲームコンソール機からの外部映像入力との相性は良いようで、バーチャルキャストスタジオ内でのディスプレイ表示機能でゲーム実況配信されている方は多かったりします。先に難しいとしたPCゲーム配信も、ゲーミング用PCと配信用PCがあればコンソール機並みにハードルが下がるでしょう。
</details>
:::

# 必要なもの

+ **バーチャルキャストが配信できるVR機器とPC環境**
すでに用意できていて配信経験もあるものとし、ここでは割愛します。

+ **物理ディスプレイ**
1画面でも十分可能ですが、OBSなどの管理用に2画面以上あると配信がよりスムーズになります。
配信にはいずれか1つの物理ディスプレイを使用します。

+ **物理ディスプレイの解像度**
背景に用いる映像はディスプレイに限らず、高解像度であることが望ましいです。縦横比率16:9、1080p 以上の解像度が推奨されます。縦横比率21:9などのワイドディスプレイも問題なく表示できますが、左右が切り抜かれてしまうか、上下を表示しない形に縮小して全画面を表示するなどの工夫が必要になります。
曲面ディスプレイはVR空間内では平面に変換されます。 

画面解像度としてバーチャルキャスト側では出力映像に最高1080p(1920x1080)の制限がありますが、2K、4Kモニタを使用しても問題はありません。 **4Kモニタはバーチャルキャスト内でも4K解像度で表示されるため、** より高画質で出力できるだけでなく、HMDの解像度次第では **物理ディスプレイよりも高画質・大迫力で見ることができます。**

### 必須ではないけどあると便利

+ **[OVR Advanced Settings](https://store.steampowered.com/app/1009850/OVR_Advanced_Settings/)**
空中浮遊ができるSteamVRアドオン（無料）。数メートルサイズになるディスプレイを上空から設置作業を行うことができ、大変便利。

+ Elgato - Stream Deck
キートップにカスタム画像、アニメーション、ステータス表示を設定できる物理キーボード。一般的なマクロキーボード・拡張キーボードとしても使える大変便利なガジェット。なによりかっこいい。
参考： **[オモイカネ杯での利用例](https://note.com/omoi0kane/n/ndb0f4c5fc8f3)**

# バーチャルキャスト内での準備

公式アイテムの「ディスプレイ」から、バーチャルキャストが起動しているPCに接続されている物理ディスプレイが選択できると思います。VR空間内で表示させたいディスプレイを選択しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2985906/496b1d86-f507-c429-9d95-764028be2dfb.png)

以下がスタジオでPCのディスプレイを出した直後の状態。初期状態のディスプレイはサイズが小さく、位置もまちまちです。これからこのディスプレイをモニターカメラのサイズに引きのばして設置していきます。モニターカメラは16:9、VRスタジオ内での横幅が180cmあります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2985906/6f9f2668-7b07-184a-2635-7edd198c7510.png)

:::note warn
スタジオでのモニターカメラはサイズ固定。ルームではサイズを変更することができます。縦横比率はいずれも16:9で固定。
:::

位置の決定には **[らんさん](https://seed.online/users/100814)** の **「[ルーム仮対応_モニターカメラ表示範囲可視化ツール](https://seed.online/products/54204af6a09bcdd3001dc3591bdfb184b579b31e18feca4bc4b3e0a5ac2383af)」** （下図）を使います。仮にアイテムが削除されている場合はTHE SEED ONLINEから **「[モニターカメラ](https://seed.online/search?text=%E3%83%A2%E3%83%8B%E3%82%BF%E3%83%BC%E3%82%AB%E3%83%A1%E3%83%A9&searchType=text)」** で検索するとよいでしょう。

スタジオ背景のロケーションには **[瑞姫 亞希乃さん](https://seed.online/users/100012)** の **[「グリッド実験ドーム (直径1km)」](https://seed.online/products/0503036809b6d1c44be770a9c20bc82db5a45d46516abbf67e830ee445c33a96)** を使っています。後述しますが床が透けているのでディスプレイの一部が地下に潜っても位置決めがしやすいです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2985906/d4d3a5bf-b0fc-4f75-0a25-acb6ba29c661.png)

上の画像ではモニターカメラとディスプレイの距離が2mですが、これでは演者が動いたりアイテムを配置することが困難です。モニターカメラから5m以上離すと適度にバーチャル空間を活用できるようになります。 **おすすめは10mです。** 可視化ツールをトリガーボタンでUseしていくと1段階づつ遠くに表示されるので見やすい位置を探っていきましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2985906/00284e9f-be66-5ca3-afab-3f5867087d53.png)

以下はHMDから空間内のディスプレイが距離によってどう見えるかの図です。
これはSteamVR側での内部的な表示イメージであり、HMD上では小さく切り抜かれたものが視界いっぱいに表示される、と考えてください。
一見すると3m離れていれば全部見えそうですが、Valve Indexでは周辺が切り取られて視野に入りません。10m離して画面がすべて見え、かつ適度に大画面で見られるようになります。さらに離していけばより画面を小さくできますが、モニターカメラ側に全画面で表示させるために空間内におけるディスプレイサイズも巨大化するため、10mと50mでは見た目の差は少なくなります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2985906/66b0b593-d9f6-855b-4f27-eb83917f4b90.png)

ディスプレイを背景とするにあたっての最大の障害がスタジオのロケーション。モニターカメラの設置高さにもよりますが、身長160～170cmのアバターをバストアップで映す場合を想定してモニターカメラを設置したとします。この場合3mの距離まではディスプレイは地上に表示されますが、それ以上離すと下半分が地下にもぐってしまいます。 **床のないロケーションを使いましょう。**
使用したロケーション ： **「[どこかの田舎道](https://seed.online/products/011f2d0c78ef498c0659a4a5c4c1ece628539645da9f3ca5ea8314ed8e85405c)」**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2985906/1c54de41-61c8-45b8-3218-dadb8ff75423.png)

- - -

THE SEED ONLINEの検索から床なしのロケーションを探すのは困難です。（バーチャルキャストさん改善して！）
床なしの一例として **[瑞姫 亞希乃](https://seed.online/users/100012)** さんの **「[AllSky](https://seed.online/products/3b50e55b84aa89fca35f47e6f1ff89e16200b349501efc21e5b6561c8c00d09a)」**、**「[日本列島360_1](https://seed.online/products/4b3dd5460d463850dcc4bf64a57e28e4199175d8e4ee6b7e8d07d1b93851165f)」**、**「[8k宇宙から見る地球](https://seed.online/products/617372c89799b34f59ce6fe5366f2c5506182cbdc58c92cc7febeaf3010b095c)」** などがおすすめです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2985906/d9661902-7ad7-d1c2-ce91-002cde63ca56.png)

「AllSky」を使ってみました。スッキリ置けそうですね！

:::note alert
床がないので高所恐怖症の方は注意が必要です。また平衡感覚にも影響が出るのでHMDをかぶった状態では転倒のおそれがあります。割とすぐ慣れますけども・・・
:::

# ディスプレイを配置する
あとはアイテムとしてのディスプレイを可視化ツールに合わせて手作業で配置していきます。ディスプレイなどのアイテムは両手Grabで拡大、縮小します。背景のロケーション例として **「[日本列島360_2](https://seed.online/products/0b5cd4d0f8470eeb9cf845c86af3a1146fb66585401af817e24bcefbece40f9d)」** を使用しています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2985906/6aa2f9c6-6a7c-1db4-8e5d-87ab5f34efe0.png)

:::note
全画面にする必要はありません。ディスプレイを小さくし、右隅を開けることでコメント窓やアバター表示スペースを設け、よく見るVTuber配信のスタイルにもできます
:::

モニターカメラ上で大雑把に位置決めをしたら、最後の微調整はOBSに渡すVirtualCastのウィンドウとにらめっこしながら行います！終わったら可視化ツールは削除しておきましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2985906/c0bdc856-f458-c49f-ef32-8415c9e028b5.png)

:::note warn
きっちり合わせようとこだわり始めると微調整だけで15分以上かかります。ほどほどに。
:::

おつかれさまでした。