javascript - Three.js - 对象出现在屏幕上的时间

标签 javascript performance three.js gpu onload-event

有没有办法计算我的对象实际出现在屏幕上的时间?

类似于图形处理单元 (GPU) 的 onLoad 事件。

我想对我的不同实现的性能差异进行计时,以便在我用于处理我的几何图形的不同解决方案之间做出经过验证的选择。

主要是为了查看不同构建的缓冲区几何图形(索引、非索引、原生缓冲区几何图形,或从其他几何图形转换而来的缓冲区几何图形)之间的差异。

编辑:

我尝试使用 console.time('loading')console.timeEnd('loading'),但我似乎无法将它们放入他们在适当的时候开火。 timeEnd 似乎在解析完成时触发,那是在对象实际出现在屏幕上之前的方式。
我想只需要知道在哪里放置这些方法。

最佳答案

首先,在将相关对象添加到场景之前,通过计时调用 renderer.render(scene, camera); 来记录渲染空白场景所需的平均时间 然后,使用 scene.add(); 添加有问题的对象,并记录 renderer.render( scene, camera ); 现在需要多长时间。减去差值。

关于javascript - Three.js - 对象出现在屏幕上的时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35513005/

相关文章:

jquery .find() 函数替代方案?

mysql - 使用 int 和 char(32) 的 PK 性能

javascript - Three.js 约束对象拖动到另一个对象的表面

javascript - 使用 javascript 迭代图像文件夹并将结果添加到 HTML 中

javascript - 如何使用 Javascript 键事件重命名选项卡?

ios - dequeueReusableCellWithIdentifier 提供什么性能优势?

c++ - 根据照片以3D计算对象位置

three.js - 如何使用 Three.js 查找最近的对象

javascript - 如何在vuejs2中使用节点包vue-tweet-embed?

javascript - 字符串结尾的 RegEx 测试?