神刀安全网

WebGL Insight, a Debugging Toolkit for Chrome

WebGL Insight, a Debugging Toolkit for Chrome

About

Insight is a WebGL debugging toolkit providing a variety of capabilities enabling more productive WebGL development and more efficient WebGL applications.

Features

  • Chrome Extension embedded in the Chrome DevTools panel
  • Overdraw Inspector
  • Mipmap Inspector
  • Depth Inspector
  • Call Stack Timeline and Statistics
  • Program Usage Count
  • Duplicate Program Usage Detector
  • Program Viewer
  • Frame Control
  • State Variable Editor
  • Resource Viewer

Installation & Usage

Install Insight from the Chrome Web Store .

When the extension is installed, open up the Chrome DevTools panel, click on the "WebGL Insight" tab, and browse to a WebGL application.

Overdraw Inspector

Detects how how many times a pixel has been drawn. The color ranges from green to red. Red shows a pixel that has been overdrawn multiple times while green is drawn on clear.

WebGL Insight, a Debugging Toolkit for Chrome WebGL Insight, a Debugging Toolkit for Chrome

Mipmap Inspector

Displays the mipmap levels for a selected texture in different colors. Depending on how many mipmap levels there are and the maximum mipmap level, the colors will vary. This can be used to show whether certain mipmap levels of a selected texture is used.

WebGL Insight, a Debugging Toolkit for Chrome WebGL Insight, a Debugging Toolkit for Chrome

Depth Inspector

Displays the relative depths of the pixels being drawn. Lighter values are further away whereas darker values are closer.

WebGL Insight, a Debugging Toolkit for Chrome WebGL Insight, a Debugging Toolkit for Chrome

Call Stack Timeline and Statistics

Collects WebGL calls in a timeline.

WebGL Insight, a Debugging Toolkit for Chrome

Counts WebGL calls during that time and displays the result in a histogram.

WebGL Insight, a Debugging Toolkit for Chrome

Program Usage Count

Record how many times each shader program has been called by useProgram.

WebGL Insight, a Debugging Toolkit for Chrome

Duplicate Program Usage Detection

Detects whether there are any duplicate useProgram calls on the same program.

WebGL Insight, a Debugging Toolkit for Chrome

Program Viewer

WebGL Insight, a Debugging Toolkit for Chrome

Frame Control

Pauses and controls animated frames.

WebGL Insight, a Debugging Toolkit for Chrome

State Variable Editor

Edit WebGL states.

WebGL Insight, a Debugging Toolkit for Chrome

Resource Viewer

View textures, buffers, frame buffers, and render buffers.

WebGL Insight, a Debugging Toolkit for Chrome

Known Issues

  • Unity Web Game support is limited

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » WebGL Insight, a Debugging Toolkit for Chrome

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
分享按钮