Shaders (GLSL)

Basic shapes examples

WebGL1 examples

For older computers that don't support WebGL2.

Basic animated examples

Advanced examples

Found a shader compilation problem in an example? Report the problem on github: ShaderGif Issues on github

Please include the fix if you know it!

The vast amount of different devices, graphics chips and operating systems using webgl makes it possible to find a vast array of shader problems.

Javascript

Basic shapes examples

Using loops

Be aware of the dangers of infinite loops! But you can always reboot if you are in trouble...

p5js