Title: Display WebGL Shader
Author: Zebra North
Published: <strong>Декабрь 22, 2021</strong>
Last modified: Май 1, 2022

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/display-webgl-shader/assets/icon-256x256.png?rev=2662404)

# Display WebGL Shader

 By [Zebra North](https://profiles.wordpress.org/zebranorth/)

[Download](https://downloads.wordpress.org/plugin/display-webgl-shader.1.0.3.zip)

 * [Details](https://os.wordpress.org/plugins/display-webgl-shader/#description)
 * [Reviews](https://os.wordpress.org/plugins/display-webgl-shader/#reviews)
 *  [Installation](https://os.wordpress.org/plugins/display-webgl-shader/#installation)
 * [Development](https://os.wordpress.org/plugins/display-webgl-shader/#developers)

 [Support](https://wordpress.org/support/plugin/display-webgl-shader/)

## 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.

    ```
    `
    ```

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

}
 `

## Blocks

This plugin provides 1 block.

 *   Display WebGL Shader Display a WebGL fragment shader compatible with Shadertoy

## Installation

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

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Display WebGL Shader” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Zebra North ](https://profiles.wordpress.org/zebranorth/)

[Translate “Display WebGL Shader” into your language.](https://translate.wordpress.org/projects/wp-plugins/display-webgl-shader)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/display-webgl-shader/),
check out the [SVN repository](https://plugins.svn.wordpress.org/display-webgl-shader/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/display-webgl-shader/)
by [RSS](https://plugins.trac.wordpress.org/log/display-webgl-shader/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.3

Fix missing rename from WebGL Shader” to Display WebGL Shader”.
 Breaking 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

## Meta

 *  Version **1.0.3**
 *  Last updated **4 years ago**
 *  Active installations **10+**
 *  WordPress version ** 5.8 or higher **
 *  Tested up to **5.9.0**
 *  PHP version ** 7.0 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/display-webgl-shader/)
 * Tags
 * [block](https://os.wordpress.org/plugins/tags/block/)[webgl](https://os.wordpress.org/plugins/tags/webgl/)
 *  [Advanced View](https://os.wordpress.org/plugins/display-webgl-shader/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/display-webgl-shader/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/display-webgl-shader/reviews/)

## Contributors

 *   [ Zebra North ](https://profiles.wordpress.org/zebranorth/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/display-webgl-shader/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://paypal.me/zebranorth)