以前:AR遊戲要分輸出ios跟安卓系統不遠的以前:遊戲都做網頁版現在:AR遊戲要做網頁版花了一天除錯跟學基本AR.js
Unity + ARWT
ARWT目的在於充當Unity與AR.js的橋樑,是基於AR.js函式庫,讓使用者在Unity中能使用Web AR功能。目前功能不多,主要提供圖片追蹤。在官方有使用教學,使用起來跟Vuforia差不多簡單。優點:
- 不需要寫ar.js
基於three.js + A-Frame + jsartoolkit5的輕量級AR函式庫,提供以下功能:
- 圖片追蹤
- GPS定點AR
- 標記追蹤
(圖片取自AR.js文件
圖片追蹤:
在特定的圖片平面上出現物體(可以是3D模型、圖片、影片。)
GPS定點AR:
在特定經緯度座標下出現物件。
標記(Marker)追蹤:
比圖片追蹤更穩定且更輕,但限制圖片要是正方形,且圖片周圍有黑框(越粗辨識度越好)。生產Marker可使用AR.js Marker Training工具。(超粗黑框)
實作:
官方有完整的程式教學,也可以使用ar.js studio快速生成模板。
實作多標記追蹤多組gps AR實作:(UI沒什麼功用,只是做個示範畫面)快速生成的模板大概如下,將html與asset的檔案host起來就能直接使用!多組標記便是在a-scene下多個a.marker標籤:
其他:
除了host在github page,我個人比較喜歡host在firebase上,主要是deploy完成後再開啟就是新的檔案,但github page則是要等一下才會套用。
若使用firebase hosting,記得將測試的檔案放在public資料夾下,然後下 firebase deploy 指令進行線上發布。
後續推薦: