AR ———正方形图片识别转换成一个标记

  提供素材:图片是一个正方形的,加载到我们的项目中的文件

一张生成的识别文件:用来扫一扫,展示我们最终效果图。

文件加载:

<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,
		})	
	})

猜你喜欢

转载自blog.csdn.net/qq_27628085/article/details/88744977