3D開發-AR.js 圖片匹配

圖片匹配方式

    加載一張圖片做爲識別的pattern marker。

代碼

AR.js/three.js/examples/marker-training/examples/patternmarker-from-image.html修改代碼

//從圖片加載匹配模式         // load image and convert it to a marker         var imageURL = '../../res/arjs/marker/inner/inner-letterA.png';         THREEx.ArPatternFile.encodeImageURL(imageURL, function onComplete(patternFileString) {             var patternURL = 'data:text/plain;base64,' + btoa(patternFileString)             // create THREEx.ArMarkerControls             var markerControls = new THREEx.ArMarkerControls(arToolkitContext, markerRoot1, {                 type: 'pattern',                 patternUrl: patternURL, //                patternUrl : "../../res/arjs/data/pattern-letterA.patt",             })         })