#12「VIVE Pro Eyeのフロントカメラの解像度（性能）とAR機能を有効化について」【初心者】HTC VIVE Pro Eyeを使ってUnityでVRの開発を行ってみる．

#はじめに
[前回](https://qiita.com/RyoyaHase/items/5af948666a039d48a68d)まではアイトラッキング機能の開発を行ってきました．HTC VIVE Pro Eyeにはこれらの機能のほかにフロントカメラがついてるのでこのカメラについてメモしていきます．



環境一覧
[SteamVR](https://store.steampowered.com/app/250820/SteamVR/?l=japanese) 1.16.10
[Unity](https://unity3d.com/jp/get-unity/download) 2019.4.27f1 or 2020.1.17f1（動作確認済み，非対応なSDKあり）

[SteamVR Plugin](https://assetstore.unity.com/packages/tools/integration/steamvr-plugin-32647) 2.7.3
[Vive SRanipalRuntime Plugin](https://hub.vive.com/en-US/download) 1.3.2.0


追加アクセサリー
[VIVEトラッカー2018](https://www.amazon.co.jp/dp/B0748ZY323/ref=cm_sw_r_tw_dp_QDZSM4A3844PSM33DB3R?_encoding=UTF8&psc=1)
[Ovrvision Pro（ステレオカメラ）](https://www.amazon.co.jp/dp/B01N7H8YUM/ref=cm_sw_em_r_mt_dp_6TGRDF5BWQPW2PJ1H4WN)
[Leap Motion](https://www.amazon.co.jp/Leap-Motion-Controller/dp/B075T4MH77/ref=asc_df_B075T4MH77/?tag=jpgo-22&linkCode=df0&hvadid=342463500927&hvpos=&hvnetw=g&hvrand=13721783060484696807&hvpone=&hvptwo=&hvqmt=&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=1009320&hvtargid=pla-945077929421&psc=1)


使用PCスペック
インテル® Core™ i7-7700K
NVIDIA GeForce GTX 1070

- **環境作成編**

 #1 [Unityのセットアップをする](https://qiita.com/RyoyaHase/items/5a173b7acbdf9aa2cfff)　2021年 1月更新

 #2 [プロジェクトを作ってみる](https://qiita.com/RyoyaHase/items/7b2148e9034584db7420)　2021年 1月更新

 #3-α [Unity2019でVR開発のための環境を整える（SteamVR Plugin2.7.Xをインストールする）：推奨](https://qiita.com/RyoyaHase/items/36910ec8a0b3d8122f8c)　2021年 6月更新

 #3-β [Unity2020でVR開発のための環境を整える（SteamVR Plugin2.7.Xをインストールする）](https://qiita.com/RyoyaHase/items/b7b5f8a7110810c1c0f1)　2021年 5月更新

 #3-おまけ [UnityでVR開発のための環境を整える（SteamVR Pluginの最新版をインストールする）：非推奨](https://qiita.com/RyoyaHase/items/f8b4fb5b04d9f02aae49)　2021年 2月更新

 #4 [SteamVRのダウングレードと自動アップデートの停止（上級者向け）](https://qiita.com/RyoyaHase/items/0dab278b080f517032a0)　2021年 5月更新


- **コントローラの入力やトラッカー，HMDの位置座標，回転座標を得る＋α**

 #5 [VIVEコントローラのボタン入力を取得する](https://qiita.com/RyoyaHase/items/89ffc9d134b784b8ae50)　2021年 2月更新

 #6 [トリガーの押し具合やトラックパッドの位置情報の入力を取得する](https://qiita.com/RyoyaHase/items/81fa026f68aee02fa5d4)　2021年 2月更新

 #6-おまけ [VIVEコントローラを使った開発をする時のおすすめ設定（独断と偏見）](https://qiita.com/RyoyaHase/items/d622e1bb0e345cf78f4f)　2021年 5月更新

 #7 [ヘッドマウントディスプレイとコントローラの位置座標と回転を取得する](https://qiita.com/RyoyaHase/items/325e7250c01f47e7e63b)　2021年 2月更新

 #8 [VIVEトラッカー2018を有効化してUnity上で位置座標と回転を取得](https://qiita.com/RyoyaHase/items/015bbb8671833ef8e740)　2021年 5月更新

 #9 [VIVEコントローラの振動機能を開発してみる](https://qiita.com/RyoyaHase/items/0690761fed2e71f6d517)　2021年 4月更新


- **VIVE Pro Eyeのアイトラッキングを使ってみる**

 #10 [VIVE Pro Eyeの視線トラッキングを有効化（セットアップ）する](https://qiita.com/RyoyaHase/items/024f3589547d1af84a92)　2021年 4月更新

 #11 [VIVE Pro Eyeのアイトラッキングを使ってUnity上で瞬きや視線のデータを取得する](https://qiita.com/RyoyaHase/items/5af948666a039d48a68d)　2021年 4月更新

 #11-おまけ [VIVE Pro Eyeのアイトラッキングで計測できるデータについて（適宜更新）](https://qiita.com/RyoyaHase/items/044826488e763f896a0f)　2021年 4月更新


- **VIVE Pro Eyeのカメラを使ってみる**

 #12 [__VIVE Pro Eyeのフロントカメラの解像度（性能）とAR機能を有効化について（この記事）__](https://qiita.com/RyoyaHase/items/853938ec7c8745ec811c)　2021年 5月更新


- **小技**

 [プレイエリアの境界線（シャペロン境界）が表示されないように設定を変更する](https://qiita.com/RyoyaHase/items/57296d7753877afc6f34)　2021年 6月更新

 [Unity上でカメラを複数台追加してHMDやコントローラの動きを見る](https://qiita.com/RyoyaHase/items/4b4733503d53c8387db4)　2021年 6月更新


- **Ovrvision Pro（ステレオカメラ）を使ってAR開発してみる**

 ＄1-1 [Ovrvision Pro（ステレオカメラ）のセットアップをして実際に動かしてみる](https://qiita.com/RyoyaHase/items/262ad2133ee89d00b3cb)　2021年 6月更新

 ＄1-2 [Ovrvision Pro（ステレオカメラ）とHMDを使ってARアプリ開発する](https://qiita.com/RyoyaHase/items/4abcd90f0f2319c89114)　2021年 6月更新

- **Leap Motionを使ってハンドトラッキングしてみる**

 ＄2-1 [Leap Motion（ハンドトラッキング）のセットアップをして実際に動かしてみる](https://qiita.com/RyoyaHase/items/6891c21c8c21dcb08b2f)　2021年 6月更新

 ＄2-2 [Leap Motion（ハンドトラッキング）とHMDを使ったインタラクティブなアプリ開発する](https://qiita.com/RyoyaHase/items/b0f6cd1d7474286f99ed)　2021年 6月更新

- **アプリを作ってみる**

  [VR（仮想空間）上に曲面ディスプレイを作成して大画面で広角WEBカメラ映像を見る](https://qiita.com/RyoyaHase/items/cc57e67799c1b14ef15d)　2021年 5月更新

今回の記事では，

1．VIVE pro eyeのフロントカメラ解像度について．
2．HMD前面のカメラを有効化する．
3．実際にAR機能を試してみる．

という流れ．

#1．VIVE pro eyeのカメラ解像度について．
VIVE pro eyeには元々前面にフロントカメラがついていますがあくまでこれはAR用というよりかは障害物に当たらないようにするための安全装置的な意味合いが強いです．
性能としては **魚眼カメラ 640x480** とVIVE proの片目あたり1440 x 1600ピクセル（合計2880 x 1600ピクセル）と比べて低いことがわかります．そのためARのシステムを作りたければ別売りのAR用カメラを買いましょう．
![00.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/45f0e0aa-35bb-4d63-ea8c-ad5bf0baeb70.jpeg)


#2．HMD前面のカメラを有効化する．

まずSteamVRを起動する．
![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/2b711614-a972-4836-4279-eeede856cc82.png)

左上のメニューを開き「設定」を開く．
![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/df6ed9d3-b22c-86a0-899d-ebbc75ba3469.png)

タブに「カメラ」があるので切り替える．
![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/ae1c096b-11f9-0169-453d-41115c9a66f0.png)

デフォルトではカメラが無効になっているので有効にする．
![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/a8aee28e-5d79-12a8-7323-099ee7bdcc95.png)

有効化すると"STEMVRを再起動"を押す．
![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/e8495841-9717-d78b-6ba9-fc4dee6cfc12.png)

#2．実際にAR機能を試してみる．

これでとりあえず有効化ができたので実際に動かしていきます．
まずはRoom Viewをオンにします．
![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/f70c8685-536f-8390-480f-4f89787dffb7.png)

パラメータが色々と出てきます．
Room View StyleがARの表示方法を選べます．
![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/9c624690-0c72-10d4-211e-408aac4636e5.png)

とりあえず有効化した状態でコントローラーのスタートボタンをダブルクリックします．
![09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/4957922b-bb49-9442-41e4-1e676db38783.png)

するとAR機能がゲーム内で有効化されて実世界の情報が仮想空間上に表示されます．
![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/eb59d85f-bbbf-ea5b-c05c-d79007d68cf9.png)

試しにそれぞれの設定を動かしてみます．

COLORED EDGES：カメラの画像をエッジに変換して表示する．
![11.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/0502fc63-f36b-9580-1731-dee27bd1bc26.gif)

COLORED GHOSTS：カメラの映像を色の濃淡のみで表示する．
![12.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/46d2807b-5a76-56a9-121d-c1d2365f2337.gif)

TRANSLUCENT PASS-THROUGH：カメラの画像を半透明で表示する．
![13.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/cb18f3fb-2de9-306c-b4ca-b1c6a8c5cba0.gif)

OPAQUE PASS-THROUGH：カメラの画像をそのまま表示する．
![14.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/12c79261-1764-e6a4-a23e-e728b9ae2c9a.gif)

という設定になっています．
COLOREDの2種はそこまで遅れや画質が気にならないですがどうしてもカメラの映像をそのまま映すと遅れや画質が気になって酔いやすくなってしまいます．

なのでShow Camera on Controllorを有効化してコントローラ横に小さなカメラ映像の表示もできます．
![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/c22ba7ba-d5c1-e3e4-36a8-d62218ed2839.png)

こちらであれば画面も小さいのであまり違和感もなく見れるので酔いづらいです．
![16.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/bd994b6d-0c0c-6891-b05e-9789a3491156.gif)

最後にルーム協会にカメラを表示という設定です．
これは自身が設定したルームスケールの境界に近づくとカメラが有効化される設定になっており，障害物があって場合にはルームスケールの青い線だけでなく周りの状況がARで表示されるのでゲームに集中しすぎての万が一が起きない仕様になっています．
![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/0384d8c3-b645-8695-2fa4-74e89b3fe5d7.png)

これは本当に危機回避用の機能という感じですね．ルームスケールだけでは不安な人にはお勧めの機能です．
![18.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/9584fc14-3d9f-3a0c-58ab-9f9338024f15.gif)

とりあえずこれでHTC VIVE Pro Eyeにある機能はすべて触り，この開発記事はここで一区切りとなります．最後まで拙い記事を読んでくださった皆様が新しいVRの楽しみ方を見つけてくれるのを楽しみにしています．
これらの機能を使った自身の開発についてもちょっとづつ記事として書いていければと思っているのでぜひ時間があればそっちも覗いてみてください．