-
- MAC 版 MAKAR 3D Scan 使用教學
- 【XR專案教學】基隆港鯨鯊 AR 體驗怎麼做?用MAKAR 來打造出鯨魚翱翔天空的 AR 體驗吧!
- MAKAR魔法介紹目錄
- 春節AR動畫教學
- MAKAR 遮罩功能應用
- MR聖誕節教學-結合3D骨架綁定
- 玩MAKAR 也可以學理化-製作加農砲專案
- MAKAR中的合作學習—專案串聯
- XR實境教育創意大賞競賽懶人包
- MR放天燈教學
- MAKAR製作AR語言學習卡片
- AR立體恐龍餅乾教學
- AR 3D Zoom
- VR游輪導覽
- AR漫畫圖書-卡通歌手
- VR古蹟導覽-聖馬可廣場
- VR尋寶游戲-找到汪星人
- VR語文情境學習-鄉間農趣
- AR歷史文物圖卡-兵馬俑
- 商品AR智慧標簽-耳機
- VR房產導覽-看屋虛擬導覽
- VR景點導覽-世界名勝
- AR植物圖鑑-玫瑰
- AR產品模擬-感應垃圾桶
- AR樂器圖卡-樂器演奏會
- AR明信片-生日卡
- 3D模型減面教學
-
- 北科互動所-5-泡麵三分鐘
- 北科互動所-2-moe moe chu
- 北科互動所-1-皮卡丘
- 屏科大-溫度AR集點卡
- 長榮大學-屏東公園解謎遊戲
- 師大-搜尋monitor-AR互動繪本
- 北科互動所-4-舌尖上的美食
- 北科互動所-3-外方內圓
- 北科互動所-6- AwesomeJelly超棒,果凍
- 北科互動所-7-Pocky Fortune Magic
- 北科互動所-8-咖啡印花
- 北科互動所-9-餐廳AR互動加值與宣傳利用
- 北科互動所-10-MAKARON
- 北科互動所-11-台南豆花
- 北科互動所-12-今晚喝到這
- 北科互動所-13-食譜太郎
- 北科互動所-14-媽媽說
- 北科互動所-15-幸運的旋轉壽司
- 北科互動所-16-拉麵溫感提醒
- 北科互動所-17-性蘊餅乾
-
- ① 就是有仁愛:多元文化_紙紮
- ② 嘎嘎烏拉拉:沙灣尋寶
- ③ 神鵰俠侶來環保:兒時記憶-童年電動車、環保大學問、環保大學問
- ④ 永安特攻隊:永安調查局—大直謎案
- ⑤ 藝票玩到底:失藝調查
- ⑥ 大直高中:「議」響世界 大直永續未來島
- ⑦ IMCA:跟著馬偕爺爺遊淡水
- ⑧ 隊名想了十分鐘...:朝陽尋寶大作戰
- ⑨ 不知從何開始:誰是兇手-藏在每個人身後的秘密
- ➉ 台灣探茶之旅:我是製茶王
- ⑪ 天氣之子:台灣黑熊20分鐘世界旅行
- ⑫ 白水木小隊:白鹿傳說
- ⑬ 汪檍:CLASSMATES
- ① 3A-稻.金:七夕稻埕 情比金堅
- ② 北一女中:星途之謎
- ③ 數位小天才:走入「車埕」- 探索自然與人文之美
- ④ 嵌虛就隊:即將成功的展覽會
- ⑤ 敦化國中:好公民養成記
- ⑥ New Nangane City Explorer:時空漫遊 文學大師 v.s. 城市遊俠
- ⑦ AcTion:幸福平安
- ⑧ 未來計畫區隊:綠色的醫療園區
MR放天燈教學
- 2022-01-17
- by Lina老師

課程大綱
- 3D Blender安裝
- 3D 天燈貼圖繪製
- 安裝MAKAR
- 設置天燈動畫
- 建立MR天燈
- 一起放天燈囉
- QA時間
- 素材這裡下載
一、 3D Blender安裝
1. 下載並安裝Blender並啟動 https://www.blender.org/download

2. 設定語系為繁體中文,編輯>編號設定>正體中文


二、3D 天燈貼圖繪製
1. 啟動PowerPoint並開啟素材檔案「sky lantern.pptx」,切換第三頁調整文字或背景並添加自己的元素。

2. 於桌面建立一個新資料夾SkyLantern(資料夾路徑必須為全英文)
Ex. C:UsersUserDesktopSkyLantern

3. 將全部元素選取,右鍵>另存成圖片

補充說明:輸出時須特別注意,物件不可大於簡報編輯範圍,否則圖片輸出時會有黑邊或其他問題,以下圖為例,必須在藍色線框中,若為透明物件也將產生輸出大於簡報編輯範圍的狀況。

4. 選擇副檔名.png可攜式網路圖形格式,並命名:SkyLantern.png

關於3D天燈貼圖解說
3D模型皆由「點線面」所構成,若要將貼圖平面畫則須要透過UV拆解,以圓柱舉例,當左邊圓柱從中間拆開並攤平後,會成為右圖的概念,而重疊與中間的「長命百歲」則是這個圓柱模型貼圖的交界點。

Blender相關教學(非天燈模型)
- 建模:https://www.youtube.com/watch?v=oM_0U7CLYPg
- 拆解UV:https://www.youtube.com/watch?v=A5yVX2jKIyc
5. 繪製MR專案封面圖,並輸出為.png檔案。


6. 啟動Blender,刪除右側預設Cube



7. 檔案 > 匯入 > FBX(.fbx)

8. 到桌面SkyLantern資料夾中匯入,請先下載素材(請確保路徑為全英文)

9. 匯入完成

10. 切換上方選單列為「Shading」

11. 選擇右側場景選集>打開Group1>選擇sky

12. 找到下方Principled BSDF「基礎色彩」並跟隨連接線,按住滑鼠中鍵往上滑,找到細項視窗進行編輯

13. 找到Sky1視窗,選擇右側X按鈕刪除當前貼圖

14. 刪除成功後,上面的天燈會變成灰色,原本的視窗會出現「開啟」選項

15. 點選開啟選項,匯入剛剛製作的SkyLantern.png圖檔

16. 成功貼上自製的貼圖後,會出現於天燈上

17. 選擇右側場景選集>打開Group1>選擇fire1

18. 找到下方Principled BSDF「基礎色彩」並跟隨連接線,按住滑鼠中鍵往上滑,找到細項視窗進行編輯,找到Sky1視窗,選擇右側X按鈕刪除當前貼圖,匯入剛剛製作的SkyLantern.png圖檔

19. 完成天燈本身及天燈內的火焰貼圖更換後,進行輸出。
常見問題:為什麼要換兩張圖?看不出來差別?
說明:原因是,火焰的貼圖是同一張圖,必須一同更換,否則輸出為FBX時則無法夾帶在3D模型中。
20. 檔案>匯出>FBX(.fbx)

三、安裝MAKAR
請參考安裝教學說明:https://www.makerar.com/tutorial_01?id=134
四、設置天燈動畫
1. 建立新專案

2. 並命名專案名稱、設定專案封面>確認

3. 上傳3D模型

4. 將3D模型拖拉至場景中


5. 設定天燈材質
(1) 材質球屬性名稱:lambert10,設定材質球:無光-標準

(2) 材質球屬性名稱:line,設定材質球:純色

(3) 材質球屬性名稱:fire,設定材質球:遮罩(去背),設定後火焰背景為透明


6. 設定天燈動畫,展開新增動畫選項

(1) 新增動畫名稱:Stop,並按下



(2) 新增動畫名稱:paly,並按下



(3) 切換動畫名稱為Stop並修改時間軸為0~0,此時天燈將不再自動飛起


7. 重新命名,選擇場景物件SkyLantern雙擊兩下,重新命名為:01

8. 選擇01按下Ctrl+D進行複製,並切換移動工具移動至左側並重新命名為02;選擇01按下Ctrl+D進行複製,並切換移動工具移動至右側並重新命名為03。


9. 選擇01 > 新增功能 > 切換動畫,依序設定為01、Play、單次執行、結束後還原。


10. 選擇02 > 新增功能 > 切換動畫,依序設定為02、Play、單次執行、結束後還原。


11. 選擇03 > 新增功能 > 切換動畫,依序設定為03、Play、單次執行、結束後還原。


12. 設定完成後,可進行專案發布。

五、一起放天燈囉
1. 下載MAKAR ID CODE > 帳戶設定

2. 切換至行動條碼,調整尺寸為X3,選擇下載存放地點並確認儲存

3. 使用手機建立專案 QR CODE
(1) 開啟MAKAR APP,按下右上角分享獲得專案連結

Yo! Let's click
https://ssl-api-makar-v3-apps.miflyservice.com/Makar/deeplink/?url=mifly://makar/?openpage=ProjectPlayPage&projectType=ar_slam&projectId=6198fa9c1b3e31871a7043639ce0622b and see something new at SkyLantern made by MAKAR from MAKAR!
(If you can’t click, open MAKAR and enter SkyLantern on the search page)
(2) 製作專案QR CODE,進入QR CODE生成網站http://qr.calm9.com/tw

(3) 貼上連結
https://ssl-api-makar-v3-apps.miflyservice.com/Makar/deeplink/?url=mifly://makar/?openpage=ProjectPlayPage&projectType=ar_slam&projectId=6198fa9c1b3e31871a7043639ce0622b and see something new at SkyLantern made by MAKAR from MAKAR!

(4) 獲得QR CODE

(5) 建立至專案PPT,設定封面

體驗專案囉