3Dparallax / insight
- четверг, 17 марта 2016 г. в 02:12:58
JavaScript
A helpful Chrome extension for WebGL development
Insight is a WebGL debugging toolkit providing a variety of capabilities enabling more productive WebGL development and more efficient WebGL applications.
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.
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.
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.
Displays the relative depths of the pixels being drawn. Lighter values are further away whereas darker values are closer.
Collects WebGL calls in a timeline.
Counts WebGL calls during that time and displays the result in a histogram.
Record how many times each shader program has been called by useProgram.
Detects whether there are any duplicate useProgram calls on the same program.
Pauses and controls animated frames.
Edit WebGL states.
View textures, buffers, frame buffers, and render buffers.