WebGL调试工具？

Question

我正在寻找WebGL调试和检测工具 - 就像WebGL的FireBug。

有什么建议吗？

Answer 1

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

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

Answer 2

如上WebGL的督察提到的是一个工具，让您分析传递到着色器程序纹理和缓冲区。对于低层次的问题先进的工具是必要的，这追踪司机的API调用，内存消耗等

取决于使用的操作系统，你可以使用OpenGL/DirectX的调试器，并将其附加到你的浏览器上。

Answer 3

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

Answer 4

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

前两个似乎有最多的功能，如果你能让他们工作。不幸的是，WebGL Inspector存在捆绑器问题，我正在使用webpack。它在Github页面上有一些安装注意事项，以使它可以与捆绑软件一起工作，但它很sl。。

有人对WebGL的洞察评论部分说，如果你的<canvas>从一开始加载，它可能只工作。再次，我尝试将我的画布创建移动到index.html作为标记，但无法使其工作。

Spector.js只是为我工作开箱的一个。它的功能集更小，但您至少可以看到每个帧和堆栈轨迹的状态。