一个很先进的WebGL调试工具
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.
点击这里,了解更多的信息:
状态:
WebGL已经很久没有更新了,但是,你仍然可以用这个工具。
特点:
扩展到注入页面
通过一个简单的脚步嵌入到一个应用程序中
获取全部的GL帧
带注释的调用和每步的进程/资源 ,导航和冗余调用警告
像素史--可以看见所有生成一个像素的的调用和混合信息
GL状态显示
贴图、缓冲区和程序的资源浏览器
例子:
Google's Electric Flower(显示了 贴图支持)
你可以在你的页面上嵌入检测器,假如你的浏览器没有这个延伸,或则你不想安装它。
安装:
Chrome/Chromium extension(15+)
浏览一个带有WebGL的页面,点击‘GL' 按钮,就会出现工具栏来嵌入检测器。
可以点击这里获取更多的信息。
下载
你也可以复制这个程序用 Git
截屏
Overlay/HUD
用 overlay按钮在右上角可以获取帧显示UI.所有在页面顶部的的设置来阻止中断。
Tracing(追宗)
帧调用追踪和链接资源和冗余调用警告
孤立个体绘制调用可以查看刚刚绘制的图像
Timeline
看到的各种实时GL的活动。工作进程——它会更漂亮!
State Inspector
可以看见现在的GL 的状态,在任何时间点
Textures
浏览上传纹理,看看他们的修改历史,用法在当前帧,和另外的信息。
Buffers
浏览上传的所有缓存,缓存的历史、用途、内容、和推断的结构。
Programs
检测项目和着色器,包括现在的uniform 值。