系統實作

一、系統實作工具

1. Unity 3D

Unity 3D 擁有多樣化的導入管道，在圖像格式、音頻格式、視頻格式、

文本格式的支援部分，合計共可支援達二十三種不同檔案格式。又因開發費 用相較其他開發軟體親民，且能將自身設計的專案檔案轉換成為 Android、

iOS、Windows、Web…等跨平台應用，成為近年來廣受程式開發者的好評。

2. Vuforia SDK

Vuforia SDK 為輔助程式系統開發的工具，官方提供有雲端空間與資料庫，

並支援有 Android、iOS、Windows 及 Unity 3D。

二、環境建置

安奘與註冊程式開發軟體 Unity 5.4.2f2(圖 3-4-1)。連到 vuforia SDK 的網站 ( https://developer.vuforia.com/ )，註冊與登錄並新增自己專屬的授權碼。

Vuforia 官網註冊帳號(圖 3-4-2)。建立 License Key 以獲得授權(圖 3-4-3)(圖 3-4-4)。

圖 3-4-1 安奘與註冊程式開發軟體 Unity 5.4.2f2

28

圖 3-4-2 Vuforia 官網註冊帳號

(圖片來源:https://developer.vuforia.com/user/register)

圖 3-4-3 建立 License Key

(圖片來源:https://developer.vuforia.com/user/register)

29

圖 3-4-4 建立 License Key

(圖片來源:https://developer.vuforia.com/user/register)

三、建立識別圖卡

回到 vuforia SDK 的『Develop / Target Manager』新增一個識別圖卡的檔案 資料庫，並新增所需要的圖卡。(圖 3-4-5)

圖 3-4-5 新增識別圖卡檔案資料庫 (圖片來源:https://developer.vuforia.com/user/register)

30

自行選擇要使用的圖片上傳，讓 vuforia 轉換為識別圖卡，這裡的 Rating 顯 示的星號越多，代表有很多的特徵點、就越適合做為圖卡(圖 3-4-6)。

圖 3-4-6 vuforia 轉換識別圖卡之儲存

(圖片來源:https://developer.vuforia.com/user/register)

按『Download Database』(圖 3-4-7)，點選『Unity Editor』(圖 3-4-8)，下載 至個人電腦，以供後續製作與使用。

圖 3-4-7 vuforia 轉換識別圖卡之下載

(圖片來源:https://developer.vuforia.com/user/register)

31

圖 3-4-8 vuforia 轉換識別圖卡之下載 (圖片來源:https://developer.vuforia.com/user/register)

32

原定選用民宿內的實景拍攝照片共計五張，本次從中挑選系統辨識度較高的 四張，作為本次系統實作的辨識圖卡。(表 3-5)

表 3-5 辨識圖卡選用 民宿實景拍攝照片

／設定辨識圖卡

辨識程度

(五顆星為滿分)

民宿照片辨識狀況-特徵點

33

34

四、建立新的Unity 檔案。(圖 3-4-9)

圖 3-4-9 建立新的 Unity 檔案

35

在『Hierarchy』視窗裡點選『ARCamera』，在右方的『Inspector』視窗裡 要做一些設定。『Vuforia Behaviour (script) / Max Simultaneous Tracked Images』

這裡設定為『4』，表示最多要識別4張圖卡。『Database Load Behaviour (Script)』

這裡，將原本的『Load StonesAndChips Database』的打勾移除，再勾選剛剛匯入 的『Load VideoPlayARTarget Database』，並且勾選下方的『Activate』，這樣才 能啟用自己所選擇的識別圖檔。(圖3-4-10)

圖 3-4-10 匯入及使用自己的識別圖檔

36

將我們在網路上新增的 License Key License Key，貼到『Vuforia Behaviour (script) / App License Key』的欄位裡，貼上後還要特別確認，最前面與後可能會

有空格或行，將它移除只單純的保留 License Key 就好。(圖 3-4-11)

圖 3-4-11 匯入 License Key

37

為了方便對應與識別四張圖卡，可將檔案名稱更改，較為方便後續的使用以 及判斷。在現有的『ImageTargetStones/右鍵/ Rename』(圖 3-4-12)，將它分別修 改名字為 『ImageTarget01』、『ImageTarget02』、『ImageTarget03』、

『ImageTarget04』。

圖 3-4-12 建立 ImageTarget

五、設定 ImageTarget 對應的影片

預先準備好四個影片檔案，附檔名用以 mp4 的格式。並為了方便對應辨識圖卡，

將影片與辨識圖卡皆命名為 v01~v04 的檔案名稱。(圖 3-4-13)

圖 3-4-13 對應影片的選定

38

設定『PathPath01』的影片是『v01.mp4』。 將來只要識別出第一張圖卡，就 會對應到這個影片。(圖 3-4-14)

圖 3-4-14 圖卡與影片對應名稱設定及辨識後播放模式設定

依序將圖卡與影片設定為『PathPath02』的影片是『v02.mp4』、『PathPath03』

的影片是『v03.mp4』、『PathPath04』的影片是『v04.mp4』。如果希望能自動撥 放就勾選『Auto Play』。(圖 3-4-15)

圖 3-4-15 圖卡與影片辨識後播放模式設定

39

六、編譯程式

點選『Add Open Scenes』將現有的場景加進來(圖 3-4-16)。

圖 3-4-16 加入場景

於『Platform』選擇『Android』。按『Player Settings』，右方按『Inspector』

會顯示相關設定。並可設定系統於行動裝置端安裝後所顯示的 app 圖象與名稱(圖 3-4-17)。

圖 3-4-17 安裝後所顯示圖象與名稱設定

40

按『Build』設定要儲存，以及命名 apk 的檔案名稱。(圖 3-4-18)

圖 3-4-18 設定儲存與命名檔案名稱 並將命名完成的 apk 檔案存放於選定的資料夾位置(圖 3-4-19)

圖 3-4-19 將 apk 檔案放置於選定的資料夾位置

41

編譯完成後，將命名完成與儲存完成的檔案傳到行動裝置進行安裝，進行測 試後確定圖卡與影片可以順利進行連結(圖 3-4-20)。

圖 3-4-20 圖卡與影片順利啟動連結

42