{"id":149455,"date":"2021-12-22T17:48:09","date_gmt":"2021-12-22T17:48:09","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/webgl-shader\/"},"modified":"2022-05-01T10:18:45","modified_gmt":"2022-05-01T10:18:45","slug":"display-webgl-shader","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/display-webgl-shader\/","author":20094237,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.3","stable_tag":"1.0.3","tested":"5.9.0","requires":"5.8","requires_php":"7.0","requires_plugins":"","header_name":"Display WebGL Shader","header_author":"Zebra North","header_description":"Display a WebGL shader","assets_banners_color":"","last_updated":"2022-05-01 10:18:45","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/paypal.me\/zebranorth","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":10,"downloads":4050,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"1.0.2":{"tag":"1.0.2","author":"zebranorth","date":"2022-01-23 15:04:52"},"1.0.3":{"tag":"1.0.3","author":"zebranorth","date":"2022-05-01 10:18:45"},"v1.0.3":{"tag":"v1.0.3","author":"zebranorth","date":"2022-05-01 10:17:46"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2662404,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2662404,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":[],"assets_blueprints":{},"all_blocks":{"zebra-north\/display-webgl-shader":{"apiVersion":2,"name":"zebra-north\/display-webgl-shader","version":"1.0.3","title":"Display WebGL Shader","category":"media","icon":"format-video","description":"Display a WebGL fragment shader compatible with Shadertoy","keywords":["webgl","shader","glsl","opengl"],"supports":{"html":false},"textdomain":"display-webgl-shader","editorScript":"file:.\/build\/index.js","editorStyle":"file:.\/build\/index.css","style":"file:.\/build\/style-index.css","attributes":{"sourceCode":{"type":"string"}}}},"tagged_versions":["1.0.2","1.0.3","v1.0.3"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"A shader in action."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1220,206122,206123,805,206124],"plugin_category":[],"plugin_contributors":[206125],"plugin_business_model":[],"class_list":["post-149455","plugin","type-plugin","status-publish","hentry","plugin_tags-block","plugin_tags-shader","plugin_tags-shadertoy","plugin_tags-webgl","plugin_tags-webgl2","plugin_contributors-zebranorth","plugin_committers-zebranorth"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/display-webgl-shader\/assets\/icon-128x128.png?rev=2662404","icon_2x":"https:\/\/ps.w.org\/display-webgl-shader\/assets\/icon-256x256.png?rev=2662404","generated":false},"screenshots":[],"raw_content":"\n

This plugin allows you to display a WebGL2 fragment shader, compatible with https:\/\/shadertoy.com<\/p>\n\n

Simply copy and paste the code of your fragment shader into the edit box.<\/p>\n\n

This plugin makes use of the open source \"gl-matrix\" library by Brandon Jones and Colin MacKensie IV.<\/p>\n\n

Your shader code should look like the example below. The mainImage() function is called once for each pixel.<\/p>\n\n

`\n<\/code><\/pre>\n\n
void mainImage(out vec4 fragColor, in vec2 fragCoord)\n{\n    \/\/ Normalized pixel coordinates (from 0 to 1).\n    vec2 uv = fragCoord \/ iResolution.xy;<\/p>\n\n
\/\/ Output to screen as (r, g, b, alpha).\nfragColor = vec4(uv.x, uv.y, 0.0, 1.0);\n<\/code><\/pre>\n\n
}\n    `<\/p>\n\n\n
    \n
  1. Upload the plugin files to the \/wp-content\/plugins\/display-webgl-shader<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n
  2. Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<\/ol>\n\n\n
    1.0.3<\/h4>\n\n
    Fix missing rename from \"WebGL Shader\" to \"Display WebGL Shader\".\nBreaking change: The ID and CSS class on the canvas have been renamed.<\/p>\n\n
    1.0.2<\/h4>\n\n
    Rename from \"WebGL Shader\" to \"Display WebGL Shader\".<\/p>\n\n
    1.0.1<\/h4>\n\n
      \n
    • Minor updates so the plugin can be hosted on wordpress.org.<\/li>\n<\/ul>\n\n
      1.0.0<\/h4>\n\n
        \n
      • Release<\/li>\n<\/ul>","raw_excerpt":"Display a WebGL shader.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/149455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=149455"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/zebranorth"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=149455"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=149455"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=149455"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=149455"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=149455"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=149455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}