MAKAR | AR/VR/MR 教學

教學

啟動 Web XR 方法

啟動 Web XR 方法


當您在 MAKAR Editor 完成專案時，通常會使用 MAKAR Viewer 來開啟專案，而除了  MAKAR Viewer 之外， MAKAR 同時提供以 URL 網站格式發布專案的服務，讓您無須安裝任何軟體，即可以立即體驗專案，下面將以 AR 圖像擴增實境為例，說明啟動 Web XR 的流程。



1. 在 MAKAR Editor 首頁，選擇已完成的專案點擊「icon」→ 「分享專案」。


 

2. 跳出分享專案視窗，在 Web XR 點選「複製連結」，將複製的連結傳至您的手機或平板。



3. 利用手機或平板點開連結，進入 Web XR 流程。



​

Web XR 的操作方式

※ 體驗這些流程時，網站通常會請求取得您的操作、方向資訊及相機使用權，請點擊「允許」，以順利進行體驗。
 

▲ 點擊「Model View」直接觀看模型本身。 ▲ 點擊「XR」體驗整個專案流程。 ▲ 點擊「Target Download」顯示圖像辨識，點擊「Donload Target」即可下載。

​


手機／平板的使用方式
 

▲ 單指拖動：第一人稱視角旋轉模式 ▲ 雙指拖動：第一人稱視角平移模式 ▲ 雙指捏合縮放：第一人稱視角縮放模式

製作 AR 拍照框

製作 AR 拍照框


MAKAR Editor 提供多種專案類型，如果您想要製作 AR 拍照框，基本上可以使用所有五種專案類型來進行，因為其核心功能在於 2D 模式的應用，2D 模式功能在所有專案類型中均可使用，使得製作 AR 拍照框更加靈活和便捷。

 


內容目錄
 
 
​




建立 AR 拍照框之流程

MAKAR Editor 的五種專案類型，皆可使用 2D 模式功能建立相片框，差別在於觸發相片框的方式略微不同。
 

  • 直接觸發 AR 拍照框：混合實境、虛擬實境、延展實境
  • 間接觸發 AR 拍照框：圖像擴增實境、手勢擴增實境


本次使用的教學素材，可點擊 AR 相片框 下載相關的素材。
接下來將各自說明，由虛擬實境及圖像擴增實境建立 AR 拍照框的流程。 



 


1. 在 MAKAR Editor 首頁，點擊「建立新專案」。



2. 跳出選擇專案類型視窗，點選「虛擬實境」，再按下「確認」。


​
3. 進入虛擬實境專案，在場景物件中點擊「VR 場景」。



​4. 右側跳出虛擬實境的圖像選擇，點選「環景圖」→「預設相機」。



5. 接著在場景右上方點擊「3D」，將模式轉換成 2D 模式。

​

6. 進入 2D 模式後，從右側拉 2D 素材至場景中。



7. 調整圖片並將其放置在適當的位置。

※ 如果您需要調整 2D 尺寸，請務必依據使用者設備的尺寸進行調整，而不是針對圖像素材的尺寸，這樣可以確保顯示效果的最佳化，避免跑版問題。有關尺寸調整步驟，請參考 在 2D 模式下編輯 教學。

 



8. 調整完成後，點擊「保存專案」→「發布專案」，就可以開始體驗 AR 相片框！

※ 發布專案前須設定專案類型，未設定者請點選上方「檔案」→「專案設定」選擇類別進行設定。



 
1. 在 MAKAR Editor 首頁，點擊「建立新專案」。



2. 跳出選擇專案類型視窗，點選「圖像擴增實境」，再按下「確認」。



3. 進入圖像擴增實境專案，在場景右上方點擊「3D」，將模式轉換成 2D 模式。



4. 進入 2D 模式後，從右側拉 2D 素材至場景中。



5. 調整圖片並將其放置在適當的位置。

※ 如果您需要調整 2D 尺寸，請務必依據使用者設備的尺寸進行調整，而不是針對圖像素材的尺寸，這樣可以確保顯示效果的最佳化，避免跑版問題。有關尺寸調整步驟，請參考 在 2D 模式下編輯 教學。



6. 調整完成後，點擊「保存專案」→「發布專案」，就可以開始體驗 AR 相片框！
※ 發布專案前須設定專案類型，未設定者請點選「檔案」→「專案設定」選擇類別進行設定。




體驗 AR 拍照框

在 MAKAR Editor 完成您的 AR 拍照框後，您可以透過 MAKAR Viewer 或 Web 兩個方式進行體驗，下面將說明體驗的流程。
 
1. 由 MAKAR Viewer 開啟專案的方式主要有兩種：
 
​
從 MAKAR Editor 取得專案連結：
點擊「icon​」→「分享專案」，跳出分享視窗，您可以選擇掃描 QR code 或是複製 Viewer 連結。
 
步驟一 步驟二
  
 
從 MAKAR Viewer 開啟專案：
在搜尋欄輸入您的 ID 或專案名，選擇欲體驗的專案，最後點擊「開始體驗」。
 
步驟一 步驟二 步驟三


2. 成功開啟 AR 相片框：



  1.  在 MAKAR Editor 首頁，對著欲體驗的專案點擊「icon2​」→ 「分享專案」。跳出分享專案視窗，在 Web XR 點選「複製連結」。
 
步驟一 步驟二


2. 利用手機或平板點開連結，進入 Web XR 流程。
※ 有關 Web XR 詳細操作，請觀看 啟動 Web XR 方法 之教學。




3. 成功開啟 AR 相片框：

​