HoloLens チュートリアル (Holograms 101E - 1 "Holo" world)


## はじめに

いよいよ、1 月 18 日に発売になる [HoloLens](https://www.microsoft.com/microsoft-hololens/ja-jp) ですが、発売までに、開発環境の準備とエミュレータでのチュートリアルを試しておきたいと思います。

![503s.png](https://qiita-image-store.s3.amazonaws.com/0/20418/5945500d-ecd8-a1af-33c3-e7d38c1b6c40.png "503s.png")

## 開発環境

こちらの[チェックリスト](https://developer.microsoft.com/JA-JP/WINDOWS/HOLOGRAPHIC/install_the_tools#installation_checklist)の通り、以下をインストールしました。

- Visual Studio 2015 Update 3
- HoloLens Emulator
- Unity 5.5
- Vuforia

Vuforia は development license を取得したけど、チュートリアルを行うのには必要ないのかな？

## チュートリアル「"Holo" world」

まずは取り急ぎ、「[Holograms 101E: Introduction with Emulator](https://developer.microsoft.com/ja-jp/windows/holographic/holograms_101e)」の「[Chapter 1 - "Holo" world](https://developer.microsoft.com/ja-jp/windows/holographic/holograms_101e#chapter_1_-_.22holo.22_world)」を試してみます。

予め[チュートリアル用のファイル](https://github.com/Microsoft/HolographicAcademy/archive/Holograms-101.zip)をダウンロードして、適当な場所に配置しておきます。

---

### Unity を起動し、チュートリアル用のフォルダを開く

![401.png](https://qiita-image-store.s3.amazonaws.com/0/20418/fd3223f9-bb5f-b7c2-675a-798ab2d8872e.png "401.png")

- 「Open」を選択

![402.png](https://qiita-image-store.s3.amazonaws.com/0/20418/5eb95cd4-9d3c-f694-5369-5bf962728804.png "402.png")

- ダウンロードしておいたファイルから **「Origami」** フォルダを選択

---

#### シーンの作成(保存)

![403b.png](https://qiita-image-store.s3.amazonaws.com/0/20418/03076fd8-fb5d-258a-58ac-343c65e5b0e8.png "403b.png")

- 「File」メニューから「Save Scene as ...」を選択

![404.png](https://qiita-image-store.s3.amazonaws.com/0/20418/ba29f1dd-3573-134f-0a1d-0c90dd630a29.png "404.png")

- シーン名 **「Origami」** と入力して、「保存」ボタンを押下

---

### シーンの作成 2

![406b.png](https://qiita-image-store.s3.amazonaws.com/0/20418/a6797564-68cb-9f66-dc78-a5fd822c9d7e.png "406b.png")

- Hierarchy パネルから「Create」-「Create Empty」を選択

### シーンの作成 3

![501.png](https://qiita-image-store.s3.amazonaws.com/0/20418/146c2710-de2e-1bbb-ab66-1fadb383b2f2.png "501.png")

#### Main Camera

- Hierarchy パネルから **「Main Camera」** を選択
- Inspector パネルの Position を **「X: 0、Y: 0、Z: 0」** に変更
- Clear Flags を **「Solid color」** に変更
- Background を **「R: 0、G: 0、B: 0、A: 0」** に変更

---

### シーンの作成 4

![502.png](https://qiita-image-store.s3.amazonaws.com/0/20418/9fbc3202-515f-96e7-0f81-6569a1c33a25.png "502.png")

#### OrigamiCollection

- 作成した GameObject の名前を **「OrigamiCollection」** に変更
- Inspector パネルの Position を **「X: 0、Y: -0.5、Z: 2.0」** に変更
- Project パネルから **「Holograms」** を選択
- **「Stage」「Sphere1」「Sphere2」** を「OrigamiCollection」の下のレベルになるようにドラッグ

#### Lights

- Hierarchy パネルから **「Directional Light」** を削除
- **「Lights」** を Hierarchy パネルにドラッグ

---

### シーンのプレビュー

![408.png](https://qiita-image-store.s3.amazonaws.com/0/20418/4f164cfd-72ea-7644-2869-1af3c3995a1e.png "408.png")

- 「▶︎」を押下

---

### Visual Studio のプロジェクト生成のための設定

![409b.png](https://qiita-image-store.s3.amazonaws.com/0/20418/32a2ef41-f4b6-aa90-80b9-b96d05aa7a10.png "409b.png")

- 「File」メニューから「Build Settings」を選択

---

### Visual Studio のプロジェクト生成のための設定 2

![410.png](https://qiita-image-store.s3.amazonaws.com/0/20418/967f68a8-d555-a5e3-4688-21b4df40f79d.png "410.png")

- Platform 部分から **「Windows Store」** を選択
- 「Switch Platform」を押下

![411.png](https://qiita-image-store.s3.amazonaws.com/0/20418/92bb8fe3-4b90-a6e6-3dea-8408ff1061ef.png "411.png")

- SDK を **「Universal 10」** に変更
- UWP Build Type を **「D3D」** に変更
- **「Unity C# Projects」** をチェック
- 「Add Open Scenes」ボタンを押下
- 「Player Settings...」ボタンを押下

---

### Visual Studio のプロジェクト生成のための設定 3

![412.png](https://qiita-image-store.s3.amazonaws.com/0/20418/f8b1a8a8-fc65-9feb-7acf-23a9bd2d4d24.png "412.png")

- Inspector パネルの **「Publishing Settings」** を選択

![413.png](https://qiita-image-store.s3.amazonaws.com/0/20418/e2e17903-2ad3-6e1f-4e0f-b7e2f94ff395.png "413.png")

- Capabilities 部分で **「Microphone」「SpatialPerception」** がチェックされていることを確認
- 「Build Settings」ウィンドウから「Build」ボタンを押下

---

### Visual Studio のプロジェクト生成

![414.png](https://qiita-image-store.s3.amazonaws.com/0/20418/324f969e-ce3f-9fd5-dbdf-b831c29a12a1.png "414.png")

- 「App」フォルダを作成し「フォルダーの選択」ボタンを押下

---

### 生成された Visual Studio プロジェクトを開く

![415.png](https://qiita-image-store.s3.amazonaws.com/0/20418/6bf196c8-0f96-dab2-6f5a-caa901ba3550.png "415.png")

- 「App」フォルダ内の「Origami.sln」をダブルクリック

---

### ビルド・実行環境設定の変更、実行

![416.png](https://qiita-image-store.s3.amazonaws.com/0/20418/0eadf0ed-fa8c-05b8-d360-eea415850de4.png "416.png")

- ソリューション構成を **「Release」** に変更
- プラットフォームを **「X86」** に変更
- 実行環境を **「HoloLens Emulator」** に変更
- 「デバッグ」メニューから **「デバッグなしで開始」** を選択

ビルドが始まり、エミュレータが起動します。

---

### エミュレータ操作

![503.png](https://qiita-image-store.s3.amazonaws.com/0/20418/bdf14db2-41d7-1f82-77c3-bb863df92432.png "503.png")

- キーボードで視点をグリグリ動かせます。
- マウス、Xbox のコントローラでも動かせるよう。