What is here
Split-pane layout with live code editor, five preset shaders, real-time WebGL2 rendering, automatic u_time/u_resolution/u_mouse uniforms, inline compilation errors, draggable divider, fullscreen mode, FPS overlay.
Exploration
Shader Playground
A split-pane shader editing environment. Edit GLSL fragment shaders in a code editor on the left and see them render in real-time on a WebGL2 canvas on the right. Includes preset shaders (gradient, plasma, raymarching, noise, Mandelbrot), automatic uniform injection (time, resolution, mouse), live error reporting, draggable pane divider, fullscreen toggle, and an FPS counter.
Overview
Browser support
Any modern browser with WebGL2 support.
Launch
Use the hosted build below to open the current public artifact.