3D开发-AR.js 图片匹配

瘦欲@ 提交于 2020-05-04 00:32:57

图片匹配方式

    加载一张图片作为识别的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",

            })

        })

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!