What is Shader Editor?

Shader Editor is a Chrome extension developed by https://www.clicktorelease.com, and its main feature is "Live editing shaders in the browser.".

Extension Screenshots

Download Shader Editor Extension CRX File

Download Shader Editor extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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

Extension Basic Information

Name	Shader Editor
ID	ggeaidddejpbakgafapihjbgdlbbbpob
Official URL	https://chromewebstore.google.com/detail/shader-editor/ggeaidddejpbakgafapihjbgdlbbbpob
Description	Live editing shaders in the browser.
File Size	824 KB
Installation Count	6,282
Current Version	1.0.17
Last Updated	2016-04-06
Publish Date	2016-04-06
Rating	4.59/5 Total 22 Ratings
Developer	https://www.clicktorelease.com
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/spite/ShaderEditorExtension
Help Page URL	https://github.com/spite/ShaderEditorExtension/issues
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Shader Editor", "version": "1.0.17", "minimum_chrome_version": "10.0", "devtools_page": "devtools.html", "icons": { "128": "icon_128.png", "48": "icon_48.png", "16": "icon_16.png" }, "description": "Live editing shaders in the browser.", "background": { "scripts": [ "background.js" ] }, "content_scripts": [ { "matches": [ "" ], "js": [ "content_script.js" ], "run_at": "document_end", "all_frames": true } ], "permissions": [ "http:\/\/\/", "https:\/\/\/", "webNavigation", "storage" ], "manifest_version": 2, "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 ;", "web_accessible_resources": [ "*" ] }