3D开发-AR.js 调试支持

帧率调试支持

    stats.js提供了一个简单的信息框，可帮助监控代码的运行性能。

// stats.js添加到AR.js // 建立stats并添加到dom var stats = new Stats(); document.body.appendChild( stats.dom ); // 执行渲染时更新 stats.update();

 

artoolkit调试开启

ArToolkitContext初始化时，debug = true开启调试特性

// stats.js添加到AR.js // create atToolkitContext         arToolkitContext = new THREEx.ArToolkitContext({             cameraParametersUrl: '../../res/arjs/data/camera_para.dat',             detectionMode: 'mono',             debug: true,         });

支持打印当前匹配率

// ARjs/res/js/threex/threex-armarkercontrols.js var curMatchValue = 0;          arController.addEventListener('getMarker', function(event){             curMatchValue = event.data.marker.cfPatt; // debug.js     function printMatchValue() {         setInterval(function () {             console.log("ARjs match: " + curMatchValue)             curMatchValue = 0         },1000)     }

 

 

坐标调试支持

使用THREE.AxesHelper，添加到ar渲染空间根节点

// 支持坐标调试：红-X轴，绿-Y轴，蓝-Z轴 var axesHelper = new THREE.AxesHelper( 2 ); smoothedRoot.add( axesHelper );