![Scene(設計画面)の視点を変えよう
[←] [→]で左右移動
[↑][↓]でズームイン/アウト
[Alt]+ドラッグで回転
+ドラッグで上下左右](https://image.slidesharecdn.com/engineercafess-190918151059/85/AR-21-320.jpg)
![CGの詳細情報の編集：位置の指定
? オブジェクトの詳細の表示?追加?変更はInspectorタブ内で行う
? 位置や角度、スケールを数字を用いて指定することも可能
[初期状態に戻す]
Positionを 0 0 0
Rotation 0 0 0
Scale 1 1 1](https://image.slidesharecdn.com/engineercafess-190918151059/85/AR-23-320.jpg)
![不要なCGの削除
CubeとPlaneを選択して[Delete]キー
CubeとPlaneを削除](https://image.slidesharecdn.com/engineercafess-190918151059/85/AR-49-320.jpg)
![Unityを使ったコンテンツ作成のイメージ
Scene画面で配置
Game画面で表示
カメラ CG光源
[詳細情報(Inspectorタブ参照)]
?位置/角度/スケール
?質感(色, テカリ, 透明感など)
?独自の挙動
ただしUnityはゲーム開発環境であってAR専用ツールではない](https://image.slidesharecdn.com/engineercafess-190918151059/85/AR-50-320.jpg)
![カメラ CG光源
Unityを用いたARコンテンツの作成
Scene画面で配置
Game画面で表示
UnityにAR開発ライブラリ(Vuforia,ARToolKitなど)を追加
[詳細情報(Inspectorタブ)]
?位置/角度/スケール
?質感(色, テカリ, 透明感など)
?独自の挙動
ビデオ映像 ターゲット CG
? ターゲットの認識(画像処理)
? カメラの位置?姿勢計算](https://image.slidesharecdn.com/engineercafess-190918151059/85/AR-51-320.jpg)
![ターゲットを作成 (4/5)
? [Add Target]をクリック
? Single Imageを選択
? ターゲットとして使用する画像を
選択(Sampleフォルダ内の
ILoveAR.jpg)
? Widthで画像の幅(m)を入力
? [Add]をクリック
0.160.1](https://image.slidesharecdn.com/engineercafess-190918151059/85/AR-77-320.jpg)
![ターゲットを作成 (5/5)
[Download Dataset]
→ [Unity Editor]
→ [Download]
分かり易い場所に保存](https://image.slidesharecdn.com/engineercafess-190918151059/85/AR-78-320.jpg)
![ターゲットの追加 (4/5)
? [Add Target]をクリック
? Single Imageを選択
? ターゲットとして使用する画像
を選択(sampleフォルダ内の
stones.jpg)
? Widthで画像の幅を入力
? [Add]をクリック
0.1](https://image.slidesharecdn.com/engineercafess-190918151059/85/AR-108-320.jpg)
![ターゲットの追加 (5/5)
[Download Dataset]
→ [Unity Editor]
→ [Download]
分かり易い場所に保存](https://image.slidesharecdn.com/engineercafess-190918151059/85/AR-109-320.jpg)
![2つ目のターゲットの設定 (2/2)
? HierarchyでImageTarget (２つめ)を選択
? Inspector内(画面右)でDatabaseを[Test2]にする
? 操作モードを[移動]にしてターゲットをずらす
③移動モード
①2つ目のImageTarget
②Test2を選択
④最後に少し移動させる](https://image.slidesharecdn.com/engineercafess-190918151059/85/AR-113-320.jpg)
ノンプログラミングで始める AR 開発入門
- 2. 自己紹介 氏名：吉永崇(Takashi Yoshinaga) 所属：九州先端科学技術研究所(ISIT) 専門：AR/VRの活用とモーションキャプチャ コミュニティ：ARコンテンツ作成勉強会 主催
- 3. ARコンテンツ作成勉強会の紹介 ? 2013年5月に勉強会をスタート ? ARコンテンツの作り方をハンズオン形式で学ぶ ? 人数は5~10名程度の少人数で実施 ? 参加条件はAR/VRに興味がある人(知識不要) ? 各地で開催 (福岡、熊本、宮崎、長崎、大分、 鹿児島、山口、広島、関東、北海道)
- 5. サポートメンバー① Yuta Ishibashi (@rupic_jp) ? 製造業 品質管理 – 業務アプリケーション企画～保守 ? C# VB Javascript Python ? Oracle SQLServer Postgres
- 10. ここから本题
- 12. まずは鲍苍颈迟测の基本操作
- 23. CGの詳細情報の編集：位置の指定 ? オブジェクトの詳細の表示?追加?変更はInspectorタブ内で行う ? 位置や角度、スケールを数字を用いて指定することも可能 [初期状態に戻す] Positionを 0 0 0 Rotation 0 0 0 Scale 1 1 1
- 40. 現状を保存 ctrl / command + S
- 41. 実行してみよう 落下する
- 42. 次に行く前に 実行を止める！
- 47. 动作确认 落ちて転がる
- 48. 次に行く前に 実行を止める！
- 50. Unityを使ったコンテンツ作成のイメージ Scene画面で配置 Game画面で表示 カメラ CG光源 [詳細情報(Inspectorタブ参照)] ?位置/角度/スケール ?質感(色, テカリ, 透明感など) ?独自の挙動 ただしUnityはゲーム開発環境であってAR専用ツールではない
- 51. カメラ CG光源 Unityを用いたARコンテンツの作成 Scene画面で配置 Game画面で表示 UnityにAR開発ライブラリ(Vuforia,ARToolKitなど)を追加 [詳細情報(Inspectorタブ)] ?位置/角度/スケール ?質感(色, テカリ, 透明感など) ?独自の挙動 ビデオ映像 ターゲット CG ? ターゲットの認識(画像処理) ? カメラの位置?姿勢計算
- 52. UnityとVuforiaの関係 ビデオ映像 ターゲット CG ? ターゲットの認識(画像処理) ? カメラの位置?姿勢計算 Scene画面で配置 Game画面で表示 Unity標準サポートのARライブラリの を使用
- 54. ARコンテンツ作成の基本手順 ① Unity上でVuforiaを利用できるようにする ② AR用カメラの設定と画像の表示 ③ ターゲット(マーカー)データの作成 ④ ターゲットのインポート & Sceneに配置 ⑤ CGとターゲットを関連付けてAR表示 ビデオ映像 ターゲット CG
- 55. 開発の前に??? VuforiaでのARコンテンツ作成には ライセンスキーを事前に作る必要がある → https://developer.vuforia.com/ ①Develop②License Manager ③Get Development Key
- 58. ① Unity上でVuforiaを利用できるようにする ② AR用カメラの設定と画像の表示 ③ ターゲット(マーカー)データの作成 ④ ターゲットのインポート & Sceneに配置 ⑤ CGとターゲットを関連付けてAR表示 ARコンテンツ作成の基本手順 ビデオ映像 ターゲット CG ① Unity上でVuforiaを利用できるようにする
- 61. Unity上でのVuforia利用設定 (3/4) ②Vuforia Augmented Reality Support ①XR Settings
- 63. 闭じて翱碍
- 64. ① Unity上でVuforiaを利用できるようにする ② AR用カメラの設定と画像の表示 ③ ターゲット(マーカー)データの作成 ④ ターゲットのインポート & Sceneに配置 ⑤ CGとターゲットを関連付けてAR表示 ARコンテンツ作成の基本手順 ② AR用カメラの設定と画像の表示 ビデオ映像 ターゲット CG
- 67. Import
- 68. webカメラの画像を取得?表示 (3/5) ①ARCamera ②Open Vuforia Engine Configuration
- 69. webカメラの画像を取得?表示 (4/5) App License Keyに Vuforiaのサイトで発行した ライセンスキーを貼り付け
- 70. 动作确认、その前に??? ctrl / command + S
- 72. ① Unity上でVuforiaを利用できるようにする ② AR用カメラの設定と画像の表示 ③ ターゲット(マーカー)データの作成 ④ ターゲットのインポート & Sceneに配置 ⑤ CGとターゲットを関連付けてAR表示 ARコンテンツ作成の基本手順 ③ ターゲット(マーカー)データの作成 ビデオ映像 ターゲット CG
- 74. ターゲットを作成 (1/5) VuforiaのDeveloper Portalサイトにアクセス&ログイン ①Develop ②Target Manager ③Add Database
- 77. ターゲットを作成 (4/5) ? [Add Target]をクリック ? Single Imageを選択 ? ターゲットとして使用する画像を 選択(Sampleフォルダ内の ILoveAR.jpg) ? Widthで画像の幅(m)を入力 ? [Add]をクリック 0.160.1
- 78. ターゲットを作成 (5/5) [Download Dataset] → [Unity Editor] → [Download] 分かり易い場所に保存
- 79. ① Unity上でVuforiaを利用できるようにする ② AR用カメラの設定と画像の表示 ③ ターゲット(マーカー)データの作成 ④ ターゲットのインポート & Sceneに配置 ⑤ CGとターゲットを関連付けてAR表示 ARコンテンツ作成の基本手順 ④ ターゲットのインポート & Sceneに配置 ビデオ映像 ターゲット CG
- 84. ① Unity上でVuforiaを利用できるようにする ② AR用カメラの設定と画像の表示 ③ ターゲット(マーカー)データの作成 ④ ターゲットのインポート & Sceneに配置 ⑤ CGとターゲットを関連付けてAR表示 ARコンテンツ作成の基本手順 ⑤ CGとターゲットを関連付けてAR表示 ビデオ映像 ターゲット CG
- 88. Asset StoreでCGを入手 Space Robot Kyle
- 97. 动作确认、その前に??? ctrl / command + S
- 98. 动作确认
- 99. ここまでのまとめ ① Unity上でVuforiaを利用できるようにする ② AR用カメラの設定と画像の表示 ③ ターゲット(マーカー)データの作成 ④ ターゲットのインポート & Sceneに配置 ⑤ CGとターゲットを関連付けてAR表示 ビデオ映像 ターゲット CG
- 101. 次に行く前に 実行を止める！
- 102. Extended Trackingを使用 ①ARCamera ②Open Vuforia Engine Configuration
- 103. Extended Trackingを使用 ①Track Device Poseをオン ②Tracking modeをPOSITIONAL
- 105. ターゲットの追加 (1/5) 再びTarget Managerにアクセスし、Add Databaseを行う ①Develop ②Target Manager ③Add Database
- 106. Test2 ターゲットの追加 (2/5) 1. NameにTest2と入力 2. TypeはDeviceを指定 データベース名
- 108. ターゲットの追加 (4/5) ? [Add Target]をクリック ? Single Imageを選択 ? ターゲットとして使用する画像 を選択(sampleフォルダ内の stones.jpg) ? Widthで画像の幅を入力 ? [Add]をクリック 0.1
- 109. ターゲットの追加 (5/5) [Download Dataset] → [Unity Editor] → [Download] 分かり易い場所に保存
- 113. 2つ目のターゲットの設定 (2/2) ? HierarchyでImageTarget (２つめ)を選択 ? Inspector内(画面右)でDatabaseを[Test2]にする ? 操作モードを[移動]にしてターゲットをずらす ③移動モード ①2つ目のImageTarget ②Test2を選択 ④最後に少し移動させる
- 117. 街の颁骋のサイズを调整
- 118. 动作确认、その前に??? ctrl / command + S
- 120. AR起動時のターゲットの利用設定 ①AR Camera ①Open Vuforia Configuration
- 121. 複数のマーカーを同時に使用する Max Simultaneous Tracked Imagesの数値を2に変更 2に変更
- 123. 完成