Shader Editor

Live editing shaders in the browser.

What is Shader Editor?

"Shader Editor" is a Chrome DevTools extension designed for web developers focused on graphics. It allows users to edit GLSL shaders including vertex and fragment shaders live in the browser. This tool offers additional features such as syntax highlighting, error reporting, autoformatting, GLSL optimization, shader coloring on hover, and shader naming. Shader Editor also allows texture monitoring and editing, greatly enhancing your web development process.

Download

Extension stats

By: https://www.clicktorelease.com

View on Chrome Web Store

Users: 5,000+

Rating: 4.29 (24)

Version: 1.0.17 (Last updated: 2016-04-06)

Creation date: 2016-04-06

Risk impact: High risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Permissions:

http://*/*
https://*/*
webNavigation
storage

Size: 843.78K

Email: he*****@clicktorelease.com

URLs: Website

Ranking

# 13435 ▼ 5

Other rankings

#3025 in Developer Tools ▲ 5 #94 in editor keyword 44 ▲ 1

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Very useful and easy to use.
A great tool to enjoy playing with shaders with webGL.
Amazing tool!
Fantastic for quick tweaks and edits.
A very nice piece of engineering.

Cons

Does not work with the latest version of Chrome.
Incompatible with Roblox.
Search feature does not work.
Some shaders cause crashes.
Lacks tutorials and adequate documentation.

Most mentioned

Does not work with the latest version of Chrome.
Very useful and easy to use.
Amazing tool!
Lacks tutorials and adequate documentation.
Some shaders cause crashes.

Recent reviews

assim como outras extensões do chrome, eu não tenho ideia do que essa extensão faz. eu procurei por um editor de shader e caí nesse... o que é isso? onde eu edito, qual shader? onde eu clico? não tem tutorial de uso, não tem nada. o site aponta pra trabalhos glsl que são feitos com outras tecnologias. eu não entendi nada.