Usc2016hci

實踐大學人機互動技術與應用課程

This project is maintained by yazelin

第 03 週 (03/07) 擴增實境AR (6)

積沙成塔 集腋成裘

擴增實境AR介紹、應用

參考 2015情境感知課程

擴增實境AR開發環境(Unity)

參考 2015情境感知課程

Unity + Vuforia AR (+NGUI)實機(Android)操作

前置作業

安裝(電腦教室已請學校安裝)

實機操作-1 - Vuforia AR Android裝置(約15-20分鐘完成)

  1. 新建 Unity 專案
  2. 設定 JDK 路徑與 Android SDK 路徑
  3. 使用 Vuforia Target Manager (辯識圖片可從這裡下載 範例圖片)
  4. 匯入已下載的 Vuforia 套件 import Vuforia SDK
  5. 使用 Vuforia Prefabs
  6. 設定 Vuforia 參數
  7. 加入 3D物件 (cube)
  8. 超迷你實用功能 - 攝影機輕點對焦 下載
  9. 發佈 Android安裝檔 (Build)
  10. 實機安裝測試
操作步驟影片：

手機上執行的效果： youtube 連結

實機操作-2 Vuforia 與 NGUI 由Unity Chan 來作示範(約25-30分鐘完成)

前置作業準備

  1. 接續上一個範例(Vuforia)的進度
  2. 下載 NGUI 從Unity Assets store ($95) 或者 試用一下，!Wj9x4rTiYc_JxvG7uU1AM_7_tx6NjLL80rTky2TUXYc
  3. 匯入 NGUI package
  4. 匯入 範例素材package 下載
  5. 匯入素材-超迷你實用功能 - NGUI 開啟網頁按鈕(範例) 需要修改才能使用
  6. 匯入素材-超迷你實用功能 - NGUI 場景切換按鈕( AR 場景)(範例) 需要修改才能使用
  7. Unity Assets store 下載免費素材 - Unity Chan

AR場景製作

  1. 新增 AR 場景(由前例中的Scene1另存)
  2. 設定 AR 場景 UI畫面寬高，並增加Menu背景及 返回 Main場景的 按鈕
  3. 在 AR 場景 AR物件使用 Unity Chan 替換原來的 Cube
  4. 設定 Unity Chan 的 角色控制器 及 取消表情Script

Main場景製作

  1. 新增 Main 場景(APP主畫面)
  2. 設定 Main 場景 UI畫面寬高
  3. 加入 Main 背景 (NGUI Texture) 、Menu背景 及 製作按鈕(Texture+BoxCollider+ButtonScript)
  4. 製作一個開啟 - Unity taiwan FB粉絲團的按鈕

測試

  1. 在電腦上測試 各個按鈕功能
  2. 發佈 Android 安裝檔 (Build)
  3. 實機安裝測試
操作步驟影片：

手機上執行的效果： youtube 連結

建議工具

相關資源

線上討論記錄

03/08 (二) 21:00 討論Unity NGUI 製作滑動選單

Texture素材下載
Part 1

Part 2

完整專案檔下載

03/12 (六) 13:00 AR相機專案-1(Unity Vuforia)


主要流程以示範「實機操作1」的內容為主。

03/13 (日) 13:00 AR相機專案-2(Unity Vuforia)


主要流程以示範「實機操作2」的內容為主。
並增加拍照(screenshot)部份screenshot.unitypackage
實機操作DEMO錄影

實機操作拍照照片

備註

第3週(03/07)內容為擴增實境AR，目的為讓同學可以做出AR效果的APP。

如果真的對Unity、擴增實境AR有興趣的同學，大概1小時內可以上手。

待辦事項