![Scene(設計画面)の視点を変えよう
[←] [→]で左右移動
[↑][↓]でズームイン/アウト
[Alt]+ドラッグで回転
+ドラッグで上下左右
他にもいろいろ
→ http://goo.gl/Lq1ILT](https://image.slidesharecdn.com/arcoremiyazaki-180716044020/85/AR-in-ARCore-17-320.jpg)
![不要なCGの削除
Delete
CubeとPlaneを選択して[Delete]キー](https://image.slidesharecdn.com/arcoremiyazaki-180716044020/85/AR-in-ARCore-29-320.jpg)
![表示オブジェクトの追加(2/2)
①AndyDiffuse
② Positionの
yを-0.1[m]
zを0.5[m]
③ Scaleを1~3くらいに
(20~60cmくらい)](https://image.slidesharecdn.com/arcoremiyazaki-180716044020/85/AR-in-ARCore-35-320.jpg)
![線を消す
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();
}
}
}](https://image.slidesharecdn.com/arcoremiyazaki-180716044020/85/AR-in-ARCore-112-320.jpg)
More Related Content
What's hot (20)
Similar to ARコンテンツ作成勉強会 in 宮崎： はじめよう础搁颁辞谤别 (20)
More from Takashi Yoshinaga (18)
![[Netlify版] 0から始めよう奥别产础搁/痴搁入门ハンズオン with 織りなすラボ](https://cdn.slidesharecdn.com/ss_thumbnails/yoshinaganetlifyss-200719024058-thumbnail.jpg?width=560&fit=bounds)
![[Glitch版] 0から始めよう奥别产础搁/痴搁入门ハンズオン with 織りなすラボ](https://cdn.slidesharecdn.com/ss_thumbnails/yoshinagaglitchss2-200719023821-thumbnail.jpg?width=560&fit=bounds)
Recently uploaded (15)
ARコンテンツ作成勉強会 in 宮崎： はじめよう础搁颁辞谤别
- 3. 础搁コンテンツ作成勉强会の绍介 ? 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. まずは鲍苍颈迟测の使い方
- 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 厂耻辫辫辞谤迟别诲をオン
- 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. 続いて、平面と颁骋との物理干渉
- 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 ②础诲诲颁辞尘辫辞苍别苍迟
- 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. 完成！