Web AR 刮刮卡教學

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

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



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


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


4. 選擇左側,新增素材 > 圖片


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


6. 完成上傳


7. 切換模組功能


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


9. 選擇刮刮卡模組


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


11. 設置素材尺寸,設置素材。
位置設置:X:0 Y:0,說明:由於XY都為0,物件將在中間。
尺寸設置: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)

免費素材點我