Recommended
More Related Content
What's hot
What's hot (20)
Similar to ARコンテンツ作成勉強会 in 宮崎： はじめようARCore
Similar to ARコンテンツ作成勉強会 in 宮崎： はじめようARCore (20)
More from Takashi Yoshinaga
More from Takashi Yoshinaga (18)
Recently uploaded
Recently uploaded (15)
ARコンテンツ作成勉強会 in 宮崎： はじめようARCore
- 3. ARコンテンツ作成勉強会の紹介 ARコンテンツの作り方をハンズオン形式で学ぶ 人数は5~10名程度の少人数で実施 参加条件はAR/VRに興味がある人(知識不要) 各地で開催 (福岡、熊本、宮崎、長崎、大分、広島、関東) ノンプログラミングやUnity, OpenCV, センサデバイス何でもあり
- 7. ARCore Googleが提供する次世代ARプラットフォーム。普通のスマホでマーカーレスARを実現。 【主要機能】 (1) 自己位置推定 (Motion Tracking) (2) 平面認識 (Environmental Understanding) (3) 明るさ推定 (Light Estimation) (4) マーカー認識 (Augmented Image) (5) 空間共有 (Cloud Anchor)
- 8. 今日の内容 (1/2) Googleが提供する次世代ARプラットフォーム。普通のスマホでマーカーレスARを実現。 【主要機能】 (1) 自己位置推定 (Motion Tracking) (2) 平面認識 (Environmental Understanding) (3) 明るさ推定 (Light Estimation) (4) マーカー認識 (Augmented Image) (5) 空間共有 (Cloud Anchor)
- 10. まずはUnityの使い方
- 21. CGの詳細情報の編集：色の設定 (3/3) オブジェクト(Cube)のマテリアルを開き、作成したマテリアルを割り当て (2) Materialsの横の▼(1)Cube (3) Element0に ドラッグ&ドロップ
- 24. 実行してみよう
- 27. 少し遊んでみましょう(3/3)
- 31. ARCoreのインポート ①Assets ②Import Package → Custom Package ③arcore-unity-sdk-xxx ④開く
- 33. ARCore用のカメラの設定(2/2) ①GoogleARCore → Prefabs ② ARCore Device ③ドラッグ&ドロップ
- 34. 表示オブジェクトの追加(1/2) ①GoogleARCore → Examples → Common → Prefabs ② Andy Diffuse ③ドラッグ&ドロップ
- 38. ビルドの準備 ②Switch Platform ① Android ③Player Settings
- 39. ビルドの準備 ①Product Nameを入力 ② Resolution and Presentation ③ Default OrientationをLandscape Left
- 40. ビルドの準備 ① Other Settings ② Multithreaded Renderingをオフ
- 41. ビルドの準備 ①Package Nameを設定 例) com.arfukuoka.test1 ② Minimum API Levelを Android 7.0に設定
- 42. ビルドの準備 ①XR Settings ② ARCore Supportedをオン
- 43. ビルドと実機インストール ①File ② Build & Run
- 49. Environmental Understandingを有効化(4/5) ①sample1.assetをクリック 【Plane Finding Mode】 (1)Disabled:平面認識なし (2)Horizontal And Vertical： 水平面と垂直面を認識 (3)Horizontal： 水平面のみ認識 (4)Vertical 垂直面のみ認識 今回は(2)～(4)から好きなのを選択
- 50. Environmental Understandingを有効化(5/5) ①ARCore Deviceをクリック ②Sample1フォルダ ③sample1.asset ④Session Configに ドラッグ&ドロップ
- 51. 認識した平面の可視化 (1/4) ①空白を右クリック ② Create Empty
- 54. 認識した平面の可視化 (4/4) ②GoogleARCore → Examples → Common → Prefabs ③DetectedPlaneVisualizer ①Controller ④Detected Plane Prefabにドラッグ&ドロップ
- 55. 水平面 垂直面
- 57. タップした平面にCGを置く ①New Script ③Create and Add ②PutScript
- 59. スクリプトの記述 using System.Collections; using System.Collections.Generic; using UnityEngine; using GoogleARCore; public class PutScript : MonoBehaviour { public GameObject andy; //CG(Andy)を扱う変数 void Start () { } void Update () { //タップの検出 //タップした画面の座標と3D空間座標の対応付け //Andyをその位置に置く } }
- 60. スクリプトの記述 void Update () { Touch touch; if (Input.touchCount < 1 || (touch = Input.GetTouch(0)).phase != TouchPhase.Moved) { return; //画面に触れてスワイプしているのでなければ何もしない } //タップした座標にAndyを移動。 TrackableHit hit; TrackableHitFlags filter = TrackableHitFlags.PlaneWithinPolygon; if (Frame.Raycast(touch.position.x, touch.position.y, filter, out hit)) { //Andyの3D座標を指定するコードを記述(次頁) } } touch.position hit Moved→画面をなぞる 平面を構成するポリゴンの 内側をタップ判定の対象に
- 61. スクリプトの記述 if (Frame.Raycast(touch.position.x, touch.position.y, filter, out hit)) { //平面にヒットしたならAndyを置く if (hit.Trackable is DetectedPlane) { //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; } }
- 64. 続いて、平面とCGとの物理干渉
- 71. 平面認識機能が働くことを確認
- 79. オブジェクトを投げるスクリプト ①New Script ③Create and Add ②ShootScript
- 81. スクリプトの記述 using System.Collections; using System.Collections.Generic; using UnityEngine; using GoogleARCore; public class ShootScript : MonoBehaviour { public GameObject obj; //投げるオブジェクトの元データ void Start () { } void Update () { //タップの検出 //スマホの位置にCubeを生成 //前方向に力を加えて飛ばす } }
- 82. スクリプトの記述 void Update () { if (Input.touchCount < 1 || Input.GetTouch(0).phase != TouchPhase.Began) { return; } //カメラの位置を取得 Vector3 p = Camera.main.transform.position; //カメラの位置にCubeを生成 GameObject cube = GameObject.Instantiate(obj, p, Quaternion.identity); //AddForceで前方向に力を加える cube.GetComponent<Rigidbody>().AddForce( Camera.main.transform.TransformDirection(0, 2f, 3f), ForceMode.Impulse); } Began→タップ開始時
- 85. Colliderの設定 ①Detected Plane Visualizer ②AddComponent
- 87. Colliderの設定 ①Detected Plane Visualizer ②DetectedPlaneVisualizer をダブルクリック
- 88. スクリプトの記述 private void _UpdateMeshIfNeeded() { /*平面情報の更新(長いので省略)*/ //以下、表示するメッシュ状の板の更新 m_Mesh.Clear(); m_Mesh.SetVertices(m_MeshVertices); m_Mesh.SetIndices(m_MeshIndices.ToArray(), MeshTopology.Triangles, 0); m_Mesh.SetColors(m_MeshColors); //上記で計算されたメッシュの形状をもとにコライダーを更新 GetComponent<MeshCollider>().sharedMesh = null; GetComponent<MeshCollider>().sharedMesh = m_Mesh; }
- 95. 下準備 (5/6) Cube削除
- 105. TrailRendererを用いた線描画 ①New Script ③Create and Add ②DrawScript
- 107. スクリプトの記述 using System.Collections; using System.Collections.Generic; using UnityEngine; using GoogleARCore; public class DrawScript : MonoBehaviour { public GameObject obj; //軌跡を描くオブジェクトの元データ GameObject drawObj; //実際の軌跡描画に使うオブジェクト void Start () { } void Update () { //タップの検出 //タップ開始時に線を描くオブジェクトを生成 //その後はスマホの位置にオブジェクトを追従させて線描画 } }
- 108. スクリプトの記述 void Update () { if (Input.touchCount == 1) { //カメラ手前10cmの位置を取得 Vector3 p = Camera.main.transform.TransformPoint(0,0,0.1f); //タッチスタート if ( Input.GetTouch(0).phase == TouchPhase.Began) { drawObj = GameObject.Instantiate(obj, p, Quaternion.identity); } //押下中 else if (Input.GetTouch(0).phase == TouchPhase.Stationary){ drawObj.transform.position = p; } } }
- 111. 線を消す List<GameObject> lines = new List<GameObject>(); void Update () { if (Input.touchCount == 1) {//カメラ手前10cmの位置を取得 Vector3 p = Camera.main.transform.TransformPoint(0,0,0.1f);//タ if ( Input.GetTouch(0).phase == TouchPhase.Began) { drawObj = GameObject.Instantiate(obj, p, Quaternion.identity); GameObject tmp = GameObject.Instantiate(obj, p, Quaternion.identity); lines.Add(tmp); drawObj = tmp; } //押下中 else if (Input.GetTouch(0).phase == TouchPhase.Stationary){ drawObj.transform.position = p; } } }
- 112. 線を消す void Update () { if (Input.touchCount == 1) { //線の描画をする/カメラ手前10cmの位置を取得 } else if (Input.touchCount == 2) { if (Input.GetTouch(0).phase == TouchPhase.Ended) { for(int i = 0; i < lines.Count; i++) { Destroy(lines[i]); lines[i] = null; } lines.Clear(); } } }
- 113. 完成！