# あなたのPC画面をVR空間にしてみよう

無料配布されているユニティちゃんライブステージ！for Portalgraphを使ってあなたのPC画面をVR空間にする方法を解説します。Webカメラによる視点トラッキングとアナグリフ（赤青）メガネを使用します。カメラトラッキングは、1m以内の近距離での使用を想定しているため、30インチ以内のディスプレイで使用する想定になっています。

Portalgraphは画面の大きさ、位置とユーザーの視点を元に映像を生成します。そのため、システムに画面サイズとカメラの見え方を把握させるキャリブレーションが必要になります。

<figure><img src="https://2416823498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaJCTlOkQcgkhVMLcuHBm%2Fuploads%2FIFtCGX8CaW4GgUU1EZUv%2FIMG_7458.JPG?alt=media&#x26;token=afc46c16-b5aa-43c5-8085-ab54070496ea" alt=""><figcaption></figcaption></figure>

## 必要なもの

Windows 10以降のPC（GPU搭載、または過去5年以内のIntel Coreシリーズ程度のCPU）\
Webカメラ\
アナグリフ（赤青）3Dメガネ\
&#x20;　[https://www.stereoeye.jp/shop/index.html](http://toy-box.shop-pro.jp/?pid=4563970) (推奨)\
&#x20;　<https://amzn.asia/d/438qF7P>

## 使用方法

Portalgraphランタイムがインストールされてない場合は、事前にインストールします。\
<https://portalgraph.booth.pm/items/6256749>

次に、ユニティちゃんライブステージ！ for Portalgraphをダウンロードし、解凍し、UnityChan CRS.exeをダブルクリックして実行します。\
[ユニティちゃんライブステージ！ for Portalgraph](https://portalgraph.booth.pm/items/3234733)

<figure><img src="https://2416823498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaJCTlOkQcgkhVMLcuHBm%2Fuploads%2FgadibDU7c13xUoZXoaXW%2Fimage.png?alt=media&#x26;token=a240bed9-2826-4fab-a125-5e4e1984a17a" alt=""><figcaption></figcaption></figure>

カメラトラッキングアプリが自動で起動するので、カメラを選択して「適用」をクリックし、ユニティちゃんライブステージのウインドウに戻ります。

<figure><img src="https://2416823498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaJCTlOkQcgkhVMLcuHBm%2Fuploads%2FINya2B8TMmkXPCDTa545%2Fcamerapg.png?alt=media&#x26;token=4bb9c9a4-5b35-40a7-b4ab-39fbe601117a" alt=""><figcaption></figcaption></figure>

#### ※もしもカメラ映像が表示されない場合は

カメラトラッキングアプリとユニティちゃんライブステージを終了し、VC++ランタイムをインストールして起動し直してください。\
<https://learn.microsoft.com/en-us/cpp/windows/latest-supported-vc-redist?view=msvc-170>

Portalgraphアプリケーションの初回起動時はカメラトラッキングのキャリブレーション画面が表示されます（表示されない場合は、F12キーを押して設定画面を表示し、「次へ」→「カメラ」をクリックしてください）。

<figure><img src="https://2416823498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaJCTlOkQcgkhVMLcuHBm%2Fuploads%2FQmB9qlUXWjCl3pwKFOSh%2Fimage.png?alt=media&#x26;token=ce3bcd3f-49e0-4b1a-86ef-4c3f69e0cb9a" alt=""><figcaption></figcaption></figure>

画面サイズを入力します。

<figure><img src="https://2416823498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaJCTlOkQcgkhVMLcuHBm%2Fuploads%2FzoYFHzJ3IxFGNxuBuVTI%2Fimage.png?alt=media&#x26;token=db190df1-3ee2-4936-b892-a94817c01ade" alt=""><figcaption></figcaption></figure>

「閉じる」をクリックすると画面の中にユニティちゃんが現れるので、アナグリフ（赤青）メガネをかけると自由な角度からユニティちゃんが動いてるのが3Dで見られます。

<figure><img src="https://2416823498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaJCTlOkQcgkhVMLcuHBm%2Fuploads%2FIFtCGX8CaW4GgUU1EZUv%2FIMG_7458.JPG?alt=media&#x26;token=afc46c16-b5aa-43c5-8085-ab54070496ea" alt=""><figcaption></figcaption></figure>

Portalgraphアプリケーションは標準で以下のキー操作が出来ます。

WASDRF…前後左右上下移動（Shiftと同時押しで低速移動）\
QE TG ZC…左右、上下、傾き回転（Ctrlと同時押しで90度回転）\
12…スケール変更\
3…スケールリセット

画面のサイズ、傾きに合わせてちょうどいいカメラ位置、角度、スケールに合わせてください。

#### ※映像が歪んでる場合は

カメラトラッキングアプリは、標準で一般的なWebカメラの視野角（FOV）に合わせて調整されていますが、もしも大きく異なるFOVのカメラを使用している場合はカメラトラッキングアプリをキャリブレーションをしてください。

<figure><img src="https://2416823498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaJCTlOkQcgkhVMLcuHBm%2Fuploads%2FINya2B8TMmkXPCDTa545%2Fcamerapg.png?alt=media&#x26;token=4bb9c9a4-5b35-40a7-b4ab-39fbe601117a" alt=""><figcaption></figcaption></figure>

キャリブレーションをクリックするとカウントダウンが始まるので、カメラ真正面50cmの場所に目が来るように待機すれば自動で数値が設定されます。

<figure><img src="https://2416823498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaJCTlOkQcgkhVMLcuHBm%2Fuploads%2FCB72gJJtC3gZNAc2iyek%2Fimage.png?alt=media&#x26;token=a7dc372f-15db-45c6-be9f-4a4a797d044b" alt=""><figcaption></figcaption></figure>

もしもあなたのPCが一般的な16:9の画面ではなかったり、カメラが画面中央のすぐ上に無い場合は、正しく映像が表示されないので、ユニティちゃんライブステージ！アプリで以下を設定してください。

ユニティちゃんライブステージのウインドウでF12キーを押すと設定画面が開かれます。

<figure><img src="https://2416823498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaJCTlOkQcgkhVMLcuHBm%2Fuploads%2F3q1SAUiNy1HgfKSYBJxe%2Fimage.png?alt=media&#x26;token=31678ed2-de0a-4ba1-bdd7-2964e9ea7a69" alt=""><figcaption></figcaption></figure>

「次へ」をクリックします。

<figure><img src="https://2416823498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaJCTlOkQcgkhVMLcuHBm%2Fuploads%2FsoXuGtTBdwruxxr2Da6h%2Fimage.png?alt=media&#x26;token=2eb3248a-5e41-4ce4-8dee-3950fe5ed068" alt=""><figcaption></figcaption></figure>

「カメラ」をクリックすると、カメラトラッキングのキャリブレーション画面が開かれます。

<figure><img src="https://2416823498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaJCTlOkQcgkhVMLcuHBm%2Fuploads%2FQmB9qlUXWjCl3pwKFOSh%2Fimage.png?alt=media&#x26;token=ce3bcd3f-49e0-4b1a-86ef-4c3f69e0cb9a" alt=""><figcaption></figcaption></figure>

「上級モード」をチェックします。

<figure><img src="https://2416823498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaJCTlOkQcgkhVMLcuHBm%2Fuploads%2FToZDMdU5rdiqLDQ1QVVn%2Fimage.png?alt=media&#x26;token=a1416252-b34f-462e-8ea3-2dbd08140f86" alt=""><figcaption></figcaption></figure>

使用しているモニターのサイズを計測し、画面サイズにメートル単位で入力します。\
カメラ位置はドロップダウンで画面に対するカメラの位置を上下左右中央（Top, Bottom, Left, Right, Center）から選択し、そこに対する座標をメートル単位で入力します。XYZはそれぞれ、画面に向かって右、上、奥方向が正方向になります。\
カメラ角度はカメラが画面に対して垂直でない場合に入力してください（通常は変更する必要はありません）。

入力して「OK」→「閉じる」をクリックすると正しく見えるはずです。
