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