Webgl着色器调试器，变量检查

Question

我正在寻找一个允许我将WebGL着色器调试到单行/变量级别的javascript。 因此，应该可以在每一行中断并检查每个变量的值。

这可以通过检测来完成（解析着色器，生成一个输出所请求变量的着色器，针对当前上下文执行此着色器并将输出返回给用户）

它类似于glslDevil（http://www.vis.uni-stuttgart.de/glsldevil/）对OpenGL的作用。

有谁知道WebGL这样的工具是否存在？

Answer 1

Firefox，至少 v38 ，有一个用于WebGL GLSL着色器的调试面板。您可以编辑并快速重新编译它们以进行调试。我不相信它允许单个行中的断点。

您可以通过齿轮箱启用它：

然后在着色器编辑器面板中使用它