Recommended
More Related Content
What's hot
What's hot (20)
Similar to HoloLensハンズオン：AirTap & SpatialMapping編
Similar to HoloLensハンズオン：AirTap & SpatialMapping編 (20)
More from Takashi Yoshinaga
More from Takashi Yoshinaga (20)
HoloLensハンズオン：AirTap & SpatialMapping編
- 1. HoloLensコンテンツ開発ハンズオン ARコンテンツ作成勉強会 #AR_Fukuoka , #AR_Kumamoto, #AR_Hiroshima
- 2. 開発環境とツール 開発環境：Unity マルチプラットフォーム対応のゲームエンジンおよび開発環境 GUI上で視覚的にCGを配置したり機能を追加したりできる C#でインタラクティブな挙動を記述することが可能 Unity5.5からはHoloLens標準サポート 開発支援ツール：HoloToolkit HoloLens対応システムの開発を支援するツールキット AirTapやカーソルの挙動、空間認識をわずかな手間で利用できる 様々なサンプルプログラムを提供 Unityエディタ上で視点の移動をする機能なども提供 → 実機やエミュレータ(Windows10 pro対応)がなくても開発可能
- 12. 数値を用いたCG位置・サイズの指定 クリック Positionを0 0 1.2に変更 Scaleを全て0.15に変更 ※位置や大きさの単位はm Inspector(≒詳細情報)
- 13. CGの詳細情報の編集：色の設定 (1/3) ②右クリック ③ Create マテリアル（色や質感の設定）を作成 ④ Material ①Assets
- 15. CGの詳細情報の編集：色の設定 (3/3) オブジェクト（Cube）のマテリアルを開き、作成したマテリアルを割り当て (2) Materialsの横の▼ (1)Cube (3) Element0に ドラッグ&ドロップ
- 23. HoloLens Cameraの設定 Main Cameraを削除 → Deleteキー
- 24. HoloLens Cameraの設定 Assets → HoloToolkit → Input → Prefabs HoloLensCameraを ドラッグ&ドロップ
- 25. 動作確認 [←] [→]で左右移動 [↑] [↓]で前進/後退 [Q] [E]で上下 右クリック+マウス移動で回転
- 26. 補足：移動・回転方法の設定例 (1)操作内容を選択 KeyboardXZTranslation (2) Sensitivity Scaleを 2 (3)Axis TypeをKeyboard Arrows ↑↓← →キーを押下した時の移動量がデフォルトより小さくなる
- 28. SpatialMappingを用いた空間認識 Assets → HoloToolkit → SpatialMapping → Prefabs SpatialMappingを ドラッグ&ドロップ
- 30. 空間モデルのインポート(公式サンプル) ② Assets → HoloToolkit-Tests → SpatialMapping → Meshes ③ FakeSpatialMappingMesh をRoom Modelにドラッグ&ドロップ ① Spatial Mapping
- 33. 空間モデルのインポート(勉強会用) Assets → Import New Asset → isit.obj サンプルとして用意した空間モデル(isit.obj)をインポート
- 34. 空間モデルの利用(勉強会用) (2)SpatialMapping Unityエディタでの実行時のみ表示される空間モデルを登録 (3) Room Modelに ドラッグ&ドロップ (1)Assets
- 37. AirTapなどの入力操作を管理する機能を追加 HoloToolkit → Input → Prefabs Input Managerをドラッグ&ドロップ
- 41. AirTapを受け取るスクリプトを作成 New Script スクリプト名 例：RcvAirTap Create and Add 追加されてる
- 43. スクリプトの記述 using HoloToolkit.Unity.InputModule; public class RcvAirTap : MonoBehaviour { // Start関数は初期化のために一度だけ実行される void Start () {"R obot Kyle"); } // Update関数は毎フレーム実行される void Update () { } } まず、InputModuleの読み込みとIInputClickHandlerを実装 , IInputClickHandler
- 44. スクリプトの記述 public class RcvAirTap : MonoBehaviour , IInputClickHandler { // Start関数は初期化のために一度だけ実行される void Start () { } // Update関数は毎フレーム実行される void Update () { } } IInputClickHandlerにカーソルを合わせ、 ヒントからInplement interfaceを選択
- 45. 現状確認 using HoloToolkit.Unity.InputModule; public class RcvAirTap : MonoBehaviour , IInputClickHandler { //AirTapされたときに呼び出される関数 public void OnInputClicked(InputEventData eventData) { throw new NotImplementedException(); } void Start () { } void Update () { } } throw new NotImplementedException(); 不要なのでこの1行は削除
- 47. AirTapの取得と表示 public class RcvAirTap : MonoBehaviour , IInputClickHandler { //AirTapされたときに呼び出される関数 public void OnInputClicked(InputEventData eventData) { Debug.Log("AirTap!"); } void Start () { InputManager.Instance. PushFallbackInputHandler(gameObject); } void Update () { } } このスクリプトが貼り付けられている オブジェクト(gameObject)に AirTapの通知が来るように登録
- 51. スクリプトを用いたオブジェクトの生成 public class RcvAirTap : MonoBehaviour , IInputClickHandler { //Cube prefabを扱う変数 public GameObject original; //AirTapされたときに呼び出される関数 public void OnInputClicked(InputEventData eventData) { //Cube prefabの情報を用いて立方体を実体化 GameObject cube = GameObject.Instantiate(original); //自分からみて前方1.2mの位置を空間内の位置に変換 cube.transform.position = Camera.main.transform.TransformPoint(0, 0, 1.2f); Debug.Log("AirTap!"); } /*以下省略*/
- 52. Cube Prefabとスクリプト内のoriginalの関連付け (1) Assets (2) GameObject スクリプト内のCube(=original)とCube Prefabを関連付ける CubeをOriginalに ドラッグ&ドロップ
- 54. 立方体の個数に制限を設ける //複数の立方体を保存する入れ物 List<GameObject> list = new List<GameObject>(); public void OnInputClicked(InputEventData eventData) { GameObject cube = GameObject.Instantiate(original); cube.transform.position = Camera.main.transform.TransformPoint(0, 0, 1.2f); if (list.Count == 10) { Destroy(list[0]); //一番古いCubeを空間から削除する list[0] = null; //Destroyだけでは完全に消えないのでnull代入 list.RemoveAt(0); //listの０番目にはnullが残っているので削除 } list.Add(cube); }
- 56. 実機で動かそう : 出力の際の設定 (1)Edit (2)Project Settings (3)Player (4)ProductNameを 自分の名前に (5)Windows Store App
- 57. 実機で動かそう : 出力の際の設定 Short nameを 自分の名前に icon Other Settings Virtual Reality Supported Publishing Settings Package Nameを 自分の名前に
- 58. 実機で動かそう : 出力の際の設定 File Build Settings
- 59. 実機で動かそう : Build Add OpenScenes Universal Windows Platform Switch Platform ・ Target device HoloLens ・ UWP Build Type D3D 最後にBuild
- 64. 実機で動かそう : HoloLensへのデプロイ Debug Start Without Debugging
- 65. 動作確認
- 66. メッシュを非表示にする Spatial Mapping Spatial Mapping Manager 〇をクリック マテリアルにSpatial Mapping Occlusionを選択
- 68. Cubeに貼りつける画像のインポート [Assets]→ [Import New Asset] → 持参した画像を選択
- 70. マテリアルの設定変更 (1) Shader (2) Unlit (3) Texture
- 72. 完成
- 73. Any questions? ご質問・ご相談、お気軽にどうぞ Name： 吉永 崇 (Takashi Yoshinaga) Affiliation・Title： (公財) 九州先端科学技術研究所 研究員 Others： (1) ARコンテンツ作成勉強会主催 (2) Microsoft MVP for Windows Development taka.yoshinaga @tks_yoshinaga YoshinagaTakashi