![プロジェクトを作成
HoloToolkit-Unity-masterフォルダを開き、[フォルダーの選択]をクリック
HoloToolkit-Unity-master
フォルダーの選択
HoloToolkit-Unity-master](https://image.slidesharecdn.com/holovol2hare-170109010008/85/HoloLens-AirTap-SpatialMapping-6-320.jpg)
![Scene(設計画面)の視点を変えよう
[←] [→]で左右移動
[↑][↓]でズームイン/アウト
[Alt]+ドラッグで回転
+ドラッグで上下左右
他にもいろいろ
→ http://goo.gl/Lq1ILT](https://image.slidesharecdn.com/holovol2hare-170109010008/85/HoloLens-AirTap-SpatialMapping-11-320.jpg)
![Sceneの保存
Scene名
? [Ctrl]+[s]でダイアログを開き、好きな名前で保存
? コンテンツ作成中はこまめに[Ctrl]+[s]すること](https://image.slidesharecdn.com/holovol2hare-170109010008/85/HoloLens-AirTap-SpatialMapping-21-320.jpg)
![动作确认
[←] [→]で左右移動
[↑] [↓]で前進/後退
[Q] [E]で上下
右クリック+マウス移動で回転](https://image.slidesharecdn.com/holovol2hare-170109010008/85/HoloLens-AirTap-SpatialMapping-25-320.jpg)
![HoloLensで取得した部屋のメッシュを利用
Windows Device Portalから
メッシュは取得可能 [Link]](https://image.slidesharecdn.com/holovol2hare-170109010008/85/HoloLens-AirTap-SpatialMapping-32-320.jpg)
![动作确认
実行
[Shift]を押すと手が表示され、
そのまま左クリックでAirTap](https://image.slidesharecdn.com/holovol2hare-170109010008/85/HoloLens-AirTap-SpatialMapping-38-320.jpg)
![立方体の個数に制限を設ける
//複数の立方体を保存する入れ物
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);
}](https://image.slidesharecdn.com/holovol2hare-170109010008/85/HoloLens-AirTap-SpatialMapping-54-320.jpg)
![Cubeに貼りつける画像のインポート
[Assets]→
[Import New Asset]
→ 持参した画像を选択](https://image.slidesharecdn.com/holovol2hare-170109010008/85/HoloLens-AirTap-SpatialMapping-68-320.jpg)
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を削除 → 顿别濒别迟别キー
- 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