Google Chrome DevTools extension to live edit WebGL GLSL shaders
A Chrome DevTools extension to help you edit shaders live in the browser. Very much based on Firefox DevTools Shader Editor. Here's a video showing it in action
Install the extension from the Chrome Store
Twin project of Web Audio API Editor Extension for Google Chrome
Some more info about this project: Creating a Plug'n Play Live WebGL Shader Editor
From the chrome store:
Load the extension from disk directly:
Settings / More tools / Extensions
)Developer Mode
Alternatively, you can pack the extension yourself and load by dropping the .crx file in the Extensions page.
Shader Editor
tabWebGLRenderingContext
: if you open DevTools after the page has loaded, hit the Reload
button. If the extension was already running, it automatically instruments the page..createProgram
, the UI will show a listAs always: forks, pull requests and code critiques are welcome!
Nice to have:
MIT licensed
Copyright (C) 2015 Jaume Sanchez Elias, http://www.clicktorelease.com