Running GLSL shader effects on HTML5 Canvas

A long time ago I saw some fantastic shader experiments on ShaderToy (an online editor for GLSL fragment shaders). The graphics were stunning and I decided to make my own too, but using HTML5 canvas instead.

  1. Attempt #1
  2. Attempt #2
  3. Attempt #3
  4. Attempt #4
  5. Attempt #5

The attempts give good result except the update rate dramatically reduces when using a large canvas size. After all, shaders are meant to be run inside a GPU and not a CPU.

Leave a Reply

Your email address will not be published. Required fields are marked *