A Chrome DevTools extension for live editing WebGL GLSL shaders directly in the browser.
ShaderEditorExtension is a Chrome DevTools extension that allows developers to live edit WebGL GLSL shaders directly within the browser. It instruments the WebGLRenderingContext to intercept shader programs, providing an interface to modify vertex and fragment shaders in real-time. This tool solves the problem of tedious shader iteration by enabling instant visual feedback without page reloads.
WebGL developers, graphics programmers, and creative coders working on browser-based 3D applications who need to debug and iterate on shader code efficiently.
Developers choose this extension because it brings Firefox's popular Shader Editor functionality to Chrome, offering a seamless live-editing workflow integrated directly into DevTools. Its unique selling point is the combination of real-time shader editing, GLSL optimization, and texture replacement in a single, easy-to-use interface.
Google Chrome DevTools extension to live edit WebGL GLSL shaders
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Enables real-time modification of GLSL shaders with immediate visual feedback in the WebGL context, as shown in the linked YouTube demo and described in the key features.
Includes an integrated GLSL Optimizer tool to apply code optimizations directly within the editor, improving shader performance without external tools.
Allows on-the-fly texture replacement via drag-and-drop or file dialogs, facilitating quick texture swaps during development as detailed in the usage instructions.
Designed as a plug-and-play Chrome DevTools extension with a dedicated tab, fitting naturally into existing workflows without requiring separate applications.
Exclusively available for Chrome, making it useless for developers working on other browsers or needing cross-platform testing, as it's based on Firefox's functionality but not ported elsewhere.
The README admits several bugs, such as pages not loading (Issue #4) and failures on Android over remote debugging (Issue #6), which can hinder reliable use in production environments.
Lacks real-time inspection of uniform values fed to shaders, a critical debugging feature only listed as a 'nice to have' in the TO-DO section, reducing its utility for complex shader analysis.