Overview
Shader Playground provides a Shadertoy-inspired environment for writing and experimenting with GLSL fragment shaders directly in the browser. The live preview updates on every keystroke with detailed error reporting.
Key Features
- Split-pane GLSL editor with live WebGL preview
- Uniform controls for time, resolution, mouse position, and custom values
- GLSL error highlighting with line-level error mapping
- Texture input support for image-based shaders
- Shareable shader URLs via compressed code encoding
Technical Highlights
The editor compiles shaders on every change using a debounced WebGL compile pipeline. GLSL errors are parsed from the driver's error log and mapped back to editor line numbers with inline annotations.
Custom uniforms are automatically detected by parsing the shader source for uniform declarations, generating appropriate UI controls (sliders for floats, color pickers for vec3/vec4) without manual configuration.
Comments