0
点赞
收藏
分享

微信扫一扫

Threejs教程-03-性能分析

                           发布时间: 2022-11-17 11:13


接上节,讲了 Threejs基础语法”。本节具体讲解一些Threejs的知识点。


首先有条件的话搞个服务器,这里还是用的三丰云免费云服务器,免费虚拟主机在这里不适用就不介绍了,安装的Centos7版本,相关内容丢到服务器即可,其他教程已经讲过,不多说了。

Threejs教程-03-性能分析_服务器


帧数:图形处理器每秒钟能够刷新几次,通常用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();



接下来步入我们的第二章。

举报

相关推荐

高级性能03-计数器

03-常用API

【Docker】03-安装redis

03-链表的基本操作

03-构建xss漏洞环境

实习日志03-技术02

03-角色维护 尚筹网

0 条评论