threejs笔记4

threejs笔记3

 这是第一次学习threejs，记录一些学习笔记，简化知识点, 如果对您也有帮助请搜索头像二维码或者搜索小程序“上品威客”，感谢您的支持

让场景动起来

调用requestAnimationFrame函数，传递一个callback参数，则在下一个动画帧时，会调用callback这个函数。

function animate() {
    render();
    requestAnimationFrame( animate );
}

性能

帧数：图形处理器每秒钟能够刷新几次，通常用fps（Frames Per Second）来表示

性能监视器

在Three.js中，性能监视器被封装在类Stats中
下载：https://github.com/mrdoob/stats.js 

//new 一个stats对象
stats = new Stats();

//将这个对象加入到html网页中去
stats = new Stats();
stats.domElement.style.position = 'absolute';
stats.domElement.style.left = '0px';
stat