FunctionSource, Your Source for Developer News

WebGL Inspector; The rich debugger you need for WebGL

Posted by Dion Almaer 2 years ago on debugger developer_tools inspector webgl

Ben Vanik has done good here. As you start to see great WebGL content, and you get the call to code it up yourself, you quickly realize that some tools may be nice.

Ben has gone ahead and helped with WebGL Inspector, an open source debugging toolset for WebGL, including:

  • Extension for injecting into pages
  • Embed in an existing application with a single script include
  • Capture entire GL frames
  • Annotated call log with stepping/resource navigation and redundant call warnings
  • Pixel history – see all draw calls that contributed to a pixel + blending information
  • GL state display
  • Resource browsers for textures, buffers, and programs

So, crack open Learning WebGL, fire up the debugger, and have at it :)