3D開發-AR.js 自定義Marker

建立自定義Marker

AR.js Marker Training

    上傳一張識別圖片，而後下載Marker和及圖片。

 

代碼

ARjs/three.js/examples/mobile-performance.html

修改代碼

// 修改ArMarkerControls Marker路徑         let markerControls1 = new THREEx.ArMarkerControls(arToolkitContext, markerRoot1, {             type : 'pattern',             // marker匹配數據             patternUrl : "../../res/arjs/custom/google/google-pattern-marker.patt",         })

掃描生成的圖片加載自定義場景

 

備註：

    AR.js圖片識別能力不是很強，須要上傳特徵明顯，區塊清晰的圖片生成的Marker識別率纔會比較高。灰度/二值logo識別度高。

 

AR-Code Generator

    AR.js的二維碼link