大綱
• 跨領域結合 – 押花藝術 – 擴增實境
• 擴增實境技術 – 有標籤擴增實境 – 無標籤擴增實境
• 結論
你曾看見台灣的偏鄉問題嗎?
2
體驗茶鄉文化投入場域經(2014/07/1~8/31)
3
押花AR模組 虛實應用 - 押花AR
授課教師：林正敏 教授 開課學校：南開科技大學 課程名稱：智慧科技導入工藝設計與實務
鹿谷初鄉茶間改造
5
整理場域
6
整理社區
7
教導社區居民使用智慧平板
8
社區服務貼近地方、尋找數位創意靈感
9
鹿谷花心 – 用行動服務為情人打造幸福
10
鹿谷花心 情人節限定活動 是幸福的啟點 感動的延續
11
手作押花情人卡
12
為情人錄製專屬影片
13
共享情人茶套餐
14
插花製造浪漫氣氛
15
為情人奉茶
16
情人專屬APP趕工中
17
獻上專屬情人APP
18
押花AR-虛實共存智活文創的作品
花語傳情
花語母親
19
配套:文青俠客行- 城鄉活化場域實證計畫
花現茶鄉。螢造幸福工作坊 2014/5/17~18 質化指標 連結鹿谷數位機會中心
智慧生活科技與傳統工藝的結合 促進聯盟教師間的合作 量化指標 教師
13人
教學助理
5人
學生
13人
社會人士
5人
參加總人數
36人
參與大學數
11所
連結鹿谷數位機會中心 智慧生活科技與傳統工藝的結合
20
配套:文青俠客行- 城鄉活化場域實證計畫
花現茶鄉。螢造幸福工作坊 2014/5/17~18
在地場域 實證學習 教材模組 押花AR
智慧生活 人才培育
21
大綱
• 跨領域結合 – 押花藝術 – 擴增實境
• 擴增實境技術 – 有標籤擴增實境 – 無標籤擴增實境
• 結論
押花的歷史由來 • 押花最早的起源於歐洲/十九世紀 • 在台灣的壓花歷史/民國72年起
押花創作的感動 即使是一朵小花 也能道出自然之美 藉著和押花創作的相遇 盡情的享受著大自然的美麗
押花花材採集
花材的收納及保存
押花器乾燥還原
押花貼花方法
貼葉使用方法
各種基礎構圖
押花藝術創作啟蒙貴人
蕭紅紅
朱怡甄
押花QR code
作品欣賞
作品欣賞
大綱
• 跨領域結合 – 押花藝術 – 擴增實境
• 擴增實境技術 – 有標籤擴增實境 – 無標籤擴增實境
• 結論
何謂擴增實境?
http://www.commoncraft.com/video/augmented-reality
擴增實境的定義與應用
• 定義 • 1.有別於為人熟知的虛擬實境(Virtual Reality； VR)技術，是以假想空間將現實畫面完整重現於 電腦畫面，誕生於1994年的擴增實境 (Augmented Reality；AR)技術，是將實際資訊 以虛擬方式重疊至現實場景，藉由強化現實資訊 的不足，來提高生活便利。
擴增實境的定義
虛實 3D
互動
AR的分類 標籤類
https://play.google.com/store/apps/d etails?id=com.ikags.miku3d&hl=zhTW
非標籤類
https://play.google.com/store/apps/details?i d=com.NTHU.NPM_AR_Exhibition&hl=zhTW
擴增實境的應用
行動裝 置
教育
擴增實
境
購物
工業
其實 現代人越來越難取悅了 看到實體或是平面圖像 很難直接聯想到物品的用途和特色
大綱
• 跨領域結合 – 押花藝術 – 擴增實境
• 擴增實境技術 – 有標籤擴增實境 – 無標籤擴增實境
• 結論
2013花語母親卡
藝術和科技 激盪出幸福的火花 透過活動傳遞 感動與祝福
有標籤的擴增實境教學建議
• 讓學生動手製作標籤，製作卡片(如押花卡) • 下載有標籤的擴增實境APP – 僅APP適合各系科 – 有含原始碼適合(資訊與電機類系科)
• 剛開始以右方圖形開始 – AndAR Model Viewer – 初音未來3D IKA AR顯示增
Andar原始碼程式下載 https://code.google.com/p/andar/
測試AndAR中ModelChooser的錯誤(1/6)
http://cheng-min-i-taiwan.blogspot.tw/2013/01/android-arandarmodelchooser.html
測試AndAR中ModelChooser的錯誤 (2/6)
測試AndAR中ModelChooser的錯誤(3/6)
測試AndAR中ModelChooser的錯誤 (4/6) 修改前
修改後
測試AndAR中ModelChooser的錯誤(5/6)
測試AndAR中ModelChooser的錯誤 (6/6)
把Blender 3D 物件輸出成AndAR格式(1/14)
http://cheng-min-i-taiwan.blogspot.tw/2014/04/android-blender-blender-3dandar.html
把Blender 3D 物件輸出成AndAR格式(2/14) • Blender是一套很強3D Model的工具， AndAR則是Android上 的擴增實境的軟體， 我們可以從Google Play下載。 • 選擇Play商店 ，輸入 AndAR，就可以下載 AndAR Model Viewer APP，下圖是已經下 載完成。
把Blender 3D 物件輸出成AndAR格式(3/14)
執行AndAR Model Viewer APP。
把Blender 3D 物件輸出成AndAR格式(4/14)
• 你可以選擇內建的 3D Model來進行測試。
把Blender 3D 物件輸出成AndAR格式(5/14) 由於AndAR是有標籤的擴充實境，你需要先準備好 AR標籤，如下圖，你可以在Google上輸入AndAR Marker即可以找到。
把Blender 3D 物件輸出成AndAR格式(6/14) • 當你選擇其中一個Model 執行後，把手機攝像頭對 著標籤即可看到3D MODEL站在AR標籤上。
把Blender 3D 物件輸出成AndAR格式(7/14) • 接下來打開Blender，進行模型繪製，如下圖。
把Blender 3D 物件輸出成AndAR格式(8/14) • 選擇File->Export->Wavefront(obj)，並依圖參數進 行設定(在圖的左邊)
把Blender 3D 物件輸出成AndAR格式(9/14) • 把下列5種參數打勾 1.Write Normals 2.Write Materials 3.Taiangulate Faces 4.Material Group 5.Keep Vertex Order 按下Export Obj，在儲存 目檔下即可以看到mtl及 obj檔。
把Blender 3D 物件輸出成AndAR格式(10/14)
• 把mtl及obj檔複製到手機上。
把Blender 3D 物件輸出成AndAR格式(11/14)
• 回到AndAR APP 選擇Select a model file選項
把Blender 3D 物件輸出成AndAR格式(12/14)
• 找到download目錄。
把Blender 3D 物件輸出成AndAR格式(13/14)
• 選擇obj檔。
把Blender 3D 物件輸出成AndAR格式(14/14)
• 執行結果
花語母親卡
• 擴增實境
花語母親卡流程圖 81
大綱
• 跨領域結合 – 押花藝術 – 擴增實境
• 擴增實境技術 – 有標籤擴增實境 – 無標籤擴增實境
• 結論
躍然紙上之故宮AR中
2014花語母親卡
最誠摯的設計 獻給全天下的母親
vuforia SDK是什麼？
• 擴增實境的開發工具，同時支援Android, iOS, Unity。
Vuforia是一款功能強大的AR工具
• Vuforia 2.5: New Features • Vuforia prototype from Qualcomm demo • Qualcomm Vuforia augmented reality demo Nike shoes • Hands on with Qualcomm Vuforia Augmented Reality based apps
圖像目標的自然特徵和等級
• 區分成5等級 • 等級是定義如何以及一個圖像的自然特徵可以被檢測和使 用Vuforia SDK來跟踪。 • 零評級表明一個目標沒有的AR系統跟踪所有。 • 一個5星級的評級表明，圖像很容易的AR系統跟踪。
92
圖像的特徵點 • 一個特點是鋒利，尖， 輪廓分明的圖像細節， 如目前在紋理的物體 的特徵。 • 圖像分析儀代表特徵 為黃色小十字架。 • 增加圖像中的這些細 節的數量，並確認細 節建立一個非重複的 圖案。
4個特徵點
0個特徵點
2個特徵點
https://developer.vuforia.com/resources/dev-guide/natural-features-and-rating
93
將特徵點轉化成星級 上載圖片
分析後圖片
星級
含有少量 特徵點的 圖片
含有大量 特徵點的 圖片
https://developer.vuforia.com/resources/dev-guide/natural-features-and-rating
94
目標管理經理提供暗示功能 上載圖片
分析後圖片
星級
https://developer.vuforia.com/resources/dev-guide/natural-features-and-rating
95
提高局部對比度
上載圖片
細節
分析後圖片
星級
原圖
加強對比
再強化對比
https://developer.vuforia.com/resources/dev-guide/natural-features-and-rating
96
灰階直方圖的質量指標 上載灰階圖
直方圖
星圖
• 灰階愈平均愈好 • 但也可例外 • 一定要有特徵點
97
做出5星級圖像
背景 處理
增加 對比
前 背 景 平 衡
再提高 對比
前 景 強 背 景 白
https://developer.vuforia.com/resources/dev-guide/natural-features-and-rating
前 背 景 平 衡
98
學習從範例開始 • • • • • • • •
Image Targets Text Recognition Cloud Recognition User-Defined Targets Multi-Targets Frame Markers Video Playback Virtual Buttons https://developer.vuforia.com/resources/sample-apps
影像物體(Image Targets)
利用Target Manager來管理本地資料庫
Vuforia是一款功能強大的AR工具
Vuforia Featured Apps Video Winter 2014 Vuforia 2.5: New Features Vuforia prototype from Qualcomm demo Qualcomm Vuforia augmented reality demo Nike shoes • Hands on with Qualcomm Vuforia Augmented Reality based apps • Toyota 86 AR • • • •
學習從範例開始 • • • • • • • •
Image Targets Text Recognition Cloud Recognition User-Defined Targets Multi-Targets Frame Markers Video Playback Virtual Buttons https://developer.vuforia.com/resources/sample-apps
花語傳情 辨識前
辨識後
Media目錄存放要辦識的圖案
若不需要可以刪除
Assest存放執行時所用到的圖影資源
影片檔
啟動畫面
功能選單畫面
啟動畫面
功能選單畫面
AR 畫面 辦識前
辦識後
人機介面
閃屏畫面程式(1/2)
閃屏畫面程式(2/2)
選單畫面程式(1/4)
選單畫面程式(2/4)
選單畫面程式(3/4)
選單畫面程式(4/4)
AR程式修訂 – 辦識後的顯示圖片
AR程式修訂– 辦識後播放影片名稱
大綱
• 跨領域結合 – 押花藝術 – 擴增實境
• 擴增實境技術 – 有標籤擴增實境 – 無標籤擴增實境
• 結論
結論
• 押花AR教材 – AndAR 教材 – Vuforia AR教材 – 押花藝術
押花AR教材製作團隊
• • • • • • •
南開科技大學數位生活創意系林正敏教授 南開科技大學數位生活創意系林子淇同學 南開科技大學數位生活創意系黃詩涵同學 南開科技大學數位生活創意系陳昱竹同學 南投縣休憩農園促進會朱怡甄工藝師 南投縣休憩農園促進會蕭紅紅工藝師 南投縣休憩農園促進會李光耀理事長