MAKAR | AR/VR/MR 教學

教學

製作 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 相片框: