[{"name":"Display WebGL Shader","slug":"display-webgl-shader","version":"1.0.3","author":"Zebra North","author_profile":"https://profiles.wordpress.org/zebranorth/","requires":"5.8","tested":"5.9.0","requires_php":"7.0","requires_plugins":[],"rating":0,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"downloaded":2947,"last_updated":"2022-05-01 10:18am GMT","added":"2021-12-22","homepage":"","sections":{"description":"

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.

`\n

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

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

}
\n `

\n","installation":"

Upload the plugin files to the /wp-content/plugins/display-webgl-shader directory, or install the plugin through the WordPress plugins screen directly.
Activate the plugin through the ‘Plugins’ screen in WordPress

\n","changelog":"

1.0.3

Fix missing rename from “WebGL Shader” to “Display WebGL Shader”.
\nBreaking change: The ID and CSS class on the canvas have been renamed.

1.0.2

Rename from “WebGL Shader” to “Display WebGL Shader”.

1.0.1

Minor updates so the plugin can be hosted on wordpress.org.

1.0.0

Release

\n"},"short_description":"Display a WebGL shader.","download_link":"https://downloads.wordpress.org/plugin/display-webgl-shader.1.0.3.zip","screenshots":[],"tags":{"block":"block","shader":"shader","shadertoy":"shadertoy","webgl":"webgl","webgl2":"webgl2"},"versions":{"1.0.2":"https://downloads.wordpress.org/plugin/display-webgl-shader.1.0.2.zip","1.0.3":"https://downloads.wordpress.org/plugin/display-webgl-shader.1.0.3.zip","v1.0.3":"https://downloads.wordpress.org/plugin/display-webgl-shader.v1.0.3.zip","trunk":"https://downloads.wordpress.org/plugin/display-webgl-shader.zip"},"donate_link":"https://paypal.me/zebranorth","icons":{"1x":"https://ps.w.org/display-webgl-shader/assets/icon-128x128.png?rev=2662404","2x":"https://ps.w.org/display-webgl-shader/assets/icon-256x256.png?rev=2662404"}}]

shadertoy

Display WebGL Shader

Get New Themes & Resources