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