Shader Studio
Write a GLSL fragment shader and watch it draw live. Pick a colour family, press Play, then save a still, the source or a short clip.
2. Shader code
Compiler messages
No errors.
Reference: what your shader can use
Write void mainImage(out vec4 fragColor, in vec2 fragCoord). The studio adds the version line and the uniforms below.
uniform float iTime- Seconds since the start, from the time control.
uniform vec2 iResolution- Canvas size in pixels.
uniform vec2 iMouse- Pointer position in pixels over the canvas, from the bottom left. Works with touch.
uniform vec3 uPalette[6]- Index 0 is the ground, 1 is the ink, 2 to 5 are four colours from the chosen colour family.
uniform float uSeed- The seed number, from 0 to 999.
3. Export
4. Saved shaders (0)
No saved shaders yet.
Your data
Saved in this browser under the key shader-studio.v1. Download a backup often.
What this room does not do
- Fragment shaders only. There is no vertex code, no 3D scene and no multi-pass buffers.
- No texture, image, video, microphone or audio inputs.
- WebM clips are made only where your browser supports recording a canvas.
- Speed depends on your device. Use a lower resolution scale if the canvas is slow.
- A 4096 px PNG can fail on devices with small graphics memory. Try 2x instead.