#2「Unityでプロジェクトを作ってみる」【初心者】HTC VIVE Pro Eyeを使ってUnityでVRの開発を行ってみる．

#はじめに

[前回](https://qiita.com/RyoyaHase/items/5a173b7acbdf9aa2cfff)が環境のセットアップをしたので今回は実際にプロジェクトを作成してみる．Unityが2018だけどこのあたりの操作は一緒なので2019や2020で動かして大丈夫です．


環境一覧
[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．プロジェクトを作成する．
2．オブジェクトを追加してみる．
3．親子オブジェクトを追加してみる．

という流れ．

#1．プロジェクトを作成する．

プロジェクトタブから新規作成をする．

![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/05461180-16f9-41be-f4c4-1fbac1a81b10.png)

テンプレートは「3D」，プロジェクト名は適当に付ける．
保存先は分かりやすいところに変更しておく．

![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/45eb4413-c7d5-43dd-63c9-8d7b99c87b06.png)

プロジェクトを閉じた後にはUnity Hubから開き直すことが出来る．

![02-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/c5fc9baa-3050-9623-be19-9e642ee9c0d1.png)


#2．オブジェクトを追加してみる．

画面左の「Hierarchy」タブ内にはシーン内のオブジェクト一覧が表示されている．
デフォルトだと光源とカメラが置いてある．

画面下の「Project」内にはアセット（テクスチャや3Dモデル、スクリプトやサウンドデータ）一覧が表示されている．ここにプログラムのデータなどを置く．
デフォルトだとシーンのみが置かれている．


![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/37eaba8c-e82c-e965-35b1-1ec38fd44eda.png)

とりあえずMain Cameraを選択してみる．

![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/871e22fa-8542-3828-70d5-8274dc40ec13.png)

オブジェクトを選択するとインスペクターと呼ばれるタブが開かれる．
それぞれのオブジェクトにはComponentと呼ばれる詳細なパラメータの設定があり，その変更や追加が行える．

![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/791896c6-08f4-9f23-b941-35572286beda.png)

「Hierarchy」タブ（ヒエラルキータブ）上で右クリックをするとオブジェクトの追加ができる．

![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/de23efe9-f8fe-3418-9714-2166cb7beaf1.png)

試しに3D ObjectのCubeを作成する．

![07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/45cff394-9a2c-e3ea-8022-c314b0db577d.png)

オブジェクトが追加されるので，画面上部の再生ボタンを押すと，メインカメラから視点を確認できる．
止める際にはもう一度再生ボタンを押す．

![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/2fe1e293-837d-5ca6-6ed4-239d91de3cec.png)

![09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/84b1bb70-e755-1eb1-5e11-b978479587df.png)

画面左上のボタンで，オブジェクトの動かし方を選択でき，向きや方向などを変更できる．

![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/ae2fbf36-150b-ce89-b6bb-e0123837f6d4.png)


#3．親子オブジェクトを追加してみる．

同様に3D ObjectのSphereを追加する．

![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/b5a465a7-b90c-89f0-f132-94156f31ed04.png)

オブジェクトが追加されたら，ヒエラルキータブ上でSphereをCube上にドラックアンドドロップする．

![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/f016d002-de79-920c-b1e5-0939f53a2393.png)

オブジェクトが階層構造になり，位置を変える際や，回転させる際には同時に動くようになる．
解除したいときは適当な位置にドラッグアンドドロップすることで解除ができる．

![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/758746/33ce61ad-7960-9fac-b6cd-a1cfd23dfb23.png)


とりあえずこれでプロジェクトの大体の動かし方を掴む．
次回 [（2019.4.27f1版）](https://qiita.com/RyoyaHase/items/36910ec8a0b3d8122f8c)， [（2020.1.17f1版）](https://qiita.com/RyoyaHase/items/b7b5f8a7110810c1c0f1)はXR開発のための環境を整える．