threejs笔记3
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/10522251a0ec3bd911d04aec4426f775.jpeg)
这是第一次学习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