MAKAR | AR/VR/MR 教學

教學

MR放天燈教學

​

課程大綱

  • 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，設定封面


體驗專案囉