1. 程式人生 > >Unity5+Vuforia實現一個AR小Demo (1)

Unity5+Vuforia實現一個AR小Demo (1)

前言

上學期擔任了導師一門選修課的TA,課程是關於VR和AR的,所以就設計了一個簡單的AR小Demo實驗,其實都是網路上用Unity+Vuforia做的AR效果,這裡只是整理歸納一下步驟而已,分為兩部分,第一部分是顯示模型,第二部分是對模型進行簡單操作。由於這個實驗操作說明是面向沒有接觸過Unity和Vuforia的同學,所以會特別詳細(囉嗦),下面開始第一部分的講述。

效果

攝像頭掃描出識別圖後能夠顯示模型。

步驟

2.登入後點擊選單欄的Develop,然後點選Target Manager。
2

3.點選Add Database按鈕,建立一個數據庫,型別保持為預設的Device。


3

4.建立了資料庫後,點選資料庫名稱,然後點選Add Target按鈕,新增圖片。
4_1

4_2

5.此時資料庫裡就有了一張圖片,勾選這個圖片,點選Download Database(1),在彈出的頁面裡選擇Unity Editor,然後點選Downloaded按鈕進行下載。
5_1

5_2

5_3

6.點選選單欄Downloads,選擇Download for Unity,下載vuforia開發包。
6_1

6_2

7.新建一個Unity專案,匯入我們剛才第5,6步下載的兩個包,操作是把包直接拖到Project視圖裡。
7_1

7_2

7_3

7_4

8.把要顯示的模型也匯入到Unity中,如果是Unity包同樣可以直接拖到Project檢視。我在蠻牛(

http://www.manew.com)裡隨便下了一個喬巴模型,不是Unity包,但是同樣可以拖進去,Unity會生成對應的模型,如果出現問題,可以Google一下解決方式或是直接換一個模型。
8_1

8_2

9.刪掉Hierarchy檢視中的Main Camera,並在Project檢視中的Vuforia->Prefabs檔案下找到ARCamera和ImageTarget預設體,拖動它們到Hierarchy檢視中。
9_1

9_2

10.調整ARCamera和ImageTarget的位置,直到能在Game檢視中看到ImageTarget。
第一步先把它們的位置都調整為原點位置
10_1

10_2

第二步,調整ARCamera的高度和視角


10_3

這樣就能在Game視圖裡看到ImgeTarget
10_4

11.在Hierarchy檢視選中ImageTarget,在Inspector檢視中找到Image Target Behaviour指令碼,點選Database一欄的empty按鈕,選擇識別圖資料庫(由於在第3步我起的名字是AR,所以這裡我的選項是AR,你們根據自己的情況選擇正確的資料庫)。
11_1

11_2

調整一下ImageTarget的大小,上圖顯示了是600,所以調成1.5,這時能夠在Game視圖裡看到我們的識別圖
11_3

11_4

12.訪問https://developer.vuforia.com,登入後,點選選單欄的Develop,選擇License Manager,點選Add License Key,選擇型別是Development,然後填寫專案名稱,裝置選擇Mobile就行
12_1

12_2

完成後如下圖
12_3

13.點選剛才建立的License名稱,複製license資訊,在Unity的Hierarchy視圖裡選中ARCamera,在Inspector檢視中找到Vuforia Behaviour指令碼,把複製的license資訊貼上到App Lisence key一欄。
13_1

13_2

13_3

14.繼續往下,找到Database Load Behaviour指令碼,勾選Load AR Database和Activate兩個選項。
14_1

15.把我們要展示的模型(我這裡是喬巴)從Project檢視中拖動到ImageTarget之下,成為ImageTarget的子節點。
15_1

15_2

調整一下模型的位置,大小和方向,直至合適的數值,比如我這裡的喬巴調成了這樣,要根據自己的模型情況具體調整
15_3

16.在其他裝置上開啟識別圖,或是把識別圖打印出來,點選執行按鈕,把識別圖放到攝像頭裝置前面,調整距離。
16_1

必須是有攝像頭裝置的電腦上執行,不然就會是下圖,紅色背景表示攝像頭裝置沒有正常執行。
16_2

正常應該是這樣:
16_3

得到上面的結果就完成了第一部分模型的顯示,如果出現問題可以在網上搜一下解決方案。