AR Implementation 1 2016.10.20

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

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

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
3

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
4

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.
5

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

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

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

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

10. 1
1 按Add Target
10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

26. 1
2
3
1
2
3
在左下角可以看到載入的資料夾，將路徑換
到Prefabs底下，然後把ARCamera移到Scene裡
*按Import後
將在Vuforia申請的License Key貼到App License Key欄位
打勾Database Load Behaviour (Script)、Load
magnet(名稱各有不同) Database和Activate
26

27. 1
2
將ImageTarget物件拉到Scene裡
1
2
設定ImageTarget的Database和ImageTarget ，此範例
Database為ys，ImageTarget為100
27

28. 1
1
功能由左至右分別表示:
• 移動場景
• 移動物件方位
• 旋轉物件
• 調整物件大小
• 改變物件外型
28

29. 1
1
ImageTarget點右鍵，選擇Create Empty，會新增一個
GameObject
29

30. 1
2
2
1 將GameObject重新命名為skeleton
將skelet 3D模型放到skeleton底下
*目錄切換到Assets > internal_skeleton底下
30

31. 1
1 將腦部模型也放到場景中，並與skeleton同一階層
31

32. 1
1 把勾勾取消，先將腦部模型隱藏
32

33. 1 在skeleton物件點Add Component，選擇Box Collider
1
33

34. 1
新增完Box Collider後，在場景中會看到綠色線條的中空立
方體，接著點選Box Collider的Edit Collider屬性，即可調整
立方體的大小，並將立方體移到額頭的位置
1
34

35. 1 在Assets的視窗下點右鍵，選擇Create > C# Script
1
2
2
新增完後會看到C#圖示
的檔案，打開它
35

36. 36

37. 1 將寫好程式的腳本，拖拉到skeleton物件
1
2
2 將basic-biology-of-the-brain 物件拉到腳本的
Brain欄位
37

38. 38

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

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

41. AR實作網站
Blippar Vuforia
開發者應用需求 標籤應用 AR app開發
開發平台
Blipparbuilder
(即將提供API)
Android Studio, XCode,
Visual Studio 和 Unity
開發語言 JavaScript JavaScript、C#和Objective-C
辨識功能 一次辨識一個目標 可辨識多個目標
網址 https://blippar.com/en/ https://developer.vuforia.com/
41