Home Plugins display webgl shader
Display WebGL Shader logo

Display WebGL Shader

by Zebra North on WordPress.org

Display a WebGL shader.

(0)

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);

}
`

Active installations10+
Weekly downloads
19-5.00%
Version1.0.3
Last updated5/1/2022
WordPress version5.8
Tested up to5.9.0
PHP version7.0
Tags
blockshadershadertoywebglwebgl2
Display WebGL Shader | Plugin0