Display WebGL Shader Plugin

This plugin allows you to display a WebGL2 fragment shader, compatible with https://shadertoy.com

Simply copy and paste the code of your fragment shader into the edit box.

This plugin makes use of the open source “gl-matrix” library by Brandon Jones and Colin MacKensie IV.

Your shader code should look like the example below. The mainImage() function is called once for each pixel.

void mainImage(out vec4 fragColor, in vec2 fragCoord) { // Normalized pixel coordinates (from 0 to 1). vec2 uv = fragCoord / iResolution.xy;

// Output to screen as (r, g, b, alpha).
fragColor = vec4(uv.x, uv.y, 0.0, 1.0);

} `

This plugin is available for download for your site.

Display WebGL Shader