WebGL调试工具？

Question

我正在寻找WebGL调试和检查工具 - 类似于FireBug for WebGL。

有什么建议吗？

Answer 1

刚刚找到WebGL Inspector。它声称是一个先进的WebGL调试工具包。我还没有亲自尝试过。

http://benvanik.github.com/WebGL-Inspector/

Answer 2

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

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

Answer 3

WebGL Inspector是一个非常好的工具，但在UI中有很多故障。我还可以在FireFox调试器工具中推荐Canvas调试器和着色器编辑器（它们默认关闭，你应该在设置中启用它们）

Answer 4

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

前两个似乎拥有最多的功能，如果你可以让它们工作。不幸的是，WebGL Inspector遇到了捆绑包的问题，​​我正在使用webpack。它在Github页面上有一些安装注意事项，以便与捆绑器一起使用，但它非常草率。

有关WebGL Insight评论部分的人表示，只有从一开始就加载了<canvas>，它才有效。同样，我尝试将我的画布创建移动到index.html作为标记，但无法使其正常工作。

Spector.js是唯一一个开箱即用的人。它的功能集更小，但您至少可以看到每个帧的状态和堆栈跟踪。