SlideShare a Scribd company logo
Vuforia
AR影片程式設計
Revised on April 24, 2021
 Unity AR專案設定
 建立Vuforia AR Camera
 滙入Vuforia特徵資料庫
 加入AR辨識圖片
 使用平面物件顯示AR影片
 使用立體物件顯示AR影片
素材
2
 辨識圖
 影片檔
 https://www.youtube.com/watch?v=8IdMPpKMdcc
 新增3D專案,AR video
 選單命令File> Build Settings
 使用筆電或PC搭配Web Cam,可先選擇「PC, Mac & Linux Standalone」
方便測試;要使用手機實機測試,則選擇對應的手機平台
設定Unity AR專案 1/3
3
 點擊Build Settings對話視窗左下角「Player Settings…」按鈕
 勾選XR Settings項目中的Vuforia Augmented Reality Support,
安裝Vuforia Engine AR套件
如有警告訊息(大多是相容性問題),參照訊息內容修正設定即可
設定Unity AR專案 2/3
4
 Android平台設定
 確認修正Player Settings設定中的Other Settings>
Identification> Package Name
 設定Player Settings設定中的Other Settings> Identification>
Minimum API Level
 Vuforia Engine 8.X只支援Android 4.4之後版本;Vuforia Engine 9.X
只支援Android 7之後版本
 取消勾選Player設定中的Other Settings> Configuration>
Android TV Compatibility
設定Unity AR專案 3/3
5
 刪除場景中的Main Camera
 選單命令GameObject> Vuforia Engine> AR Camera
 點擊Open Vuforia Engine configuration按鈕
建立Vuforia AR Camera 1/3
6
 將Vuforia License Key貼入Global項目的App License Key欄
建立Vuforia AR Camera 2/3
7
 確定Play Mode項目中的Camera Device欄是目前使用的攝影機
建立Vuforia AR Camera 3/3
8
 選單命令Assets> Import Package> Custom Package…滙入從
Vuforia封裝下載的特徵資料庫package
滙入Vuforia特徵資料庫 1/2
9
 檢視ARCamera之Vuforia Engine Cofiguration設定,在
Databases項目中應看到您剛才滙入的辨識特徵資料庫名稱
滙入Vuforia特徵資料庫 2/2
10
 在場景加入AR辨識圖片
 選單命令GameObject> Vuforia Engine> Image
 Type = Predefined
 Database = unityAR (滙入的特徵資料庫名稱)
 Image Target = tv (由特徵資料庫中選取辨識圖)
加入AR辨識圖片
11
 在Assets下建立Videos資料夾
 將big_hero_6.mp4影片檔滙入到Videos資料夾
滙入AR影片檔到專案
12
 選單命令GameObject> 3D Object> Plane加入Plane物件,更名為
videoPlane
 重置Transform
 拖曳videoPlane成為ImageTarget的子物件
 調整Scale到合適大小
使用平面物件顯示AR影片 1/7
13
 在videoPlane加入Video Player元件
 Video Clip = big_hero_6.mp4
 Render Mode = "Material Override"
 執行測試
 影片上下顛倒
 影片色調偏灰白
 還沒觸發圖片AR,影片就自動撥放
使用平面物件顯示AR影片 2/7
14
 修正影片上下顛倒
 選取videoPlane,Rotation(X, Y, Z) = (0, 180, 0)
使用平面物件顯示AR影片 3/7
15
 修正影片色調
 在Assets下建立Materials資料夾
 選單命令Assets> Create> Materials新增
⼀個材質,更名為videoMaterial
 Shader = Unlit/Texture (不受光照影響)
 套用videoMaterial到videoPlane
使用平面物件顯示AR影片 4/7
16
 影片撥放控制
 修改ImageTarget物件的DefaultTrackableEventHandler程式腳本
using UnityEngine.Video;
public class DefaultTrackableEventHandler : MonoBehaviour
{
...
protected virtual void OnTrackingFound()
{
if (mTrackableBehaviour)
{
...
var videoComponents = GetComponentsInChildren<VideoPlayer>(true);
foreach (var component in videoComponents)
component.enabled = true;
}
}
使用平面物件顯示AR影片 5/7
17
protected virtual void OnTrackingLost()
{
if (mTrackableBehaviour)
{
...
var videoComponents = GetComponentsInChildren<VideoPlayer>(true);
foreach (var component in videoComponents)
component.enabled = false;
}
}
使用平面物件顯示AR影片 6/7
18
 執行測試
使用平面物件顯示AR影片 7/7
19
 個別物件加入Video Player元件,每個物件為各自使用Video
Player撥放影片。Render Texture則是先將影片內容渲染為材質,
如此⼀來,套用Render Texture的所有物件都會同步撥放影片
 在Assets下建立Textures資料夾
 選單命令Assets> Create> Render Texture在Textures資料夾下建
立Render Texture物件,更名為videoScreen
 暫時將videoPlane物件設為隱藏,停用videoPlane
使用Render Texture顯示AR影片 1/6
20
 選單命令Game Object> 3D Object> Cube加入方體
 重置Transform
 拖曳Cube成為ImageTarget的子物件
 調整Cube到欲顯現的相對位置和大小
使用Render Texture顯示AR影片 2/6
21
 在Cube物件加入Video Player元件
 Video Clip = big_hero_6.mp4
 Render Mode = Render Texture
 Aspect Ratio = Fit Inside
 拖曳videoScreen到Video Player之Target Texture欄
使用Render Texture顯示AR影片 3/6
22
 拖曳videoScreen到Cube物件上
 videoScreen之Shader設定為Unlit/Texture
使用Render Texture顯示AR影片 4/6
23
 執行測試
使用Render Texture顯示AR影片 5/6
24
 啟用videoPlane
 移除videoPlane中的Video Player元件
 套用videoScreen到videoPlane物件上
 執行測試
 Cube和videPlane會同步撥放影片
使用Render Texture顯示AR影片 6/6
25

More Related Content

What's hot

わからないまま使っている?UE4 の AI の基本的なこと
わからないまま使っている?UE4 の AI の基本的なことわからないまま使っている?UE4 の AI の基本的なこと
わからないまま使っている?UE4 の AI の基本的なこと
rarihoma
 
Unity遊戲程式設計 - 2D移動與碰撞處理II
Unity遊戲程式設計 - 2D移動與碰撞處理IIUnity遊戲程式設計 - 2D移動與碰撞處理II
Unity遊戲程式設計 - 2D移動與碰撞處理II
吳錫修 (ShyiShiou Wu)
 
8 клас урок 4
8 клас урок 48 клас урок 4
8 клас урок 4
Александр Карпук
 
ビジュアルスクリプティングで始めるUnity入門2日目 ゴールとスコアの仕組み - Unityステーション
ビジュアルスクリプティングで始めるUnity入門2日目 ゴールとスコアの仕組み - Unityステーションビジュアルスクリプティングで始めるUnity入門2日目 ゴールとスコアの仕組み - Unityステーション
ビジュアルスクリプティングで始めるUnity入門2日目 ゴールとスコアの仕組み - Unityステーション
Unity Technologies Japan K.K.
 
Unity遊戲設計- 2D動畫製作及應用
Unity遊戲設計-  2D動畫製作及應用Unity遊戲設計-  2D動畫製作及應用
Unity遊戲設計- 2D動畫製作及應用
吳錫修 (ShyiShiou Wu)
 
非同期ロード画面 Asynchronous Loading Screen
非同期ロード画面 Asynchronous Loading Screen非同期ロード画面 Asynchronous Loading Screen
非同期ロード画面 Asynchronous Loading Screen
エピック・ゲームズ・ジャパン Epic Games Japan
 
Hybrid Data Deliveryを活用してオンプレミスデータをQlik Cloudでリアルタイム活用!
Hybrid Data Deliveryを活用してオンプレミスデータをQlik Cloudでリアルタイム活用!Hybrid Data Deliveryを活用してオンプレミスデータをQlik Cloudでリアルタイム活用!
Hybrid Data Deliveryを活用してオンプレミスデータをQlik Cloudでリアルタイム活用!
QlikPresalesJapan
 
war7classdist1.pptx
war7classdist1.pptxwar7classdist1.pptx
war7classdist1.pptx
Viktoria Mikolaenko
 

What's hot (8)

わからないまま使っている?UE4 の AI の基本的なこと
わからないまま使っている?UE4 の AI の基本的なことわからないまま使っている?UE4 の AI の基本的なこと
わからないまま使っている?UE4 の AI の基本的なこと
 
Unity遊戲程式設計 - 2D移動與碰撞處理II
Unity遊戲程式設計 - 2D移動與碰撞處理IIUnity遊戲程式設計 - 2D移動與碰撞處理II
Unity遊戲程式設計 - 2D移動與碰撞處理II
 
8 клас урок 4
8 клас урок 48 клас урок 4
8 клас урок 4
 
ビジュアルスクリプティングで始めるUnity入門2日目 ゴールとスコアの仕組み - Unityステーション
ビジュアルスクリプティングで始めるUnity入門2日目 ゴールとスコアの仕組み - Unityステーションビジュアルスクリプティングで始めるUnity入門2日目 ゴールとスコアの仕組み - Unityステーション
ビジュアルスクリプティングで始めるUnity入門2日目 ゴールとスコアの仕組み - Unityステーション
 
Unity遊戲設計- 2D動畫製作及應用
Unity遊戲設計-  2D動畫製作及應用Unity遊戲設計-  2D動畫製作及應用
Unity遊戲設計- 2D動畫製作及應用
 
非同期ロード画面 Asynchronous Loading Screen
非同期ロード画面 Asynchronous Loading Screen非同期ロード画面 Asynchronous Loading Screen
非同期ロード画面 Asynchronous Loading Screen
 
Hybrid Data Deliveryを活用してオンプレミスデータをQlik Cloudでリアルタイム活用!
Hybrid Data Deliveryを活用してオンプレミスデータをQlik Cloudでリアルタイム活用!Hybrid Data Deliveryを活用してオンプレミスデータをQlik Cloudでリアルタイム活用!
Hybrid Data Deliveryを活用してオンプレミスデータをQlik Cloudでリアルタイム活用!
 
war7classdist1.pptx
war7classdist1.pptxwar7classdist1.pptx
war7classdist1.pptx
 

Similar to Vuforia AR影片程式設計

Vuforia AR 同時追踨多張辨識圖
Vuforia AR同時追踨多張辨識圖Vuforia AR同時追踨多張辨識圖
Vuforia AR 同時追踨多張辨識圖
吳錫修 (ShyiShiou Wu)
 
Vuforia AR 同時追踨多張辨識圖
Vuforia AR同時追踨多張辨識圖Vuforia AR同時追踨多張辨識圖
Vuforia AR 同時追踨多張辨識圖
吳錫修 (ShyiShiou Wu)
 
Unity遊戲程式設計- Unity基礎指引
Unity遊戲程式設計- Unity基礎指引Unity遊戲程式設計- Unity基礎指引
Unity遊戲程式設計- Unity基礎指引
吳錫修 (ShyiShiou Wu)
 
Unity遊戲設計- Unity基礎指引
Unity遊戲設計- Unity基礎指引Unity遊戲設計- Unity基礎指引
Unity遊戲設計- Unity基礎指引
吳錫修 (ShyiShiou Wu)
 
Vuforia AR 應用程式設計入門
Vuforia AR應用程式設計入門Vuforia AR應用程式設計入門
Vuforia AR 應用程式設計入門
吳錫修 (ShyiShiou Wu)
 
Vuforia AR 應用程式設計入門
Vuforia AR應用程式設計入門Vuforia AR應用程式設計入門
Vuforia AR 應用程式設計入門
吳錫修 (ShyiShiou Wu)
 
Unity x Android Studio 混用經驗分享 Android Taipei March @ PicCollage
Unity x Android Studio 混用經驗分享 Android Taipei March @ PicCollageUnity x Android Studio 混用經驗分享 Android Taipei March @ PicCollage
Unity x Android Studio 混用經驗分享 Android Taipei March @ PicCollage
Laird Cheng
 
Unity遊戲程式設計 - 2D動畫製作及應用
Unity遊戲程式設計 - 2D動畫製作及應用Unity遊戲程式設計 - 2D動畫製作及應用
Unity遊戲程式設計 - 2D動畫製作及應用
吳錫修 (ShyiShiou Wu)
 
Unity遊戲程式設計(01) Unity簡介
Unity遊戲程式設計(01) Unity簡介Unity遊戲程式設計(01) Unity簡介
Unity遊戲程式設計(01) Unity簡介
吳錫修 (ShyiShiou Wu)
 
Game development using monogame
Game development using monogameGame development using monogame
Game development using monogame
Power Wu
 
多媒體系統09_3D互動擴增實境
多媒體系統09_3D互動擴增實境多媒體系統09_3D互動擴增實境
多媒體系統09_3D互動擴增實境
Fuzhou University
 
虚拟全景概述
虚拟全景概述虚拟全景概述
虚拟全景概述
mazhenglu
 
12 精彩影片diy
12 精彩影片diy12 精彩影片diy
12 精彩影片diy
欣彥 郭
 
Photo Impact 10 影像設計(二)
Photo Impact 10 影像設計(二)Photo Impact 10 影像設計(二)
Photo Impact 10 影像設計(二)s1045884
 
Unity遊戲程式設計 - 應用Sprite物件
Unity遊戲程式設計 - 應用Sprite物件Unity遊戲程式設計 - 應用Sprite物件
Unity遊戲程式設計 - 應用Sprite物件
吳錫修 (ShyiShiou Wu)
 
PUN v2 開發經驗分享
PUN v2 開發經驗分享PUN v2 開發經驗分享
PUN v2 開發經驗分享
Photon Taiwan
 
Configuration tutorial for pytorch environment under windows.pdf
Configuration tutorial for pytorch environment under windows.pdfConfiguration tutorial for pytorch environment under windows.pdf
Configuration tutorial for pytorch environment under windows.pdf
shuaihaohan135
 

Similar to Vuforia AR影片程式設計 (20)

Vuforia AR 同時追踨多張辨識圖
Vuforia AR同時追踨多張辨識圖Vuforia AR同時追踨多張辨識圖
Vuforia AR 同時追踨多張辨識圖
 
Vuforia AR 同時追踨多張辨識圖
Vuforia AR同時追踨多張辨識圖Vuforia AR同時追踨多張辨識圖
Vuforia AR 同時追踨多張辨識圖
 
Unity遊戲程式設計- Unity基礎指引
Unity遊戲程式設計- Unity基礎指引Unity遊戲程式設計- Unity基礎指引
Unity遊戲程式設計- Unity基礎指引
 
Unity遊戲設計- Unity基礎指引
Unity遊戲設計- Unity基礎指引Unity遊戲設計- Unity基礎指引
Unity遊戲設計- Unity基礎指引
 
Vuforia AR 應用程式設計入門
Vuforia AR應用程式設計入門Vuforia AR應用程式設計入門
Vuforia AR 應用程式設計入門
 
Vuforia AR 應用程式設計入門
Vuforia AR應用程式設計入門Vuforia AR應用程式設計入門
Vuforia AR 應用程式設計入門
 
Unity x Android Studio 混用經驗分享 Android Taipei March @ PicCollage
Unity x Android Studio 混用經驗分享 Android Taipei March @ PicCollageUnity x Android Studio 混用經驗分享 Android Taipei March @ PicCollage
Unity x Android Studio 混用經驗分享 Android Taipei March @ PicCollage
 
Unity遊戲程式設計 - 2D動畫製作及應用
Unity遊戲程式設計 - 2D動畫製作及應用Unity遊戲程式設計 - 2D動畫製作及應用
Unity遊戲程式設計 - 2D動畫製作及應用
 
Unity遊戲程式設計(01) Unity簡介
Unity遊戲程式設計(01) Unity簡介Unity遊戲程式設計(01) Unity簡介
Unity遊戲程式設計(01) Unity簡介
 
Game development using monogame
Game development using monogameGame development using monogame
Game development using monogame
 
多媒體系統09_3D互動擴增實境
多媒體系統09_3D互動擴增實境多媒體系統09_3D互動擴增實境
多媒體系統09_3D互動擴增實境
 
虚拟全景概述
虚拟全景概述虚拟全景概述
虚拟全景概述
 
12 精彩影片diy
12 精彩影片diy12 精彩影片diy
12 精彩影片diy
 
Photo Impact 10 影像設計(二)
Photo Impact 10 影像設計(二)Photo Impact 10 影像設計(二)
Photo Impact 10 影像設計(二)
 
Unity遊戲程式設計 - 應用Sprite物件
Unity遊戲程式設計 - 應用Sprite物件Unity遊戲程式設計 - 應用Sprite物件
Unity遊戲程式設計 - 應用Sprite物件
 
PUN v2 開發經驗分享
PUN v2 開發經驗分享PUN v2 開發經驗分享
PUN v2 開發經驗分享
 
Chinese hans
Chinese hansChinese hans
Chinese hans
 
Chinese hans
Chinese hansChinese hans
Chinese hans
 
testing leads fix for ppt2
testing leads fix for ppt2testing leads fix for ppt2
testing leads fix for ppt2
 
Configuration tutorial for pytorch environment under windows.pdf
Configuration tutorial for pytorch environment under windows.pdfConfiguration tutorial for pytorch environment under windows.pdf
Configuration tutorial for pytorch environment under windows.pdf
 

More from 吳錫修 (ShyiShiou Wu)

micro:bit亮度感測應用
micro:bit亮度感測應用micro:bit亮度感測應用
micro:bit亮度感測應用
吳錫修 (ShyiShiou Wu)
 
micro:bit開關控制應用
micro:bit開關控制應用micro:bit開關控制應用
micro:bit開關控制應用
吳錫修 (ShyiShiou Wu)
 
Vuforia AR 應用程式準備作業
Vuforia AR應用程式準備作業Vuforia AR應用程式準備作業
Vuforia AR 應用程式準備作業
吳錫修 (ShyiShiou Wu)
 
micro:bit LED顯示控制
micro:bit LED顯示控制micro:bit LED顯示控制
micro:bit LED顯示控制
吳錫修 (ShyiShiou Wu)
 
IDE for micro:bit
IDE for micro:bitIDE for micro:bit
IDE for micro:bit
吳錫修 (ShyiShiou Wu)
 
Microbit 1 introduction
Microbit 1 introductionMicrobit 1 introduction
Microbit 1 introduction
吳錫修 (ShyiShiou Wu)
 
Arduino overview
Arduino overviewArduino overview
Arduino overview
吳錫修 (ShyiShiou Wu)
 
使用Makeblock App學習mBot程式設計
使用Makeblock App學習mBot程式設計使用Makeblock App學習mBot程式設計
使用Makeblock App學習mBot程式設計
吳錫修 (ShyiShiou Wu)
 
使用M部落App學習mBot程式設計
使用M部落App學習mBot程式設計使用M部落App學習mBot程式設計
使用M部落App學習mBot程式設計
吳錫修 (ShyiShiou Wu)
 
nodeMCU IOT教學03 - NodeMCU導論
nodeMCU IOT教學03 - NodeMCU導論nodeMCU IOT教學03 - NodeMCU導論
nodeMCU IOT教學03 - NodeMCU導論
吳錫修 (ShyiShiou Wu)
 
nodeMCU IOT教學02 - Lua語言
nodeMCU IOT教學02 - Lua語言nodeMCU IOT教學02 - Lua語言
nodeMCU IOT教學02 - Lua語言
吳錫修 (ShyiShiou Wu)
 
Unity遊戲程式設計 - 2D Platformer遊戲
Unity遊戲程式設計 - 2D Platformer遊戲Unity遊戲程式設計 - 2D Platformer遊戲
Unity遊戲程式設計 - 2D Platformer遊戲
吳錫修 (ShyiShiou Wu)
 
Unity遊戲程式設計 - 2D運動與碰撞處理I
Unity遊戲程式設計 - 2D運動與碰撞處理IUnity遊戲程式設計 - 2D運動與碰撞處理I
Unity遊戲程式設計 - 2D運動與碰撞處理I
吳錫修 (ShyiShiou Wu)
 
Python與Ardinio整合應用
Python與Ardinio整合應用Python與Ardinio整合應用
Python與Ardinio整合應用
吳錫修 (ShyiShiou Wu)
 
mBlock積木式設計程式
mBlock積木式設計程式mBlock積木式設計程式
mBlock積木式設計程式
吳錫修 (ShyiShiou Wu)
 
Arduino程式除錯
Arduino程式除錯Arduino程式除錯
Arduino程式除錯
吳錫修 (ShyiShiou Wu)
 
Arduino程式開發工具
Arduino程式開發工具Arduino程式開發工具
Arduino程式開發工具
吳錫修 (ShyiShiou Wu)
 
Arduino程式快速入門
Arduino程式快速入門Arduino程式快速入門
Arduino程式快速入門
吳錫修 (ShyiShiou Wu)
 
開發mBot應用程式
開發mBot應用程式開發mBot應用程式
開發mBot應用程式
吳錫修 (ShyiShiou Wu)
 
Arduino導論
Arduino導論Arduino導論

More from 吳錫修 (ShyiShiou Wu) (20)

micro:bit亮度感測應用
micro:bit亮度感測應用micro:bit亮度感測應用
micro:bit亮度感測應用
 
micro:bit開關控制應用
micro:bit開關控制應用micro:bit開關控制應用
micro:bit開關控制應用
 
Vuforia AR 應用程式準備作業
Vuforia AR應用程式準備作業Vuforia AR應用程式準備作業
Vuforia AR 應用程式準備作業
 
micro:bit LED顯示控制
micro:bit LED顯示控制micro:bit LED顯示控制
micro:bit LED顯示控制
 
IDE for micro:bit
IDE for micro:bitIDE for micro:bit
IDE for micro:bit
 
Microbit 1 introduction
Microbit 1 introductionMicrobit 1 introduction
Microbit 1 introduction
 
Arduino overview
Arduino overviewArduino overview
Arduino overview
 
使用Makeblock App學習mBot程式設計
使用Makeblock App學習mBot程式設計使用Makeblock App學習mBot程式設計
使用Makeblock App學習mBot程式設計
 
使用M部落App學習mBot程式設計
使用M部落App學習mBot程式設計使用M部落App學習mBot程式設計
使用M部落App學習mBot程式設計
 
nodeMCU IOT教學03 - NodeMCU導論
nodeMCU IOT教學03 - NodeMCU導論nodeMCU IOT教學03 - NodeMCU導論
nodeMCU IOT教學03 - NodeMCU導論
 
nodeMCU IOT教學02 - Lua語言
nodeMCU IOT教學02 - Lua語言nodeMCU IOT教學02 - Lua語言
nodeMCU IOT教學02 - Lua語言
 
Unity遊戲程式設計 - 2D Platformer遊戲
Unity遊戲程式設計 - 2D Platformer遊戲Unity遊戲程式設計 - 2D Platformer遊戲
Unity遊戲程式設計 - 2D Platformer遊戲
 
Unity遊戲程式設計 - 2D運動與碰撞處理I
Unity遊戲程式設計 - 2D運動與碰撞處理IUnity遊戲程式設計 - 2D運動與碰撞處理I
Unity遊戲程式設計 - 2D運動與碰撞處理I
 
Python與Ardinio整合應用
Python與Ardinio整合應用Python與Ardinio整合應用
Python與Ardinio整合應用
 
mBlock積木式設計程式
mBlock積木式設計程式mBlock積木式設計程式
mBlock積木式設計程式
 
Arduino程式除錯
Arduino程式除錯Arduino程式除錯
Arduino程式除錯
 
Arduino程式開發工具
Arduino程式開發工具Arduino程式開發工具
Arduino程式開發工具
 
Arduino程式快速入門
Arduino程式快速入門Arduino程式快速入門
Arduino程式快速入門
 
開發mBot應用程式
開發mBot應用程式開發mBot應用程式
開發mBot應用程式
 
Arduino導論
Arduino導論Arduino導論
Arduino導論
 

Vuforia AR影片程式設計