![表示オブジェクトの追加(2/2)
①AndyDiffuse
② Positionのzを0.5[m]](https://image.slidesharecdn.com/arcore2share-180806024542/85/Arcore-18-320.jpg)
![解説
マーカーの横幅の実寸サイズ[m]
※0の場合、ARCore側で勝手に
推定してくれる。
ただし、サイズをしておいた方が
位置合わせは安定する
Qualityは認識のしやすさ
※75以上推奨 by Google](https://image.slidesharecdn.com/arcore2share-180806024542/85/Arcore-63-320.jpg)
More Related Content
はじめようArcore (修正版)
- 1.
- 2.
- 3.
- 4.
- 5. ARCore Googleが提供する次世代ARプラットフォーム。普通のスマホでマーカーレスARを実現。 【主要機能】 (1) 自己位置推定 (MotionTracking) (2) 明るさ推定 (Light Estimation) (3) 平面認識 (Environmental Understanding) (4) マーカー認識 (Augmented Image) (5) 空間共有 (Cloud Anchor)
- 6. 今日紹介する内容 Googleが提供する次世代ARプラットフォーム。普通のスマホでマーカーレスARを実現。 【主要機能】 (1) 自己位置推定 (MotionTracking) (2) 明るさ推定 (Light Estimation) (3) 平面認識 (Environmental Understanding) (4) マーカー認識 (Augmented Image) (5) 空間共有 (Cloud Anchor)
- 7.
- 8.
- 9. ARCoreのインポート ①Assets ②Import Package → CustomPackage ③arcore-unity-sdk-xxx ④開く
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16. ARCore用のカメラの設定(2/2) ①GoogleARCore → Prefabs ②ARCore Device ③ドラッグ&ドロップ
- 17. 表示オブジェクトの追加(1/2) ①GoogleARCore → Examples→ Common → Prefabs ② Andy Diffuse ③ドラッグ&ドロップ
- 18.
- 19.
- 20.
- 21. ビルドの準備 ①Product Nameを入力 ② OtherSettings ③ Multithreaded Renderingをオフ
- 22. ビルドの準備 ①Package Nameを設定 例) com.arfukuoka.test1 ②Minimum API Levelを Android 7.0に設定
- 23. ビルドの準備 ①XR Settings ② ARCoreSupportedをオン
- 24.
- 25.
- 27.
- 28.
- 29.
- 30.
- 31. Environmental Understandingを有効化(4/5) ①sample1.assetをクリック 【Plane FindingMode】 (1)Disabled:平面認識なし (2)Horizontal And Vertical： 水平面と垂直面を認識 (3)Horizontal： 水平面のみ認識 (4)Vertical 垂直面のみ認識 今回は(2)～(4)から好きなのを選択
- 32.
- 33.
- 34.
- 35.
- 36. 平面可視化スクリプト (4/4) ②GoogleARCore →Examples → Common → Prefabs ③DetectedPlaneVisualizer ①Controller ④Detected Plane Prefabにドラッグ&ドロップ
- 37.
- 38.
- 39. タップした平面にCGを置く ①New Script ③Create andAdd ②PutScript
- 40.
- 41. スクリプトの記述 using System.Collections; using System.Collections.Generic; usingUnityEngine; using GoogleARCore; public class PutScript : MonoBehaviour { public GameObject andy; //CG(Andy)を扱う変数 void Start () { } void Update () { //タップの検出 //タップした画面の座標と3D空間座標の対応付け //Andyをその位置に置く } }
- 42. スクリプトの記述 void Update (){ Touch touch; if (Input.touchCount < 1 || (touch = Input.GetTouch(0)).phase != TouchPhase.Began) { return; //画面に触れていないor既に触れている最中なら何もしない } //タップした座標にAndyを移動。 TrackableHit hit; TrackableHitFlags filter = TrackableHitFlags.PlaneWithinPolygon; Frame.Raycast(touch.position.x, touch.position.y, filter, out hit) } touch.position hit Began→タップ開始時 平面を構成するポリゴンの 内側をタップ判定の対象に
- 43. スクリプトの記述 void Update (){ Touch touch; if (Input.touchCount < 1 || (touch = Input.GetTouch(0)).phase != TouchPhase.Began) { return; //画面に触れていないor既に触れている最中なら何もしない } //タップした座標にAndyを移動。対象は認識した平面 TrackableHit hit; TrackableHitFlags filter = TrackableHitFlags.PlaneWithinPolygon; if (Frame.Raycast(touch.position.x, touch.position.y, filter, out hit)) { //Andyの3D座標を指定するコードを記述(次頁) } } touch.position hit
- 44. スクリプトの記述 if (Frame.Raycast(touch.position.x, touch.position.y,filter, out hit)) { //平面にヒット & 裏面でなければAndyを置く if ((hit.Trackable is DetectedPlane ) && Vector3.Dot(Camera.main.transform.position - hit.Pose.position, hit.Pose.rotation * Vector3.up) > 0) { //Andyの位置・姿勢を指定 andy.transform.position = hit.Pose.position; andy.transform.rotation = hit.Pose.rotation; andy.transform.Rotate(0, 180, 0, Space.Self); //Anchorを設定 var anchor = hit.Trackable.CreateAnchor(hit.Pose); andy.transform.parent = anchor.transform; } }
- 45.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53. ARCore用カメラの設定 ①GoogleARCore → Prefabs ②ARCore Device ③ドラッグ&ドロップ
- 54.
- 55.
- 56.
- 57. 補足 ①sample2.assetをクリック ②下記を適宜設定 ・Plane Fitting Mode ・EnableLight Estimation ※マーカー認識には影響なし
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76. マーカー認識用スクリプトの作成 ①New Script ③Create andAdd ②MarkerScript
- 77.
- 78. スクリプトの記述 using GoogleARCore; public classMarkerScript : MonoBehaviour { public GameObject andy;//Andyオブジェクト public GameObject astronaut;//宇宙飛行士オブジェクト //マーカー番号(int)とCG(GameObject)の対応を記録する辞書 Dictionary<int,GameObject> markerDic = new Dictionary<int,GameObject>(); //フレーム毎に認識されたマーカーを一時的に覚えておく List<AugmentedImage> markers = new List<AugmentedImage>(); void Start() { } void Update() { //マーカーとCGの対応付けを行う(次頁) } }
- 79. CGとスクリプトの対応付け(Andy) ①Controller ②GoogleARCore → Examples→ Common → Prefabs ③Andy Diffuse ④Andyに ドラッグ&ドロップ
- 80.
- 81. void Update() { //計測情報が更新されたマーカーを取得 Session.GetTrackables<AugmentedImage> (markers,TrackableQueryFilter.Updated); //マーカーに対してCGとの対応付けor解除を行う foreach (varimage in markers) { int index = image.DatabaseIndex; //マーカーの番号 GameObject obj = null; //上記indexに対応するCGを格納(予定) markerDic.TryGetValue(index, out obj);//indexに対応するCGを取得 if (image.TrackingState == TrackingState.Tracking && obj == null) { //マーカーとCGの対応付けと辞書(markerDic)登録を行う } else if (image.TrackingState == TrackingState.Stopped && obj != null) { //計測をやめたマーカーに対して行う処理 } } }
- 82. void Update() { //計測情報が更新されたマーカーを取得 Session.GetTrackables<AugmentedImage> (markers,TrackableQueryFilter.Updated); //マーカーに対してCGとの対応付けor解除を行う foreach (varimage in markers) { int index = image.DatabaseIndex; //マーカーの番号 GameObject obj = null; //上記indexに対応するCGを格納(予定) markerDic.TryGetValue(index, out obj);//indexに対応するCGを取得 if (image.TrackingState == TrackingState.Tracking && obj == null) { //マーカーとCGの対応付けと辞書(markerDic)登録を行う } else if (image.TrackingState == TrackingState.Stopped && obj != null) { //計測をやめたマーカーに対して行う処理 } } }
- 83. if (image.TrackingState ==TrackingState.Tracking && obj == null) { Anchor anchor = image.CreateAnchor(image.CenterPose); switch (index) { case 0://AndyMarker obj = GameObject.Instantiate(andy, anchor.transform); obj.transform.localPosition = new Vector3(0, 0.02f, -0.04f); obj.transform.Rotate(-90, 0, 0, Space.Self); obj.transform.localScale =new Vector3(0.3f, 0.3f, 0.3f); markerDic.Add(index, obj); break; case 1://earth obj = GameObject.Instantiate(astronaut, anchor.transform); obj.transform.localPosition = new Vector3(0.02f, 0.04f, 0); obj.transform.Rotate(90, 0, 0, Space.Self); obj.transform.localScale = new Vector3(0.01f, 0.01f, 0.01f); markerDic.Add(index, obj); break; } }
- 84. void Update() { //計測情報が更新されたマーカーを取得 Session.GetTrackables<AugmentedImage> (markers,TrackableQueryFilter.Updated); //マーカーに対してCGとの対応付けor解除を行う foreach (varimage in markers){ int index = image.DatabaseIndex; //マーカーの番号 GameObject obj = null; //上記indexに対応するCGを格納(予定) markerDic.TryGetValue(index, out obj);//indexに対応するCGを取得 if (image.TrackingState == TrackingState.Tracking && obj == null) { //マーカーとCGの対応付けと辞書(markerDic)登録を行う } else if (image.TrackingState == TrackingState.Stopped && obj != null) { markerDic.Remove(image.DatabaseIndex); Destroy(obj); } } }
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94. 下準備 using UnityEngine; using GoogleARCore; publicclass AnchorScript : MonoBehaviour { public GameObject andy; // Use this for initialization void Start() { } // Update is called once per frame void Update () { Touch touch; if (Input.touchCount < 1 || (touch = Input.GetTouch(0)).phase != TouchPhase.Began) { return; } クラス名をAnchorScriptに変更
- 95.
- 96.
- 97.
- 98.
- 99.
- 100.
- 101.
- 102.
- 103. UI作成 上方の中央右寄りに Pos X: 90 PosY: -35 Height: 60
- 104.
- 105.
- 106.
- 107. UI作成 上方の中央右寄りに Pos X: -90 PosY: -35 Height: 60
- 108.
- 109.
- 110.
- 111.
- 112. UI作成 下方の中央右寄りに Pos X: 0 PosY: 30 Width:400 Height: 60
- 113.
- 114.
- 115. Cloud Anchorの使用を許可 Enable CloudAnchorをオン
- 116.
- 117.
- 118.
- 119.
- 120.
- 121.
- 122.
- 123.
- 124.
- 125.
- 126.
- 127. これから追加する内容(概要) public class AnchorScript: MonoBehaviour { // Use this for initialization void Start() { } public void HostAnchor() { } public void ResolveAnchor() { } void Update () { //ボタンと画面どちらをタップしたのかを認識 //画面をタップしたらAndyを対応する3次元位置に配置 //最新のAnchorを覚えておく } } 環境情報を クラウドに保存 CloudAnchorで 位置合わせ
- 128. 画面タップとボタンタップの区別 using UnityEngine.EventSystems; public classAnchorScript : MonoBehaviour { /*Start,HostAnchor,ResolveAnchorはスペースの都合上省略*/ void Update () { if (EventSystem.current.IsPointerOverGameObject (Input.GetTouch(0).fingerId)) { return; } Touch touch; if (Input.touchCount < 1 || (touch = Input.GetTouch(0)).phase != TouchPhase.Began) { return; } //タッチした座標にAndyを移動。対象は認識した平面 TrackableHit hit; TrackableHitFlags filter = TrackableHitFlags.PlaneWithinPolygon; /*以下省略*/
- 129. 最新のAnchorを記録 Anchor currentAnchor =null; void Update () { /*途中省略*/ if (Frame.Raycast(touch.position.x, touch.position.y, filter, out hit)) { if ((hit.Trackable is DetectedPlane) && Vector3.Dot(Camera.main.transform.position – hit.Pose.position,hit.Pose.rotation * Vector3.up) > 0) { //Andyの位置・姿勢を指定 andy.transform.position = hit.Pose.position; andy.transform.rotation = hit.Pose.rotation; andy.transform.Rotate(0, 180, 0, Space.Self); //Anchorを設定 var anchor = hit.Trackable.CreateAnchor(hit.Pose); andy.transform.parent = anchor.transform; currentAnchor = anchor; } } }
- 130. 最新のAnchorをクラウドに保存 using GoogleARCore; using UnityEngine.EventSystems; usingGoogleARCore.CrossPlatform; using UnityEngine.UI; public class AnchorScript : MonoBehaviour { public GameObject andy; Anchor currentAnchor = null; public Text txt; //保存や位置合わせのステータス表示 bool connecting = false; //クラウドに接続中or切断 void Start() { } public void HostAnchor() { } 環境情報をクラウドに保存 (次頁)
- 131. 最新のAnchorをクラウドに保存 public void HostAnchor() { if(connecting || currentAnchor == null) { return; } connecting = true; txt.text = "hosting..."; //環境情報をアップロード XPSession.CreateCloudAnchor(currentAnchor).ThenAction(result => { connecting = false; if (result.Response != CloudServiceResponse.Success) { txt.text = "Please Try Again"; return; } txt.text = result.Anchor.CloudId; }); }
- 132.
- 133.
- 134.
- 135.
- 136.
- 137. 【動作確認の手順】 ① 平面を認識させる ② Andyを配置 ③Hostボタンをタップ ④ 画面下の文字がhosting...になる ⑤ アップロードに成功するとIDが表示される 【この後やりたいこと】 ① アプリをいったん終了して再起動 ② 前操作で生成したIDでCGP側に問い合わせ ③ CloudAnchorで現在の空間とマッチング ④ CGが同じ位置に表示！ まずはIDをスマホ内に保存
- 138. Cloud AnchorのIDを保存 using UnityEngine.EventSystems; usingUnityEngine.UI; using System.IO; public class AnchorScript : MonoBehaviour { public GameObject andy; Anchor currentAnchor = null; public Text txt; bool connecting = false; string filePath; void Start() { filePath = Application.persistentDataPath + "/anchorID.txt"; } public void HostAnchor() { } 環境情報をクラウドに保存 (編集中)
- 139. 環境情報をクラウドに保存 public void HostAnchor() { if(connecting || currentAnchor == null) { return; } connecting = true; txt.text = "hosting..."; //環境情報をアップロード XPSession.CreateCloudAnchor(currentAnchor).ThenAction(result => { connecting = false; if (result.Response != CloudServiceResponse.Success) { txt.text = "Please Try Again"; return; } txt.text = ""; StreamWriter sw = new StreamWriter(filePath, false); sw.WriteLine(result.Anchor.CloudId); sw.Close(); }); }
- 140. 次のステップ public class AnchorScript: MonoBehaviour { // Use this for initialization void Start() { } public void HostAnchor() { } public void ResolveAnchor() { } void Update () { //ボタンと画面どちらをタップしたかを認識 //画面をタップしたらAndyを対応する3次元位置に配置 //最新のAnchorを覚えておく } } 環境情報を クラウドに保存 CloudAnchorで 位置合わせ
- 141. テキストファイルの読み込み public void ResolveAnchor() { if(connecting) { return; } connecting = true; // txtファイルを読み込む FileInfo file = new FileInfo(filePath); StreamReader sr = new StreamReader(file.OpenRead()); string cloudAnchorId = sr.ReadLine(); sr.Close(); txt.text=cloudAnchorId; }
- 142.
- 143.
- 144.
- 145.
- 146. 【動作確認の手順】 ① Andyをどこかに配置 ② Hostボタンを押しクラウドに保存 ③アプリを終了 ④ アプリを再び起動 ⑤ Resolveボタンをタップ ⑥ 画面下にIDが表示されればOK 【この後やりたいこと】 ① IDを使ってARCoreAPI(クラウド) に問い合わせ ③ CloudAnchorで空間のマッチング ④ CGが以前と同じ位置に表示！ ここにIDが表示される
- 147. CloucAnchorを用いた位置合わせ public void ResolveAnchor() { /*さっきまで書いていたところは省略*/ //txt.text= cloudAnchorId; txt.text ="resolving..."; XPSession.ResolveCloudAnchor(cloudAnchorId).ThenAction(result => { connecting = false; if (result.Response != CloudServiceResponse.Success) { txt.text = "Please Try Again"; return; } txt.text = ""; andy.transform.position = result.Anchor.transform.position; andy.transform.rotation = result.Anchor.transform.rotation; andy.transform.Rotate(0, 180, 0, Space.Self); andy.transform.parent = result.Anchor.transform; }); }
- 148.