three.js学习笔记（7）如何评估动画的效果

1.帧数

我们在玩游戏或者看一些3d动画师，总喜欢讲帧数，其实帧数（fps）就是图形处理器每秒刷新的次数，如果每秒60次，就是我们所说的60帧。一般来说，24帧，人眼看起来就不会卡，但是对于游戏来说，帧数越高越好

2.there.js为我们提供的监控者stats

我们转到github 中的https://github.com/mrdoob/stats.js

用法：

var stats = new Stats();
stats.showPanel( 1 ); // 0: fps, 1: ms, 2: mb, 3+: custom
document.body.appendChild( stats.dom );
function animate() {

	stats.begin();

	// monitored code goes here

	stats.end();

	requestAnimationFrame( animate );

}

requestAnimationFrame( animate );

从上面的的代码我们可以看出stats帮我们做了什么

stats.showpabel() 函数 参数为0时，显示fps界面，参数为1时显示延迟时间，参数为2 显示大小，3以上支持自定义

stats.dom表示绘制的目的地，波形图就