Debugging Shaders

[macrael]

Are there any good tools for editing webgl shaders? I found it very annoying the last time I tried because I got poor errors out of the browser when I made a mistake. If there is a way to compile a shader outside of the browser I feel like it might make this easier.

[hccampos]

There is the webgl inspector:

• https://chrome.google.com/webstore/detail/webgl-inspector/ogkcjmbhnfmlnielkjhedpcjomeaghda?hl=en

Or you could take a look at an editor like:

• https://thebookofshaders.com/edit.php
• https://shaderfrog.com/app
• http://www.kickjs.org/example/shader_editor/shader_editor.html

[Mugen87]

@hccampos That’s a really good selection! I’d like to add the default shader edit tools in FF:

Shader Editor

AFAIK, there is no real debugger for GLSL. In most cases, you have to produce visual outputs if you want to check intermediate results.