提供素材:图片是一个正方形的,加载到我们的项目中的文件
一张生成的识别文件:用来扫一扫,展示我们最终效果图。
文件加载:
<script src='js/three.js'></script>
<script src="build/ar.js"></script>
<script src="js/threex-arpatternfile.js"></script>
识别编辑核心部分。
// load image and convert it to a marker
var myMarker = './examples/marker-training/examples/inner-images/inner-girl.png';
var imageURL = THREEx.ArToolkitContext.baseURL + myMarker ;
THREEx.ArPatternFile.encodeImageURL(imageURL, function onComplete(patternFileString){
var patternURL = 'data:text/plain;base64,' + btoa(patternFileString);
// create THREEx.ArMarkerControls
var markerControls = new THREEx.ArMarkerControls(arToolkitContext, markerRoot, {
type : 'pattern',
//patternUrl : THREEx.ArToolkitContext.baseURL + 'examples/marker-training/examples/pattern-files/pattern-hiro.patt',
patternUrl : patternURL,
})
})