An advanced WebGL debugging toolkit

向有大家推薦一個WebGL的調試工具,雖然比不上Nvadia的好,但能debugging webgl也是值得的。

WebGL Inspector:

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


Screenshots

Excuse their ugliness - I'd rather code than tweak compression settings in Photoshop ^_^ 

Overlay/HUD

Use the overlay buttons in the top right to capture frames and show the toggle the UI. Everything sits on top of the page to prevent interruption. 

Tracing

View full frame call traces with linked resources and redundant call warnings. 

Isolate individual draw calls to see just what was drawn. 

Step through each call in a frame to build up the scene. (too lazy to rebuild gif, so older animation) 

Timeline

See realtime statistics about various GL activity. Work in progress - it'll get prettier! 

State Inspector

View the current GL state at any point in time. 

Textures

Browse uploaded textures and see their modification history, usage in the current frame, and other information. 


 

Buffers

Browse all uploaded buffers and view their history, usage, contents, and inferred structure. 

Programs

Inspect programs and shaders including current uniform values. 



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章