MAKAR | AR/VR/MR 教學

教學

混合實境

混合實境


混合實境是什麼？


混合實境（Mixed Reality）是結合真實和虛擬的技術，融合了擴增實境（AR）和虛擬實境（VR）的特點，透過模擬真實感知，隨著使用者移動，虛擬物件的大小和角度即時調整，讓使用者有如在真實與虛擬之間自由穿梭的感覺。搭配 MAKAR Editor 製作 MR 專案，輕鬆添加虛擬物件，將虛擬和現實完美交織，實現創作元宇宙的豐富體驗。



如何創建混合實境專案？


1. 在 MAKAR Editor 左側點選「建立新專案」。
 



2. 跳出建立專案欄，類型點選「混合實境」。 右側欄位請參考 完成專案基本設定 之教學設定基本欄位。
 



3. 成功進入混合實境專案，拖曳物件至場景中，開始製作專案。
 

 





​延伸閱讀：

新增您的素材

新增您的素材



新增素材至您的素材庫

於左側素材庫點選「新增」，上傳圖片、影片檔、3D模型、音樂、環景素材。

 




在線上素材庫中下載素材

於左側素材庫點選「線上素材」，提供 MAKAR 素材庫及 Sketchfab 素材庫。 點擊「替代文字」觀看素材、點擊「替代文字」下載模型。

 

1. MAKAR 素材庫點擊「替代文字」觀看素材、點擊「替代文字」下載模型。 2. Sketchfab 素材庫需要註冊帳號並登入才能進入素材庫，點擊「免費註冊」可以進行註冊。



 

將素材放入您的場景中

​如果您已上傳自己的模型或是由線上素材庫下載模型，您可以從素材庫直接拖曳至場景中，接下來就可以開始進行創作！
​






​延伸閱讀：

管理您的素材庫

管理您的素材庫


MAKAR Editor 中的素材庫可容納 3D 模型、圖片、媒體等多種類型的素材，您可以利用基本功能來妥善管理素材庫，包含移動素材、新增資料夾、刪除素材、搜尋素材，以下將說明管理 MAKAR 素材庫的基本功能。



移動素材庫中的素材

 

 

  • 選取素材並按壓左鍵進行拖曳，依照您的需求排序素材。




新增資料夾
 

▲ 按右鍵新增資料夾 ▲ 雙擊資料夾重新命名
 
  • 在素材庫中按右鍵，跳出「替代文字」，針對需求拖曳素材至資料夾做整理。
  • 對著資料夾名稱點擊兩下，可重新命名此資料夾。



刪除素材
 

 

  • 在素材庫中選取素材，點擊底下的「替代文字」，即可刪除此素材。



從素材庫中匯出您的素材

匯出素材有兩種路徑：
 
▲ 從素材庫下載 ▲ 從我的素材庫下載
 
  • 在素材庫中選擇欲匯出的素材，點擊底下的「替代文字」，選擇您在電腦的儲存路徑，即可完成素材匯出。
  • 點擊「視窗」→「我的素材庫」，跳出我的素材庫視窗，選擇欲匯出的素材，點擊底下的​「替代文字」，選擇您在電腦的儲存路徑，即可完成素材匯出。

​


搜尋您的素材庫

搜尋素材有兩種路徑：
 

▲ 從素材庫搜尋 ▲ 從我的素材庫搜尋

 

  • 在素材庫底下的搜尋框打上素材名，尋找您的素材。
  • 點擊「視窗」→「我的素材庫」，跳出我的素材庫視窗，在底下的搜尋框打上素材名，尋找您的素材。






​延伸閱讀：

 

管理您的辨識圖

管理您的辨識圖


若您想要管理辨識圖，在 MAKAR Editor 首頁點選「視窗」→「辨識圖」，打開辨識圖庫。

 




新增辨識圖

點選「替代文字」可新增辨識圖。

 




刪除辨識圖

選取其中一張辨識圖並點選「替代文字」可刪除辨識圖。

  




下載辨識圖

選取其中一張辨識圖並點選「替代文字」可下載辨識圖。

 




辨識圖被鎖定

如果辨識圖被鎖定，代表您目前有專案正在使用這張辨識圖，不可刪除。若要刪除辨識圖，請先移除專案再執行刪除。

​




延伸閱讀：

常見的素材問題

常見的素材問題

 

如果您在使用 MAKAR Editor 時，碰到一些素材上的常見問題，可點擊「幫助 → 常見問題」，打開常見問題視窗，下面將說明可能會遇到的素材問題與解決方式。
​



 

1. 檢查遺失素材           如果在您的素材庫找不到已下載或已上傳的素材，但是可用容量卻減少，可點擊「檢查遺失素材」找尋遺失的素材。
2. 暫存清理 如果您的 MAKAR 容量越來越大，想要清理不必要的暫存空間，可點擊「暫存清理」釋放您的容量。
3. 高畫質 如果您的模型在匯入之後，動畫變得奇怪或不順暢，可點擊「高畫質」將效能調高，使模型正常運作。（高畫質模式需要更高的電腦效能）
​

使用物件控制工具

使用物件控制工具


將不同物件拖曳至場景中時，可透過滑鼠左鍵點擊來「選取」物件，而當您點擊其中一個物件，即會出現物件控制的工具列，包含移動、旋轉、縮放三種功能，下列將說明物件控制工具的功能。

 


 


替代文字    		 根據物件移動之需求，選擇對應的方向箭頭進行調整。

替代文字    		 根據物件旋轉之需求，選擇對應的顏色進行物件旋轉調整。

替代文字

 

 根據物件縮放之需求，選擇對應的顏色進行物件旋轉調整，
在進行縮放功能時，建議選擇物件中央「白色方塊」進行等比例之縮放，
若以單軸顏色調整，物件將為成為非等比例之縮放方式。
​


使用 QWER 快捷鍵

由於物件控制工具使用頻率高，建議可以使用預設的快捷鍵，快速切換欲使用功能。 若您想要更改快捷鍵，請參考 更改快捷鍵設定 之教學 。
 
Q 選取
W 移動
E 旋轉
R 縮放





延伸閱讀：

使用滑鼠控制畫面

​

使用滑鼠控制畫面


使用 MAKAR Editor 時，您可以透過滑鼠的左中右鍵，控制畫面呈現方式。

 

▲ 左鍵按壓 ▲ 中鍵按壓
▲ 中鍵滾動 ▲ 右鍵按壓
 
左鍵按壓 為選取物件，可拖拉物件、操控物件的旋轉移動縮放。
中鍵按壓 為平移畫面視角。
中鍵滾動 為放大或縮小畫面視角。
右鍵按壓 為旋轉畫面視角。
​




延伸閱讀：

使用視角調整工具

​

使用視角調整工具


使用 MAKAR Editor 時，場景中的右上角有一排工具列，您可以透過此工具列調整視角畫面。

 

 

工具 快捷鍵 說明
選取工具 替代文字 Q 選取物件。
視角平移工具 替代文字 Space+LB/MB 平移整個畫面。
視角旋轉工具 替代文字 RB 按右鍵旋轉整個畫面。
注視 替代文字 F 點選物件再點擊注視，可讓畫面立刻注視已選取物件。
攝影機視角 替代文字（VR專案）   攝影機視角，可來回切換。
返回預設視角 (Home)替代文字 H 讓畫面返回預設視角。
 
▲ 選取工具 替代文字 ▲ 視角平移工具 替代文字
▲視角旋轉工具 替代文字 ▲注視 替代文字
▲攝影機視角 替代文字 ▲返回預設視角 替代文字​





延伸閱讀：

文字工具

文字工具

​​利用 MAKAR Editor 提供的預設功能，包含文字、燈光、路徑、形狀物件，能夠讓您的專案更加豐富，下列將說明文字工具的使用方式及功能。


預設物件工具列





新增文字


1. 在左側素材庫上的工具列，拖曳「icon1」至場景中。
​​



2. 右側跑出文字欄，您可以在此修改文字內容、調整顏色等。
 




文字功能說明
​

 

背景顏色 替文字新增背景，可調整背景顏色。
倒角 新增文字背景後，可調整背景的倒角。
邊寬 新增文字背景後，可調整背景的邊寬。
文字顏色 更改文字的顏色。
對齊 可調整為靠左、置中、靠右。
內文 更改文字的內容。





延伸閱讀：

 

燈光工具

燈光工具

利用 MAKAR Editor 提供的預設功能，包含文字、燈光、路徑、形狀物件，能夠讓您的專案更加豐富，下列將說明文字工具的使用方式及功能。




預設物件工具列




新增燈光


1. 在左側素材庫上的工具列，拖曳「替代文字」至場景中。

 



2. 右側跑出燈光欄，您可以在此修改燈光模式、調整顏色等。
 




燈光模式說明
 

▲ 聚光燈 ▲ 方向燈 ▲ 點光源

 

聚光燈 具有明確的方向性，有色彩、位置及方向，屬於圓錐形照射範圍的燈光模式。
方向燈 由無限遠處照射的平行光線，只有色彩和方向，不含位置，屬於平行筆直的燈光模式。
點光源 有色彩和位置，但無單一方向，由中心球體向外擴散發光，屬於 360 度發射的燈光模式。




燈光功能說明
 
▲ 顏色 ▲ 強度 ​▲ 範圍

 

▲ 角度 ▲ 陰影及強度

 

顏色 可調整燈光顏色。
強度 可調整燈光強度。
範圍 可調整燈光由近至遠的照射。
角度 可調整燈光由小至大的角度。
陰影及強度 燈光照射物件後所產生的陰影。可選擇開啟或關閉，也可調整陰影強度。





延伸閱讀：

 

路徑工具

路徑工具

利用 MAKAR Editor 中的路徑工具，您可以創建物件的運動路徑並調整曲線，輕鬆控制物件在路徑上的移動，並可調整速度、啟動方式等，豐富動畫製作的可能性，下列將說明路徑工具的使用方式及功能。



預設物件工具列




新增路徑


1. 在左側素材庫上的工具列，拖曳「替代文字」至場景中。

 



2. 如果線段的間隔消失，可點選頭或尾的小方塊再次顯現。
 




新增 刪除 選取

在右側路徑工具中，有新增、刪除、選取三種切換功能。
 

新增線段的小方塊。
刪除線段的小方塊。
選取線段、小方塊。



​​​
移動 旋轉 縮放
 

可平移線段。
可旋轉線段並產生圓弧形的曲線。
可縮放間隔密度，越密集物件移動越慢。



物件跟隨
 

1. 點選「線段 → 選擇素材」，選擇場景物件或素材庫中的物件。

    ※ 在 VR 場景中可選取 camera 跟隨，VR 視角便會隨著線段移動。



2. 右側顯示動畫功能，點選播放查看物件移動路徑，也能讓物件回到原點。




3. 點選「…」，跳出詳細設定視窗。
​
 

  • 物件位置：若物件已離開線段，可點選「回到起點」，讓物件移到線段原點。

  • 移動速度：利用一秒鐘移動的距離，改變移動速度。

  • 啟動方式設定：立即執行、延遲執行；單次、循環。

​

 

總控制點

 

在左右側點選「+」，頭尾會跟著增加一小方塊。





首尾相連

開啟首尾相連，沿著線段的起點和終點相連，形成一個封閉循環軌跡，使得物件可以不斷地沿著這個循環路徑移動。物件會循環跟隨線段。

▲ 關閉 ▲ 開啟





延伸閱讀：

預設素材

​

預設素材


利用 MAKAR Editor 提供預設的 3D 與 2D 的素材，能夠讓您的專案更加豐富，打開編輯器後，您可以直接在素材庫看見「預設素材」的資料夾。


 

預設素材

 

▲ 2D 素材 ▲ 3D 素材


 

新增預設素材

1. 在左側素材庫中拖曳形狀物件至場景中。（以 3D 物件為例）
 



2. 由於物件為 3D 物件，右側會顯示材質球欄，您可以在此調整物件的材質球屬性。
    有關調整材質球的流程，請參考 調整材質球 之教學。
 






​延伸閱讀：

在2D模式下編輯

在2D模式下編輯

在 MAKAR Editor 中，除了編輯 3D 功能之外，也能夠在編輯器中處理 2D 的素材，並且一鍵就能將 3D 模式轉換為 2D 模式，讓您操作自如，下列將說明如何轉換 2D 模式及基本功能。


 

切換 2D 模式

點擊場景右上角「icon1」，即可從 3D 模式切換成 2D 模式。



 

在 2D 模式下處理素材

 

在素材庫中拖曳 2D 素材至場景中擺放，可縮放素材尺寸、旋轉素材。



 

調整 2D 尺寸

 

1. 點擊右上角「icon2​」→「icon3」，跳出版面尺寸，可調整 2D 介面尺寸。


 

2. 您可以在「PHONE」或「PAD」分類直接新增尺寸，或是在「名稱」內添加自訂義尺寸。

 
​
▲ PHONE & PAD 尺寸 ▲ 自訂尺寸
 

調整基本屬性

​

調整基本屬性

​​在 MAKAR Editor 編輯頁面的場景中，點擊物件後右側即跳出調整欄位，您可針對需求調整物件的基本屬性，而不同類型的物件能調整的基本屬性也有所不同，接下來將介紹物件調整的基本屬性及方法。

 

 
內容目錄
 
 




​位置、旋轉、縮放

 

  • ​拖曳物件至場景後，右側顯示物件基本屬性欄。

  • 屬性包含位置、旋轉、縮放，可依據您的需求直接輸入數值，或在xyz上按住左鍵拖曳來快速更改數值。

  • 點選「icon1」可快速讓物件的位置、旋轉、縮放皆重新回到預設。

  • 點選「icon2」可快速置換場上的物件。




調整音樂素材
 

 

  • 拖曳音樂素材至場景後，右側顯示音樂欄。

  • 可播放或暫停音樂、調整音量，及開啟循環播放。




調整 3D 素材動畫
 

 

  • 拖曳夾帶動畫 3D 素材至場景後，右側顯示動畫欄。

  • 根據模型自帶的動畫，點擊「名稱」可更換不同的動畫種類。

  • 根據您的需求調整動畫「幀率」，並且觀看每個動畫的「時間軸」。
  • ​動畫切割：點擊「icon3」跳出新增動畫視窗，利用拖曳時間軸，來擷取需要的動畫段落，並輸入名稱，最後點擊「icon4」便能成功新增動畫。
​

 

調整 GIF 素材動畫
​

 

  • 拖曳 GIF 素材至場景後，右側顯示動畫欄。
  • 動畫切割：點擊「icon5」跳出新增動畫視窗，利用拖曳時間軸，來擷取需要的GIF 動畫段落，並輸入名稱，最後點擊「icon6」即可成功新增 GIF 動畫。



調整材質球屬性

  • 拖曳 3D 素材至場景後，右側顯示材質球屬性欄。
    由於材質球的功能多樣，我們另外開設一系列材質球的教學文章，請參考 材質球庫管理 系列教學。




調整 2D 圖片

▲ 透明 ▲ 不透明
 
  • 拖曳 2D 圖片至場景後，右側顯示圖片設定欄。
  • ​透明代表圖片本身是透明的；不透明代表圖片本身是不透明的。


 

▲ 兩張皆為透明，相疊無法判斷前後落差。 ▲ 按鈕圖調整為不透明，使圖在前。

 

  • 以兩張 png 透明的圖片為例，當兩張帶有透明的圖片相疊時，由於皆為透明的情況下，系統無法判斷前後透明時產生交錯影響。因此，如果希望兩張帶有透明的圖片呈現明確的前後關係，可將後面的設置為「不透明」來解決前後交錯消失的問題。




邏輯


  • 拖曳任何物件至場景後，右側顯示「邏輯」開關並點開，將物件設為邏輯物件。
  • 在左上角點開「邏輯」，開始替物件排列欲觸發的編程；點擊「執行」可以預覽呈現。
  • 由於邏輯功能較為複雜，我們另外開設一系列邏輯教學，請參考 邏輯積木說明 系列教學。





 

延伸閱讀：

MAKAR快閃-新手如何快速復刻 Unity AR/VR 專案？

MAKAR 快閃 XR 免費講座

9 月份 MAKAR 快閃 XR 免費講座又來啦，要繼續帶給大家滿滿的元宇宙應用知識囉！

( 本課程已經結束，觀看完整課程錄影檔請點擊此處 )

新手如何快速復刻 Unity AR/VR 專案？

一般來說，現在我們看到的 AR/VR 應用內容，都是透過 Unity 這個遊戲引擎工具製作出來的，但對於沒有 IT 開發背景的人來說，如果不會 C# 等等的程式語言，是很難使用 Unity 來創作自己想要的 AR/VR 應用的，會需要非常大量的學習成本，也讓很多對於 XR 應用有興趣的玩家們望之卻步。

但是，今天我們就要來拆解 Unity 的 XR 專案製作流程，並且在 MAKAR Editor 軟體中進行複刻！我們將會從AR/VR邏輯的認識、架構梳理開始，告訴你實戰 XR 創作流程，MAKAR 邏輯積木 (blockly) 設計的應用 ，並且帶你實際製作與輸出一個完成的專案！即使不會任何一行程式碼，也能打造出自己的 AR/VR 內容！

準備好了嗎！快來參加這場融合實務與創意的精采課程吧！

● 課程大綱：

1. AR/VR 教材分享與推薦
2. AR/VR 教材拆解步驟
2-1. 認識 AR/VR 邏輯
2-2. 釐清教材架構
2-3. 規劃教材流程
2-4. 製作素材與輸出
3. 實作與創建 AR/VR 教材成果
4. Q&A 時間

● 課程日期:

112 年 09 月 28 日 (四)

● 課程時間:

20:00 ~ 21:30 (1.5 小時)

● 課程講師:

蔡雅雯 Lina 老師

解析 GLB,OBJ,STL 等常見 3D 檔案格式，同篇加映 Blender 轉檔教學！



在處理 3D 模型時，你可能使用過 FBX、OBJ、GLB 等檔案格式，而不同的檔案格式，使用方式及適用情境也會有所不同，這次的教學將帶你解析常見的 3D 格式、 MAKAR 支援哪些格式、如何轉檔合適的格式，讓你在處理模型時能節省更多時間。
 

內容目錄
 

各種 3D 檔案格式介紹

【 FBX、OBJ、STL、GLB、USDZ 】

FBX ｜由 AutoDesk 公開的 3D 檔案格式。

檔案支援 3D 面向、紋理、骨架等數據，也支援音樂、影片元素。
如果需要輸出動態 3D 模型，建議使用 FBX。

 

OBJ｜由 Wavefront Technology 公開的 3D 檔案格式。

檔案支援 3D 面向、紋理數據，但不支援動畫、音樂及影片等媒體數據。
由於可以記錄的數據類型相對 FBX 少，因此數據量再輕一些。
如果需要輸出靜態 3D 模型，建議使用 OBJ。

 

STL｜由 3D Systems 公開的 3D 檔案格式。

主要用於 3D 列印及電腦輔助設計（CAD），不支援 3D 紋理數據。
通常會將 STL 數據載入到 3D 印表機中進行列印，輔助設計師產出樣板零件。

 

GLB｜由 Khronos Group 公開的 3D 檔案格式。

一種經過優化的模型格式，可將模型的材質、紋理和動畫等資訊合併到單一檔案中。
可輕鬆在網路上顯示 3D 內容，有時被稱為 3D 版本的 JPEG。
檔案支援簡單的動畫，檔案通常較小。

 

USDZ｜由 Pixar Animation Studios 與 Apple 公開的 3D 檔案格式。

專門用來儲存 AR 圖像，包含播放音樂，iPhone 和 iPad 可使用 AR Quick Look 來瀏覽 USDZ，但僅限 iOS 產品使用。

 

【 3D 檔案格式比較表格 】

文件格式

目的

紋理

動畫

媒體

文件大小

FBX

3D 建模

外部紋理

支援動畫

支援音樂、影片

較大

OBJ

3D 建模

外部紋理

靜態

不支援

適中

STL

3D 列印

不支援

靜態

不支援

較小

GLB

網頁上顯示 3D模型

紋理包含在一個檔案中

支援動畫

不支援

較小

USDZ

Apple 設備上顯示 3D 模型

外部紋理

支援動畫

不支援

較小


 

MAKAR 支援的 3D 檔案格式

【 MAKAR 編輯器支援類型 】

MAKAR 編輯器支援上傳 FBX 及 GLB 兩種 3D 檔案格式，除了上傳自製的 3D 模型外，也能從 3D 素材網下載免費的物件，以 Sketchfab 為例，輸入欲找尋的物件並勾選可下載，接著找到喜歡的模型點選下載圖式，便可選擇下載 FBX 或 GLB 兩種格式。
※ 雖 MAKAR 編輯器中的線上素材庫，有直接提供 Sketchafab 的模型來源，可一鍵下載方便在編輯器操作，但往往從編輯器下載 Sketchafab 的模型，其預設檔案大小都是最大化，導致專案內容過大，如欲使檔案輕量化，建議從網站下載模型。
 


 

打開 MAKAR 編輯器，點選「新增素材」➔「3D 模型」並上傳 GLB 或 FBX 檔案，上傳完成模型即會出現在素材庫中，可拖曳至中央開始編輯創作。建議上傳 GLB 檔案，格式較小，速度較快。

 

 

凡於外部網站下載的免費模型，請於「專案設定」的描述欄附註作者來源。



 

【 MAKAR 3D Scan 輸出 3D 模型檔案 】

不管是 iPhone/iPad 版 MAKAR 3D Scan 或是 MAC 版 MAKAR 3D Scan，當掃描建模完成後，皆提供給 MAKAR 專業版帳號 3D 檔案匯出之功能，支援匯出 USDZ、OBJ、GLB、STL 四種 3D 檔案格式。
 

▼ iPhone/iPad 版 MAKAR 3D Scan 輸出位置

 

▼ MAC 版 MAKAR 3D Scan 輸出位置



 

使用 Blender 轉檔教學

現今雖有許多線上 3D 轉檔的網站，方便了 XR 創作者使用，但線上轉檔往往有很多不確定性，造成模型毀損、動態失效等狀況時有所聞，若是想要洽當處理 3D 模型，使用 3D 軟體是最佳的選擇，而 Blender 是一個強大且免費的 3D 軟體，任何你在網路上得到的 3D 模型都可以用 Blender 檢查並轉檔，下列將以 Sketchfab 的 恐龍模型（created by pikabobalex） 為範例，敘述如何使用 Blender 軟體轉檔，讓 XR 創作更加輕鬆上手。


 

【 將 GLB 轉檔至 FBX 】

▌ 檢查檔案

1. 開啟 Blender，選擇「General」。

 

2. 選擇方塊按下delete，刪除預設的方塊。

 

3. 選擇「檔案」 ➔ 「匯入」 ➔ 「glTF2.0」，匯入欲轉檔的 3D 模型。
※ 模型名稱必須以英文為名，中文檔名無法匯入。


 

4. 點擊上方「Viewport Shading／視接口著色」檢查貼圖是否正常，貼皮有顯示出來即正常；點擊底下播放鍵檢查動畫是否正常。



 

▌ 重新排序

由於 FBX 能吃的效果相較 GLB 較少，若是直接將它轉檔成 FBX，輸出後的物件貼皮就會跑掉。因此，如果 3D 物件如下圖掛著許多效果器，在轉檔前就必須縮減效果器，接下來將講解如何只留下貼皮效果器。

1. 將介面切換至「Shading」，點擊模型後跑出紅框中的序列，檢查底下的序列是否有相連好。


 

2. 留下深紅色「Material／材質輸出」及棕色「Image Textureg／影像紋理」，其他效果器直接刪除。如果出現兩個棕色以上的影像紋理（貼皮），留下一個主要的影像紋理，其餘刪除。


 

3. 對著黑色區域按右鍵，依序點選「Add／添加」 ➔ 「Shader／著色器」 ➔ 「Principled BSDF」，並將它擺放至正中間。

 

4. 將「Image Texture／影像紋理」連至「Base Color／基礎色彩」、「BSDF」連至「Material／材質輸出」的「Surface／表面」。


 

5. 紅框中的區塊是模型內的各種材質球，切換後會跑出不同的序列。將每個有效的材質球都執行上述重新排序的動作。


 

6. 若材質球顯現出來的貼圖沒必要留下，需要刪除做整理，點擊右上方紅框圖示，並點選「Blender File／Blender 檔案」 ➔ 「Materials／材質」，便可以找到模型裡所有的材質球，按右鍵刪除不需要的材質球。

 
 

7. 也可以在這裡重新命名材質球名稱，以便整理。



 

▌ 打包貼圖影像

從外部下載的 3D 模型，容易掉貼圖的可能性仍高，操作 3D 模型的時候建議先「打包貼圖影像」，讓模型吃得到正確的貼圖，現在將說明如何打包模型的貼圖影像。

1. 紅框中的區塊是貼圖影像，首先判斷影像是否適合打包，以這個模型為例，應儲存恐龍的皮及眼睛影像。

 
 

2. 點選紅框圖示，接著點選「Image／影像」 ➔ 「Save As／另存為」。

 

3. 選擇 JPEG 格式，重新命名適合的影像名稱，最後另存為影像。將每個合適的影像依上述說明儲存打包。
※ 命名請以英文檔名為主。



 

▌ 輸出 FBX 檔案

1. 上述步驟都完成後，即可輸出檔案，點擊「Filel／檔案」 ➔ 「Exportl／匯出」 ➔ 「FBX」。


 

2. 在路徑模式（Path Mode）選擇「Copy／複製」並打開旁邊的小盒子，確保資料完好打包。

 

3. 物件若本身有動畫，拉開下方「Bake Animation／烘焙動畫」，點掉「NLA Strips／NLA片段」及「All Actions／全部動作」。

 

4. 將檔案存放在主資料夾（內有打包的貼圖影像），最後點擊「Export FBX／匯出 FBX」。

 

5. 成功將 GLB 轉檔為 FBX！



 

【 將 FBX 轉檔至 GLB 】

1. 點擊上方「Viewport Shading／視接口著色」檢查貼圖是否正常，貼皮有顯示出來即正常；點擊底下播放鍵檢查動畫是否正常。

 

2. 點擊「Filel／檔案」→「Export／匯出」→「glTF2.0」。


3. 成功將 FBX 轉檔為 GLB！

 

iPhone/iPad 版 MAKAR 3D Scan 使用教學

MAKAR 推出 iPhone/iPad 版「MAKAR 3D Scan」APP，不須額外設備，掃描建立 3D 模型只需要一台 iPhone 或 iPad，就能夠將你喜愛的空間或物件快速建模，成為 XR 創作者最強大的助力。本次教學將詳細教你如何使用 iPhone/iPad 版 MAKAR 3D Scan APP。
 

內容目錄

 

iPhone/iPad 版 MAKAR 3D Scan 功能介紹

不須額外設備，掃描建立 3D 模型就是這麼簡單！在元宇宙的未來中，所有人都應能夠快速進入 XR 世界，而 MAKAR 3D Scan 就是從現實走入虛擬的那扇任意門，更是每個 XR 創作者最強大的 3D 建模輔助工具。

以下是更詳細的 iPhone/iPad 版 MAKAR 3D Scan 功能說明：

1. 手機電腦即可掃描萬物：360 度繞著您想要製作成 3D 模型的物品拍下照片，將照片匯入 MAKAR 3D Scan，一台手機加上一台電腦的簡單流程，即可快速掃描產出 3D 模型。

2. 掃描精度自訂調整：擔心掃描出來的 3D 模型太大，又或者太小不夠精細？MAKAR 3D Scan 提供模型精度/模型去背等自訂選項，讓您依照自己的使用需求調整 3D 模型。

3. 支援豐富 3D 格式輸出：在 MAKAR 3D Scan 掃描製作的 3D 模型支援 USDZ / OBJ / GLB / STL 等 3D 格式輸出，讓您能無痛應用到各個平台之中。

4. 直接連動 MAKAR Editor 素材庫：登入您的 MAKAR 帳號，於 MAKAR 3D Scan 所掃描之 3D 模型將自動匯入至您的 MAKAR Editor 素材庫，無需其他步驟即可快速展開元宇宙 XR 編輯。

5. 解開 XR 元宇宙的枷鎖：輕鬆進入無限的 XR 世界。MAKAR 3D Scan 為您在現實和虛擬之間搭建橋樑！

 

iPhone/iPad 版 MAKAR 3D Scan 硬體最低需求與下載

【軟體名稱】：iPhone/iPad 版 MAKAR 3D Scan

【軟體語言】：繁體中文、英文

【最低需求】：空間掃描需具有 LiDAR 鏡頭；物件掃描（掃描精靈）需具有 LiDAR 功能和 A14 Bionic 晶片或更高版本，iOS 或 iPadOS17 或更高階設備。

【下載位置】：iOS 下載

 

iPhone/iPad 版 MAKAR 3D Scan 使用教學

【 基本功能介紹 】

➤ 掃描設定

1. 點擊左上角清單圖示，再點選「設定」。

 

2. 可設定空間掃描的範圍及網格簡化、物件掃描的輸出照片品質。

 

➤ 登入 MAKAR 帳號

1. 點選左上角清單圖示，再點選「個人資訊」。

 

2. 登入 MAKAR 帳號後，建立好的 3D 物件即可直接直接上傳至 MAKAR 編輯器。

 

➤ 專案重新命名

1. 在 3D 物件建立完成後，點擊三顆白點的圖示。

 

2. 點擊專案名稱，重新替專案命名。

 

 

【 空間掃描 】

1. 在 iPhone 或 iPad 打開手機版的 MAKAR 3D Scan，點選右上「＋」。

 

2. 點選右側「空間掃描」。

 

3. 進入掃描空間，對準欲建立的場景，按下紅色按鈕開始讀取空間。一旦資料吸取成功，場景便逐步以網格建立，同時紅色區塊消逝，建議一邊移動一邊讓系統吸取空間，直到場景有被完全吸取後便可按下白色按鈕。

 
 

4. 接著進入「後製」步驟，畫面跳出解析度選項，可選擇低、中、高或是自訂來進行系統自動後製。

 

 

5. 接著點選「裁切」進入裁切步驟。

 

6. 依照指示修剪適當大小的場景，並按下「裁切」以利完成。若需要重新後製解析度或重新裁切場景，可再點選「後製」及「裁切」來回調整。

 

 

7. 場景建立完成，如需要重新後製、剪裁，可再次重新調整。



 

【 物件掃描 】

MAKAR 3D Scan 的物件掃描分為「掃描精靈」及「手動擷取」兩種功能，掃描精靈需要具有 LiDAR 功能和 A14 Bionic 晶片或更高版本，iOS 或 iPadOS17 或更高階設備；手動擷取只需要有照相功能即可建立模型，關於手動擷取的教學也曾於 MAC 版 MAKAR 3D Scan 使用教學 中介紹過。

使用掃描精靈，可以得到較多的深度資訊，建模會幾乎跟實品一樣；使用手動擷取，可以單純利用拍照掃描，較為方便。接下來將詳細說明「掃描精靈」及「手動擷取」兩種功能的使用方式。
 

➤ 掃描精靈 

1. 在 iPhone 或 iPad 打開手機版的 MAKAR 3D Scan，點選右上「＋」。

 

2. 點選左側「物件掃描」。

 

3. 點選左側「掃描精靈」。

 

4. 靠近目標並置中，點擊鎖定。

 

5. 物件周圍出現白色框框，可用手指調整鎖定大小，確認之後按下「開始掃描」。

 

6. 進入掃描頁面後，白點作為掃描中心，圍繞物件移動掃描並填滿軌道刻度。畫面底下同步呈現掃描現狀，白色代表刻度已填滿，填滿刻度便可進行下一步。

 

 

7. 以與物件保持距離、填滿刻度為目標掃描物件，至少需要掃描 20 張以上。當距離太遠、移動速度太等影響掃描狀況發生時，物件上方即跳出小提示來提醒使用者。

 

 

8. 當刻度填滿完成，畫面自動進入第二步掃描步驟，點選「繼續」，平行於物件再次掃描。

 

 

9. 當刻度填滿完成，畫面自動進入進入第三步掃描步驟，點選「繼續」，移至物件上方再次掃描。

 
 

10. 完成後跳出物件點雲的預覽，點擊「完成」。

 

11. 點擊「 iPhone 運算」建立模型。

 

12. 物件建立完成，點擊「 AR 預覽」以虛擬實境的方式在手機上查看物件。

 

 

➤ 手動擷取

1. 在 iPhone 或 iPad 打開 MAKAR 3D Scan，點選右上「＋」。

 

2. 點選左側「物件掃描」。

 

3. 點選右側「手動擷取」。

 

4. 以拍攝清楚、填滿畫面、保持70%重疊率為目標，白色按鈕圍繞物件拍攝，建議正面、上面、下面至少各需要拍攝 20 張以上，便可進行下一步。
※ 拍攝越多張，建模細節越好，最多可拍攝 200 張。

 

 

5. 點擊「 iPhone 運算」建立模型。

 

6. 物件建立完成，點擊「 AR 預覽」以虛擬實境的方式在手機上查看物件。

 

 

【 3D 模型上傳至 MAKAR 編輯器 】

1.點擊紅框圖示，將掃描好的物件直接上傳至 MAKAR 編輯器。
※ 需要登入 MAKAR 帳號

 

 

2. 上傳至 MAKAR 軟體後，模型便會出現在素材庫。

 
 

【 輸出 3D 模型檔案 】

iPhone/iPad 版 MAKAR 3D Scan 支援輸出掃描完成的 3D 模型，有便於創作 XR 專案。想要更了解 3D 檔案格式的區別和轉檔方法，請參考 解析 GLB,OBJ,STL 等常見 3D 檔案格式，同篇加映 Blender 轉檔教學！

1. 點擊紅框圖示，可支援輸出 3D 格式：USDZ、OBJ、GLB、STL
※ 輸出模型專屬 MAKAR 專業版帳號功能

 
 

2. 未升級帳號但想要輸出 3D 模型，可將 3D 模型先上傳至 MAKAR 編輯器，並點擊「視窗」→「我的素材庫」，選擇建模好的 3D 模型，最後點擊紅色圖示即可下載至電腦。
※ 此功能僅支援下載 GLB 格式。

 

 

 

MAC 版 MAKAR 3D Scan 使用教學

這回 MAKAR 推出電腦版的「MAKAR 3D Scan」軟體，只要利用 MAC 就可以簡單創建 3D 模型！僅需要透過拍攝物體，將照片匯入軟體即可快速產生 3D 模型。本次教學將詳細書寫如何使用 MAC 版 MAKAR 3D Scan 軟體。
 

內容目錄
 

MAC 版 MAKAR 3D Scan 功能介紹

無需額外設備，掃描和創建 3D 模型資產從未如此簡單！在未來的虛擬世界中，每個人都應該有能力快速進入XR世界，而MAKAR 3D Scan則作為從現實到虛擬領域的門戶，使其成為XR創作者最強大的3D建模工具。
 
以下是更詳細的 MAC 版 MAKAR 3D Scan 功能說明：
 

  1. 手機和電腦掃描一切：只需將要轉為 3D 模型的物體拍攝照片，將其旋轉 360 度，將照片匯入 MAKAR 3D Scan，透過手機和電腦的簡單過程，即可快速掃描並產生 3D 模型。

  2. 可自訂掃描精度：擔心您的 3D 模型太大或缺乏細節？MAKAR 3D Scan 提供模型精度和背景去除的可自訂選項，讓您可以根據您的特定需求掃描和建立 3D 模型。

  3. 支援多種3D格式輸出：使用 MAKAR 3D Scan 建立的 3D 模型可以以 USDZ、OBJ、GLB 和 STL 等格式匯出，從而實現各種平台的無縫整合。

  4. 與MAKAR編輯器資源庫直接整合：登入您的 MAKAR 帳戶，使用 MAKAR 3D Scan 掃描的 3D 模型將自動匯入到您的 MAKAR Editor 資產庫中，無需額外的步驟，並可在 Metaverse 中快速探索 XR 編輯。

  5. 解鎖XR元宇宙的束縛：輕鬆進入 XR 的無限世界。MAKAR 3D 掃描彌合了現實與虛擬之間的差距，在沉浸式、廣闊的擴增實境世界中釋放您的創造力。

     

MAC 版 MAKAR 3D Scan 硬體最低需求與下載

【軟體名稱】：MAC 版 MAKAR 3D Scan

【軟體語言】：繁體中文、英文

【最低需求】：macOS Monterey 以上, M1晶片, 16GB, 16GB RAM, 4GB VRAM

【下載位置】：MAC App Store下載

 
 

MAC 版 MAKAR 3D Scan 使用教學

【 利用 iPhone/iPad 拍照並匯入軟體 】

  1. 在 iPhone或iPad 打開手機版的 MAKAR 3D Scan，點選中間「新增專案」或右上「+」。


 

  1. 點選右側的「物件掃描」。

 
 

  1. 接著跳出掃描時的注意事項，以拍攝清楚、保持70%重疊率、填滿畫面為目標拍攝物件。

 
 

  1. 進入拍攝頁面後，即可對著物件拍攝。
    點擊畫面上的目標對焦，點擊下方可放大倍率至3X，在不同的高度下，環繞物件360度拍攝，至少 40 張以上，滿足條件後進行下一步。

 
 

  1. 拍好之後點選右側的「下一步」。

 

 

  1. 接著於 MAC 打開 MAKAR 3D Scan，回到 iPhone/ iPad 點選「Wi-Fi傳輸」開始傳送檔案至 MAC 版 MAKAR 3D Scan。

 


 

【 使用軟體創建 3D 模型 】

  1. 以「Wi-Fi傳輸」的方式上傳，下方狀態列可以看見傳輸的進度。


 

  1. 上傳完成後開始自動建模，可從主畫面或 Dock 列中查看處理進度。


 

2.1   你也可以用「拖曳」或「選擇照片資料夾」的方式匯入。  

 

  1. 建模完成後如下圖，可自行修改預設名稱。


 

  1. 也可依據自己的需求，於右側選項調整細節、重新建模。

    項目說明：

  • 規模品質：由高到低共五種品質可選擇。品質越高建模花費時間越多，若想要快速瀏覽模型，建議點選「預覽」可最快瀏覽模型。

  • 特徵點靈敏度：有「一般」與「高」的選項。如果目標物沒有太多細節，建議選擇「高」，為更細緻的處理過程，需花費更多時間。

  • 照片排序：有「順序排列」與「無順序」的選項。圍繞著目標物拍照，建議選擇「順序排列」，可加快建模處理時間。

  • 去除背景：點選「啟用」自動去除背景。

※ 點選紅框中的問號，瀏覽更詳細的說明。


 

  1. 請點選「開始」建模。

 


 

【 3D 模型上傳至 MAKAR 編輯器 】

  1. 建模完成後，點選右上「上傳至MAKAR」，登入並上傳至 MAKAR 編輯器。

 
 

  1. 上傳至 MAKAR 軟體後，模型便會出現在素材庫。



 

【 輸出 3D 模型檔案 】

  1. 點選右上「輸出」，可支援輸出 3D 格式：OBJ、GLB、STL、USDZ。
    ※ 輸出模型專屬 MAKAR 專業版帳號功能


 

  1. 輸出完成後的樣子。

MAKAR快閃-AR 作為遊戲化的融形式


 
Wang Ivy 設計的 ＡＲ遮罩

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

 ​AR 作為遊戲化的融形式

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝


▌課程大綱

1.以圖推為主題，AR結合遊戲化設計方案，進行一場小小解謎體驗。
2.創造AR觸發圖與擴增實境圖像間關聯的意義與連結。
3.實作MAKAR的遮罩功能進行簡易創作。
 

▌教師簡介

汪檍，一名重度解謎及沉浸式遊戲化成癮的高中美術科教師。熱衷於學習教材數位化與遊戲化的包裝轉譯，並不斷嘗試不同類型的互動式數位平台結合AR擴增實境的學習素材開發，期待能協助到更多第一線的教師在數位教材上的研發，以及學生在數位學習經驗上的翻轉。

●2018  入選親子天下 第二屆教育創新100
●2019   天下雜誌 微笑台灣創意教案徵選 貳獎
●2020 台北市卓越藝術計畫 密室逃脫案例徵件 特優
●2021   入選親子天下 第四屆教育創新100
●2002  XR實境設計大賞  仁寶MR組 貳獎
 

▌注意事項

為提升快閃課程體驗效率，請準備兩種載具。
載具1.觀看線上Meet的載具，可使用電腦或平板。
載具2.體驗AR互動遊戲，可準備手機或平板（平板較佳）。
並請先完成MAKAR App下載➡ https://www.makerar.com/app#download
 

▌課程影片


 

MAKAR快閃-應用 AI 創作元宇宙 XR 數位內容


＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

應用 AI 創作元宇宙 XR 數位內容

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 

▌課程講師

蔡雅雯 Lina老師
 

▌課程大綱

1. 應用AI創作元宇宙XR數位內容
2. AI應用平台與實作解析
3. 應用ChatCPT撰寫AI生成文案
4. 應用Blockadelabs創作VR360
5. 應用MAKAR結合AI創建WebVR與互動設計
6. 2023年實境教育創意大賞競賽資訊分享
7. Q&A
 

▌課程影片


 

MAKAR快閃-AI機器人機協助融入宇宙多元應用


​

▲ 課程簡報

AIGC人機協作融入3R科技建構自主學習虛實整合
人機協作想出好點子，以ChatGPT 規劃自主學習成果展！

在這個數位時代，與AI機器人攜手合作，引領革命性的點子爆發！解鎖你心中的無限創意，與AI伙伴一同探索創新可能性。結合人的智慧與機器的力量，打破想像的限制，帶領你進入全新的創意領域

1.人機協作想出好點子
2.ChatGPT x MAKAR 造出阿拉丁神燈
3.Stable Diffusion  x  MAKAR做出美美的互動AR繪本
4.用MAKAR Scan掃出3D虛擬場景
5.讓CAT與DID成為MAKAR的賢內助




▲ 課程影片
 

MR聖誕節教學－結合3D骨架綁定


課程主題：MR聖誕節教學－結合3D骨架綁定
課程講師：阿凱老師
課程說明：本課程將示範如何幫模型增加動態並製作成專案。

情境說明：
完整的立體建模是一個非常龐大的工程，其中包含美術製圖、建模(modeling)、綁骨架(bone)、設定關節(Rigging)、材質貼圖(texture)等…才能夠近一步幫模型開始擺出各種姿勢(animation)，在動畫領域這是一個不容易的工程。
拜科技之賜，現在有一些平台提供模組化的免費服務，能夠節省大量時間與成本，這次教學將帶大家一步一步的製作會動的模型，並放進MAKAR的編輯器中，讓你的專案有更豐富的互動。
本次以聖誕節為主題，因此在模型平台找一個可以下載的聖誕老人，並確認他的使用授權範圍是可以再次創作並使用在非商業用途，並注意授權規則。
● 本次使用素材: https://skfb.ly/oBPpU 授權: CC Attribution)
 
1.下載檔案
OBJ檔案下載下來會是一個zip壓縮檔案，並解壓縮打開裡面的source，會看到第2個Santa-new.zip的檔案。

 
 
 
2.模型製作
製作模型的平台是Mixamo(https://www.mixamo.com )，是Adobe公司旗下的一個網頁動畫製作平台。
若沒有帳號可以立即註冊一個；若已經有帳號則可以直接登入。
預設會有一個人形模型，點選右方Upload character(上傳角色)
平台有限制上傳角色的檔案格式：FBX、OBJ
因此，若你的角色並不是下列的檔案格式，請先另外使用Blender轉檔或者其他檔案轉換工具，不過，每次轉檔都有可能會有風險，可能材質不見或模型破損等。所以能夠拿到不需要轉檔的模型真的是謝天謝地，不然就要自己學怎麼建模了。
 
3.關節定位
Santa-new.zip上傳後，要先將模型轉正。
轉正之後，進下一步。
擺放關節定位，參考右邊的示意圖，將對應的圓圈放到正確部位。
接下來就放開雙手讓AI自動化處裡吧!
完成。
 
4.選擇適當的動作
Animation中有許多已經模組化好的動作，可以選擇適合的套用到模型身上。
這裡製作一個跌倒的聖誕老人，搜尋fall flat
點選右邊的Download就能夠下載fbx檔案。 
 
5.匯入MAKAR編輯器
建立一個空間辨識的專案
注意：MAKAR v3.4版本之後必須要設定類別才能夠發布成功
匯入Fall flat的模型，新增素材/3D模型
 
將聖誕老人縮放到適當大小
Y軸旋轉180面向前方，材質球屬性改成【無光-標準】
6.裝飾環境，之後就能夠發布與大家分享。
跌倒在下雪的情境，雪景素材取自於MAKAR線上素材庫。
聖誕音效：Magical Christmas by AlexiAction from Pixabay
(https://pixabay.com/music/christmas-magical-christmas-127318/ )
 
如何體驗
拿起手機，輸入ID並掃描辨識圖就能進行體驗囉!
1.安裝MAKAR APP
2.掃描QR code或搜尋ID: class06選擇作者
  
3.點擊AR空間辨識「Santa-new」專案啟動，點擊「開始體驗」對準平面。
  

元宇宙籤筒－應用變數與陣列製作MR專案

  • 2022-11-18
  • by
本篇教學已融入MAKAR Blockly進行專案製作，其中應用積木包含：轉變、動作、控制、事件、變數與陣列等。設定變數防止同時點擊觸發物件發生，並設置可見度關閉所有物件後出現籤筒，點擊籤筒後透過陣列出現隨機整數獲得結果。
 
  1. 啟動PPT素材，編輯貼圖文件後輸出JPG

 
  1. 檔案＞另存新檔＞JPG圖

 
  1. 啟動Blender＞匯入FBX＞切換Shading介面＞更換貼圖



 
設置基礎物件
  1. 擺放三隻模型(可根據需求擺設)，並建立文字答對囉及答錯囉。

 
  1. 擺放籤筒位置，並將lottery02、lottery02(1)、lottery02(2)置入lottery01底下。
  2. 籤詩擺入後重疊即可，並根據需求調整角度。

 
  1. 關閉三隻模型元件以外所有場景物件眼睛

 
  1. 於所有物件上添加邏輯功能

 
  1. 開啟邏輯工具

 
  1. 設定基礎物件可見度

 
  1. 新增變數＞防止同時點擊，並建立積木設定為不成立。



 
 
  1. 新建積木＞假如執行
　　　(1). 設定假如為「防止同時點擊＝不成立」
　　　(2). 設置物件可見度成立
　　　　　說明：設置答錯囉文字顯示
　　　(3). 新增變數設定「防止同時點擊＝成立」
　　　　　說明：設定後在(4)停止前都無法點擊其他物件
　　　(4). 暫停1秒
　　　(5). 設置物件可見度不成立
　　　　　說明：設置答錯囉文字關閉
　　　(6). 設置「防止同時點擊＝不成立」
　　　　　說明：關閉不能點擊他物件狀況
　　　(7). 完成後複製2組，調整為其他兩個物件觸發狀態。


 

 
  1. 設定長頸鹿出現籤筒與籤詩前的動作
    1. 複製設置可見度調整為不成立，共三組（長頸鹿、貓頭鷹、貓）
    2. 設定籤筒lottery01可見度成立
    3. 新增變數＞開始抽籤＞成立



設定抽筒功能
  1. 新建「點擊執行」積木＞設定動畫
  2. 新建「假如執行」積木＞放入開始抽籤＝成立時。此時可以重複點擊開始抽籤效果。
  3. 設定僅能點擊一次，新建變數為不成立，並將積木置放於動畫上方。
  4. 新建變數：抽籤結果
  5. 設定抽籤結果為「運算子＞從□和□之間的隨機整數」積木。
  6. 設定為「從0和5之間的隨機整數」積木。
    • 設定隨機整數為0-5(01234),在程式邏輯架構中，隨機範圍的舉例如下
    • 範例一：若需要5個範圍，設置為0~5時，則為01234。
    • 範例二：若需要5個範圍，設置為1~6時，則為12345。
    • 範例三：若需要3個範圍，設置為6~9時，則為678。
  7. 設置籤詩可見度，發現動畫與籤詩出現太相近則添加暫停1秒積木。



 
  1. 建立空陣列，變數將會自動新增「MyList」項目
  2. 資料＞陣列＞「新增添加□至□」
  3. 添加後＞將變數放入「新增添加圖1至MyList」
  4. 由於順序設定，複製添加共三個，並放置「建立空陣列MyList」積木後方。

 
  1. 將設置可見度成立改為＞資料＞陣列＞「□中的□物件」

 
  1. 設定重複抽籤
    1. 事件＞點擊執行
    2. 設置Lottery (1)可見度不成立
    3. 複製動畫並將向上改為向下（設置回歸原位）
    4. 設置開始抽籤成立

 
  1. 完成後可以按下執行進行體驗囉！

 

多媒體應用於元宇宙格式解析

在這數位內容的時代，如何應用多元化的軟體結合AR/VR編輯來達到更完善的效果？
今天就讓我們一起來聊聊數位多媒體多元的格式，並結合Windows3D檢視器與3D小畫家的應用方法，緊接著一起挑戰元宇宙AR/VR/MR遠距中控平台學習數位內容吧！在創作AR/VR應用時，最重要的是屬於數位內容，而這些數位內容可以透過那些軟體進行狀創作？


轉檔小技巧應用Windows3D啟動3D模型，並選擇另存新檔獲得可應用於MAKAR的GLB格式。
●　MAKAR AR/VR/MR編輯工具，匯入GLB進行專案應用，並即時發布進行體驗。



2D軟體的應用上非常多元，簡單介紹以Adobe及線上Pixlr。
●　Pixlr 是一個線上編輯軟體，可以編輯多樣化圖型格式。
https://pixlr.com/tw


●　Adobe擁有多項服務，包含2D、3D及動畫編輯軟體，可輸出與建構完整的設計。
https://www.adobe.com/tw



多媒體格式中有許多規則，因應所選擇的軟體不同而輸出各種相對應的格式。
在2D平面圖檔格式中，可包含Alpha或動畫格式。
●　JPG：JPEG或稱JPG，為失真壓縮方法，本身不支援透明。
●　PNG：可攜式網路圖形，採取無失真壓縮的點陣圖圖型格式，支援索引、灰度及Alpha通道(支援透明)。
●　GIF：圖像互換格式，採取無失真壓縮技術，圖像低於256色可保持成像品質，支援多影格動畫效果及透明背景。


3D軟體的應用通常以模型建構為主，有了模型之後進一步是材質紋理的繪製、再針對所需的動畫進行設定。創作者依據各種不同的需求，會提供相對應的設計規劃，例如：動畫、物理特效、布料特效、變形器、粒子特效...等應用技術，根據需求輸出不同的格式，其中包含通用格式FBX,OBJ,GLB,GLTF...等。
●　Blender https://www.blender.org
●　​Autodesk  https://www.autodesk.com.tw
​●　甲尚REALLSION　https://www.reallusion.com/tw
●　​C4D https://www.maxon.net/zh/cinema-4d  ​

多媒體格式中有許多規則，因應所選擇的軟體不同而輸出各種相對應的格式。
在3D模型格式中，可包含動畫、材質紋理等格式。
●　FBX：含動畫及材質，適用於各開發軟體支援，包含模型、動作、材質紋理輸出等。
●　GLTF：含動畫及材質，支援多樣化框架，包含開發軟體、網頁跨平台Web支援格式，以OpenGL加載的格式，其中包含Josn、圖片、圖型、紋理等資料夾構成。
●　OBJ：含材質，適用於各軟體間互相匯入轉檔使用,obj包含jpg紋理。


影音剪輯軟體在近年來的時代中，以手機APP的剪輯越來越多元化，但是依舊有許多專業使用者習慣使用電腦版本的編輯方式，因此依據需求可選擇手機版本或是電腦版本的編輯方法。大多數的影音軟體都可以輸出多種格式，例如：mp4,mov,wav,avi等，最常見的則是.mp4的格式。當然，依據各種不同需求所選擇的格式也不同，若需要原始檔案或未壓縮格式，可能會選擇avi或mov格式。
●　威力導演　https://tw.cyberlink.com
●　Adobe擁有多項服務，包含2D、3D及動畫編輯軟體，可輸出與建構完整的設計。
https://www.adobe.com/tw
●　甲尚 REALLSION CartoonAnimator  https://www.reallusion.com/tw/cartoon-animator/default.html



​

 
 

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


體驗專案囉
 

師大-搜尋monitor-AR互動繪本


XR實務應用(初階)課程




開課單位：臺北市立南門國民中學

課程大綱：

本次課程以VR校園導覽行數位導覽學習製作，透過VR 360拍攝、VR腳本之規劃進行設計，並製作2D素材，完成素材製作後，導入MAKAR編輯軟體創作ARVR教案與設計內容，使老師們可自主編輯校園VR環境導覽，透過本次課程有效提升臺北市內VR校園普及化。

課程流程：

1.AR/VR體驗
2.VR360拍攝方法 
3.現場VR實際拍攝
4.VR腳本規劃
5.基礎VR實作
 

研習附件：前往臺北市教師在職研習網，選擇發布單位搜尋：臺北市立南門國民中學

 
 

 

XR實務應用(進階)課程

 

 

 

開課單位：臺北市立南門國民中學
 

課程大綱：
本次課程以VR校園導覽行數位導覽學習製作，透過VR 360拍攝、VR腳本之規劃進行設計，並製作2D素材，完成素材製作後，導入MAKAR編輯軟體創作ARVR教案與設計內容，使老師們可自主編輯校園VR環境導覽，透過本次課程有效提升臺北市內VR校園普及化。

 
課程流程：

1.進階VR製作

2.場景轉換與設定

3.VR問答製作

4.專案體驗與展示

 

研習附件：前往臺北市教師在職研習網，選擇發布單位搜尋：臺北市立南門國民中學

 

EPSON BT-300 & BT-350 安裝 MAKAR

▍第一步、下載 MAKAR 的 APK

  1. 首先，進入以下網址，依照您的裝備下載相對應的APK。

 

▍第二步、EPSON BT-300 & BT-350 安裝 MAKAR

  1. 將MAKAR檔案傳輸至裝置
(1) 使用頭戴式裝置的 USB Type-C 連接埠，將裝置連接至電腦。
(2) 將 APK 檔案複製到 Download 資料夾。 

 
  1. 在裝置中，打開 「MovFiler」
 
  1. 打開「 Download」​
  2. 長按MAKAR 的APK並選擇Install   

 
 

EPSON BT-40 安裝 MAKAR

▍第一步、下載 MAKAR 的 APK

  1. 首先，進入以下網址，依照您的裝備下載相對應的APK。


 

▍第二步、EPSON BT-40 安裝 MAKAR

  1. 將MAKAR檔案傳輸至裝置
(1) 使用頭戴式裝置的 USB Type-C 連接埠，將裝置連接至電腦。
(2) 將 APK 檔案複製到 Download 資料夾。

 
  1. 在裝置中，打開「檔案」
 
              
  1. 點擊 MAKAR 的 APK 並安裝
 
             

VIVE Focus 安裝 MAKAR

▍第一步、下載 MAKAR 的 APK

  1. 首先，進入以下網址，依照您的裝備下載相對應的APK。



 

▍第二步、VIVE Focus 安裝 MAKAR

  1. 將MAKAR 檔案傳輸至頭戴式裝置
(1) 使用頭戴式裝置 USB Type-C 連接埠，將裝置連接至電腦。
(2) 選擇 USB 模式，對話方塊隨後將出現在頭戴式裝置中。
(3) 選擇「檔案傳輸」。
(4) 在電腦中，開啟檔案總管等檔案管理應用程式，前往VIVE Focus。
(5) 按一下內部共用儲存空間。
(6) 將 APK 檔案複製到 Download 資料夾。

 
  1. 在頭戴式裝置中，前往 設定 > 進階
  2. 開啟「安裝未知的應用程式」
  3. 選取 儲存空間 > 檔案瀏覽器
  4. 前往包含 APK 檔案的資料夾
  5. 選擇 APK 檔案加以安裝
✶ 安裝 APK 檔案後，應用程式將出現在收藏庫中。

XRSPACE 安裝 MAKAR

Oculus Quest 和 XRSPACE 無法像 Android 手機或平板電腦直接安裝 APK 檔。需要透過 SideQuest才能安裝應用程式。
 

▍第一步、下載MAKAR 的 APK

  1. 首先，進入以下網址，依照您的裝備下載相對應的APK。
 
 

 

▍第二步、安裝 SideQuest 程式

  1. 前往 SideQuest 官網註冊使用者帳號，選擇下載 Windows / MacOS / Linux 系統的 SideQuest 安裝程式並安裝到您的電腦。
➟　SideQuest 官方網站 :  https://sidequestvr.com/
  1. 安裝後開啟 SideQuest ，左上方的燈號圖示代表連線狀態，尚未連線會呈現紅色 Not Detected 未偵測到。
 
 
  1. 使用頭戴式裝置左側的 USB Type-C 連接埠，將頭戴式裝置連接至電腦，若已連線成功，左上方的燈號則會變為綠色，並顯示連接到的裝置與其電量。
 


 

▍第三步、安裝 APK

  1. 將頭戴式裝置與 SideQuest 連接好後，點擊下圖紅框中的圖示，選擇電腦中 MAKAR的 APK 檔案。
 
 
  1. 選中 APK 文件後便會開始自動安裝，點擊下圖紅框中的圖示，即可看到安裝過程。
 
 
  1. 安裝狀態。
　　【安裝中】

 
　　【安裝完成】

Oculus Quest 2／3／Pro安裝 MAKAR

Oculus Quest 和 XRSPACE 無法像 Android 手機或平板電腦直接安裝 APK 檔。需要透過 SideQuest 才能 安裝應用程式。此外，Oculus 需要另外透過網站及手機應用程式，來開 啟開發者模式，下述也會介紹相關開啟方法。
Oculus Quest 2、Oculus Quest 3 及 Oculus Quest Pro 安裝第三方軟體的方式相同，本次教學以 Oculus Quest 2 作範例說明。
 

▍第一步、下載 MAKAR 的 APK

  1. 首先，進入以下網址，依照您的裝備下載相對應的APK
➟　點此下載
 

 
 

▍第二步、Oculus Quest 開啟開發者模式

  1. 在應用程式商店中搜尋 Oculus 並安裝


 

  1. 打開手機的 Oculus 應用程式並登入


 

  1. 將 Quest2 開機並在應用程中選擇 Quest2 做配對


 

  1. 依照指示進行配對

 

  1. 建立 Oculus 開發者組織

(1) 為了讓裝置可安裝第三方軟體，必須先申請為 Oculus 開發人員。
請前往以下網址➟ 開發者組織網站 : https://developer.oculus.com/manage/organizations/create/
 
(2) 登入 Facebook 帳號。 

 
(3) 建立組織，並輸入組織名稱。


 

  1. 回到 Oculus，選擇已配對的裝置


 

  1. 選擇「頭戴式裝置設定」

 

  1. 點擊 「開發人員模式」 並開啟

 
 

▍第三步、Oculus Quest 開啟開發者模式

  1. 安裝 SideQuest 程式

(1) 前往 SideQuest 官網註冊使用者帳號。
➟ SideQuest 官方網站 : https://sidequestvr.com/
 
(2) 請依據 Windows / MacOS / Linux 系統選擇，並下載可安裝 APK 的進階版本。

 
(3) 安裝後開啟 SideQuest ，左上方的燈號圖示代表連線狀態，尚未連線會呈現紅色 Not Detected 未偵測到。
 
(4) 使用頭戴式裝置左側的 USB Type-C 連接埠，將頭戴式裝置連接至電腦，若已連線成功，左上方的燈號則會變為綠色，並顯示連接到的裝置與其電量。


 

  1. 安裝 APK

(1) 將頭戴式裝置與 SideQuest 連接好後，點擊下圖紅框中的圖示，選擇電腦中 MAKAR 的 APK 檔案。
 
(2) 選中 APK 文件後就會開始自動安裝，點擊下圖紅框中的圖示，即可看到安裝過程。 

 
(3) 安裝狀態
【安裝中】

 
【安裝完成】


 

  1. 開啟 MAKAR（以下教學為 Oculus 專屬步驟）

(1) 點擊「探索」→「查看開發人員動態」。
 
(2) 點擊紅框中的圖示。

 
(3) 選擇「不明來源」。

 
(4) 開啟 MAKAR。



▲ 頭盔中「不明來源」的路徑可能會隨著軟體更新改變。

ADB 安裝教學

ADB 全名是 Android Debug Bridge，是開發或使用 Android 時很常用到的工具。
可以從電腦透過 USB 連線到 Android 裝置上，並利用指令列來控制裝置。
​
  • ADB 安裝教學- Windows 7/8
  • ADB 安裝教學- Windows 10
  • ADB 安裝教學-MacOS
  • 使用 ADB 安裝MAKAR
 ――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

【ADB 安裝教學 - Windows 7/8】 

✶ 紅色文字為 Windows 7/8 作業系統專屬流程。 

１. 下載 ADB 檔案

(1) 解壓縮 ADB 檔案後放入 C 槽。
➟ Windows 版本下載路徑：https://dl.google.com/android/repository/platformtools-latest-windows.zip
 

2. 放置 ADB 的路徑加到系統路徑內

(1) 在「本機」按滑鼠右鍵，選擇「內容」。
(2) 選擇左邊的「進階系統設定」。
(3) 選擇「進階」標籤，然後按架「環境變數」。
(4) 在環境變數視窗內，先找到「系統變數」內的「Path」欄位，反白後按下下方的編輯。
(5) 在跳出的「編輯系統變數」的變數值欄位，將游標移到最後，並加上「;C:\platformtools」。注意有個分號 「 ; 」 在前面。
(6) 編輯完成後，按下下方的確定按鈕。 
 

3. 打開「命令提示字元」

✶ Windows 7 作業系統
(1) 點選左下角的「開始」。
(2) 在下方的搜尋欄位輸入「CMD」。
(3) 點擊搜尋結果的 CMD 應用程式。
 
✶ Windows 8 作業系統
(1) 請對著左下角的「開始」點選滑鼠右鍵。
(2) 再點選「命令提示字元」。


4. 確認安裝正確

(1) 在「命令提示字元」程式中，輸入「adb –version」並按下 ENTER， 如果有出現版本訊息，就代表安裝正確了。 


――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
 

【ADB 安裝教學 - Windows 10】

✶ 紅色文字為 Windows 10 作業系統專屬流程。
 

1. 下載 ADB 檔案

(1) 解壓縮 ADB 檔案後放入 C 槽。
➟ Windows 版本下載路徑：https://dl.google.com/android/repository/platform-toolslatest-windows.zip
 

2. 將放置 ADB 的路徑加到系統路徑內 

(1) 在「本機」按滑鼠右鍵，選擇「內容」。
(2) 選擇左邊的「進階系統設定」。
(3) 選擇「進階」標籤，然後按下「環境變數」。
(4) 在環境變數視窗內，先找到「系統變數」內的「Path」欄位，反白後按下下方的編輯。
(5) 按下「瀏覽」，在瀏覽資料夾中選擇剛剛解壓縮到Ｃ槽的 ADB 資料夾「platformtools」，按下確定。
(6) 最後確認列表裡面有「C:\platform-tools」代表有正確設定，按下「確定」後退出。 
 

3. 打開「命令提示字元」

(1) 請點選左下角的「放大鏡圖示」。
(2) 在下方的搜尋欄位輸入「CMD」。
(3) 點選搜尋結果的「命令提示字元」。 
 
 

4. 確認安裝正確

(1) 打開「命令提示字元」視窗，輸入「adb –version」並按下 ENTER，如果有出現版本 訊息，就代表安裝正確了。 
 
――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
 

【ADB 安裝教學 - MacOS】

✶ 所有操作都將在「終端機」進行。
 

1. 打開「終端機」

(1) 請點選下方的「啟動台」圖示。
(2) 在上方的搜尋欄位輸入「終端機」。
(3) 點選搜尋結果的「終端機」。
 

2. 下載ADB檔案

3. 解壓縮下載的檔案並移動到正確的資料夾

(1) 解壓縮的指令：unzip platform-tools-latest-darwin.zip

(2) 搬移檔案的指令：mv platform-tools /etc
​

4. 編輯路徑檔案

(1) 編輯檔案的指令：sudo vim /etc/paths

(2) 在檔案最後加上 「/etc/platform-tools」然後結束編輯，並重開終端機。 

 

5. 確認安裝正確 

(1) 打開「終端機」視窗，輸入「adb –version」並按下 ENTER，如果有出現版本訊息，就代表安裝正確了。

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
 

【使用 ADB 安裝 MAKAR】

1. 前製作業 1

打開「終端機」/「命令提示字元」並移動到所下載的 MAKAR 檔案位置。
 

2. 前製作業 2

將裝置透過 USB 線連接到電腦。
 

3. 前製作業 3

若裝置內已有其他版本的 Makar，請將其解除安裝。
 

4. 安裝 Makar 檔案

安裝的指令：adb install 「Makar 檔案名稱.apk 」。
 

5. 確認安裝正確

打開裝置，如果有出現 Makar 應用程式，就代表安裝正確了。