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 );