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