Unity + Vuforiaで始める
ARアプリ開発
2014/2/27
ナレッジワークス株式会社
鈴木 貴志
• マルチプラットフォーム対応
• 3Dモデル/エフェクト等の高い表現力
• 情報が豊富
• ライセンス無料�
• 認識/トラッキング性能が非常に高い
• Unity向けプラグインあり
• 充実したサンプルコードあり
(※クラウド認識を除く)
Vuforia Developer Portal
https://developer.vuforia.com/

• 会員登録(無料)
• ドキュメント
• SDK
• サンプルコード
• フォーラム
• データベース管理
サンプルコード
まずはImage Targetから
カスタマイズして・・・リリース!
新感覚3Dぬりえアプリ

ぬってポン!3DぬりえAR daub だーぶ
サンプルのダウンロード
https://developer.vuforia.com/resources/sample-apps
Unityへインポート
Image Target サンプル (v2.8.9)
ARCamera
DataSet

Image Target

Image Target

DataSet

Image Target
Image Target
サンプルアプリ起動
Image Target サンプル (v2.8.9)

アプリ起動

ARCamera
DataSet

Image Target

Image Target

DataSet

Image Target
画像検索
Image Target サンプル (v2.8.9)

ARCamera

×
×DataSet

Image Target

Image Target

DataSet

Image Target
画像認識
Image Target サンプル (v2.8.9)

ARCamera

○
×
DataSet

Image Target

Image Target

DataSet

Image Target
Image Target サンプル (v2.8.9)

ステータス変更通知

ARCamera

○
×
DataSet

DataSet

TRACKED
Image Target

Image Target

Image Target
Image Target サンプル (v2.8.9)

コンテンツ表示

ARCamera

○
×
DataSet

DataSet

TRACKED
Image Target

表示

Image Target

Image Target
Image Target サンプル (v2.8.9)

トラッキング

ARCamera

○
×
DataSet

DataSet

ARCameraが自動でトラッキング

Image Target

Image Target

Image Target
Image Target サンプル (v2.8.9)

画像ロスト

ARCamera

×
×
DataSet

Image Target

Image Target

DataSet

Image Target
Image Target サンプル (v2.8.9)

ステータス変更通知

ARCamera

×
×
DataSet

DataSet

NOT_FOUND
Image Target

Image Target

Image Target
Image Target サンプル (v2.8.9)

コンテンツ非表示

ARCamera

×
×
DataSet

DataSet

NOT_FOUND
Image Target

非表示

Image Target

Image Target
Extended Tracking機能ON

ダブルタップ
Extended Tracking

• マーカーを見失った後もトラッキングを継
続することが出来る、2.8の新機能。

• カメラの視覚情報からターゲット周辺の地
図を構築、変化を分析してトラッキング。

• カメラに映る環境が静的かつある程度の
特徴点が取得できることが必要。
Image Target サンプル (v2.8.9)

アプリ起動

ARCamera
DataSet

Image Target
Extended Tracking

Image Target
Extended Tracking

DataSet

Image Target
Extended Tracking
画像検索
Image Target サンプル (v2.8.9)

ARCamera

×
×DataSet

Image Target
Extended Tracking

Image Target
Extended Tracking

DataSet

Image Target
Extended Tracking
画像認識
Image Target サンプル (v2.8.9)

ARCamera

○
×
DataSet

Image Target
Extended Tracking

Image Target
Extended Tracking

DataSet

Image Target
Extended Tracking
Image Target サンプル (v2.8.9)

ステータス変更通知

ARCamera

○
×
DataSet

DataSet

TRACKED
Image Target
Extended Tracking

Image Target
Extended Tracking

Image Target
Extended Tracking
Image Target サンプル (v2.8.9)

コンテンツ表示

ARCamera

○
×
DataSet

DataSet

TRACKED
Image Target
Extended Tracking
表示

Image Target
Extended Tracking

Image Target
Extended Tracking
Image Target サンプル (v2.8.9)

トラッキング

ARCamera

○
×
DataSet

DataSet

ARCameraが自動でトラッキング

Image Target
Extended Tracking

Image Target
Extended Tracking

Image Target
Extended Tracking
Image Target サンプル (v2.8.9)

画像ロスト

ARCamera

×
×
DataSet

Image Target
Extended Tracking

Image Target
Extended Tracking

DataSet

Image Target
Extended Tracking
Image Target サンプル (v2.8.9)

ステータス変更通知

ARCamera

×
×
DataSet

DataSet

EXTENDED_TRACKED
Image Target
Extended Tracking

Image Target
Extended Tracking

Image Target
Extended Tracking
Image Target サンプル (v2.8.9)

拡張トラッキング

ARCamera

×
×
DataSet

DataSet

ARCameraが自動でトラッキング継続

Image Target
Extended Tracking

Image Target
Extended Tracking

Image Target
Extended Tracking
Image Target サンプル (v2.8.9)

拡張トラッキング停止

ARCamera

×
×
DataSet

DataSet

ARCameraがトラッキング継続不可と判断

NOT_FOUND
Image Target
Extended Tracking

Image Target
Extended Tracking

Image Target
Extended Tracking
Image Target サンプル (v2.8.9)

コンテンツ非表示

ARCamera

×
×
DataSet

DataSet

NOT_FOUND
Image Target
Extended Tracking
非表示

Image Target
Extended Tracking

Image Target
Extended Tracking
カスタマイズしましょう
ARCamera
DataSet

Image Target

Image Target

DataSet

Image Target
その1・ターゲット画像変更
ターゲット画像変更

ARCamera
DataSet

Image Target

Image Target

DataSet

Image Target
Developer Portalでターゲット登録
https://developer.vuforia.com/targetmanager/
Developer Portalでターゲット登録

.unitypackageとして書き出し
Unityへインポートしたら・・・
ARCameraにアタッチされている「Data Set Load Behaviour」
に追加されたDataSetをActiveに。
Unityへインポートしたら・・・
ImageTargetChipsにアタッチされている「Image Target
Behaviour」のData Set、Image Targetを変更。
その2・表示コンテンツ変更
ARCamera
DataSet

Image Target

Image Target

表示コンテンツ変更

DataSet

Image Target
モデルをUnityへインポートしたら
ImageTargetChipsの子オブジェクトとしてモデルを配置
ターゲット認識/ロスト時処理変更
ImageTargetにアタッチされている
「ImageTargetTrackableEventHandler」を変更する。
ターゲット認識/ロスト時処理変更
子に持つ全てのレンダラを表示するように修正
ターゲット画像選定時のポイント
画像をどのように識別するのか?
画像のエッジやコントラストなどの
特徴を抽出して数値化
特徴点が多い画像とは?
少

★☆☆☆☆

大

★★☆☆☆

★★★☆☆

★★★★☆

★★★★★
トリガ選定時のポイント
画像のデザインについて

•
•
•

コントラスト、エッジが強い画像にする
複雑なレイアウトを持つ画像にする

認識が悪い場合は紙面文字を含めた範囲をトリガと
する

★表示コンテンツと綺麗につながると驚き大!
トリガ選定時のポイント
印刷物、設置場所について
 光の反射を抑える

•
•

印刷物の素材

利用を想定する場所の日光や照明
トリガ選定時のポイント
誤認識を抑えるレイアウト

•
•

似た画像をトリガとして設定しない。

特に同一ページ内に似た画像が存在するとユーザが
混乱する可能性がある。
ご清聴ありがとうございました

Unity+Vuforiaで始めるARアプリ開発