#10「VIVE Pro Eyeのアイトラッキングを有効化（セットアップ）する」【初心者】HTC VIVE Pro Eyeを使ってUnityでVRの開発を行ってみる．

#はじめに
 [前回](https://qiita.com/RyoyaHase/items/0690761fed2e71f6d517)までで基本的な入出力を触ったので，今回からは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．SDKのダウンロードとインストール．
2．アイトラッキングのキャリブレーションを行う．
3．サンプルを動かしてみる．

という流れ．

#1．SDKのダウンロードとインストール．
[ここ](https://hub.vive.com/en-US/download)か「VIVE Eye and Facial Tracking SDK」と調べてSDKのダウンロードページを開く．
ログインを求められるのでVIVEポートのアカウントでログインする．
SDKのダウンロードページを開くとVIVE_SRanipalRuntimeとSDKのダウンロードあるので規約に同意してダウンロードする．
![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/6eb6af1c-822d-dafc-d804-f67db46a6da9.png)

まずダウンロードしたVIVE_SRanipalRuntimeをインストールする．
![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/d0214dd6-6c2f-4c44-9dfe-ec36de5d9ead.png)

特に何をいじらず先に進む．
![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/ad07784e-a6d6-9191-8fa1-4f850d8f6c6b.png)

ロボットがアイコンのSRanipalRuntimeがインストールされる．
![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/79671912-ce3c-9e12-af6f-dbd32644d3b5.png)

SRanipalRuntimeが動いているかはタスクバーのインジケータから確認ができる．ロボットのアイコンが表示されていれば問題なく起動している．
![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/bc6af553-36bc-74ad-0ff5-1a5e6fae6f72.png)

#2．アイトラッキングのキャリブレーションを行う．

SteamVRを起動し，メニューを開き「VIVE PRO EYE」アイコンを選択する．
![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/3f32bb33-d6b2-7d38-cff8-5e4113a6ff59.png)

アイトラッキングの設定画面が表示されるのでアイトラッキングを使用を有効にする．
![07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/cf557883-9887-af70-322b-eeb10c64aa60.png)

初回起動時には注意事項等が表示されるのでチェックした後「今すぐキャリブレーション」を選択．
![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/14927ce1-43a4-025c-90c5-6d9a525e5ae6.png)

アイトラッキングが有効になっているので「キャリブレーション」を選択する．
![09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/1f35266c-c81a-c926-eb5b-4e495f971c03.png)

キャリブレーションのための指示が表示されるのでそれに従って設定していく．
![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/029995b7-5f4c-d3f1-b505-90ed1eed9d7c.png)

すべて終了するとキャリブレーションに成功しましたと表示される．
![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/af1a3603-228b-6737-fe52-5c29122b6cb9.png)

しっかりとキャリブレーションされていれば視線を合わせた点が点灯するので確認してみる（精度は相当いいので違和感があればキャリブレーションしなおしてみる）．
![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/cc37f5bb-74c3-5e5a-63ec-f336b2d64526.png)

#3．サンプルを動かしてみる．

次にUnity上でアイトラッキングのデータを使用するために先ほどダウンロードしたSDKを解凍する．
![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/522374ea-bc12-14ad-2200-829bf6856969.png)

あらかじめSteamVR Pluginがアセットに追加されているUnityプロジェクトを開きAsetsタブからImport Package→Custem Packageを開く．
![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/7afdb189-d965-2641-ead1-47d187aeb4e5.png)

先ほど解凍したSDKの..SDK(v1.3.3.0等)/SDK/2_Unity/にある「Vive-SRanipal-Unity-Plugin.unitypackage」を追加する．
![16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/f3b77315-9dde-7483-520b-8fb5ef2d51dd.png)

確認画面が表示されるので「import」を選択する．
![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/7b02c24b-a726-9d3b-f291-2e12e267613f.png)

ViveSRというフォルダが追加されていれば問題なく追加されている．
![18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/b5c469ba-4d02-798d-1ed1-298fa7c5d5a5.png)

追加されたViveVR/Scenes/Eyeフォルダ内にあるEyeSampleを開いて実行するとおっさんが自分の目と連動して動く（正直キモイ）．
![19.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/6e3d3175-00d4-7e7d-586d-85ea973d5219.gif)

解凍したフォルダ内の..SDK(v1.3.3.0等)/SDK/2_Unity/Document/EyeにあるDocument_Unityから開発のためのドキュメントを見ることできる（次回は実際にこれを使ってプログラミングします）．
![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/8c10b0f2-469e-3154-a4de-5d49187830ed.png)

とりあえずこれでHTC VIVE Pro Eyeを使ったアイトラッキングのセットアップと開発環境の準備ができました．[次回](https://qiita.com/RyoyaHase/items/5af948666a039d48a68d)は実際にデータを瞳孔や瞼の開き具合，注視点等のデータを取得していきます．