Display WebGL Shader

Display a WebGL shader.

Author:Zebra North (profile at wordpress.org)
WordPress version required:5.8
WordPress version tested:5.9.0
Plugin version:1.0.3
Added to WordPress repository:22-12-2021
Last updated:01-05-2022
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:0
Rated by:0
Plugin URI:
Total downloads:2 791
Active installs:10+
plugin download
Click to start download

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