Live editing shaders in the browser.
Shader Editor Extension
A Chrome DevTools extension to help you edit shaders live in the browser.
Very much based on Firefox DevTools Shader Editor.
Includes live edit of GLSL shaders: vertex and fragment shaders.
Syntax highlighting and error reporting.
Fullscreen editor mode.
Autoformat and GLSL optimisation option.
Shader colouring on hover
Shader naming support
Texture monitoring and editing
Read more
Very much based on Firefox DevTools Shader Editor.
Includes live edit of GLSL shaders: vertex and fragment shaders.
Syntax highlighting and error reporting.
Fullscreen editor mode.
Autoformat and GLSL optimisation option.
Shader colouring on hover
Shader naming support
Texture monitoring and editing
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "Shader Editor",\t"version": "1.0.17",\t"minimum_chrome_version": "10.0",\t"devtools_page": "devtools.html",\t"icons": {\t\t"128": "icon_128.png",\t\t"48": "icon_48.png",\t\t"16": "icon_16.png"\t},\t"description": "Live editing shaders in the browser.",\t"background": {\t\t"scripts": [\t\t\t"background.js"\t\t]\t},\t"content_scripts": [{\t\t"matches": [""], \t\t"js": ["content_script.js"],\t\t"run_at": "document_end",\t\t"all_frames": true\t} ],\t"permissions": [\t\t"http://*/*",\t\t"https://*/*",\t\t"webNavigation",\t\t"storage"\t],\t"manifest_version": 2,\t"content_security_policy": "default-src 'self' chrome-extension-resource: ; img-src 'self' data:; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-eval'; connect-src *; frame-src *;",\t"web_accessible_resources": [\t\t"*"\t]}
Read more