WebGL Three.js诊断工具

Question

我昨天提出了一个问题，如果可能的话，我还想改变策略，同时保持前一个线程的活着状态。 （之前的问题是关于Three.js中的可变帧率。）

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

我正在开始一个大型的长期项目，我想我会遇到各种各样的问题。我们如何在幕后同行？

我看到一个相关的问题，来到了WebGL-Inspector，我将对此进行研究。只是寻找所有的选择。我愿意花钱买专业的诊断工具。无论需要什么。

感谢。

Answer 1

美好的一天，先生。

我使用：

• chrome javascript profiler
• chrome canvas inspection（http://www.html5rocks.com/en/tutorials/canvas/inspection/）
• 偶尔尝试像webgl-inspector这样的工具，但它看起来不像chrome的画布检查员那么好

此外：

• javascript的标准分析技术，使用未分解的代码查看分析期间到处发生的情况
• 基本健全性检查：对于帧速率问题，请确保您的帧翻转运行循环代码符合要求。标准做法是使用requestAnimationFrame。
• 确保您的画布未被拉伸

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