---
# System prepended metadata

title: 【DAY12】AR實作-2

---


## 自訂的效果
再來就要決定要放什麼樣的東西在偵測到的圖片上，可以使用的元件種類非常多元，不論是2D圖像3D模型，還是影片或具有流動材質的3D物件，這邊我們先以一個方塊去測試。

要設定物件前先建立一個物件描述檔(Prefab)，並且其名稱要與追蹤圖片一致，他們需要是「同一個東西」。

![](https://hackmd.io/_uploads/BJBXb62k6.png)

點擊物件描述檔進入編輯視窗，就可以添加不同的元件了。
可以調整大小、位置(與追蹤圖片)、材質等，自由度非常高，也能直接加入現成的3D模型。

![](https://hackmd.io/_uploads/SJ6i-ah1p.png)

再將物件描述檔拖移到剛剛寫的程式中，就可以準備輸出啦！

![](https://hackmd.io/_uploads/BkiTfa2k6.png)

## 輸出設定
從Editor中可以找到Project Setting視窗，這邊除了可以設定對應的Andriod版本及程式的細節設定外，也可以設定輸出的名稱(在手機上會以類似app的方式呈現)。

也要確定軟體需求是否都有滿足。

![](https://hackmd.io/_uploads/S1iIz3hkT.png)

![](https://hackmd.io/_uploads/rkhzBT2yT.png)

![](https://hackmd.io/_uploads/ByBn4phya.png)

最後，用USB線連結手機與電腦後將專案輸出到手機上就大功告成。

![](https://hackmd.io/_uploads/H1B4Zn31T.png)

![](https://hackmd.io/_uploads/S1fdminJ6.png)

小方塊的出現表示偵測與顯示都沒問題，就是成功了！

## 成果展示
當然，小方塊只是最初階的測試，我們的目標是動態的影片，所以我們回到物件描述檔的地方建立一個與卡片一樣大的平面和影片播放器。

![](https://hackmd.io/_uploads/rJ-3v631T.png)

並把影片拖移進播放器中。

![](https://hackmd.io/_uploads/HJog_ThJ6.png)

以下是最終的成果展示！

{%youtube IsskSVOgdoU %}

## 參考資料
- [Get Started with AR Foundation in Unity - Beginner Friendly Tutorial 2023](https://youtu.be/FWyTf3USDCQ?si=1unBObxhTgXsO69N)
- [Augmented Reality (AR) tutorial for beginners using Unity 2022](https://youtu.be/gpaq5bAjya8?si=1EFQEWZFNHZdhkee)
- [alastaira/PlaceTrackedImages.cs](https://gist.github.com/alastaira/92d790ed09330ea7a45e7c3a2a4d26e1)
- [開始使用 AR Foundation](https://developers.google.com/ar/develop/unity-arf/getting-started-ar-foundation?hl=zh-tw)
- [[Unity手札] Prefab簡單說](https://chrislin1015.medium.com/unity%E6%89%8B%E6%9C%AD-prefab%E7%B0%A1%E5%96%AE%E8%AA%AA-3327c57f4901)
- [Create an AR game using Unity's AR Foundation](https://codelabs.developers.google.com/arcore-unity-ar-foundation#0)