Web Tracing Framework

Khronos Dev Tools

WebGLDeveloperTools provides essential utilities for debugging and developing WebGL applications. These tools help developers identify rendering issues, optimize performance, and understand WebGL state during development. ## Key Features - **Debug Context** — Wraps WebGL contexts to add error checking, state tracking, and validation capabilities - **Shader Compilation Debugging** — Provides detailed error messages and logging for shader compilation failures - **Performance Monitoring** — Tools for measuring frame times, draw call counts, and other performance metrics - **State Inspection** — Utilities to examine current WebGL state, texture bindings, and buffer configurations - **ES6 Module Support** — Designed as modern JavaScript modules for easy integration into contemporary build systems ## Philosophy The project focuses on providing lightweight, focused tools that address common WebGL development pain points without adding unnecessary complexity to production builds.

WebGl Playground

The editor lets you work on the JavaScript code and the GLSL vertex/fragment shaders (if you have any) at the same time in a convenient way. Everything is organized, formatted and highlighted properly, just as you would like

WebGL Texture Tester

Attempts to load one of every texture format supported by WebGL, intended to quickly show which formats your browser/device supports

Spector.js

Agnostic JavaScript framework for exploring and troubleshooting your WebGL scenes