-
- 北科互動所-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-性蘊餅乾
MR放天燈教學
- 2022-01-17
- by Lina老師
![](https://becutelina.files.wordpress.com/2022/01/bg02.jpg?w=1024)
課程大綱
- 3D Blender安裝
- 3D 天燈貼圖繪製
- 安裝MAKAR
- 設置天燈動畫
- 建立MR天燈
- 一起放天燈囉
- QA時間
- 素材這裡下載
一、 3D Blender安裝
1. 下載並安裝Blender並啟動 https://www.blender.org/download
![](https://becutelina.files.wordpress.com/2022/01/b01.jpg?w=1024)
2. 設定語系為繁體中文,編輯>編號設定>正體中文
![](https://becutelina.files.wordpress.com/2022/01/b02.jpg?w=257)
![](https://becutelina.files.wordpress.com/2022/01/b03.jpg?w=657)
二、3D 天燈貼圖繪製
1. 啟動PowerPoint並開啟素材檔案「sky lantern.pptx」,切換第三頁調整文字或背景並添加自己的元素。
![](https://becutelina.files.wordpress.com/2022/01/02.jpg?w=1024)
2. 於桌面建立一個新資料夾SkyLantern(資料夾路徑必須為全英文)
Ex. C:UsersUserDesktopSkyLantern
![](https://becutelina.files.wordpress.com/2022/01/05-1.jpg?w=135)
3. 將全部元素選取,右鍵>另存成圖片
![](https://becutelina.files.wordpress.com/2022/01/04.jpg?w=805)
補充說明:輸出時須特別注意,物件不可大於簡報編輯範圍,否則圖片輸出時會有黑邊或其他問題,以下圖為例,必須在藍色線框中,若為透明物件也將產生輸出大於簡報編輯範圍的狀況。
![](https://becutelina.files.wordpress.com/2022/01/04-1-1.jpg?w=651)
4. 選擇副檔名.png可攜式網路圖形格式,並命名:SkyLantern.png
![](https://becutelina.files.wordpress.com/2022/01/05.jpg?w=734)
關於3D天燈貼圖解說
3D模型皆由「點線面」所構成,若要將貼圖平面畫則須要透過UV拆解,以圓柱舉例,當左邊圓柱從中間拆開並攤平後,會成為右圖的概念,而重疊與中間的「長命百歲」則是這個圓柱模型貼圖的交界點。
![](https://becutelina.files.wordpress.com/2022/01/03.jpg?w=967)
Blender相關教學(非天燈模型)
- 建模:https://www.youtube.com/watch?v=oM_0U7CLYPg
- 拆解UV:https://www.youtube.com/watch?v=A5yVX2jKIyc
5. 繪製MR專案封面圖,並輸出為.png檔案。
![](https://becutelina.files.wordpress.com/2022/01/24.jpg?w=1024)
![](https://becutelina.files.wordpress.com/2022/01/24-1.jpg?w=787)
6. 啟動Blender,刪除右側預設Cube
![](https://becutelina.files.wordpress.com/2022/01/06.jpg?w=1024)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/07.jpg)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/08.jpg)
7. 檔案 > 匯入 > FBX(.fbx)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/09.jpg)
8. 到桌面SkyLantern資料夾中匯入,請先下載素材(請確保路徑為全英文)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/10.jpg)
9. 匯入完成
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/11.jpg)
10. 切換上方選單列為「Shading」
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/12.jpg)
11. 選擇右側場景選集>打開Group1>選擇sky
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/13.jpg)
12. 找到下方Principled BSDF「基礎色彩」並跟隨連接線,按住滑鼠中鍵往上滑,找到細項視窗進行編輯
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/14%20-%20%E8%A4%87%E8%A3%BD.jpg)
13. 找到Sky1視窗,選擇右側X按鈕刪除當前貼圖
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/16.jpg)
14. 刪除成功後,上面的天燈會變成灰色,原本的視窗會出現「開啟」選項
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/17.jpg)
15. 點選開啟選項,匯入剛剛製作的SkyLantern.png圖檔
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/18.jpg)
16. 成功貼上自製的貼圖後,會出現於天燈上
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/19.jpg)
17. 選擇右側場景選集>打開Group1>選擇fire1
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/20.jpg)
18. 找到下方Principled BSDF「基礎色彩」並跟隨連接線,按住滑鼠中鍵往上滑,找到細項視窗進行編輯,找到Sky1視窗,選擇右側X按鈕刪除當前貼圖,匯入剛剛製作的SkyLantern.png圖檔
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/21.jpg)
19. 完成天燈本身及天燈內的火焰貼圖更換後,進行輸出。
常見問題:為什麼要換兩張圖?看不出來差別?
說明:原因是,火焰的貼圖是同一張圖,必須一同更換,否則輸出為FBX時則無法夾帶在3D模型中。
20. 檔案>匯出>FBX(.fbx)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/22.jpg)
三、安裝MAKAR
請參考安裝教學說明:https://www.makerar.com/tutorial_01?id=134
四、設置天燈動畫
1. 建立新專案
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/25.jpg)
2. 並命名專案名稱、設定專案封面>確認
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/26.jpg)
3. 上傳3D模型
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/27.jpg)
4. 將3D模型拖拉至場景中
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/28.jpg)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/29.jpg)
5. 設定天燈材質
(1) 材質球屬性名稱:lambert10,設定材質球:無光-標準
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/30.jpg)
(2) 材質球屬性名稱:line,設定材質球:純色
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/31.jpg)
(3) 材質球屬性名稱:fire,設定材質球:遮罩(去背),設定後火焰背景為透明
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/32.jpg)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/33.jpg)
6. 設定天燈動畫,展開新增動畫選項
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/%E6%A7%93%E6%A7%93.jpg)
(1) 新增動畫名稱:Stop,並按下
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/%E5%9C%96%E7%89%871.png)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/34-1.jpg)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/34-2.jpg)
(2) 新增動畫名稱:paly,並按下
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/%E5%9C%96%E7%89%871.png)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/34-3.jpg)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/34-4.jpg)
(3) 切換動畫名稱為Stop並修改時間軸為0~0,此時天燈將不再自動飛起
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/34-5.jpg)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/34-6.jpg)
7. 重新命名,選擇場景物件SkyLantern雙擊兩下,重新命名為:01
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/34-7.jpg)
8. 選擇01按下Ctrl+D進行複製,並切換移動工具移動至左側並重新命名為02;選擇01按下Ctrl+D進行複製,並切換移動工具移動至右側並重新命名為03。
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/34-8.jpg)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/34-9.jpg)
9. 選擇01 > 新增功能 > 切換動畫,依序設定為01、Play、單次執行、結束後還原。
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/35.jpg)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/36.jpg)
10. 選擇02 > 新增功能 > 切換動畫,依序設定為02、Play、單次執行、結束後還原。
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/35.jpg)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/38.jpg)
11. 選擇03 > 新增功能 > 切換動畫,依序設定為03、Play、單次執行、結束後還原。
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/35.jpg)
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/40.jpg)
12. 設定完成後,可進行專案發布。
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/41.jpg)
五、一起放天燈囉
1. 下載MAKAR ID CODE > 帳戶設定
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/44.jpg)
2. 切換至行動條碼,調整尺寸為X3,選擇下載存放地點並確認儲存
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/45.jpg)
3. 使用手機建立專案 QR CODE
(1) 開啟MAKAR APP,按下右上角分享獲得專案連結
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/%E5%9C%96%E7%89%872.jpg)
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
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/QR01.jpg)
(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!
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/QR02.jpg)
(4) 獲得QR CODE
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/%E5%9C%96%E7%89%873.png)
(5) 建立至專案PPT,設定封面
![](/userfiles/images/MAKAR%E5%AE%98%E6%96%B9%E6%95%99%E5%AD%B8%E5%9C%98%E9%9A%8A/111%E5%B9%B4%E6%95%99%E5%AD%B8/11101-%E5%A4%A9%E7%87%88/01.jpg)
體驗專案囉