Download
glslCanvas is a JavaScript library for loading and animating GLSL fragment and vertex shaders inside HTML canvas elements with WebGL. Developers can attach shaders through HTML data attributes or instantiate a programmable canvas sandbox in JavaScript. The library automatically creates the WebGL context, compiles the supplied shader, and begins rendering it. Shaders can be loaded from inline strings or external URLs and reloaded while the page is running. Built-in uniforms expose elapsed time, viewport resolution, mouse position, and ordered texture inputs. Custom uniforms and textures can also be supplied, making the library useful for shader demos, generative graphics, interactive backgrounds, and learning tools.
Features
- Automatic WebGL canvas initialization
- Fragment and vertex shader loading
- Inline and external shader sources
- Live shader reloading
- Built-in time, mouse, and resolution uniforms
- Custom uniforms and texture inputs
Project Samples
