多媒體系統09_3D互動擴增實境

1. 多媒體系統
教師：陳志華博士

2. 報告大綱-3D互動擴增實境
下載Easy AR
下載和安裝Unity
編譯EasyAR專案
辨識自訂圖片
載入自訂3D模型
2

3. 下載Easy AR
連結至EasyAR網站
網址：https://www.easyar.cn
3

4. 下載Easy AR
點擊「下載」
4

5. 下載Easy AR
點擊
「EasyAR_SDK_2.2.0_Basic_Samples_Unity」
下載範例程式
5

6. 下載Easy AR
解壓縮下載檔案
本例解壓縮於「D:UnityAR」
6

7. 下載和安裝Unity
連結至Unity網站
◦ https://store.unity.com/download?ref=personal
勾選「By clicking, I confirm that I am
eligible to use Unity Personal per the
Terms of Service, as I or my company
meet the following criteria」
7

8. 下載和安裝Unity
連結至Unity網站
◦ https://store.unity.com/download?ref=personal
點擊「Download Installer for Windows」
8

9. 下載和安裝Unity
9

10. 下載和安裝Unity
10
勾選「Android Build Support」

11. 下載和安裝Unity
11

12. 下載和安裝Unity
點擊「create one」
12

13. 下載和安裝Unity
輸入相關資料，建立帳號
13

14. 下載和安裝Unity
點擊「Continue」
收E-mail信件
14

15. 下載和安裝Unity
點選「Unity Personal」
點擊「Next」
15

16. 下載和安裝Unity
點選「I don’t use Unity in a
professional capacity」
點擊「Next」
16

17. 下載和安裝Unity
填寫問卷
17

18. 下載和安裝Unity
完成後，點擊「OK」
18

19. 下載和安裝Unity
點擊「Start Using Unity」
19

20. 下載和安裝Unity
Unity執行畫面
20

21. 編譯EasyAR專案
點擊「Open」開啟專案
21

22. 編譯EasyAR專案
點選「HelloAR」，點擊「選擇資料夾」
點擊「Upgrade」
22

23. 編譯EasyAR專案
專案開啟畫面
23

24. 編譯EasyAR專案
開啟「AssetsHelloARScenesHelloAR」
點選「EasyAR_Startup」
右方顯示需輸入授權金鑰
24

25. 編譯EasyAR專案
連結至EasyAR開發中心
網址：
https://www.easyar.cn/view/developCenter
.html
25

26. 編譯EasyAR專案
點選「SDK授權管理」
點擊「添加SDK license key」
26

27. 編譯EasyAR專案
點選「EasyAR SDK Basic」
27

28. 編譯EasyAR專案
設定應用名稱為「HelloAR (Unity)」
設定PackageName為
「cn.easyar.samples.unity.helloar」
點擊「確定」
28

29. 編譯EasyAR專案
點擊「HelloAR (Unity)」
29

30. 編譯EasyAR專案
複製SDK License Key
30

31. 編譯EasyAR專案
將SDK License Key內容貼上至Unity
31

32. 編譯EasyAR專案-Windows版
點擊「FileBuild Settings」編譯專案
32

33. 編譯EasyAR專案-Windows版
點選「PC, Mac & Linux Standalone」
點擊「Build」編譯Windows版AR程式
33

34. 編譯EasyAR專案-Windows版
選擇編譯輸出路徑
本例為
「D:UnityARHelloAROutputWindows」
點擊「選擇資料夾」
34

35. 編譯EasyAR專案-Windows版
編譯完成畫面
執行「Windows.exe」，點擊「Play!」
35

36. 編譯EasyAR專案-Windows版
執行畫面
36

37. 編譯EasyAR專案-Windows版
開啟「D:UnityARHelloARAssetsStreamingAssets」資料夾圖片，進行擴增實境影像辨識
37
3D擴增實境互動

38. 編譯EasyAR專案-Android版
點擊「FileBuild Settings」編譯專案
38

39. 編譯EasyAR專案-Android版
點選「Android」
點擊「Player Settings…」
39

40. 編譯EasyAR專案-Android版
設定Package Name為
「cn.easyar.samples.unity.helloar」
設定完成後，點擊「Build」
40

41. 編譯EasyAR專案-Android版
選擇編譯輸出路徑
本例為
「D:UnityARHelloAROutputAndroid」
設定檔名「HelloAR.apk」，點擊「存檔」
41

42. 編譯EasyAR專案-Android版
編譯完成畫面
將APK檔複製至手機中，並於手機執行
42

43. 編譯EasyAR專案-Android版
43
3D擴增實境互動

44. 辨識自訂圖片
將圖片複製至StreamingAssets資料夾
本例為
「D:UnityARHelloARAssetsStreaming
Assets」
新增「nkust.jpg」
開啟和編輯「targets.json」
44

45. 辨識自訂圖片
加入新增圖片之檔名(image)和在Unity
中名稱(name)
本例為
◦ {
◦ "image" : "nkust.jpg",
◦ "name" : "nkust"
◦ },
45

46. 辨識自訂圖片
點選「ImageTarget-Image」物件
設定Path為「targets.json」
設定Name為「nkust」
完成後即可運用AR辨識nkust圖片
46

47. 辨識自訂圖片
若想在3D物件中顯示自訂圖片
需將圖片複製放置於Textures資料夾
本例為
「D:UnityARHelloARAssetsHelloAR
Textures」
47

48. 辨識自訂圖片
點選「ImageTarget-Image」物件
設定Shader，點擊「select」
48

49. 辨識自訂圖片
選擇nkust圖片後結果
49

50. 辨識自訂圖片
50
點擊「FileBuild Settings」編譯專案

51. 辨識自訂圖片
點選「Android」
點擊「Build」
51

52. 辨識自訂圖片
Android版擴增實境應用程式
52
3D擴增實境互動

53. 載入自訂3D模型
善用網路上的免費3D模型
網址：https://free3d.com/3d-models/3ds-max
53

54. 載入自訂3D模型
以龍形3D模型為例
網址：https://free3d.com/3d-model/black-
dragon-rigged-and-game-ready-
92023.html
點擊「Download」下載檔案，並解壓縮
54

55. 載入自訂3D模型
點擊「AssetsImport New Asset…」
點選解壓縮資料夾中之「Dragon
2.5_3ds.3ds」
55

56. 載入自訂3D模型
在Assets中新增Dragon 2.5_3ds.3ds物件
56

57. 載入自訂3D模型
將Dragon 2.5_3ds.3ds物件拖曳至
「ImageTarget-Image」物件中
設定Scale為「0.01」
57

58. 載入自訂3D模型
於「Sphere」點擊滑鼠右鍵，並點選
「Delete」
58

59. 載入自訂3D模型
59
點擊「FileBuild Settings」編譯專案

60. 載入自訂3D模型
60
點選「Android」
點擊「Build」

61. 載入自訂3D模型
Android版擴增實境應用程式
61
3D擴增實境互動