WebGL Three.js诊断工具

Question

我昨天输入了一个问题，如果可能的话，我想改变战术，同时保持之前的线程的活力。(前一个问题是关于Three.js中的可变帧速率。)

我不想直接回答这个问题，而是想知道WebGL/Three.js开发人员使用什么来诊断他们的代码(特别是找出性能瓶颈)。

我要开始一个大型的，长期的项目，我想我会遇到各种各样的问题。我们怎么在窗帘后面窥视呢？

我看到了一个相关的问题，来到了WebGL-检查员那里，我将对此进行调查。只是在寻找所有的选择。我愿意花钱买专业的诊断工具。不惜一切代价。

谢谢。

Answer 1

你好，先生。

我用：

• chrome javascript分析器
• 铬帆布检验(http://www.html5rocks.com/en/tutorials/canvas/inspection/)
• 偶尔尝试一下诸如webgl-检查器之类的工具，但它似乎不如chrome的画布检查器那么好

另外：

• javascript的标准分析技术，使用无限制的代码查看在分析过程中到处发生的事情
• 基本的正常检查:对于帧速率问题，确保您的帧翻转运行循环代码满足要求。标准做法是使用requestAnimationFrame。
• 确保你的画布没有被拉伸

我还没有尝试将纯桌面opengl类型的调试器(例如nvidia nsight )应用于运行在浏览器中的webgl。