Threejs教程-03-性能分析
接上节，讲了 Threejs基础语法”。本节具体讲解一些Threejs的知识点。
首先有条件的话搞个服务器，这里还是用的三丰云免费云服务器，免费虚拟主机在这里不适用就不介绍了，安装的Centos7版本，相关内容丢到服务器即可，其他教程已经讲过，不多说了。
帧数：图形处理器每秒钟能够刷新几次，通常用fps（Frames Per Second）来表示
MS表示渲染一帧需要的毫秒数，这个数字是越小越好
性能监视器Stats的使用
|
var stats =newStats(); |
|
stats.setMode(1); // 0: fps, 1: ms |
|
// 将stats的界面对应左上角 |
|
stats.domElement.style.position ='absolute'; |
|
stats.domElement.style.left ='0px'; |
|
stats.domElement.style.top ='0px'; |
|
document.body.appendChild( stats.domElement ); |
|
setInterval( function () { |
|
stats.begin(); |
|
// 你的每一帧的代码 |
|
stats.end(); |
|
}, 1000/60 ); |
1、setMode函数
参数为0的时候，表示显示的是FPS界面，参数为1的时候，表示显示的是MS界面。
2、stats的domElement
stats的domElement表示绘制的目的地（DOM），波形图就绘制在这上面。
3、stats的begin函数
begin，在你要测试的代码前面调用begin函数，在你代码执行完后调用end()函数，这样就能够统计出这段代码执行的平均帧数了。
调用stats.update()函数来统计时间和帧数。
stats.update();
接下来步入我们的第二章。
