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",

            })

        })