An advanced WebGL debugging toolkit
About
WebGL Inspector is a tool inspired by gDEBugger and PIX with the goal of making the development of advanced WebGL applications easier. What Firebug and Developer Tools are to HTML/JS, WebGL Inspector is to WebGL.
Note: this is alpha software - if you find bugs, let me know (or better yet, fork and fix them! :)
Check out the readme on github for more information.
Status
There hasn't been an update in awhile, but the project is not dead! I'm currently working on a rewrite that enables a whole bunch of cool new features (plus a much better UI), however my new job at Google is eating up a lot of my time. v2 will go up when it's ready :)
Features
- 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
Live Demo
Click here to view a live demo (in a browser that supports WebGL, of course):
You can embed the inspector on your own pages like this if there is no extension for your browser or if you don't want to install it.
Install
ATTENTION: The extension is now hosted on the Chrome Web Store. If you have previously installed the extension you *must* remove and reinstall the Web Store version to get updates!
Chrome/Chromium extension (20+)
Browse to a page with WebGL content and click the 'GL' button that appears on the toolbar to embed the inspector.
Check out the readme on github for more information.
Changelog
v1.11 - 7/30/2012
- Fixed an exception that would sometimes occur depending on RAF usage
- Updated to Chrome's manifest v2 format
v1.8/1.9 - 3/04/2012
- Fixed screenshots in the trace tab listing
- Fixed some crashes when passing null to various functions (still likely some bugs here)
- Fixed Chrome crashes with the pixel history/lower-right preview view
- Added explicit extension support for a few extensions
- Various fixups due to WebGL spec drift
v1.7 - 10/27/2011
v1.6 - 7/19/2011
- Fixes from Ryan Sturgell and Aapo Laitinen
v1.5 - 3/15/2011
- Draw Info - click the 'i' next to draws to see details
- Framerate controller - slow down or pause scenes while debugging
- Performance improvements during runtime and capture
- More support for WebGL features and extensions
- Pixel History now works on all browsers and many other fixes
v1.4 - 1/06/2011
- Pixel History - click on a pixel in the trace preview!
- Pixel inspector on trace and texture previews (click the text to change to RGBA)
- Floating-point texture support
- Performance and bug fixes
- Fix for Chromium nightlies
v1.3 - 1/03/2011
- Multiple framebuffer/render-to-texture support
- Error display and console stack trace printing
- Array buffer preview (still hacky)
- Auto texture naming
- Various bug fixes
v1.2 - 11/28/2010
- Timeline view
- Redundant call highlighting
- GLI_frame_terminator extension for more accurate frame separation
- Tons of UI tweaks
- Texture and buffer history, usage, and other features
- Texture browser
Download
You can download this project in either
zip or
tar formats.
You can also clone the project with Git
by running:
$ git clone git://github.com/benvanik/WebGL-Inspector