SlideShare a Scribd company logo
1 of 28
Download to read offline
Vuforia AR
應用程式設計入門
Revised on April 7, 2021
 準備作業
 Unity AR專案設定
 建立Vuforia AR Camera
 滙入Vuforia辨識特徵資料庫
 加入AR辨識圖片
 設定AR動作模型
 Android手機發佈測試
 Unity可透過以下幾種外掛模組,來創建AR應用程式和遊戲:
 Vuforia AR Engine
 ARCore (支援Unity 2017.4.40之後版本,適用Android 7.0平台)
 ARToolKit
 ARKit (適用iPhone and iPad平台)
設計Unity AR應用程式
2
 AR特徵圖片(baymax_ii.jpg)
 AR動作3D模型(baymax.unitypackage)
準備素材
3
 要發佈AR程式到Android手機,必須安裝Android Target Support
 如果還未安裝,會出現「Open Download Page」按鈕,點擊下載安裝
安裝Android平台輸出套件
4
 新增3D專案
建立Unity AR專案 1/4
5
 選單命令File> Build Settings
 若是使用筆電或PC平台搭配Web Cam,可先選擇「PC, Mac & Linux
Standalone」方便測試
建立Unity AR專案 2/4
6
 若要使用手機實機測試,則選擇對應的手機平台
 如果還未安裝Target Support套件,會出現「Open Download Page」
按鈕,點擊下載並執行安裝作業
建立Unity AR專案 3/4
7
 點擊Build Settings對話視窗左下角「Player Settings…」按鈕
 勾選XR Settings項目中的Vuforia Augmented Reality
Support,安裝Vuforia Engine AR套件
如出現警告訊息(大多是相容性問題),參照訊息內容修正設定即可 (移除Other
Settings中Graphics APIs清單內的Vulkan項)
建立Unity AR專案 4/4
8
 視個人需求決定是否更新Vuforia Engine版本
 下載升級套件:
https://developer.vuforia.com/downloads/sdk
更新Vuforia AR引擎 1/2
9
 滙入從Vuforia官網下載的Vuforia Engine安裝/升級套件
 選單命令Assets> Import Package> Custom Package...
更新Vuforia AR引擎 2/2
10
 刪除場景中的Main Camera
 選單命令GameObject> Vuforia Engine> AR Camera,在場景
加入AR Camera
 點擊Open Vuforia Engine configuration按鈕
建立Vuforia AR Camera 1/4
11
 複製在Vuforia官網建立的License Key
建立Vuforia AR Camera 2/4
12
 將Vuforia License Key貼入Global項目的App License Key欄
建立Vuforia AR Camera 3/4
13
 確定Play Mode項目中的Camera Device欄是目前使用的攝影機
建立Vuforia AR Camera 4/4
14
 下載在Vuforia官網建立的辨識特徵資料庫
滙入Vuforia辨識特徵資料庫 1/3
15
 選單命令Assets> Import Package> Custom Package…滙入從
Vuforia封裝下載的特徵資料庫package
滙入Vuforia辨識特徵資料庫 2/3
16
 檢視ARCamera之Vuforia Engine Configuration設定,在
Databases項目中應看到您剛才滙入的辨識特徵資料庫名稱
滙入Vuforia辨識特徵資料庫 3/3
17
 在場景加入AR辨識圖片
 選單命令GameObject> Vuforia Engine> Image Target
 Type = From Database
 Database = unityAR (剛才滙入的特徵資料庫名稱)
 Image Target = baymax_ii (由特徵資料庫中選取辨識圖)
加入AR辨識圖片
18
 滙入AR動作3D模型baymax.unitypackage
設定AR動作模型 1/2
19
 拖曳AR動作模型(baymax)成為ImageTarget的子物件
 調整AR動作模型到欲顯現的相對位置和大小
設定AR動作模型 2/2
20
 Webcam對準辨識圖就會觸發AR模型,但...杯麵靜止不動
執行測試
21
 選單命令Assets> Create> Animator Controller
 更名為baymaxController
 雙擊baymaxController開啟Animator編輯視窗,拖曳baymax模
型中的Baymax_AmatureAction動畫到Animator編輯視窗
3D模型動畫控制 1/3
22
 將baymaxController拖曳到baymax的Animator元件之
Controller欄
 重新執行,但杯麵還是靜止不動
3D模型動畫控制 2/3
23
 檢視baymax模型中的Baymax_AmatureAction動畫,目前並未設
定循環動畫
 點擊Edit…按鈕,勾選Loop Time
 點擊Apply按鈕
 重新執行,杯麵動作正常了
3D模型動畫控制 3/3
24
 啟用手機「開發人員選項」
 各廠牌操作方式不⼀樣,可上網查詢。例如
ASUS ZenFone點選「設定> 系統> 關於手
機> 軟體資訊」,點選「版本號碼」7次
 設定> 系統> 開發人員選項
 啟用「 USB除錯」
 使用USB接線連接Android裝置與PC
Android手機發佈測試 1/4
25
 選單命令File> Build Settings
 切換為Android平台
Android手機發佈測試 2/4
26
 修正Player Settings> Other Settings設定
 設定Package Name
 設定Minimum API Level
 Vuforia Engine 8.X只支Engine 9.X只支援Android 7之後版本
援Android 4.4之後版本;Vuforia
 Vuforia AR不支援Android TV平台,所以要取消勾選Android TV
Compatibility
Android手機發佈測試 3/4
27
Android手機發佈測試 4/4
28
 選單命令File> Build and Run,就會建構apk檔並上傳到手機安
裝執行

More Related Content

Similar to Vuforia AR 應用程式設計入門

多媒體系統09_3D互動擴增實境
多媒體系統09_3D互動擴增實境多媒體系統09_3D互動擴增實境
多媒體系統09_3D互動擴增實境Fuzhou University
 
Game development using monogame
Game development using monogameGame development using monogame
Game development using monogamePower Wu
 
使用XDK發佈Construct 2專案到Android手機
使用XDK發佈Construct 2專案到Android手機使用XDK發佈Construct 2專案到Android手機
使用XDK發佈Construct 2專案到Android手機吳錫修 (ShyiShiou Wu)
 
Nik Collection產品的安裝與使用-以Adobe Photoshop CS6及Adobe Lightroom 4為例
Nik Collection產品的安裝與使用-以Adobe Photoshop CS6及Adobe Lightroom 4為例Nik Collection產品的安裝與使用-以Adobe Photoshop CS6及Adobe Lightroom 4為例
Nik Collection產品的安裝與使用-以Adobe Photoshop CS6及Adobe Lightroom 4為例Shau-Hung Hsieh
 
20140222 Unity Windows lab 移轉實作營
20140222 Unity Windows lab 移轉實作營 20140222 Unity Windows lab 移轉實作營
20140222 Unity Windows lab 移轉實作營 Meng-Ru (Raymond) Tsai
 
Android Wear SDK: Level 101
Android Wear SDK: Level 101Android Wear SDK: Level 101
Android Wear SDK: Level 101Jollen Chen
 

Similar to Vuforia AR 應用程式設計入門 (13)

Vuforia AR 應用程式準備作業
Vuforia AR應用程式準備作業Vuforia AR應用程式準備作業
Vuforia AR 應用程式準備作業
 
Unity AR application
Unity AR applicationUnity AR application
Unity AR application
 
Vuforia AR影片程式設計
Vuforia AR影片程式設計Vuforia AR影片程式設計
Vuforia AR影片程式設計
 
Vuforia AR影片程式設計
Vuforia AR影片程式設計 Vuforia AR影片程式設計
Vuforia AR影片程式設計
 
Unity遊戲設計- Unity基礎指引
Unity遊戲設計- Unity基礎指引Unity遊戲設計- Unity基礎指引
Unity遊戲設計- Unity基礎指引
 
Unity遊戲程式設計- Unity基礎指引
Unity遊戲程式設計- Unity基礎指引Unity遊戲程式設計- Unity基礎指引
Unity遊戲程式設計- Unity基礎指引
 
多媒體系統09_3D互動擴增實境
多媒體系統09_3D互動擴增實境多媒體系統09_3D互動擴增實境
多媒體系統09_3D互動擴增實境
 
Game development using monogame
Game development using monogameGame development using monogame
Game development using monogame
 
使用XDK發佈Construct 2專案到Android手機
使用XDK發佈Construct 2專案到Android手機使用XDK發佈Construct 2專案到Android手機
使用XDK發佈Construct 2專案到Android手機
 
Nik Collection產品的安裝與使用-以Adobe Photoshop CS6及Adobe Lightroom 4為例
Nik Collection產品的安裝與使用-以Adobe Photoshop CS6及Adobe Lightroom 4為例Nik Collection產品的安裝與使用-以Adobe Photoshop CS6及Adobe Lightroom 4為例
Nik Collection產品的安裝與使用-以Adobe Photoshop CS6及Adobe Lightroom 4為例
 
20140222 Unity Windows lab 移轉實作營
20140222 Unity Windows lab 移轉實作營 20140222 Unity Windows lab 移轉實作營
20140222 Unity Windows lab 移轉實作營
 
Android Wear SDK: Level 101
Android Wear SDK: Level 101Android Wear SDK: Level 101
Android Wear SDK: Level 101
 
Android ADK
Android ADKAndroid ADK
Android ADK
 

More from 吳錫修 (ShyiShiou Wu)

mbot2.0教學-陀螺儀與三軸加速計應用.pdf
mbot2.0教學-陀螺儀與三軸加速計應用.pdfmbot2.0教學-陀螺儀與三軸加速計應用.pdf
mbot2.0教學-陀螺儀與三軸加速計應用.pdf吳錫修 (ShyiShiou Wu)
 
mbot2.0教學-四路顏色感測器應用.pdf
mbot2.0教學-四路顏色感測器應用.pdfmbot2.0教學-四路顏色感測器應用.pdf
mbot2.0教學-四路顏色感測器應用.pdf吳錫修 (ShyiShiou Wu)
 
mbot2.0教學-mblock5開發mBot 2.0應用程式.pdf
mbot2.0教學-mblock5開發mBot 2.0應用程式.pdfmbot2.0教學-mblock5開發mBot 2.0應用程式.pdf
mbot2.0教學-mblock5開發mBot 2.0應用程式.pdf吳錫修 (ShyiShiou Wu)
 

More from 吳錫修 (ShyiShiou Wu) (20)

mbot2.0教學-陀螺儀與三軸加速計應用.pdf
mbot2.0教學-陀螺儀與三軸加速計應用.pdfmbot2.0教學-陀螺儀與三軸加速計應用.pdf
mbot2.0教學-陀螺儀與三軸加速計應用.pdf
 
mbot2.0教學-使用makeblock雲服務.pdf
mbot2.0教學-使用makeblock雲服務.pdfmbot2.0教學-使用makeblock雲服務.pdf
mbot2.0教學-使用makeblock雲服務.pdf
 
mbot2.0教學-局域網路傳輸應用.pdf
mbot2.0教學-局域網路傳輸應用.pdfmbot2.0教學-局域網路傳輸應用.pdf
mbot2.0教學-局域網路傳輸應用.pdf
 
mbot2.0教學-四路顏色感測器應用.pdf
mbot2.0教學-四路顏色感測器應用.pdfmbot2.0教學-四路顏色感測器應用.pdf
mbot2.0教學-四路顏色感測器應用.pdf
 
mbot2.0教學-聲光控制應用.pdf
mbot2.0教學-聲光控制應用.pdfmbot2.0教學-聲光控制應用.pdf
mbot2.0教學-聲光控制應用.pdf
 
mbot2.0教學-光感測器與LED應用.pdf
mbot2.0教學-光感測器與LED應用.pdfmbot2.0教學-光感測器與LED應用.pdf
mbot2.0教學-光感測器與LED應用.pdf
 
mbot2.0教學-超音波感測應用.pdf
mbot2.0教學-超音波感測應用.pdfmbot2.0教學-超音波感測應用.pdf
mbot2.0教學-超音波感測應用.pdf
 
mbot2.0教學-移動控制.pdf
mbot2.0教學-移動控制.pdfmbot2.0教學-移動控制.pdf
mbot2.0教學-移動控制.pdf
 
mbot2.0教學-mblock5開發mBot 2.0應用程式.pdf
mbot2.0教學-mblock5開發mBot 2.0應用程式.pdfmbot2.0教學-mblock5開發mBot 2.0應用程式.pdf
mbot2.0教學-mblock5開發mBot 2.0應用程式.pdf
 
mbot2.0教學-組裝與測試.pdf
mbot2.0教學-組裝與測試.pdfmbot2.0教學-組裝與測試.pdf
mbot2.0教學-組裝與測試.pdf
 
Python元組,字典,集合
Python元組,字典,集合Python元組,字典,集合
Python元組,字典,集合
 
Python函式
Python函式Python函式
Python函式
 
Python串列資料應用
Python串列資料應用Python串列資料應用
Python串列資料應用
 
Python 迴圈作業
Python 迴圈作業Python 迴圈作業
Python 迴圈作業
 
Python分支作業
Python分支作業Python分支作業
Python分支作業
 
Python基本資料運算
Python基本資料運算Python基本資料運算
Python基本資料運算
 
建置Python開發環境
建置Python開發環境建置Python開發環境
建置Python開發環境
 
micro:bit加速度感測應用
micro:bit加速度感測應用micro:bit加速度感測應用
micro:bit加速度感測應用
 
C語言檔案處理
C語言檔案處理C語言檔案處理
C語言檔案處理
 
C語言列舉與聯合
C語言列舉與聯合C語言列舉與聯合
C語言列舉與聯合
 

Vuforia AR 應用程式設計入門