Hartool/GLSL Shader Editor
Starter Shaders
Uniforms
u_time — elapsed seconds
u_resolution — canvas size
u_mouse — mouse position
Loading editor...
WebGL2 Preview
⬡
Click RUN to compile shader
Frequently Asked Questions
What is a GLSL shader editor?
A GLSL shader editor lets you write fragment shaders, small programs that run on your GPU, and see the visual output in real time. It's used for creating visual effects, generative art, and learning GPU programming.
What uniforms are available?
Built-in uniforms include u_time (elapsed time), u_resolution (canvas size), and u_mouse (mouse position). These let you create interactive, animated shader effects.
Can I use this to learn shaders?
Absolutely. The live preview and error highlighting make it perfect for experimenting with GLSL. Start with the built-in template and modify values to see what changes.
What version of GLSL does this use?
The editor uses WebGL2 with GLSL ES 3.00. This is supported by all modern browsers and provides access to modern shader features.
Is my shader code sent to a server?
No. Everything runs locally in your browser using your GPU. No code is uploaded or stored on any server.
Related Tools
p5.js EditorGenerate
Live p5.js editor with Monaco, templates, and instant preview.
Grid BuilderGenerate
Grid-based art generator with patterns, palettes, and export.
Noise GeneratorGenerate
Generate Perlin, Simplex, and Worley noise textures.
Mesh Gradient GeneratorGenerate
Create stunning mesh gradients for UI design and backgrounds.