AR Implementation 2

1. Augmented Reality (AR)簡介與
製作
報告者 : 張偉倫
協助夥伴 : 年興老師、怡玲姐、秀珍姐、逸群學長、Sylvia 、雅文和
冠穎(Aintis)

2. 目錄
• AR的簡介
• 定義
• 虛擬顯示技術
• 目標辨識類型
• Unity + Vuforia的AR實作
• 虛擬物件的互動
• AR建置軟體的比較
• Unity + Vuforia
• Blippar

3. Definition
1990 The term augmented reality (AR) was originated
by scientists at the aircraft manufacturer Boeing.
1994
Milgram and Kishino presented the concept of a
virtuality continuum.
1997
Azuma identified three characteristics of AR .
1. Combines real and virtual
2. Interactive in real time
3. Registered in three dimensions
TIMELINE

4. Image Recognition and Location
• The two types of AR application
reported in Pence’s (2011) study,
namely:
• Kun-Hung Cheng and Chin-Chung
Tsai attempts to re-coin the two types
of AR as :
(1) image-based
(1) marker-based
(2) markerless
(2) location-based
classified as

5. Display Technologies
• There are two ways to accomplish the combining of real and virtual
: video or optical technologies.
Video Optical
The video cameras provide the user's
view of the real world.
The user can look directly through
optical combiners to see the real world.

6. 先註冊帳號
註冊完成後登入
1
2
1
2

7. 1
2
3
*登入後畫面
1
2
3
選擇Develop
選擇Target Manager
按Add Database

8. 1
2
3
1
2
3
取名
選擇Device
按Create
*按Add Database之後顯示的畫面

9. 資料庫新增完成 1
1 點擊資料庫名稱(此範例為test2)

10. 1
1 按Add Target

11. 1
2
3
4
1
2
*按Add Target之後顯示的畫面
3
4
選擇要被辨識的物件類型
上傳被辨識物件的檔案
此範例被辨識的物件類型是Single
Image所以要設定Image的寬度
按Add

12. 1
1 按Download Database (All)
被辨識的物件新增完成

13. *按Download Database (All) 之後顯示的畫面
1
2
1
2
選擇Unity Editor開發平台
按Download
下載完成會看到一個副檔名是.unitypackage的檔案
*到此頁步驟已完成被辨識物件的建立，接下來進行unity的環境設定

14. 1
2
3
1
2
3
選擇Downloads
選擇SDK
點Download for Unity下載Vuforia的套件
下載完成會看到一個副檔名是.unitypackage的檔案

15. *執行Unity
1
1 按NEW新增專案

16. 1
2
*按NEW之後的畫面
1
2
輸入專案名稱
按Create project 3
3 選擇3D或2D都可以

17. 1
Main Camera在此範例不會用到可以先刪掉
1

18. 1
1 選擇Assets > Import Package > Custom Package…

19. 2
1
2
將之前下載的兩個副檔名為.unitypackage，一次一個載入到專案中
按開啟
1
 按Custom Package後，會出現此視窗

20. 1 2
1
2
按All
按Import
*按開啟後，會跳出新視窗

21. 1
2
3
1
2
3
4
4
在左下角可以看到載入的資料夾，將路徑換
到Prefabs底下，然後把ARCamera移到Scene裡
*按Import後
將在Vuforia申請的License Key貼到App License Key欄位
因為此範例要同時辨識兩圖片所以Max Simultaneous
Tracked Imges欄位設定為2
打勾Database Load Behaviour (Script)、Load
magnet(名稱各有不同) Database和Activate

22. 1
2
3
1
2
3
點Develop
點License Manager
按Add License Key

23. 1
2
3
4
1
2
3
4
*按Add License Key之後的畫面
選擇Development為Project Type
輸入App Name
選擇Mobile作為Device
按Next

24. 1
2
1
2
*按Next之後的畫面
打勾
按Confirm

25. License Key新增成功
點License Key名稱，
此範例為test2

26. *按License Key名稱之後的畫面
1
1
複製License Key
*到此頁已完成AR Camera的License Key的申請，
接著回到unity將License Key貼到AR Camera

27. 1
2
3
1
2
3
4
4
在左下角可以看到載入的資料夾，將路徑換
到Prefabs底下，然後把ARCamera移到Scene裡
*按Import後
將在Vuforia申請的License Key貼到App License Key欄位
因為此範例要同時辨識兩圖片所以Max Simultaneous
Tracked Imges欄位設定為2
打勾Database Load Behaviour (Script)、Load
magnet(名稱各有不同) Database和Activate

28. 1
1
按滑鼠右鍵，選擇Create Empty，然後重新命名，
此範例為MultiTarget

29. 1
1
將兩個ImageTarget物件拉到Scene裡，這裡重新命名為
Cola和Magnet
2
設定ImageTarget的Database和ImageTarget ，此範例
Database為magnet，ImageTarget為Cola和magnet
2

30. 按Ctrl+Shift+f讓Camera鏡頭移到圖片的正面
1
2
＊此頁步驟讓ARCamera鏡頭正對辨識目標
1
2
按2D將場景切換成3D模式

31. 1
1 功能由左至右分別表示:
• 移動場景
• 移動物件方位
• 旋轉物件
• 調整物件大小
• 改變物件外型
＊上一頁因為Cola圖片重疊在磁鐵的圖片上面，所以要將Cola
圖片移到其他位置

32. 1
1
因為要辨識Cola和Magnet目標的距離，所以兩個
目標各新增1個Sphere(可換其他物件)的3D Object

33. *Alt+移動滑鼠改變使用者觀看場景的視角

34. 1
2
1
2
到Asset Store搜尋magnet
選第二個
＊下載模型

35. 1
2
1
2
Import
Import

36. 1
切換路徑到Assets > PowerUps Vol 1 Free > Prefabs，
把磁鐵的模型和可樂罐模型（以電池代替）放到場景中
1

37. 1
＊為了讓磁鐵和電池有物理現象，此頁設定讓它們有實體
，目前看到的只是它們的外表，裡面是空的
1 按Add Component，選Physics

38. 1 選Mesh Collider
1

39. 1
1 Convex打勾

40. 1 按Add Component，選Physics > Rigidbody
1

41. 1
1 Mess設為0，否則一執行電池就往下掉

42. 1
1
建立C#語言的腳本，讓磁鐵和電池
在一定的距離內，電池就會被磁鐵
吸過去

43. *存取權限設定為public

44. 1
1
將左邊的物件拉到剛程式碼設定的變數
欄位(因為變數權限設為public所以才會
出現在此畫面)

45. *兩個物件拉開一點，否則距離太近一執行電池就被吸過去了

46. *成果

47. 1
1 選擇File > Build Settings…

48. 1
2 3
4
1
2
3
4
選擇Android
點Player Settings…
*按Build Settings後出現的視窗
輸入Bundle Identifier欄位(隨便取字母+數字)
選擇Minimum API Level，建議不要選太低或
太高的版本，此範例是選Android 4.0.3
按Build

49. *按Build後出現的視窗
1
2
1 輸入app名稱
2
按存檔
*將.apk檔放到手機安裝，然後執行，即可測試AR程式