教學

Web AR 刮刮卡教學

想知道數位刮刮卡怎麼製作嗎？
厲害教學看這裡！

步驟指示：
1. 選擇左上角　＞　建立新專案



2. 命名專案名稱；上傳辨識圖、封面圖，可根據專案需求啟動WebAR方案。


3. 選擇左上角，切換至「2D編輯畫面」


4. 選擇左側，新增素材　＞　圖片


5. 選擇希望上傳的圖片素材，按下開啟。


6. 完成上傳


7. 切換模組功能


8. 選擇刮刮卡模組，按住拖拉至畫面中


9. 選擇刮刮卡模組


10. 選擇刮除素材：Scratch card-1.png


11. 設置素材尺寸，設置素材。
位置設置：X:0　Y:0，說明：由於XY都為０，物件將在中間。
尺寸設置：X:720 Y:1080，說明：根據尺寸本身大小進行設置。


12. 選擇獎品圖像Scratch card-2.png


13. 刪除預設刮刮卡背景


14. 選擇素材,置入Scratch card-4 .png素材背景圖


15. 可根據需求設置得獎機率，
說明1：本專案只有一張圖片，因此機率等於100。
說明2：若有多個獎項，則可針對單一獎項設置獲獎機率。
說明3：下方可設定兌換密碼。


16. 按下右上角　＞　發布專案


點擊下方連結進行體驗
  • WebAR體驗，可使用網頁直接啟動體驗（不需安裝APP）
  • APP體驗．需啟動APP進入專案體驗 (需安裝APP)

免費素材點我