WebGL调试工具？

Question

我正在寻找WebGL调试和检查工具——类似于FireBug的WebGL版本。是否有任何推荐？

- Petteri H

Answer 1

我刚刚发现了一个名为WebGL Inspector的工具，它声称是一款先进的WebGL调试工具包。我个人还没有尝试过它。 http://benvanik.github.com/WebGL-Inspector/

- Petteri H

---

这里有作者的视频演示，链接为http://www.youtube.com/watch?v=vW-QJDxYo3A#t=8m30s。 - gman

Answer 2

我尝试了WebGL Inspector、WebGL Insight和Spector.js。

前两种似乎具有最多的功能，如果您能让它们正常工作的话。不幸的是，WebGL Inspector在使用webpack时存在问题。在Github页面上有一些安装注意事项，可以让它与bundlers一起使用，但这样做有些混乱。

WebGL Insight评论部分的某个人说，它只能在从开头加载<canvas>时才能正常工作。同样，我尝试将我的画布创建移动到index.html中作为标记，但无法使其正常工作。

Spector.js是唯一一个直接适用的工具。其功能集更加简单，但至少您可以查看每帧的状态和堆栈跟踪。

- Kevin

Answer 3

WebGL Inspector是一个非常好的工具，但在用户界面方面存在许多小问题。我还可以推荐使用FireFox调试器工具中的Canvas调试器和Shader编辑器（它们默认是关闭的，您需要在设置中启用它们）。

- Roman Kolesnikov

Answer 4

如上所述，WebGL-Inspector是一种工具，允许您分析传递给着色器程序的纹理和缓冲区。对于低级问题，需要跟踪驱动程序API调用、内存消耗等高级工具。

根据使用的操作系统，您可以使用OpenGL/DirectX调试器并将它们附加到您的浏览器。

- Ben-G