2018.06.13 ガチラボ vol.4の資料です。 https://kumamcn.connpass.com/event/90200/

1. 2018.06.13 KumaMCN ガチ本

2. 前回まで
• リアルアバターをVRChatに取り込み
• https://www.slideshare.net/satoshibfujimoto/20180330-92438679
• リアルバーチャルスペースをVRChatに取り込み
• https://www.slideshare.net/satoshibfujimoto/20180516-97289929
• ジャスティンエビーバーをVRChatに取り込み
• https://www.slideshare.net/satoshibfujimoto/20180606-100939946

3. やっぱりバーチャルを
現実世界にもってきたい

4. MTuber
Mixed YouTuber

5. 実機なしで
HoloLensアプリ開発
やーる
～実機は持ってる人から奪え～

6. 開発環境チェック
• Unity 2017.2.2p2
• https://unity3d.com/jp/unity/qa/patch-releases/2017.2.2p2
• Windows Store .NET Scripting Backendにチェック
• HoloToolkit-Unity-2017.4.0.0.unitypackage
• HoloToolkit-Unity-Examples-2017.4.0.0.unitypackage
• https://github.com/Microsoft/MixedRealityToolkit-Unity/releases
• MRDL V.0.1.3 Unity 2017 Compat
• https://github.com/Microsoft/MRDesignLabs_Unity/releases
• Git
• https://git-scm.com/downloads
• Visual Studio 2017 (15.7.3)
• ユニバーサルWindowsプラットフォーム開発, Unityによるゲーム開発にチェック
• Windows 10 SDK (10.0.17134.0)
• Fall Creators Update
• インストールチェックリスト
• https://docs.microsoft.com/ja-jp/windows/mixed-reality/install-the-tools#installation_checklist_for_hololens

10. Unityを起動

11. Unityを起動

13. Layoutは好きなように
編集してSave
右クリックして
One Column Layoutにすると見やすい

14. MRTKのインポート

16. MRTKのインポート

21. MixedRealityCameraParent
カメラの設定

22. MixedRealityCameraParentを検索
HierarchyにD&D

23. Main CameraをDelete

24. MixedRealityCameraParentの
MixedRealityCameraを選択
Clear FlagsをSolid Colorに変更

25. Near Clip を下げると近づいても
オブジェクトが消えない
近すぎると二重に見えて気持ち悪い
Clear FlagsをSolid Colorに変更

26. InputManager
ジェスチャ入力の設定

27. InputManagerを検索し
HierarchyにD&D

28. DefaultCursor
視線（カーソル）の設定
実際は頭の向きです

29. DefaultCursorを検索し
HierarchyにD&D

30. Cube
立体（豆腐）を配置

33. 実行してみる

34. できた
Playボタンをクリックして再生
再生したままパラメータを変更しても
停止したときに再生前に戻ってしまう
ので注意
カメラの移動：q,w,e,a,s,dキー
カメラの向き：右クリックしながらマウス移動
左手のタップ：Shift押しながらクリック
右手のタップ：スペース押しながらクリック

35. Ctrl+Sを押してシーンをこまめに保存

36. ビルド設定

38. Universal Windows Platform を選択
Switch Platform をクリック
Player Settings をクリックしてEditorに戻る

39. Other SettingsのConfiguration
Scripting Backendが.NET
になっていることを確認

40. Publishing SettingsのCapabilities
必要なものにチェックを入れる
良く見落とすので注意

41. Publishing SettingsのCapabilities
必要なものにチェックを入れる
良く見落とすので注意

42. XR SettingsのVirtual Reality Supportedをチェックし、
Virtual Reality SDKsのWindows Mixed Realityが追加されていればOK

43. レンダリングのQualityの設定

44. Defaultの矢印の部分を右クリックし
Very Lowを選択する
レンダリングのQualityを
Very Lowにすると速くなるらしい

46. Appフォルダを作成し、選択する

47. Build完了後に表示されるフォルダ
さっき作ったAppフォルダの中に移動する

48. Appフォルダの中のアプリ名.slnファイルをVisual Studio 2017で開く

49. HoloLensのIPアドレスを入力

50. IPの確認方法
• Holographic Remoting Player
• Windows StoreのHoloLensアプリ
• アプリを起動して、IPアドレスをチェック
• Settings
• Settings -> Networok & Internet -> Wi-Fi -> Advanced options
• IPアドレスをチェック

51. ビルドのみ：Ctrl+Shift＋B
実行：Ctrl+F5
実機を奪って実行するか、
ビルドしてエラーがないことを確かめておく

52. ペアリング
• 最初に、実機にアプリを配置する場合、ペアリングのコードを
求められる
• HoloLensのSettings->Update & Security -> For Developers -
> Pair をタップし、表示されるコードを入力する

53. MRDLのインポート
やりたいひとだけ
MRTKに移行されてないものを使いたい人向け
必須ではないです

56. MRDLのインポート

62. エラーを取り除く作業

64. MRTKと被っているので
MRDLの方をDelete

67. XRに変更

69. MRTKにBoundsExtensions（綴り違い）
があるためMRDLの方をDelete

72. BoundsExtentionsをBoundsExtensionsに置換

78. ExpandToContianをExpandToContainに置換
綴りミスかよ

79. 4か所

82. ２か所
Interaction, Legacyをつける

84. BoundsExtentionsをBoundsExtensionsに置換

88. BoundsExtentionsをBoundsExtensionsに置換

92. BoundsExtentionsをBoundsExtensionsに置換

96. properties.locationをsourcePoseに置換

99. properties.locationをsourcePoseに置換

102. properties.locationをsourcePoseに置換

105. Interaction, Legacyをつける

108. Interaction, Legacyをつける

111. MRDLの方の
Collection EditorをDelete

113. MRDLの方の
CompoundButtonSaveInterceptorをDelete

115. とりあえずClearをクリック

116. ビルドする

117. なんか出た

118. WorldAnchorが見つからない

120. using UnityEngine.XR.WSA.Persistence;を追加

121. ビルドできた

122. 次回からは新しいプロジェクトのAssetsに
フォルダごとコピペすれば使えます
できた

123. Fitbox
アプリの最初に表示する枠

124. Fitboxを使え
• タップ
• キーワード
Fitboxを検索
HierarchyにD&D

125. Startup Objectに
Cubeをアタッチ
Fitboxを閉じたあとに
Cubeが表示される

126. Fitboxを「Next」と発声して閉じるため
Speech Input HandlerとSpeech Input Sourceを
AddComponent

127. KeywordsにNextを追加

128. Nextを指定し、Nextと言ったら
Fitboxの関数を発火させる

129. Fitboxのスクリプトを編集

131. Tapped()関数を呼び出すために
publicに変更する

132. Tapped()関数を呼び出すために
publicに変更する

133. Tapped()を選択
Nextと言うとTapped()が呼び出される

135. タップしたら、Tapped()関数を呼び出すため
IInputClickHandlerを追記

137. タップしたら発火するOnInputClicked()関数を呼び出すため
using HoloToolkit.Unity.InputModule;を追記する

138. Fitboxをタップしたらイベント発火させる
ために追記
OnInputClicked()関数を追記、
Tapped()を呼び出す

139. 再生して、Fitboxがカメラについてくることを確認
Shift＋クリックでタップしてFitboxが閉じることを確認
Cubeが現れることを確認
同様に再生して、Nextと発声してFitboxが閉じることを確認

140. Fitboxに表示されるロゴを変えたい
QuadのBase (RGB)の右側にある
Selectからロゴを変更できる

142. コピーして

143. Assets以下に名前を変えて配置

145. ペイント3Dを使って編集していく
ソフトはなんでもいいです

147. オリジナルのFitboxに変える

148. できた
Fitboxは、最初にアプリを起動したときに
きちんと枠が見えていることを確かめて
HoloLensの位置調整をしてもらうために重要です
次回、MRTKだけでできるようにしていきます

149. ここまで
やりたいひとだけ

150. TwoHandManipulatable
ジェスチャ操作でオブジェクトを
移動・回転・スケール

151. CubeにTwoHandManipulatableをAddComponent

152. Manipulation Modeの編集
両手で移動・回転・スケールをできるようにするため
Move Scale And Rotateを選択
片手だけで移動したい場合、Enable One Hand Movementにチェックを入れ
Rotate And Scaleにすると両手では移動しなくなる

153. BoundingBoxBasicを検索し
BoundingBoxPrefabにアタッチする
動かしている時だけ、オブジェクトを囲む線が表示される

154. できた
Cubeにカーソルを合わせて
Shift+クリックでタップし
動かせることを確認
両手は使えないので実機奪え

155. SpatialMapping
空間マップ

156. SpatialMappingを検索し
HierarchyにD&D

157. Room Modelに
FakeSpatialMappingMeshをアタッチ

158. できた
RoomModelに指定することで
実機でやる場合は見えません

159. FPSDisplay
FPSの表示

160. FPS
• バグってる
FPSDisplayを検索し
HierarchyにD&D

162. チェックを外す

163. 3DTextPrefab
テキストの表示

164. 3DTextPrefab
3DTextPrefabを検索し（どちらでも良い）
HierarchyにD&D

166. フォントサイズはできるだけ大きくすると解像度が良い
Scaleでサイズを合わせる

167. うんこ投げたい

173. ダウンロードした.fbxを
ProjectへD&D

174. Generate Collidersにチェック入れてApplyしたが
Colliderがうまく入らなかった（あとでBoxColliderを追加した

175. unchiをHierarchyにD&D

176. 子オブジェクトのnode_id30を親の外にD&D

177. 親のunchiをDeleteしてnode_id30の名前をunchiにする

179. RigidbodyをAddComponent

181. 設定したunchiをProjectにD&Dして、保存する
以後、パラメータ等、書き換えたらApplyして更新する

182. うんこ投げる用のGameObjectを作成

183. 名前をThrowingObjectとした
AddComponentをクリックして、
ThrowingObject.csスクリプトを作成する

184. ダブルクリックして
スクリプトを開く

185. https://gist.github.com/SatoshiRobatoFujimoto/967eb35262d2a5e19226aec200fffaca
タップしたら
unchiを生成
RigidbodyにAddForceして飛ばす

187. Colliderがうまく入ってなかったので
MeshColliderを削除しBox Colliderを追加する

188. できた

189. 実機を奪え

190. #勝手にブルームするなよ