From 659578bf28a0b6eaee0bf5b39e4f4e8de30882f8 Mon Sep 17 00:00:00 2001
From: John Chipps-Harding <john@signal-noise.co.uk>
Date: Sun, 20 Oct 2019 22:25:18 +0100
Subject: [PATCH 1/5] Cancelable Animation

---
 src/GlslCanvas.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/GlslCanvas.js b/src/GlslCanvas.js
index 382041d..b43d619 100644
--- a/src/GlslCanvas.js
+++ b/src/GlslCanvas.js
@@ -55,6 +55,7 @@ export default class GlslCanvas {
         this.uniforms = {};
         this.vbo = {};
         this.isValid = false;
+        this.animationFrameRequest = undefined;
 
         this.BUFFER_COUNT = 0;
         // this.TEXTURE_COUNT = 0;
@@ -173,7 +174,7 @@ void main(){
             }
             
             sandbox.render();
-            window.requestAnimationFrame(RenderLoop);
+            sandbox.animationFrameRequest = window.requestAnimationFrame(RenderLoop);
         }
 
         // Start
@@ -183,6 +184,8 @@ void main(){
     }
 
     destroy() {
+        cancelAnimationFrame(this.animationFrameRequest);
+
         this.animated = false;
         this.isValid = false;
         for (let tex in this.textures) {

From 39151a443a81612f0ff38ecaecfc7311ccc8f6e7 Mon Sep 17 00:00:00 2001
From: John Chipps-Harding <john@signal-noise.co.uk>
Date: Sun, 20 Oct 2019 22:26:44 +0100
Subject: [PATCH 2/5] Build

---
 dist/GlslCanvas.es.js      | 5 ++++-
 dist/GlslCanvas.js         | 5 ++++-
 dist/GlslCanvas.min.js     | 2 +-
 dist/GlslCanvas.min.js.map | 2 +-
 lib/GlslCanvas.js          | 5 ++++-
 5 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/dist/GlslCanvas.es.js b/dist/GlslCanvas.es.js
index 4043d02..229d05a 100644
--- a/dist/GlslCanvas.es.js
+++ b/dist/GlslCanvas.es.js
@@ -1000,6 +1000,7 @@ var GlslCanvas = function () {
         this.uniforms = {};
         this.vbo = {};
         this.isValid = false;
+        this.animationFrameRequest = undefined;
 
         this.BUFFER_COUNT = 0;
         // this.TEXTURE_COUNT = 0;
@@ -1092,7 +1093,7 @@ var GlslCanvas = function () {
             }
 
             sandbox.render();
-            window.requestAnimationFrame(RenderLoop);
+            sandbox.animationFrameRequest = window.requestAnimationFrame(RenderLoop);
         }
 
         // Start
@@ -1104,6 +1105,8 @@ var GlslCanvas = function () {
     createClass(GlslCanvas, [{
         key: 'destroy',
         value: function destroy() {
+            cancelAnimationFrame(this.animationFrameRequest);
+
             this.animated = false;
             this.isValid = false;
             for (var tex in this.textures) {
diff --git a/dist/GlslCanvas.js b/dist/GlslCanvas.js
index 9cd18ee..6342a5e 100644
--- a/dist/GlslCanvas.js
+++ b/dist/GlslCanvas.js
@@ -1405,6 +1405,7 @@ var GlslCanvas = function () {
         this.uniforms = {};
         this.vbo = {};
         this.isValid = false;
+        this.animationFrameRequest = undefined;
 
         this.BUFFER_COUNT = 0;
         // this.TEXTURE_COUNT = 0;
@@ -1497,7 +1498,7 @@ var GlslCanvas = function () {
             }
 
             sandbox.render();
-            window.requestAnimationFrame(RenderLoop);
+            sandbox.animationFrameRequest = window.requestAnimationFrame(RenderLoop);
         }
 
         // Start
@@ -1509,6 +1510,8 @@ var GlslCanvas = function () {
     createClass(GlslCanvas, [{
         key: 'destroy',
         value: function destroy() {
+            cancelAnimationFrame(this.animationFrameRequest);
+
             this.animated = false;
             this.isValid = false;
             for (var tex in this.textures) {
diff --git a/dist/GlslCanvas.min.js b/dist/GlslCanvas.min.js
index 6ca51fb..5151500 100644
--- a/dist/GlslCanvas.min.js
+++ b/dist/GlslCanvas.min.js
@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.GlslCanvas=t()}(this,function(){"use strict";var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var t="undefined"!=typeof window?window:void 0!==e?e:"undefined"!=typeof self?self:{},r=function(e){var t=i.call(e);return"[object Function]"===t||"function"==typeof e&&"[object RegExp]"!==t||"undefined"!=typeof window&&(e===window.setTimeout||e===window.alert||e===window.confirm||e===window.prompt)},i=Object.prototype.toString;var n,a=(function(e,t){(t=e.exports=function(e){return e.replace(/^\s*|\s*$/g,"")}).left=function(e){return e.replace(/^\s*/,"")},t.right=function(e){return e.replace(/\s*$/,"")}}(n={exports:{}},n.exports),n.exports),s=function(e,t,i){if(!r(t))throw new TypeError("iterator must be a function");arguments.length<3&&(i=this);"[object Array]"===o.call(e)?function(e,t,r){for(var i=0,n=e.length;i<n;i++)u.call(e,i)&&t.call(r,e[i],i,e)}(e,t,i):"string"==typeof e?function(e,t,r){for(var i=0,n=e.length;i<n;i++)t.call(r,e.charAt(i),i,e)}(e,t,i):function(e,t,r){for(var i in e)u.call(e,i)&&t.call(r,e[i],i,e)}(e,t,i)},o=Object.prototype.toString,u=Object.prototype.hasOwnProperty;var h=function(e){if(!e)return{};var t={};return s(a(e).split("\n"),function(e){var r,i=e.indexOf(":"),n=a(e.slice(0,i)).toLowerCase(),s=a(e.slice(i+1));void 0===t[n]?t[n]=s:(r=t[n],"[object Array]"===Object.prototype.toString.call(r)?t[n].push(s):t[n]=[t[n],s])}),t},l=function(){for(var e={},t=0;t<arguments.length;t++){var r=arguments[t];for(var i in r)f.call(r,i)&&(e[i]=r[i])}return e},f=Object.prototype.hasOwnProperty;var d=v,c=v;function g(e,t,i){var n=e;return r(t)?(i=t,"string"==typeof e&&(n={uri:e})):n=l(t,{uri:e}),n.callback=i,n}function v(e,t,r){return m(t=g(e,t,r))}function m(e){if(void 0===e.callback)throw new Error("callback argument missing");var t=!1,r=function(r,i,n){t||(t=!0,e.callback(r,i,n))};function i(e){return clearTimeout(u),e instanceof Error||(e=new Error(""+(e||"Unknown XMLHttpRequest Error"))),e.statusCode=0,r(e,E)}function n(){if(!s){var t;clearTimeout(u),t=e.useXDR&&void 0===o.status?200:1223===o.status?204:o.status;var i=E,n=null;return 0!==t?(i={body:function(){var e=void 0;if(e=o.response?o.response:o.responseText||function(e){try{if("document"===e.responseType)return e.responseXML;var t=e.responseXML&&"parsererror"===e.responseXML.documentElement.nodeName;if(""===e.responseType&&!t)return e.responseXML}catch(e){}return null}(o),m)try{e=JSON.parse(e)}catch(e){}return e}(),statusCode:t,method:f,headers:{},url:l,rawRequest:o},o.getAllResponseHeaders&&(i.headers=h(o.getAllResponseHeaders()))):n=new Error("Internal XMLHttpRequest Error"),r(n,i,i.body)}}var a,s,o=e.xhr||null;o||(o=e.cors||e.useXDR?new v.XDomainRequest:new v.XMLHttpRequest);var u,l=o.url=e.uri||e.url,f=o.method=e.method||"GET",d=e.body||e.data,c=o.headers=e.headers||{},g=!!e.sync,m=!1,E={body:void 0,headers:{},statusCode:0,method:f,url:l,rawRequest:o};if("json"in e&&!1!==e.json&&(m=!0,c.accept||c.Accept||(c.Accept="application/json"),"GET"!==f&&"HEAD"!==f&&(c["content-type"]||c["Content-Type"]||(c["Content-Type"]="application/json"),d=JSON.stringify(!0===e.json?d:e.json))),o.onreadystatechange=function(){4===o.readyState&&setTimeout(n,0)},o.onload=n,o.onerror=i,o.onprogress=function(){},o.onabort=function(){s=!0},o.ontimeout=i,o.open(f,l,!g,e.username,e.password),g||(o.withCredentials=!!e.withCredentials),!g&&e.timeout>0&&(u=setTimeout(function(){if(!s){s=!0,o.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",i(e)}},e.timeout)),o.setRequestHeader)for(a in c)c.hasOwnProperty(a)&&o.setRequestHeader(a,c[a]);else if(e.headers&&!function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}(e.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in e&&(o.responseType=e.responseType),"beforeSend"in e&&"function"==typeof e.beforeSend&&e.beforeSend(o),o.send(d||null),o}v.XMLHttpRequest=t.XMLHttpRequest||function(){},v.XDomainRequest="withCredentials"in new v.XMLHttpRequest?v.XMLHttpRequest:t.XDomainRequest,function(e,t){for(var r=0;r<e.length;r++)t(e[r])}(["get","put","post","patch","head","delete"],function(e){v["delete"===e?"del":e]=function(t,r,i){return(r=g(t,r,i)).method=e.toUpperCase(),m(r)}}),d.default=c;var E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T=(function(){function e(e){this.value=e}function t(t){var r,i;function n(r,i){try{var s=t[r](i),o=s.value;o instanceof e?Promise.resolve(o.value).then(function(e){n("next",e)},function(e){n("throw",e)}):a(s.done?"return":"normal",s.value)}catch(e){a("throw",e)}}function a(e,t){switch(e){case"return":r.resolve({value:t,done:!0});break;case"throw":r.reject(t);break;default:r.resolve({value:t,done:!1})}(r=r.next)?n(r.key,r.arg):i=null}this._invoke=function(e,t){return new Promise(function(a,s){var o={key:e,arg:t,resolve:a,reject:s,next:null};i?i=i.next=o:(r=i=o,n(e,t))})},"function"!=typeof t.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(t.prototype[Symbol.asyncIterator]=function(){return this}),t.prototype.next=function(e){return this._invoke("next",e)},t.prototype.throw=function(e){return this._invoke("throw",e)},t.prototype.return=function(e){return this._invoke("return",e)}}(),function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}),p=function(){function e(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,r,i){return r&&e(t.prototype,r),i&&e(t,i),t}}(),y=function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)},R="";var _='\n\tThis page requires a browser that supports WebGL.<br/>\n\t<a href="http://get.webgl.org">Click here to upgrade your browser.</a>\n',b='\n\tIt does not appear your computer can support WebGL.<br/>\n\t<a href="http://get.webgl.org/troubleshooting/">Click here for more information.</a>\n',x=1,A=2;function w(e,t,r){function i(t,i){var n,a;"function"==typeof r?r(t):(n=i,(a=e.parentNode)&&(a.innerHTML='\n<table style="background-color: #8CE; width: 100%; height: 100%;"><tr>\n<td align="center">\n<div style="display: table-cell; vertical-align: middle;">\n<div style="">'+n+"</div>\n</div>\n</td></tr></table>\n"))}if(!window.WebGLRenderingContext)return i(x,_),null;var n=function(e,t){for(var r=["webgl","experimental-webgl"],i=null,n=0;n<r.length;++n)try{i=e.getContext(r[n],t)}catch(e){if(i)break}return i}(e,t);return n?n.getExtension("OES_standard_derivatives"):i(A,b),n}function S(e,t,r,i){var n=e.gl,a=n.createShader(r);return n.shaderSource(a,t),n.compileShader(a),n.getShaderParameter(a,n.COMPILE_STATUS)?a:(R=n.getShaderInfoLog(a),console.error("*** Error compiling shader "+a+":"+R),e.trigger("error",{shader:a,source:t,type:r,error:R,offset:i||0}),n.deleteShader(a),null)}function U(e,t,r,i){for(var n=e.gl,a=n.createProgram(),s=0;s<t.length;++s)n.attachShader(a,t[s]);if(r)for(var o=0;o<r.length;++o)n.bindAttribLocation(a,i?i[o]:o,r[o]);return n.linkProgram(a),n.getProgramParameter(a,n.LINK_STATUS)?a:(R=n.getProgramInfoLog(a),console.log("Error in program linking:"+R),n.deleteProgram(a),null)}function P(e){return 0==(e&e-1)}function L(e){var t=new Set;return Object.assign(e,{on:function(e,r){var i={};i[e]=r,t.add(i)},off:function(e,r){if(r){var i={};i[e]=r,t.delete(i)}else{var n=!0,a=!1,s=void 0;try{for(var o,u=t[Symbol.iterator]();!(n=(o=u.next()).done);n=!0){var h=o.value,l=!0,f=!1,d=void 0;try{for(var c,g=Object.keys(h)[Symbol.iterator]();!(l=(c=g.next()).done);l=!0){if(c.value===e)return void t.delete(h)}}catch(e){f=!0,d=e}finally{try{!l&&g.return&&g.return()}finally{if(f)throw d}}}}catch(e){a=!0,s=e}finally{try{!n&&u.return&&u.return()}finally{if(a)throw s}}}},listSubscriptions:function(){var e=!0,r=!1,i=void 0;try{for(var n,a=t[Symbol.iterator]();!(e=(n=a.next()).done);e=!0){var s=n.value;console.log(s)}}catch(e){r=!0,i=e}finally{try{!e&&a.return&&a.return()}finally{if(r)throw i}}},subscribe:function(e){t.add(e)},unsubscribe:function(e){t.delete(e)},unsubscribeAll:function(){t.clear()},trigger:function(e){for(var r=arguments.length,i=Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];var a=!0,s=!1,o=void 0;try{for(var u,h=t[Symbol.iterator]();!(a=(u=h.next()).done);a=!0){var l=u.value;"function"==typeof l[e]&&l[e].apply(l,y(i))}}catch(e){s=!0,o=e}finally{try{!a&&h.return&&h.return()}finally{if(s)throw o}}}})}var X=function(){function e(t,r){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};T(this,e),L(this),this.gl=t,this.texture=t.createTexture(),this.texture&&(this.valid=!0),this.bind(),this.name=r,this.source=null,this.sourceType=null,this.loading=null,this.setData(1,1,new Uint8Array([0,0,0,255]),{filtering:"linear"}),this.setFiltering(i.filtering),this.load(i)}return p(e,[{key:"destroy",value:function(){this.valid&&(this.gl.deleteTexture(this.texture),this.texture=null,delete this.data,this.data=null,this.valid=!1)}},{key:"bind",value:function(t){this.valid&&("number"==typeof t&&e.activeUnit!==t&&(this.gl.activeTexture(this.gl.TEXTURE0+t),e.activeUnit=t),e.activeTexture!==this.texture&&(this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),e.activeTexture=this.texture))}},{key:"load",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.loading=null,"string"==typeof e.url?void 0!==this.url&&e.url===this.url||this.setUrl(e.url,e):e.element?this.setElement(e.element,e):e.data&&e.width&&e.height&&this.setData(e.width,e.height,e.data,e)}},{key:"setUrl",value:function(e){var t=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.valid)return this.url=e,this.source=this.url,this.sourceType="url",this.loading=new Promise(function(i,n){var a=e.split(".").pop().toLowerCase(),s="ogv"===a||"webm"===a||"mp4"===a,o=void 0;s?((o=document.createElement("video")).autoplay=!0,r.filtering="nearest"):o=new Image,o.onload=function(){try{t.setElement(o,r)}catch(e){console.log("Texture '"+t.name+"': failed to load url: '"+t.source+"'",e,r)}i(t)},o.onerror=function(e){console.log("Texture '"+t.name+"': failed to load url: '"+t.source+"'",e,r),i(t)},/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&"data:"===t.source.slice(0,5)||(o.crossOrigin="anonymous"),o.src=t.source,s&&t.setElement(o,r)}),this.loading}},{key:"setData",value:function(e,t,r){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return this.width=e,this.height=t,this.source=r,this.sourceType="data",this.update(i),this.setFiltering(i),this.loading=Promise.resolve(this),this.loading}},{key:"setElement",value:function(e,t){var r=this,i=e;if("string"==typeof e&&(e=document.querySelector(e)),e instanceof HTMLCanvasElement||e instanceof HTMLImageElement||e instanceof HTMLVideoElement)this.source=e,this.sourceType="element",e instanceof HTMLVideoElement?(e.addEventListener("canplaythrough",function(){r.intervalID=setInterval(function(){r.update(t)},15)},!0),e.addEventListener("ended",function(){e.currentTime=0,e.play()},!0)):this.update(t),this.setFiltering(t);else{var n="the 'element' parameter (`element: "+JSON.stringify(i)+"`) must be a CSS ";n+="selector string, or a <canvas>, <image> or <video> object",console.log("Texture '"+this.name+"': "+n,t)}return this.loading=Promise.resolve(this),this.loading}},{key:"update",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.valid&&(this.bind(),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!1!==e.UNPACK_FLIP_Y_WEBGL),this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,e.UNPACK_PREMULTIPLY_ALPHA_WEBGL||!1),"element"===this.sourceType&&(this.source instanceof HTMLCanvasElement||this.source instanceof HTMLVideoElement||this.source instanceof HTMLImageElement&&this.source.complete)?(this.source instanceof HTMLVideoElement?(this.width=this.source.videoWidth,this.height=this.source.videoHeight):(this.width=this.source.width,this.height=this.source.height),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source)):"data"===this.sourceType&&this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.width,this.height,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.trigger("loaded",this))}},{key:"setFiltering",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.valid){this.powerOf2=P(this.width)&&P(this.height);var t=this.powerOf2?"mipmap":"linear";this.filtering=e.filtering||t;var r=this.gl;this.bind(),this.powerOf2?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,e.TEXTURE_WRAP_S||e.repeat&&r.REPEAT||r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,e.TEXTURE_WRAP_T||e.repeat&&r.REPEAT||r.CLAMP_TO_EDGE),"mipmap"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR_MIPMAP_LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR),r.generateMipmap(r.TEXTURE_2D)):"linear"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR)):"nearest"===this.filtering&&(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST))):(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,r.CLAMP_TO_EDGE),"mipmap"===this.filtering&&(this.filtering="linear"),"nearest"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST)):(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR)))}}}]),e}();X.getMaxTextureSize=function(e){return e.getParameter(e.MAX_TEXTURE_SIZE)},X.activeUnit=-1;var D=function(){function e(t,r,i){var n=this;T(this,e),L(this),r=r||{},i=i||{},!t.hasAttribute("data-fullscreen")||"1"!=t.getAttribute("data-fullscreen")&&"true"!=t.getAttribute("data-fullscreen")?(this.width=t.clientWidth,this.height=t.clientHeight):(this.width=window.innerWidth,this.height=window.innerHeight,t.width=window.innerWidth,t.height=window.innerHeight),this.canvas=t,this.gl=void 0,this.program=void 0,this.textures={},this.buffers={},this.uniforms={},this.vbo={},this.isValid=!1,this.BUFFER_COUNT=0,this.vertexString=r.vertexString||"\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nattribute vec2 a_position;\nattribute vec2 a_texcoord;\n\nvarying vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n",this.fragmentString=r.fragmentString||"\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying vec2 v_texcoord;\n\nvoid main(){\n    gl_FragColor = vec4(0.0);\n}\n";var a=w(t,r,i.onError);if(a){if(this.gl=a,this.timeLoad=this.timePrev=performance.now(),this.timeDelta=0,this.forceRender=!0,this.paused=!1,this.realToCSSPixels=window.devicePixelRatio||1,t.style.backgroundColor=r.backgroundColor||"rgba(1,1,1,0)",t.hasAttribute("data-fragment"))this.fragmentString=t.getAttribute("data-fragment");else if(t.hasAttribute("data-fragment-url")){var s=t.getAttribute("data-fragment-url");d.get(s,function(e,t,r){n.load(r,n.vertexString)})}if(t.hasAttribute("data-vertex"))this.vertexString=t.getAttribute("data-vertex");else if(t.hasAttribute("data-vertex-url")){var o=t.getAttribute("data-vertex-url");d.get(o,function(e,t,r){n.load(n.fragmentString,r)})}if(this.load(),this.program){var u=a.getAttribLocation(this.program,"a_texcoord");this.vbo.texCoords=a.createBuffer(),this.gl.bindBuffer(a.ARRAY_BUFFER,this.vbo.texCoords),this.gl.bufferData(a.ARRAY_BUFFER,new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1]),a.STATIC_DRAW),this.gl.enableVertexAttribArray(u),this.gl.vertexAttribPointer(u,2,a.FLOAT,!1,0,0);var h=a.getAttribLocation(this.program,"a_position");if(this.vbo.vertices=a.createBuffer(),this.gl.bindBuffer(a.ARRAY_BUFFER,this.vbo.vertices),this.gl.bufferData(a.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),a.STATIC_DRAW),this.gl.enableVertexAttribArray(h),this.gl.vertexAttribPointer(h,2,a.FLOAT,!1,0,0),t.hasAttribute("data-textures")){var l=t.getAttribute("data-textures").split(",");for(var f in l)this.setUniform("u_tex"+f,l[f])}var c={x:0,y:0};document.addEventListener("mousemove",function(e){c.x=e.clientX||e.pageX,c.y=e.clientY||e.pageY},!1);var g=this;return this.setMouse({x:0,y:0}),function e(){g.nMouse>1&&g.setMouse(c),g.resize()&&(g.forceRender=!0),g.render(),window.requestAnimationFrame(e)}(),this}}}return p(e,[{key:"destroy",value:function(){for(var e in this.animated=!1,this.isValid=!1,this.textures)e.destroy&&e.destroy();for(var t in this.textures={},this.attribs)this.gl.deleteBuffer(this.attribs[t]);for(var r in this.gl.useProgram(null),this.gl.deleteProgram(this.program),this.buffers){var i=this.buffers[r];this.gl.deleteProgram(i.program)}this.program=null,this.gl=null}},{key:"load",value:function(e,t){if(t&&(this.vertexString=t),e&&(this.fragmentString=e),this.animated=!1,this.nDelta=(this.fragmentString.match(/u_delta/g)||[]).length,this.nTime=(this.fragmentString.match(/u_time/g)||[]).length,this.nDate=(this.fragmentString.match(/u_date/g)||[]).length,this.nMouse=(this.fragmentString.match(/u_mouse/g)||[]).length,this.animated=this.nDate>1||this.nTime>1||this.nMouse>1,this.fragmentString.search(/sampler2D/g))for(var r=this.fragmentString.split("\n"),i=0;i<r.length;i++){var n=r[i].match(/uniform\s*sampler2D\s*([\w]*);\s*\/\/\s*([\w|\:\/\/|\.|\-|\_]*)/i);if(n){var a=n[2].split(".").pop().toLowerCase();n[1]&&n[2]&&("jpg"===a||"jpeg"===a||"png"===a||"ogv"===a||"webm"===a||"mp4"===a)&&this.setUniform(n[1],n[2])}if(r[i].match(/\s*void\s*main\s*/g))break}var s=S(this,this.vertexString,this.gl.VERTEX_SHADER),o=S(this,this.fragmentString,this.gl.FRAGMENT_SHADER);o?this.isValid=!0:(o=S(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",this.gl.FRAGMENT_SHADER),this.isValid=!1);var u=U(this,[s,o]);this.gl.useProgram(u),this.gl.deleteShader(s),this.gl.deleteShader(o),this.program=u,this.change=!0,this.BUFFER_COUNT=0;var h=this.getBuffers(this.fragmentString);Object.keys(h).length&&this.loadPrograms(h),this.buffers=h,this.texureIndex=this.BUFFER_COUNT,this.trigger("load",{}),this.forceRender=!0,this.render()}},{key:"test",value:function(e,t,r){var i=this.vertexString,n=this.fragmentString,a=this.paused,s=this.gl.getExtension("EXT_disjoint_timer_query"),o=s.createQueryEXT(),u=this.isValid;(t||r)&&(this.load(t,r),u=this.isValid,this.forceRender=!0,this.render()),this.paused=!0,s.beginQueryEXT(s.TIME_ELAPSED_EXT,o),this.forceRender=!0,this.render(),s.endQueryEXT(s.TIME_ELAPSED_EXT);var h=this;!function l(){h.forceRender=!0,h.render();var f=s.getQueryObjectEXT(o,s.QUERY_RESULT_AVAILABLE_EXT),d=h.gl.getParameter(s.GPU_DISJOINT_EXT);if(f&&!d){var c={wasValid:u,frag:t||h.fragmentString,vert:r||h.vertexString,timeElapsedMs:s.getQueryObjectEXT(o,s.QUERY_RESULT_EXT)/1e6};h.paused=a,(t||r)&&h.load(n,i),e(c)}else window.requestAnimationFrame(l)}()}},{key:"loadTexture",value:function(e,t,r){var i=this;r||(r={}),"string"==typeof t?r.url=t:"object"===(void 0===t?"undefined":E(t))&&t.data&&t.width&&t.height?(r.data=t.data,r.width=t.width,r.height=t.height):"object"===(void 0===t?"undefined":E(t))&&(r.element=t),this.textures[e]?this.textures[e]&&(this.textures[e].load(r),this.textures[e].on("loaded",function(e){i.forceRender=!0})):(this.textures[e]=new X(this.gl,e,r),this.textures[e].on("loaded",function(e){i.forceRender=!0}))}},{key:"refreshUniforms",value:function(){this.uniforms={}}},{key:"setUniform",value:function(e){for(var t={},r=arguments.length,i=Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];t[e]=i,this.setUniforms(t)}},{key:"setUniforms",value:function(e){var t=function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=[];for(var n in t){var a=t[n],s=void 0;if(r&&(n=r+"."+n),"number"==typeof a)i.push({type:"float",method:"1f",name:n,value:a});else if(Array.isArray(a)){if("number"==typeof a[0])1===a.length?i.push({type:"float",method:"1f",name:n,value:a}):a.length>=2&&a.length<=4?i.push({type:"vec"+a.length,method:a.length+"fv",name:n,value:a}):a.length>4&&i.push({type:"float[]",method:"1fv",name:n+"[0]",value:a});else if("string"==typeof a[0])i.push({type:"sampler2D",method:"1i",name:n,value:a});else if(Array.isArray(a[0])&&"number"==typeof a[0][0]){if(a[0].length>=2&&a[0].length<=4)for(s=0;s<a.length;s++)i.push({type:"vec"+a[0].length,method:a[s].length+"fv",name:n+"["+s+"]",value:a[s]})}else if("object"===E(a[0]))for(s=0;s<a.length;s++)i.push.apply(i,y(e(a[s],n+"["+s+"]")))}else"boolean"==typeof a?i.push({type:"bool",method:"1i",name:n,value:a}):"string"==typeof a?i.push({type:"sampler2D",method:"1i",name:n,value:a}):"object"===(void 0===a?"undefined":E(a))&&i.push.apply(i,y(e(a,n)))}return i}(e);for(var r in t)"sampler2D"===t[r].type?this.loadTexture(t[r].name,t[r].value[0]):this.uniform(t[r].method,t[r].type,t[r].name,t[r].value);this.forceRender=!0}},{key:"setMouse",value:function(e){var t=this.canvas.getBoundingClientRect();if(e&&e.x&&e.x>=t.left&&e.x<=t.right&&e.y&&e.y>=t.top&&e.y<=t.bottom){var r=(e.x-t.left)*this.realToCSSPixels,i=this.canvas.height-(e.y-t.top)*this.realToCSSPixels;this.uniform("2f","vec2","u_mouse",r,i)}}},{key:"uniform",value:function(e,t,r){this.uniforms[r]=this.uniforms[r]||{};for(var i=this.uniforms[r],n=arguments.length,a=Array(n>3?n-3:0),s=3;s<n;s++)a[s-3]=arguments[s];var o,u;if((o=i.value,u=a,!(!o||!u)&&o.toString()!==u.toString())||this.change||!i.location||!i.value)for(var h in i.name=r,i.type=t,i.value=a,i.method="uniform"+e,this.gl.useProgram(this.program),i.location=this.gl.getUniformLocation(this.program,r),this.gl[i.method].apply(this.gl,[i.location].concat(i.value)),this.buffers){var l=this.buffers[h];this.gl.useProgram(l.program);var f=this.gl.getUniformLocation(l.program,r);this.gl[i.method].apply(this.gl,[f].concat(i.value))}}},{key:"uniformTexture",value:function(e,t,r){if(void 0===this.textures[e])this.loadTexture(e,t,r);else{for(var i in this.uniform("1i","sampler2D",e,this.texureIndex),this.buffers){var n=this.buffers[i];this.gl.useProgram(n.program),this.gl.activeTexture(this.gl.TEXTURE0+this.texureIndex),this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[e].texture)}this.gl.useProgram(this.program),this.gl.activeTexture(this.gl.TEXTURE0+this.texureIndex),this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[e].texture),this.uniform("2f","vec2",e+"Resolution",this.textures[e].width,this.textures[e].height)}}},{key:"resize",value:function(){if(this.width!==this.canvas.clientWidth||this.height!==this.canvas.clientHeight){this.realToCSSPixels=window.devicePixelRatio||1;var e=Math.floor(this.gl.canvas.clientWidth*this.realToCSSPixels),t=Math.floor(this.gl.canvas.clientHeight*this.realToCSSPixels);return this.gl.canvas.width===e&&this.gl.canvas.height===t||(this.gl.canvas.width=e,this.gl.canvas.height=t,this.gl.viewport(0,0,this.gl.canvas.width,this.gl.canvas.height)),this.width=this.canvas.clientWidth,this.height=this.canvas.clientHeight,this.resizeSwappableBuffers(),!0}return!1}},{key:"render",value:function(){var e;if(this.visible=(e=this.canvas).getBoundingClientRect().top+e.height>0&&e.getBoundingClientRect().top<(window.innerHeight||document.documentElement.clientHeight),this.forceRender||this.change||this.animated&&this.visible&&!this.paused){var t=new Date,r=performance.now();for(var i in this.timeDelta=(r-this.timePrev)/1e3,this.timePrev=r,this.nDelta>1&&this.uniform("1f","float","u_delta",this.timeDelta),this.nTime>1&&this.uniform("1f","float","u_time",(r-this.timeLoad)/1e3),this.nDate&&this.uniform("4f","float","u_date",t.getFullYear(),t.getMonth(),t.getDate(),3600*t.getHours()+60*t.getMinutes()+t.getSeconds()+.001*t.getMilliseconds()),this.uniform("2f","vec2","u_resolution",this.canvas.width,this.canvas.height),this.buffers){var n=this.buffers[i];this.uniform("1i","sampler2D",n.name,n.bundle.input.index)}for(var a in this.texureIndex=this.BUFFER_COUNT,this.textures)this.uniformTexture(a),this.texureIndex++;this.renderPrograms(),this.trigger("render",{}),this.change=!1,this.forceRender=!1}}},{key:"pause",value:function(){this.paused=!0}},{key:"play",value:function(){this.paused=!1}},{key:"renderPrograms",value:function(){var e=this.gl,t=e.canvas.width,r=e.canvas.height;for(var i in e.viewport(0,0,t,r),this.buffers){var n=this.buffers[i];n.bundle.render(t,r,n.program,n.name),e.bindFramebuffer(e.FRAMEBUFFER,null)}e.useProgram(this.program),e.drawArrays(e.TRIANGLES,0,6)}},{key:"getBuffers",value:function(e){var t={};return e&&e.replace(/(?:^\s*)((?:#if|#elif)(?:\s*)(defined\s*\(\s*BUFFER_)(\d+)(?:\s*\))|(?:#ifdef)(?:\s*BUFFER_)(\d+)(?:\s*))/gm,function(){var r=arguments[3]||arguments[4];t["u_buffer"+r]={fragment:"#define BUFFER_"+r+"\n"+e}}),t}},{key:"loadPrograms",value:function(e){var t=this.gl,r=S(this,this.vertexString,t.VERTEX_SHADER);for(var i in e){var n=e[i],a=S(this,n.fragment,t.FRAGMENT_SHADER,1);a?this.isValid=!0:(a=S(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",t.FRAGMENT_SHADER),this.isValid=!1);var s=U(this,[r,a]);n.name=i,n.program=s,n.bundle=this.createSwappableBuffer(this.canvas.width,this.canvas.height,s),t.deleteShader(a)}t.deleteShader(r)}},{key:"createSwappableBuffer",value:function(e,t,r){var i=this.createBuffer(e,t,r),n=this.createBuffer(e,t,r),a=this.gl;return{input:i,output:n,swap:function(){var e=i;i=n,n=e,this.input=i,this.output=n},render:function(e,t,r,i){a.useProgram(r),a.viewport(0,0,e,t),a.bindFramebuffer(a.FRAMEBUFFER,this.input.buffer),a.framebufferTexture2D(a.FRAMEBUFFER,a.COLOR_ATTACHMENT0,a.TEXTURE_2D,this.output.texture,0),a.drawArrays(a.TRIANGLES,0,6),this.swap()},resize:function(e,t,r,i){a.useProgram(r),a.viewport(0,0,e,t),this.input.resize(e,t),this.output.resize(e,t)}}}},{key:"createBuffer",value:function(e,t,r){var i=this.gl,n=this.BUFFER_COUNT;this.BUFFER_COUNT+=2,i.getExtension("OES_texture_float");var a=i.createTexture();i.activeTexture(i.TEXTURE0+n),i.bindTexture(i.TEXTURE_2D,a),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,e,t,0,i.RGBA,i.FLOAT,null),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE);var s=i.createFramebuffer();return{index:n,texture:a,buffer:s,W:e,H:t,resize:function(e,t){i.bindFramebuffer(i.FRAMEBUFFER,s);var r=Math.min(e,this.W),o=Math.min(t,this.H),u=new Float32Array(r*o*4);i.readPixels(0,0,r,o,i.RGBA,i.FLOAT,u),i.bindFramebuffer(i.FRAMEBUFFER,null);var h=n+1,l=i.createTexture();i.activeTexture(i.TEXTURE0+h),i.bindTexture(i.TEXTURE_2D,l),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,e,t,0,i.RGBA,i.FLOAT,null),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE),i.texSubImage2D(i.TEXTURE_2D,0,0,0,r,o,i.RGBA,i.FLOAT,u);var f=i.createFramebuffer();i.bindFramebuffer(i.FRAMEBUFFER,null),i.deleteTexture(a),i.activeTexture(i.TEXTURE0+n),i.bindTexture(i.TEXTURE_2D,l),n=this.index=n,a=this.texture=l,s=this.buffer=f,this.W=e,this.H=t}}}},{key:"resizeSwappableBuffers",value:function(){var e=this.gl,t=e.canvas.width,r=e.canvas.height;for(var i in e.viewport(0,0,t,r),this.buffers){var n=this.buffers[i];n.bundle.resize(t,r,n.program,n.name)}e.useProgram(this.program)}},{key:"version",value:function(){return"0.1.7"}}]),e}();return window.addEventListener("load",function(){!function(){var e=document.getElementsByClassName("glslCanvas");if(e.length>0){window.glslCanvases=[];for(var t=0;t<e.length;t++){var r=new D(e[t]);r.isValid&&window.glslCanvases.push(r)}}}()}),D});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.GlslCanvas=t()}(this,function(){"use strict";var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var t="undefined"!=typeof window?window:void 0!==e?e:"undefined"!=typeof self?self:{},r=function(e){var t=i.call(e);return"[object Function]"===t||"function"==typeof e&&"[object RegExp]"!==t||"undefined"!=typeof window&&(e===window.setTimeout||e===window.alert||e===window.confirm||e===window.prompt)},i=Object.prototype.toString;var n,a=(function(e,t){(t=e.exports=function(e){return e.replace(/^\s*|\s*$/g,"")}).left=function(e){return e.replace(/^\s*/,"")},t.right=function(e){return e.replace(/\s*$/,"")}}(n={exports:{}},n.exports),n.exports),s=function(e,t,i){if(!r(t))throw new TypeError("iterator must be a function");arguments.length<3&&(i=this);"[object Array]"===o.call(e)?function(e,t,r){for(var i=0,n=e.length;i<n;i++)u.call(e,i)&&t.call(r,e[i],i,e)}(e,t,i):"string"==typeof e?function(e,t,r){for(var i=0,n=e.length;i<n;i++)t.call(r,e.charAt(i),i,e)}(e,t,i):function(e,t,r){for(var i in e)u.call(e,i)&&t.call(r,e[i],i,e)}(e,t,i)},o=Object.prototype.toString,u=Object.prototype.hasOwnProperty;var h=function(e){if(!e)return{};var t={};return s(a(e).split("\n"),function(e){var r,i=e.indexOf(":"),n=a(e.slice(0,i)).toLowerCase(),s=a(e.slice(i+1));void 0===t[n]?t[n]=s:(r=t[n],"[object Array]"===Object.prototype.toString.call(r)?t[n].push(s):t[n]=[t[n],s])}),t},l=function(){for(var e={},t=0;t<arguments.length;t++){var r=arguments[t];for(var i in r)f.call(r,i)&&(e[i]=r[i])}return e},f=Object.prototype.hasOwnProperty;var d=v,c=v;function g(e,t,i){var n=e;return r(t)?(i=t,"string"==typeof e&&(n={uri:e})):n=l(t,{uri:e}),n.callback=i,n}function v(e,t,r){return m(t=g(e,t,r))}function m(e){if(void 0===e.callback)throw new Error("callback argument missing");var t=!1,r=function(r,i,n){t||(t=!0,e.callback(r,i,n))};function i(e){return clearTimeout(u),e instanceof Error||(e=new Error(""+(e||"Unknown XMLHttpRequest Error"))),e.statusCode=0,r(e,E)}function n(){if(!s){var t;clearTimeout(u),t=e.useXDR&&void 0===o.status?200:1223===o.status?204:o.status;var i=E,n=null;return 0!==t?(i={body:function(){var e=void 0;if(e=o.response?o.response:o.responseText||function(e){try{if("document"===e.responseType)return e.responseXML;var t=e.responseXML&&"parsererror"===e.responseXML.documentElement.nodeName;if(""===e.responseType&&!t)return e.responseXML}catch(e){}return null}(o),m)try{e=JSON.parse(e)}catch(e){}return e}(),statusCode:t,method:f,headers:{},url:l,rawRequest:o},o.getAllResponseHeaders&&(i.headers=h(o.getAllResponseHeaders()))):n=new Error("Internal XMLHttpRequest Error"),r(n,i,i.body)}}var a,s,o=e.xhr||null;o||(o=e.cors||e.useXDR?new v.XDomainRequest:new v.XMLHttpRequest);var u,l=o.url=e.uri||e.url,f=o.method=e.method||"GET",d=e.body||e.data,c=o.headers=e.headers||{},g=!!e.sync,m=!1,E={body:void 0,headers:{},statusCode:0,method:f,url:l,rawRequest:o};if("json"in e&&!1!==e.json&&(m=!0,c.accept||c.Accept||(c.Accept="application/json"),"GET"!==f&&"HEAD"!==f&&(c["content-type"]||c["Content-Type"]||(c["Content-Type"]="application/json"),d=JSON.stringify(!0===e.json?d:e.json))),o.onreadystatechange=function(){4===o.readyState&&setTimeout(n,0)},o.onload=n,o.onerror=i,o.onprogress=function(){},o.onabort=function(){s=!0},o.ontimeout=i,o.open(f,l,!g,e.username,e.password),g||(o.withCredentials=!!e.withCredentials),!g&&e.timeout>0&&(u=setTimeout(function(){if(!s){s=!0,o.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",i(e)}},e.timeout)),o.setRequestHeader)for(a in c)c.hasOwnProperty(a)&&o.setRequestHeader(a,c[a]);else if(e.headers&&!function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}(e.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in e&&(o.responseType=e.responseType),"beforeSend"in e&&"function"==typeof e.beforeSend&&e.beforeSend(o),o.send(d||null),o}v.XMLHttpRequest=t.XMLHttpRequest||function(){},v.XDomainRequest="withCredentials"in new v.XMLHttpRequest?v.XMLHttpRequest:t.XDomainRequest,function(e,t){for(var r=0;r<e.length;r++)t(e[r])}(["get","put","post","patch","head","delete"],function(e){v["delete"===e?"del":e]=function(t,r,i){return(r=g(t,r,i)).method=e.toUpperCase(),m(r)}}),d.default=c;var E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T=(function(){function e(e){this.value=e}function t(t){var r,i;function n(r,i){try{var s=t[r](i),o=s.value;o instanceof e?Promise.resolve(o.value).then(function(e){n("next",e)},function(e){n("throw",e)}):a(s.done?"return":"normal",s.value)}catch(e){a("throw",e)}}function a(e,t){switch(e){case"return":r.resolve({value:t,done:!0});break;case"throw":r.reject(t);break;default:r.resolve({value:t,done:!1})}(r=r.next)?n(r.key,r.arg):i=null}this._invoke=function(e,t){return new Promise(function(a,s){var o={key:e,arg:t,resolve:a,reject:s,next:null};i?i=i.next=o:(r=i=o,n(e,t))})},"function"!=typeof t.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(t.prototype[Symbol.asyncIterator]=function(){return this}),t.prototype.next=function(e){return this._invoke("next",e)},t.prototype.throw=function(e){return this._invoke("throw",e)},t.prototype.return=function(e){return this._invoke("return",e)}}(),function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}),p=function(){function e(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,r,i){return r&&e(t.prototype,r),i&&e(t,i),t}}(),y=function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)},R="";var _='\n\tThis page requires a browser that supports WebGL.<br/>\n\t<a href="http://get.webgl.org">Click here to upgrade your browser.</a>\n',b='\n\tIt does not appear your computer can support WebGL.<br/>\n\t<a href="http://get.webgl.org/troubleshooting/">Click here for more information.</a>\n',x=1,A=2;function w(e,t,r){function i(t,i){var n,a;"function"==typeof r?r(t):(n=i,(a=e.parentNode)&&(a.innerHTML='\n<table style="background-color: #8CE; width: 100%; height: 100%;"><tr>\n<td align="center">\n<div style="display: table-cell; vertical-align: middle;">\n<div style="">'+n+"</div>\n</div>\n</td></tr></table>\n"))}if(!window.WebGLRenderingContext)return i(x,_),null;var n=function(e,t){for(var r=["webgl","experimental-webgl"],i=null,n=0;n<r.length;++n)try{i=e.getContext(r[n],t)}catch(e){if(i)break}return i}(e,t);return n?n.getExtension("OES_standard_derivatives"):i(A,b),n}function S(e,t,r,i){var n=e.gl,a=n.createShader(r);return n.shaderSource(a,t),n.compileShader(a),n.getShaderParameter(a,n.COMPILE_STATUS)?a:(R=n.getShaderInfoLog(a),console.error("*** Error compiling shader "+a+":"+R),e.trigger("error",{shader:a,source:t,type:r,error:R,offset:i||0}),n.deleteShader(a),null)}function U(e,t,r,i){for(var n=e.gl,a=n.createProgram(),s=0;s<t.length;++s)n.attachShader(a,t[s]);if(r)for(var o=0;o<r.length;++o)n.bindAttribLocation(a,i?i[o]:o,r[o]);return n.linkProgram(a),n.getProgramParameter(a,n.LINK_STATUS)?a:(R=n.getProgramInfoLog(a),console.log("Error in program linking:"+R),n.deleteProgram(a),null)}function P(e){return 0==(e&e-1)}function L(e){var t=new Set;return Object.assign(e,{on:function(e,r){var i={};i[e]=r,t.add(i)},off:function(e,r){if(r){var i={};i[e]=r,t.delete(i)}else{var n=!0,a=!1,s=void 0;try{for(var o,u=t[Symbol.iterator]();!(n=(o=u.next()).done);n=!0){var h=o.value,l=!0,f=!1,d=void 0;try{for(var c,g=Object.keys(h)[Symbol.iterator]();!(l=(c=g.next()).done);l=!0){if(c.value===e)return void t.delete(h)}}catch(e){f=!0,d=e}finally{try{!l&&g.return&&g.return()}finally{if(f)throw d}}}}catch(e){a=!0,s=e}finally{try{!n&&u.return&&u.return()}finally{if(a)throw s}}}},listSubscriptions:function(){var e=!0,r=!1,i=void 0;try{for(var n,a=t[Symbol.iterator]();!(e=(n=a.next()).done);e=!0){var s=n.value;console.log(s)}}catch(e){r=!0,i=e}finally{try{!e&&a.return&&a.return()}finally{if(r)throw i}}},subscribe:function(e){t.add(e)},unsubscribe:function(e){t.delete(e)},unsubscribeAll:function(){t.clear()},trigger:function(e){for(var r=arguments.length,i=Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];var a=!0,s=!1,o=void 0;try{for(var u,h=t[Symbol.iterator]();!(a=(u=h.next()).done);a=!0){var l=u.value;"function"==typeof l[e]&&l[e].apply(l,y(i))}}catch(e){s=!0,o=e}finally{try{!a&&h.return&&h.return()}finally{if(s)throw o}}}})}var X=function(){function e(t,r){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};T(this,e),L(this),this.gl=t,this.texture=t.createTexture(),this.texture&&(this.valid=!0),this.bind(),this.name=r,this.source=null,this.sourceType=null,this.loading=null,this.setData(1,1,new Uint8Array([0,0,0,255]),{filtering:"linear"}),this.setFiltering(i.filtering),this.load(i)}return p(e,[{key:"destroy",value:function(){this.valid&&(this.gl.deleteTexture(this.texture),this.texture=null,delete this.data,this.data=null,this.valid=!1)}},{key:"bind",value:function(t){this.valid&&("number"==typeof t&&e.activeUnit!==t&&(this.gl.activeTexture(this.gl.TEXTURE0+t),e.activeUnit=t),e.activeTexture!==this.texture&&(this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),e.activeTexture=this.texture))}},{key:"load",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.loading=null,"string"==typeof e.url?void 0!==this.url&&e.url===this.url||this.setUrl(e.url,e):e.element?this.setElement(e.element,e):e.data&&e.width&&e.height&&this.setData(e.width,e.height,e.data,e)}},{key:"setUrl",value:function(e){var t=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.valid)return this.url=e,this.source=this.url,this.sourceType="url",this.loading=new Promise(function(i,n){var a=e.split(".").pop().toLowerCase(),s="ogv"===a||"webm"===a||"mp4"===a,o=void 0;s?((o=document.createElement("video")).autoplay=!0,r.filtering="nearest"):o=new Image,o.onload=function(){try{t.setElement(o,r)}catch(e){console.log("Texture '"+t.name+"': failed to load url: '"+t.source+"'",e,r)}i(t)},o.onerror=function(e){console.log("Texture '"+t.name+"': failed to load url: '"+t.source+"'",e,r),i(t)},/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&"data:"===t.source.slice(0,5)||(o.crossOrigin="anonymous"),o.src=t.source,s&&t.setElement(o,r)}),this.loading}},{key:"setData",value:function(e,t,r){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return this.width=e,this.height=t,this.source=r,this.sourceType="data",this.update(i),this.setFiltering(i),this.loading=Promise.resolve(this),this.loading}},{key:"setElement",value:function(e,t){var r=this,i=e;if("string"==typeof e&&(e=document.querySelector(e)),e instanceof HTMLCanvasElement||e instanceof HTMLImageElement||e instanceof HTMLVideoElement)this.source=e,this.sourceType="element",e instanceof HTMLVideoElement?(e.addEventListener("canplaythrough",function(){r.intervalID=setInterval(function(){r.update(t)},15)},!0),e.addEventListener("ended",function(){e.currentTime=0,e.play()},!0)):this.update(t),this.setFiltering(t);else{var n="the 'element' parameter (`element: "+JSON.stringify(i)+"`) must be a CSS ";n+="selector string, or a <canvas>, <image> or <video> object",console.log("Texture '"+this.name+"': "+n,t)}return this.loading=Promise.resolve(this),this.loading}},{key:"update",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.valid&&(this.bind(),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!1!==e.UNPACK_FLIP_Y_WEBGL),this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,e.UNPACK_PREMULTIPLY_ALPHA_WEBGL||!1),"element"===this.sourceType&&(this.source instanceof HTMLCanvasElement||this.source instanceof HTMLVideoElement||this.source instanceof HTMLImageElement&&this.source.complete)?(this.source instanceof HTMLVideoElement?(this.width=this.source.videoWidth,this.height=this.source.videoHeight):(this.width=this.source.width,this.height=this.source.height),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source)):"data"===this.sourceType&&this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.width,this.height,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.trigger("loaded",this))}},{key:"setFiltering",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.valid){this.powerOf2=P(this.width)&&P(this.height);var t=this.powerOf2?"mipmap":"linear";this.filtering=e.filtering||t;var r=this.gl;this.bind(),this.powerOf2?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,e.TEXTURE_WRAP_S||e.repeat&&r.REPEAT||r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,e.TEXTURE_WRAP_T||e.repeat&&r.REPEAT||r.CLAMP_TO_EDGE),"mipmap"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR_MIPMAP_LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR),r.generateMipmap(r.TEXTURE_2D)):"linear"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR)):"nearest"===this.filtering&&(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST))):(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,r.CLAMP_TO_EDGE),"mipmap"===this.filtering&&(this.filtering="linear"),"nearest"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST)):(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR)))}}}]),e}();X.getMaxTextureSize=function(e){return e.getParameter(e.MAX_TEXTURE_SIZE)},X.activeUnit=-1;var F=function(){function e(t,r,i){var n=this;T(this,e),L(this),r=r||{},i=i||{},!t.hasAttribute("data-fullscreen")||"1"!=t.getAttribute("data-fullscreen")&&"true"!=t.getAttribute("data-fullscreen")?(this.width=t.clientWidth,this.height=t.clientHeight):(this.width=window.innerWidth,this.height=window.innerHeight,t.width=window.innerWidth,t.height=window.innerHeight),this.canvas=t,this.gl=void 0,this.program=void 0,this.textures={},this.buffers={},this.uniforms={},this.vbo={},this.isValid=!1,this.animationFrameRequest=void 0,this.BUFFER_COUNT=0,this.vertexString=r.vertexString||"\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nattribute vec2 a_position;\nattribute vec2 a_texcoord;\n\nvarying vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n",this.fragmentString=r.fragmentString||"\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying vec2 v_texcoord;\n\nvoid main(){\n    gl_FragColor = vec4(0.0);\n}\n";var a=w(t,r,i.onError);if(a){if(this.gl=a,this.timeLoad=this.timePrev=performance.now(),this.timeDelta=0,this.forceRender=!0,this.paused=!1,this.realToCSSPixels=window.devicePixelRatio||1,t.style.backgroundColor=r.backgroundColor||"rgba(1,1,1,0)",t.hasAttribute("data-fragment"))this.fragmentString=t.getAttribute("data-fragment");else if(t.hasAttribute("data-fragment-url")){var s=t.getAttribute("data-fragment-url");d.get(s,function(e,t,r){n.load(r,n.vertexString)})}if(t.hasAttribute("data-vertex"))this.vertexString=t.getAttribute("data-vertex");else if(t.hasAttribute("data-vertex-url")){var o=t.getAttribute("data-vertex-url");d.get(o,function(e,t,r){n.load(n.fragmentString,r)})}if(this.load(),this.program){var u=a.getAttribLocation(this.program,"a_texcoord");this.vbo.texCoords=a.createBuffer(),this.gl.bindBuffer(a.ARRAY_BUFFER,this.vbo.texCoords),this.gl.bufferData(a.ARRAY_BUFFER,new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1]),a.STATIC_DRAW),this.gl.enableVertexAttribArray(u),this.gl.vertexAttribPointer(u,2,a.FLOAT,!1,0,0);var h=a.getAttribLocation(this.program,"a_position");if(this.vbo.vertices=a.createBuffer(),this.gl.bindBuffer(a.ARRAY_BUFFER,this.vbo.vertices),this.gl.bufferData(a.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),a.STATIC_DRAW),this.gl.enableVertexAttribArray(h),this.gl.vertexAttribPointer(h,2,a.FLOAT,!1,0,0),t.hasAttribute("data-textures")){var l=t.getAttribute("data-textures").split(",");for(var f in l)this.setUniform("u_tex"+f,l[f])}var c={x:0,y:0};document.addEventListener("mousemove",function(e){c.x=e.clientX||e.pageX,c.y=e.clientY||e.pageY},!1);var g=this;return this.setMouse({x:0,y:0}),function e(){g.nMouse>1&&g.setMouse(c),g.resize()&&(g.forceRender=!0),g.render(),g.animationFrameRequest=window.requestAnimationFrame(e)}(),this}}}return p(e,[{key:"destroy",value:function(){for(var e in cancelAnimationFrame(this.animationFrameRequest),this.animated=!1,this.isValid=!1,this.textures)e.destroy&&e.destroy();for(var t in this.textures={},this.attribs)this.gl.deleteBuffer(this.attribs[t]);for(var r in this.gl.useProgram(null),this.gl.deleteProgram(this.program),this.buffers){var i=this.buffers[r];this.gl.deleteProgram(i.program)}this.program=null,this.gl=null}},{key:"load",value:function(e,t){if(t&&(this.vertexString=t),e&&(this.fragmentString=e),this.animated=!1,this.nDelta=(this.fragmentString.match(/u_delta/g)||[]).length,this.nTime=(this.fragmentString.match(/u_time/g)||[]).length,this.nDate=(this.fragmentString.match(/u_date/g)||[]).length,this.nMouse=(this.fragmentString.match(/u_mouse/g)||[]).length,this.animated=this.nDate>1||this.nTime>1||this.nMouse>1,this.fragmentString.search(/sampler2D/g))for(var r=this.fragmentString.split("\n"),i=0;i<r.length;i++){var n=r[i].match(/uniform\s*sampler2D\s*([\w]*);\s*\/\/\s*([\w|\:\/\/|\.|\-|\_]*)/i);if(n){var a=n[2].split(".").pop().toLowerCase();n[1]&&n[2]&&("jpg"===a||"jpeg"===a||"png"===a||"ogv"===a||"webm"===a||"mp4"===a)&&this.setUniform(n[1],n[2])}if(r[i].match(/\s*void\s*main\s*/g))break}var s=S(this,this.vertexString,this.gl.VERTEX_SHADER),o=S(this,this.fragmentString,this.gl.FRAGMENT_SHADER);o?this.isValid=!0:(o=S(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",this.gl.FRAGMENT_SHADER),this.isValid=!1);var u=U(this,[s,o]);this.gl.useProgram(u),this.gl.deleteShader(s),this.gl.deleteShader(o),this.program=u,this.change=!0,this.BUFFER_COUNT=0;var h=this.getBuffers(this.fragmentString);Object.keys(h).length&&this.loadPrograms(h),this.buffers=h,this.texureIndex=this.BUFFER_COUNT,this.trigger("load",{}),this.forceRender=!0,this.render()}},{key:"test",value:function(e,t,r){var i=this.vertexString,n=this.fragmentString,a=this.paused,s=this.gl.getExtension("EXT_disjoint_timer_query"),o=s.createQueryEXT(),u=this.isValid;(t||r)&&(this.load(t,r),u=this.isValid,this.forceRender=!0,this.render()),this.paused=!0,s.beginQueryEXT(s.TIME_ELAPSED_EXT,o),this.forceRender=!0,this.render(),s.endQueryEXT(s.TIME_ELAPSED_EXT);var h=this;!function l(){h.forceRender=!0,h.render();var f=s.getQueryObjectEXT(o,s.QUERY_RESULT_AVAILABLE_EXT),d=h.gl.getParameter(s.GPU_DISJOINT_EXT);if(f&&!d){var c={wasValid:u,frag:t||h.fragmentString,vert:r||h.vertexString,timeElapsedMs:s.getQueryObjectEXT(o,s.QUERY_RESULT_EXT)/1e6};h.paused=a,(t||r)&&h.load(n,i),e(c)}else window.requestAnimationFrame(l)}()}},{key:"loadTexture",value:function(e,t,r){var i=this;r||(r={}),"string"==typeof t?r.url=t:"object"===(void 0===t?"undefined":E(t))&&t.data&&t.width&&t.height?(r.data=t.data,r.width=t.width,r.height=t.height):"object"===(void 0===t?"undefined":E(t))&&(r.element=t),this.textures[e]?this.textures[e]&&(this.textures[e].load(r),this.textures[e].on("loaded",function(e){i.forceRender=!0})):(this.textures[e]=new X(this.gl,e,r),this.textures[e].on("loaded",function(e){i.forceRender=!0}))}},{key:"refreshUniforms",value:function(){this.uniforms={}}},{key:"setUniform",value:function(e){for(var t={},r=arguments.length,i=Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];t[e]=i,this.setUniforms(t)}},{key:"setUniforms",value:function(e){var t=function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=[];for(var n in t){var a=t[n],s=void 0;if(r&&(n=r+"."+n),"number"==typeof a)i.push({type:"float",method:"1f",name:n,value:a});else if(Array.isArray(a)){if("number"==typeof a[0])1===a.length?i.push({type:"float",method:"1f",name:n,value:a}):a.length>=2&&a.length<=4?i.push({type:"vec"+a.length,method:a.length+"fv",name:n,value:a}):a.length>4&&i.push({type:"float[]",method:"1fv",name:n+"[0]",value:a});else if("string"==typeof a[0])i.push({type:"sampler2D",method:"1i",name:n,value:a});else if(Array.isArray(a[0])&&"number"==typeof a[0][0]){if(a[0].length>=2&&a[0].length<=4)for(s=0;s<a.length;s++)i.push({type:"vec"+a[0].length,method:a[s].length+"fv",name:n+"["+s+"]",value:a[s]})}else if("object"===E(a[0]))for(s=0;s<a.length;s++)i.push.apply(i,y(e(a[s],n+"["+s+"]")))}else"boolean"==typeof a?i.push({type:"bool",method:"1i",name:n,value:a}):"string"==typeof a?i.push({type:"sampler2D",method:"1i",name:n,value:a}):"object"===(void 0===a?"undefined":E(a))&&i.push.apply(i,y(e(a,n)))}return i}(e);for(var r in t)"sampler2D"===t[r].type?this.loadTexture(t[r].name,t[r].value[0]):this.uniform(t[r].method,t[r].type,t[r].name,t[r].value);this.forceRender=!0}},{key:"setMouse",value:function(e){var t=this.canvas.getBoundingClientRect();if(e&&e.x&&e.x>=t.left&&e.x<=t.right&&e.y&&e.y>=t.top&&e.y<=t.bottom){var r=(e.x-t.left)*this.realToCSSPixels,i=this.canvas.height-(e.y-t.top)*this.realToCSSPixels;this.uniform("2f","vec2","u_mouse",r,i)}}},{key:"uniform",value:function(e,t,r){this.uniforms[r]=this.uniforms[r]||{};for(var i=this.uniforms[r],n=arguments.length,a=Array(n>3?n-3:0),s=3;s<n;s++)a[s-3]=arguments[s];var o,u;if((o=i.value,u=a,!(!o||!u)&&o.toString()!==u.toString())||this.change||!i.location||!i.value)for(var h in i.name=r,i.type=t,i.value=a,i.method="uniform"+e,this.gl.useProgram(this.program),i.location=this.gl.getUniformLocation(this.program,r),this.gl[i.method].apply(this.gl,[i.location].concat(i.value)),this.buffers){var l=this.buffers[h];this.gl.useProgram(l.program);var f=this.gl.getUniformLocation(l.program,r);this.gl[i.method].apply(this.gl,[f].concat(i.value))}}},{key:"uniformTexture",value:function(e,t,r){if(void 0===this.textures[e])this.loadTexture(e,t,r);else{for(var i in this.uniform("1i","sampler2D",e,this.texureIndex),this.buffers){var n=this.buffers[i];this.gl.useProgram(n.program),this.gl.activeTexture(this.gl.TEXTURE0+this.texureIndex),this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[e].texture)}this.gl.useProgram(this.program),this.gl.activeTexture(this.gl.TEXTURE0+this.texureIndex),this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[e].texture),this.uniform("2f","vec2",e+"Resolution",this.textures[e].width,this.textures[e].height)}}},{key:"resize",value:function(){if(this.width!==this.canvas.clientWidth||this.height!==this.canvas.clientHeight){this.realToCSSPixels=window.devicePixelRatio||1;var e=Math.floor(this.gl.canvas.clientWidth*this.realToCSSPixels),t=Math.floor(this.gl.canvas.clientHeight*this.realToCSSPixels);return this.gl.canvas.width===e&&this.gl.canvas.height===t||(this.gl.canvas.width=e,this.gl.canvas.height=t,this.gl.viewport(0,0,this.gl.canvas.width,this.gl.canvas.height)),this.width=this.canvas.clientWidth,this.height=this.canvas.clientHeight,this.resizeSwappableBuffers(),!0}return!1}},{key:"render",value:function(){var e;if(this.visible=(e=this.canvas).getBoundingClientRect().top+e.height>0&&e.getBoundingClientRect().top<(window.innerHeight||document.documentElement.clientHeight),this.forceRender||this.change||this.animated&&this.visible&&!this.paused){var t=new Date,r=performance.now();for(var i in this.timeDelta=(r-this.timePrev)/1e3,this.timePrev=r,this.nDelta>1&&this.uniform("1f","float","u_delta",this.timeDelta),this.nTime>1&&this.uniform("1f","float","u_time",(r-this.timeLoad)/1e3),this.nDate&&this.uniform("4f","float","u_date",t.getFullYear(),t.getMonth(),t.getDate(),3600*t.getHours()+60*t.getMinutes()+t.getSeconds()+.001*t.getMilliseconds()),this.uniform("2f","vec2","u_resolution",this.canvas.width,this.canvas.height),this.buffers){var n=this.buffers[i];this.uniform("1i","sampler2D",n.name,n.bundle.input.index)}for(var a in this.texureIndex=this.BUFFER_COUNT,this.textures)this.uniformTexture(a),this.texureIndex++;this.renderPrograms(),this.trigger("render",{}),this.change=!1,this.forceRender=!1}}},{key:"pause",value:function(){this.paused=!0}},{key:"play",value:function(){this.paused=!1}},{key:"renderPrograms",value:function(){var e=this.gl,t=e.canvas.width,r=e.canvas.height;for(var i in e.viewport(0,0,t,r),this.buffers){var n=this.buffers[i];n.bundle.render(t,r,n.program,n.name),e.bindFramebuffer(e.FRAMEBUFFER,null)}e.useProgram(this.program),e.drawArrays(e.TRIANGLES,0,6)}},{key:"getBuffers",value:function(e){var t={};return e&&e.replace(/(?:^\s*)((?:#if|#elif)(?:\s*)(defined\s*\(\s*BUFFER_)(\d+)(?:\s*\))|(?:#ifdef)(?:\s*BUFFER_)(\d+)(?:\s*))/gm,function(){var r=arguments[3]||arguments[4];t["u_buffer"+r]={fragment:"#define BUFFER_"+r+"\n"+e}}),t}},{key:"loadPrograms",value:function(e){var t=this.gl,r=S(this,this.vertexString,t.VERTEX_SHADER);for(var i in e){var n=e[i],a=S(this,n.fragment,t.FRAGMENT_SHADER,1);a?this.isValid=!0:(a=S(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",t.FRAGMENT_SHADER),this.isValid=!1);var s=U(this,[r,a]);n.name=i,n.program=s,n.bundle=this.createSwappableBuffer(this.canvas.width,this.canvas.height,s),t.deleteShader(a)}t.deleteShader(r)}},{key:"createSwappableBuffer",value:function(e,t,r){var i=this.createBuffer(e,t,r),n=this.createBuffer(e,t,r),a=this.gl;return{input:i,output:n,swap:function(){var e=i;i=n,n=e,this.input=i,this.output=n},render:function(e,t,r,i){a.useProgram(r),a.viewport(0,0,e,t),a.bindFramebuffer(a.FRAMEBUFFER,this.input.buffer),a.framebufferTexture2D(a.FRAMEBUFFER,a.COLOR_ATTACHMENT0,a.TEXTURE_2D,this.output.texture,0),a.drawArrays(a.TRIANGLES,0,6),this.swap()},resize:function(e,t,r,i){a.useProgram(r),a.viewport(0,0,e,t),this.input.resize(e,t),this.output.resize(e,t)}}}},{key:"createBuffer",value:function(e,t,r){var i=this.gl,n=this.BUFFER_COUNT;this.BUFFER_COUNT+=2,i.getExtension("OES_texture_float");var a=i.createTexture();i.activeTexture(i.TEXTURE0+n),i.bindTexture(i.TEXTURE_2D,a),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,e,t,0,i.RGBA,i.FLOAT,null),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE);var s=i.createFramebuffer();return{index:n,texture:a,buffer:s,W:e,H:t,resize:function(e,t){i.bindFramebuffer(i.FRAMEBUFFER,s);var r=Math.min(e,this.W),o=Math.min(t,this.H),u=new Float32Array(r*o*4);i.readPixels(0,0,r,o,i.RGBA,i.FLOAT,u),i.bindFramebuffer(i.FRAMEBUFFER,null);var h=n+1,l=i.createTexture();i.activeTexture(i.TEXTURE0+h),i.bindTexture(i.TEXTURE_2D,l),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,e,t,0,i.RGBA,i.FLOAT,null),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE),i.texSubImage2D(i.TEXTURE_2D,0,0,0,r,o,i.RGBA,i.FLOAT,u);var f=i.createFramebuffer();i.bindFramebuffer(i.FRAMEBUFFER,null),i.deleteTexture(a),i.activeTexture(i.TEXTURE0+n),i.bindTexture(i.TEXTURE_2D,l),n=this.index=n,a=this.texture=l,s=this.buffer=f,this.W=e,this.H=t}}}},{key:"resizeSwappableBuffers",value:function(){var e=this.gl,t=e.canvas.width,r=e.canvas.height;for(var i in e.viewport(0,0,t,r),this.buffers){var n=this.buffers[i];n.bundle.resize(t,r,n.program,n.name)}e.useProgram(this.program)}},{key:"version",value:function(){return"0.1.7"}}]),e}();return window.addEventListener("load",function(){!function(){var e=document.getElementsByClassName("glslCanvas");if(e.length>0){window.glslCanvases=[];for(var t=0;t<e.length;t++){var r=new F(e[t]);r.isValid&&window.glslCanvases.push(r)}}}()}),F});
 //# sourceMappingURL=GlslCanvas.min.js.map
diff --git a/dist/GlslCanvas.min.js.map b/dist/GlslCanvas.min.js.map
index 1903792..e9e5d9f 100644
--- a/dist/GlslCanvas.min.js.map
+++ b/dist/GlslCanvas.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"GlslCanvas.min.js","sources":["../node_modules/global/window.js","../node_modules/is-function/index.js","../node_modules/trim/index.js","../node_modules/for-each/index.js","../node_modules/parse-headers/parse-headers.js","../node_modules/xtend/immutable.js","../node_modules/xhr/index.js","../src/gl/gl.js","../src/tools/common.js","../src/tools/mixin.js","../src/gl/Texture.js","../src/GlslCanvas.js"],"sourcesContent":["var win;\n\nif (typeof window !== \"undefined\") {\n    win = window;\n} else if (typeof global !== \"undefined\") {\n    win = global;\n} else if (typeof self !== \"undefined\"){\n    win = self;\n} else {\n    win = {};\n}\n\nmodule.exports = win;\n","module.exports = isFunction\n\nvar toString = Object.prototype.toString\n\nfunction isFunction (fn) {\n  var string = toString.call(fn)\n  return string === '[object Function]' ||\n    (typeof fn === 'function' && string !== '[object RegExp]') ||\n    (typeof window !== 'undefined' &&\n     // IE8 and below\n     (fn === window.setTimeout ||\n      fn === window.alert ||\n      fn === window.confirm ||\n      fn === window.prompt))\n};\n","\nexports = module.exports = trim;\n\nfunction trim(str){\n  return str.replace(/^\\s*|\\s*$/g, '');\n}\n\nexports.left = function(str){\n  return str.replace(/^\\s*/, '');\n};\n\nexports.right = function(str){\n  return str.replace(/\\s*$/, '');\n};\n","var isFunction = require('is-function')\n\nmodule.exports = forEach\n\nvar toString = Object.prototype.toString\nvar hasOwnProperty = Object.prototype.hasOwnProperty\n\nfunction forEach(list, iterator, context) {\n    if (!isFunction(iterator)) {\n        throw new TypeError('iterator must be a function')\n    }\n\n    if (arguments.length < 3) {\n        context = this\n    }\n    \n    if (toString.call(list) === '[object Array]')\n        forEachArray(list, iterator, context)\n    else if (typeof list === 'string')\n        forEachString(list, iterator, context)\n    else\n        forEachObject(list, iterator, context)\n}\n\nfunction forEachArray(array, iterator, context) {\n    for (var i = 0, len = array.length; i < len; i++) {\n        if (hasOwnProperty.call(array, i)) {\n            iterator.call(context, array[i], i, array)\n        }\n    }\n}\n\nfunction forEachString(string, iterator, context) {\n    for (var i = 0, len = string.length; i < len; i++) {\n        // no such thing as a sparse string.\n        iterator.call(context, string.charAt(i), i, string)\n    }\n}\n\nfunction forEachObject(object, iterator, context) {\n    for (var k in object) {\n        if (hasOwnProperty.call(object, k)) {\n            iterator.call(context, object[k], k, object)\n        }\n    }\n}\n","var trim = require('trim')\n  , forEach = require('for-each')\n  , isArray = function(arg) {\n      return Object.prototype.toString.call(arg) === '[object Array]';\n    }\n\nmodule.exports = function (headers) {\n  if (!headers)\n    return {}\n\n  var result = {}\n\n  forEach(\n      trim(headers).split('\\n')\n    , function (row) {\n        var index = row.indexOf(':')\n          , key = trim(row.slice(0, index)).toLowerCase()\n          , value = trim(row.slice(index + 1))\n\n        if (typeof(result[key]) === 'undefined') {\n          result[key] = value\n        } else if (isArray(result[key])) {\n          result[key].push(value)\n        } else {\n          result[key] = [ result[key], value ]\n        }\n      }\n  )\n\n  return result\n}","module.exports = extend\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\nfunction extend() {\n    var target = {}\n\n    for (var i = 0; i < arguments.length; i++) {\n        var source = arguments[i]\n\n        for (var key in source) {\n            if (hasOwnProperty.call(source, key)) {\n                target[key] = source[key]\n            }\n        }\n    }\n\n    return target\n}\n","\"use strict\";\nvar window = require(\"global/window\")\nvar isFunction = require(\"is-function\")\nvar parseHeaders = require(\"parse-headers\")\nvar xtend = require(\"xtend\")\n\nmodule.exports = createXHR\n// Allow use of default import syntax in TypeScript\nmodule.exports.default = createXHR;\ncreateXHR.XMLHttpRequest = window.XMLHttpRequest || noop\ncreateXHR.XDomainRequest = \"withCredentials\" in (new createXHR.XMLHttpRequest()) ? createXHR.XMLHttpRequest : window.XDomainRequest\n\nforEachArray([\"get\", \"put\", \"post\", \"patch\", \"head\", \"delete\"], function(method) {\n    createXHR[method === \"delete\" ? \"del\" : method] = function(uri, options, callback) {\n        options = initParams(uri, options, callback)\n        options.method = method.toUpperCase()\n        return _createXHR(options)\n    }\n})\n\nfunction forEachArray(array, iterator) {\n    for (var i = 0; i < array.length; i++) {\n        iterator(array[i])\n    }\n}\n\nfunction isEmpty(obj){\n    for(var i in obj){\n        if(obj.hasOwnProperty(i)) return false\n    }\n    return true\n}\n\nfunction initParams(uri, options, callback) {\n    var params = uri\n\n    if (isFunction(options)) {\n        callback = options\n        if (typeof uri === \"string\") {\n            params = {uri:uri}\n        }\n    } else {\n        params = xtend(options, {uri: uri})\n    }\n\n    params.callback = callback\n    return params\n}\n\nfunction createXHR(uri, options, callback) {\n    options = initParams(uri, options, callback)\n    return _createXHR(options)\n}\n\nfunction _createXHR(options) {\n    if(typeof options.callback === \"undefined\"){\n        throw new Error(\"callback argument missing\")\n    }\n\n    var called = false\n    var callback = function cbOnce(err, response, body){\n        if(!called){\n            called = true\n            options.callback(err, response, body)\n        }\n    }\n\n    function readystatechange() {\n        if (xhr.readyState === 4) {\n            setTimeout(loadFunc, 0)\n        }\n    }\n\n    function getBody() {\n        // Chrome with requestType=blob throws errors arround when even testing access to responseText\n        var body = undefined\n\n        if (xhr.response) {\n            body = xhr.response\n        } else {\n            body = xhr.responseText || getXml(xhr)\n        }\n\n        if (isJson) {\n            try {\n                body = JSON.parse(body)\n            } catch (e) {}\n        }\n\n        return body\n    }\n\n    function errorFunc(evt) {\n        clearTimeout(timeoutTimer)\n        if(!(evt instanceof Error)){\n            evt = new Error(\"\" + (evt || \"Unknown XMLHttpRequest Error\") )\n        }\n        evt.statusCode = 0\n        return callback(evt, failureResponse)\n    }\n\n    // will load the data & process the response in a special response object\n    function loadFunc() {\n        if (aborted) return\n        var status\n        clearTimeout(timeoutTimer)\n        if(options.useXDR && xhr.status===undefined) {\n            //IE8 CORS GET successful response doesn't have a status field, but body is fine\n            status = 200\n        } else {\n            status = (xhr.status === 1223 ? 204 : xhr.status)\n        }\n        var response = failureResponse\n        var err = null\n\n        if (status !== 0){\n            response = {\n                body: getBody(),\n                statusCode: status,\n                method: method,\n                headers: {},\n                url: uri,\n                rawRequest: xhr\n            }\n            if(xhr.getAllResponseHeaders){ //remember xhr can in fact be XDR for CORS in IE\n                response.headers = parseHeaders(xhr.getAllResponseHeaders())\n            }\n        } else {\n            err = new Error(\"Internal XMLHttpRequest Error\")\n        }\n        return callback(err, response, response.body)\n    }\n\n    var xhr = options.xhr || null\n\n    if (!xhr) {\n        if (options.cors || options.useXDR) {\n            xhr = new createXHR.XDomainRequest()\n        }else{\n            xhr = new createXHR.XMLHttpRequest()\n        }\n    }\n\n    var key\n    var aborted\n    var uri = xhr.url = options.uri || options.url\n    var method = xhr.method = options.method || \"GET\"\n    var body = options.body || options.data\n    var headers = xhr.headers = options.headers || {}\n    var sync = !!options.sync\n    var isJson = false\n    var timeoutTimer\n    var failureResponse = {\n        body: undefined,\n        headers: {},\n        statusCode: 0,\n        method: method,\n        url: uri,\n        rawRequest: xhr\n    }\n\n    if (\"json\" in options && options.json !== false) {\n        isJson = true\n        headers[\"accept\"] || headers[\"Accept\"] || (headers[\"Accept\"] = \"application/json\") //Don't override existing accept header declared by user\n        if (method !== \"GET\" && method !== \"HEAD\") {\n            headers[\"content-type\"] || headers[\"Content-Type\"] || (headers[\"Content-Type\"] = \"application/json\") //Don't override existing accept header declared by user\n            body = JSON.stringify(options.json === true ? body : options.json)\n        }\n    }\n\n    xhr.onreadystatechange = readystatechange\n    xhr.onload = loadFunc\n    xhr.onerror = errorFunc\n    // IE9 must have onprogress be set to a unique function.\n    xhr.onprogress = function () {\n        // IE must die\n    }\n    xhr.onabort = function(){\n        aborted = true;\n    }\n    xhr.ontimeout = errorFunc\n    xhr.open(method, uri, !sync, options.username, options.password)\n    //has to be after open\n    if(!sync) {\n        xhr.withCredentials = !!options.withCredentials\n    }\n    // Cannot set timeout with sync request\n    // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly\n    // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent\n    if (!sync && options.timeout > 0 ) {\n        timeoutTimer = setTimeout(function(){\n            if (aborted) return\n            aborted = true//IE9 may still call readystatechange\n            xhr.abort(\"timeout\")\n            var e = new Error(\"XMLHttpRequest timeout\")\n            e.code = \"ETIMEDOUT\"\n            errorFunc(e)\n        }, options.timeout )\n    }\n\n    if (xhr.setRequestHeader) {\n        for(key in headers){\n            if(headers.hasOwnProperty(key)){\n                xhr.setRequestHeader(key, headers[key])\n            }\n        }\n    } else if (options.headers && !isEmpty(options.headers)) {\n        throw new Error(\"Headers cannot be set on an XDomainRequest object\")\n    }\n\n    if (\"responseType\" in options) {\n        xhr.responseType = options.responseType\n    }\n\n    if (\"beforeSend\" in options &&\n        typeof options.beforeSend === \"function\"\n    ) {\n        options.beforeSend(xhr)\n    }\n\n    // Microsoft Edge browser sends \"undefined\" when send is called with undefined value.\n    // XMLHttpRequest spec says to pass null as body to indicate no body\n    // See https://github.com/naugtur/xhr/issues/100.\n    xhr.send(body || null)\n\n    return xhr\n\n\n}\n\nfunction getXml(xhr) {\n    // xhr.responseXML will throw Exception \"InvalidStateError\" or \"DOMException\"\n    // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML.\n    try {\n        if (xhr.responseType === \"document\") {\n            return xhr.responseXML\n        }\n        var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === \"parsererror\"\n        if (xhr.responseType === \"\" && !firefoxBugTakenEffect) {\n            return xhr.responseXML\n        }\n    } catch (e) {}\n\n    return null\n}\n\nfunction noop() {}\n","let lastError = '';\n\n/**\n * Creates the HTLM for a failure message\n * @param {string} canvasContainerId id of container of th\n *        canvas.\n * @return {string} The html.\n */\nfunction makeFailHTML(msg) {\n    return `\n<table style=\"background-color: #8CE; width: 100%; height: 100%;\"><tr>\n<td align=\"center\">\n<div style=\"display: table-cell; vertical-align: middle;\">\n<div style=\"\">` + msg + `</div>\n</div>\n</td></tr></table>\n`;\n}\n\n/**\n * Message for getting a webgl browser\n * @type {string}\n */\nlet GET_A_WEBGL_BROWSER = `\n\tThis page requires a browser that supports WebGL.<br/>\n\t<a href=\"http://get.webgl.org\">Click here to upgrade your browser.</a>\n`;\n\n/**\n * Message for need better hardware\n * @type {string}\n */\nlet OTHER_PROBLEM = `\n\tIt does not appear your computer can support WebGL.<br/>\n\t<a href=\"http://get.webgl.org/troubleshooting/\">Click here for more information.</a>\n`;\n\n/**\n * Code to return in `onError` callback when the browser doesn't support webgl\n * @type {number}\n */\nexport const ERROR_BROWSER_SUPPORT = 1;\n\n/**\n * Code to return in `onError` callback there's any other problem related to webgl\n * @type {number}\n */\nexport const ERROR_OTHER = 2;\n\n/**\n * Creates a webgl context. If creation fails it will\n * change the contents of the container of the <canvas>\n * tag to an error message with the correct links for WebGL,\n * unless `onError` option is defined to a callback,\n * which allows for custom error handling..\n * @param {Element} canvas. The canvas element to create a\n *     context from.\n * @param {WebGLContextCreationAttributes} optAttribs Any\n *     creation attributes you want to pass in.\n * @return {WebGLRenderingContext} The created context.\n */\nexport function setupWebGL (canvas, optAttribs, onError) {\n    function showLink(str) {\n        let container = canvas.parentNode;\n        if (container) {\n            container.innerHTML = makeFailHTML(str);\n        }\n    }\n\n    function handleError(errorCode, msg) {\n        if (typeof onError === 'function') {\n            onError(errorCode);\n        } else {\n            showLink(msg);\n        }\n    }\n\n    if (!window.WebGLRenderingContext) {\n        handleError(ERROR_BROWSER_SUPPORT, GET_A_WEBGL_BROWSER);\n        return null;\n    }\n\n    let context = create3DContext(canvas, optAttribs);\n    if (!context) {\n        handleError(ERROR_OTHER, OTHER_PROBLEM);\n    } else {\n        context.getExtension('OES_standard_derivatives');\n    }\n    return context;\n}\n\n/**\n * Creates a webgl context.\n * @param {!Canvas} canvas The canvas tag to get context\n *     from. If one is not passed in one will be created.\n * @return {!WebGLContext} The created context.\n */\nexport function create3DContext(canvas, optAttribs) {\n    let names = ['webgl', 'experimental-webgl'];\n    let context = null;\n    for (var ii = 0; ii < names.length; ++ii) {\n        try {\n            context = canvas.getContext(names[ii], optAttribs);\n        } catch(e) {\n            if (context) {\n                break;\n            }\n        }\n    }\n    return context;\n}\n\n/*\n *\tCreate a Vertex of a specific type (gl.VERTEX_SHADER/)\n */\nexport function createShader(main, source, type, offset) {\n    let gl = main.gl;\n\n    let shader = gl.createShader(type);\n    gl.shaderSource(shader, source);\n    gl.compileShader(shader);\n\n    let compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);\n\n    if (!compiled) {\n        // Something went wrong during compilation; get the error\n        lastError = gl.getShaderInfoLog(shader);\n        console.error('*** Error compiling shader ' + shader + ':' + lastError);\n        main.trigger('error', {\n            shader: shader,\n            source: source,\n            type: type,\n            error: lastError,\n            offset: offset || 0\n        });\n        gl.deleteShader(shader);\n        return null;\n    }\n\n    return shader;\n}\n\n/**\n * Loads a shader.\n * @param {!WebGLContext} gl The WebGLContext to use.\n * @param {string} shaderSource The shader source.\n * @param {number} shaderType The type of shader.\n * @param {function(string): void) opt_errorCallback callback for errors.\n * @return {!WebGLShader} The created shader.\n */\nexport function createProgram(main, shaders, optAttribs, optLocations) {\n    let gl = main.gl;\n\n    let program = gl.createProgram();\n    for (let ii = 0; ii < shaders.length; ++ii) {\n        gl.attachShader(program, shaders[ii]);\n    }\n    if (optAttribs) {\n        for (let ii = 0; ii < optAttribs.length; ++ii) {\n            gl.bindAttribLocation(\n            program,\n            optLocations ? optLocations[ii] : ii,\n            optAttribs[ii]);\n        }\n    }\n    gl.linkProgram(program);\n\n    // Check the link status\n    let linked = gl.getProgramParameter(program, gl.LINK_STATUS);\n    if (!linked) {\n        // something went wrong with the link\n        lastError = gl.getProgramInfoLog(program);\n        console.log('Error in program linking:' + lastError);\n        gl.deleteProgram(program);\n        return null;\n    }\n    return program;\n}\n\n// By Brett Camber on\n// https://github.com/tangrams/tangram/blob/master/src/gl/glsl.js\nexport function parseUniforms(uniforms, prefix = null) {\n    let parsed = [];\n\n    for (let name in uniforms) {\n        let uniform = uniforms[name];\n        let u;\n\n        if (prefix) {\n            name = prefix + '.' + name;\n        }\n\n        // Single float\n        if (typeof uniform === 'number') {\n            parsed.push({\n                type: 'float',\n                method: '1f',\n                name,\n                value: uniform\n            });\n        }\n        // Array: vector, array of floats, array of textures, or array of structs\n        else if (Array.isArray(uniform)) {\n            // Numeric values\n            if (typeof uniform[0] === 'number') {\n                // float vectors (vec2, vec3, vec4)\n                if (uniform.length === 1) {\n                    parsed.push({\n                        type: 'float',\n                        method: '1f',\n                        name,\n                        value: uniform\n                    });\n                }\n                // float vectors (vec2, vec3, vec4)\n                else if (uniform.length >= 2 && uniform.length <= 4) {\n                    parsed.push({\n                        type: 'vec' + uniform.length,\n                        method: uniform.length + 'fv',\n                        name,\n                        value: uniform\n                    });\n                }\n                // float array\n                else if (uniform.length > 4) {\n                    parsed.push({\n                        type: 'float[]',\n                        method: '1fv',\n                        name: name + '[0]',\n                        value: uniform\n                    });\n                }\n                // TODO: assume matrix for (typeof == Float32Array && length == 16)?\n            }\n            // Array of textures\n            else if (typeof uniform[0] === 'string') {\n                parsed.push({\n                    type: 'sampler2D',\n                    method: '1i',\n                    name: name,\n                    value: uniform\n                });\n            }\n            // Array of arrays - but only arrays of vectors are allowed in this case\n            else if (Array.isArray(uniform[0]) && typeof uniform[0][0] === 'number') {\n                // float vectors (vec2, vec3, vec4)\n                if (uniform[0].length >= 2 && uniform[0].length <= 4) {\n                    // Set each vector in the array\n                    for (u = 0; u < uniform.length; u++) {\n                        parsed.push({\n                            type: 'vec' + uniform[0].length,\n                            method: uniform[u].length + 'fv',\n                            name: name + '[' + u + ']',\n                            value: uniform[u]\n                        });\n                    }\n                }\n                // else error?\n            }\n            // Array of structures\n            else if (typeof uniform[0] === 'object') {\n                for (u = 0; u < uniform.length; u++) {\n                    // Set each struct in the array\n                    parsed.push(...parseUniforms(uniform[u], name + '[' + u + ']'));\n                }\n            }\n        }\n        // Boolean\n        else if (typeof uniform === 'boolean') {\n            parsed.push({\n                type: 'bool',\n                method: '1i',\n                name,\n                value: uniform\n            });\n        }\n        // Texture\n        else if (typeof uniform === 'string') {\n            parsed.push({\n                type: 'sampler2D',\n                method: '1i',\n                name,\n                value: uniform\n            });\n        }\n        // Structure\n        else if (typeof uniform === 'object') {\n            // Set each field in the struct\n            parsed.push(...parseUniforms(uniform, name));\n        }\n        // TODO: support other non-float types? (int, etc.)\n    }\n    return parsed;\n}\n","export function isCanvasVisible(canvas) {\n    return\t((canvas.getBoundingClientRect().top + canvas.height) > 0) &&\n        (canvas.getBoundingClientRect().top < (window.innerHeight || document.documentElement.clientHeight));\n}\n\nexport function isPowerOf2(value) {\n    return (value & (value - 1)) === 0;\n}\n\nexport function isSafari () {\n    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n};\n\nexport function nextHighestPowerOfTwo(x) {\n    --x;\n    for (let i = 1; i < 32; i <<= 1) {\n        x = x | x >> i;\n    }\n    return x + 1;\n}\n\nexport function FormatNumberLength(num, length) {\n    let r = num.toString();\n    while (r.length < length) {\n        r = '0' + r;\n    }\n    return r;\n}\n\nexport function getMousePos(canvas, evt) {\n    let rect = canvas.getBoundingClientRect();\n    return {\n        x: evt.clientX - rect.left,\n        y: evt.clientY - rect.top\n    };\n}\n\nexport function isDiff(a, b) {\n    if (a && b) {\n        return a.toString() !== b.toString();\n    }\n    return false;\n}\n\nexport function subscribeMixin (target) {\n    var listeners = new Set();\n\n    return Object.assign(target, {\n\n        subscribe(listener) {\n            listeners.add(listener);\n        },\n\n        on(type, f) {\n            let listener = {};\n            listener[type] = f;\n            listeners.add(listener);\n        },\n\n        unsubscribe(listener) {\n            listeners.delete(listener);\n        },\n\n        unsubscribeAll() {\n            listeners.clear();\n        },\n\n        trigger(event, ...data) {\n            for (var listener of listeners) {\n                if (typeof listener[event] === 'function') {\n                    listener[event](...data);\n                }\n            }\n        }\n    });\n}\n","export function subscribeMixin (target) {\n    var listeners = new Set();\n\n    return Object.assign(target, {\n\n        on(type, f) {\n            let listener = {};\n            listener[type] = f;\n            listeners.add(listener);\n        },\n\n        off(type, f) {\n            if (f) {\n                let listener = {};\n                listener[type] = f;\n                listeners.delete(listener);\n            }\n            else {\n                for (let item of listeners) {\n                    for (let key of Object.keys(item)) {\n                        if (key === type) {\n                            listeners.delete(item);\n                            return;\n                        }\n                    }\n                }\n            }\n        },\n\n        listSubscriptions() {\n            for (let item of listeners) {\n                console.log(item);\n            }\n        },\n\n        subscribe(listener) {\n            listeners.add(listener);\n        },\n\n        unsubscribe(listener) {\n            listeners.delete(listener);\n        },\n\n        unsubscribeAll() {\n            listeners.clear();\n        },\n\n        trigger(event, ...data) {\n            for (var listener of listeners) {\n                if (typeof listener[event] === 'function') {\n                    listener[event](...data);\n                }\n            }\n        }\n    });\n}\n","// Texture management\nimport { isPowerOf2, isSafari } from '../tools/common';\nimport { subscribeMixin } from '../tools/mixin';\n\n// GL texture wrapper object for keeping track of a global set of textures, keyed by a unique user-defined name\nexport default class Texture {\n    constructor(gl, name, options = {}) {\n        subscribeMixin(this);\n\n        this.gl = gl;\n        this.texture = gl.createTexture();\n        if (this.texture) {\n            this.valid = true;\n        }\n        this.bind();\n\n        this.name = name;\n        this.source = null;\n        this.sourceType = null;\n        this.loading = null; // a Promise object to track the loading state of this texture\n\n        // Default to a 1-pixel black texture so we can safely render while we wait for an image to load\n        // See: http://stackoverflow.com/questions/19722247/webgl-wait-for-texture-to-load\n        this.setData(1, 1, new Uint8Array([0, 0, 0, 255]), { filtering: 'linear' });\n        this.setFiltering(options.filtering);\n\n        this.load(options);\n    }\n\n    // Destroy a single texture instance\n    destroy() {\n        if (!this.valid) {\n            return;\n        }\n        this.gl.deleteTexture(this.texture);\n        this.texture = null;\n        delete this.data;\n        this.data = null;\n        this.valid = false;\n    }\n\n    bind(unit) {\n        if (!this.valid) {\n            return;\n        }\n        if (typeof unit === 'number') {\n            if (Texture.activeUnit !== unit) {\n                this.gl.activeTexture(this.gl.TEXTURE0 + unit);\n                Texture.activeUnit = unit;\n            }\n        }\n        if (Texture.activeTexture !== this.texture) {\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.texture);\n            Texture.activeTexture = this.texture;\n        }\n    }\n\n    load(options = {}) {\n        this.loading = null;\n\n        if (typeof options.url === 'string') {\n            if (this.url === undefined || options.url !== this.url) {\n                this.setUrl(options.url, options);\n            }\n        }\n        else if (options.element) {\n            this.setElement(options.element, options);\n        }\n        else if (options.data && options.width && options.height) {\n            this.setData(options.width, options.height, options.data, options);\n        }\n    }\n\n    // Sets texture from an url\n    setUrl(url, options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.url = url; // save URL reference (will be overwritten when element is loaded below)\n        this.source = this.url;\n        this.sourceType = 'url';\n\n        this.loading = new Promise((resolve, reject) => {\n            let ext = url.split('.').pop().toLowerCase();\n            let isVideo = (ext === 'ogv' || ext === 'webm' || ext === 'mp4');\n\n            let element = undefined\n            if (isVideo) {\n                element = document.createElement('video');\n                element.autoplay = true;\n                options.filtering = 'nearest';\n                // element.preload = 'auto';\n                // element.style.display = 'none';\n                // document.body.appendChild(element);\n            } else {\n                element = new Image();\n            }\n\n            element.onload = () => {\n                try {\n                    this.setElement(element, options);\n                }\n                catch (e) {\n                    console.log(`Texture '${this.name}': failed to load url: '${this.source}'`, e, options);\n                }\n                resolve(this);\n            };\n            element.onerror = e => {\n                // Warn and resolve on error\n                console.log(`Texture '${this.name}': failed to load url: '${this.source}'`, e, options);\n                resolve(this);\n            };\n\n            // Safari has a bug loading data-URL elements with CORS enabled, so it must be disabled in that case\n            // https://bugs.webkit.org/show_bug.cgi?id=123978\n            if (!(isSafari() && this.source.slice(0, 5) === 'data:')) {\n                element.crossOrigin = 'anonymous';\n            }\n\n            element.src = this.source;\n            if (isVideo) {\n                this.setElement(element, options);\n            }\n        });\n        return this.loading;\n    }\n\n    // Sets texture to a raw image buffer\n    setData(width, height, data, options = {}) {\n        this.width = width;\n        this.height = height;\n\n        this.source = data;\n        this.sourceType = 'data';\n\n        this.update(options);\n        this.setFiltering(options);\n\n        this.loading = Promise.resolve(this);\n        return this.loading;\n    }\n\n    // Sets the texture to track a element (canvas/image)\n    setElement(element, options) {\n        let el = element;\n\n        // a string element is interpeted as a CSS selector\n        if (typeof element === 'string') {\n            element = document.querySelector(element);\n        }\n\n        if (element instanceof HTMLCanvasElement ||\n            element instanceof HTMLImageElement ||\n            element instanceof HTMLVideoElement) {\n            this.source = element;\n            this.sourceType = 'element';\n\n            if (element instanceof HTMLVideoElement) {\n                element.addEventListener('canplaythrough', () => {\n                    this.intervalID = setInterval(()=>{\n                        this.update(options);\n                    }, 15);\n                }, true);\n                element.addEventListener('ended', () => {\n                    element.currentTime = 0;\n                    element.play();\n                }, true);\n            } else {\n                this.update(options);\n            }            \n            this.setFiltering(options);\n        }\n        else {\n            let msg = `the 'element' parameter (\\`element: ${JSON.stringify(el)}\\`) must be a CSS `;\n            msg += `selector string, or a <canvas>, <image> or <video> object`;\n            console.log(`Texture '${this.name}': ${msg}`, options);\n        }\n\n        this.loading = Promise.resolve(this);\n        return this.loading;\n    }\n\n    // Uploads current image or buffer to the GPU (can be used to update animated textures on the fly)\n    update(options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.bind();\n        this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL, (options.UNPACK_FLIP_Y_WEBGL === false ? false : true));\n        this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, options.UNPACK_PREMULTIPLY_ALPHA_WEBGL || false);\n\n        // Image or Canvas element\n        if (this.sourceType === 'element' &&\n            ((this.source instanceof HTMLCanvasElement) || \n             (this.source instanceof HTMLVideoElement) ||\n             (this.source instanceof HTMLImageElement && this.source.complete))) {\n            if (this.source instanceof HTMLVideoElement) {\n                this.width = this.source.videoWidth;\n                this.height = this.source.videoHeight;\n            } else {\n                this.width = this.source.width;\n                this.height = this.source.height;\n            }\n            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.source);\n        }\n        // Raw image buffer\n        else if (this.sourceType === 'data') {\n            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.width, this.height, 0, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.source);\n        }\n        this.trigger('loaded', this);\n    }\n\n    // Determines appropriate filtering mode\n    setFiltering (options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.powerOf2 = isPowerOf2(this.width) && isPowerOf2(this.height);\n        let defualtFilter = (this.powerOf2 ? 'mipmap' : 'linear');\n        this.filtering = options.filtering || defualtFilter;\n\n        var gl = this.gl;\n        this.bind();\n\n        // For power-of-2 textures, the following presets are available:\n        // mipmap: linear blend from nearest mip\n        // linear: linear blend from original image (no mips)\n        // nearest: nearest pixel from original image (no mips, 'blocky' look)\n        if (this.powerOf2) {\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, options.TEXTURE_WRAP_S || (options.repeat && gl.REPEAT) || gl.CLAMP_TO_EDGE);\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, options.TEXTURE_WRAP_T || (options.repeat && gl.REPEAT) || gl.CLAMP_TO_EDGE);\n\n            if (this.filtering === 'mipmap') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR); // TODO: use trilinear filtering by defualt instead?\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n                gl.generateMipmap(gl.TEXTURE_2D);\n            }\n            else if (this.filtering === 'linear') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n            }\n            else if (this.filtering === 'nearest') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n            }\n        }\n        else {\n            // WebGL has strict requirements on non-power-of-2 textures:\n            // No mipmaps and must clamp to edge\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n\n            if (this.filtering === 'mipmap') {\n                this.filtering = 'linear';\n            }\n\n            if (this.filtering === 'nearest') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n            }\n            else { // default to linear for non-power-of-2 textures\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n            }\n        }\n    }\n}\n\n// Report max texture size for a GL context\nTexture.getMaxTextureSize = function (gl) {\n    return gl.getParameter(gl.MAX_TEXTURE_SIZE);\n};\n\n// Global set of textures, by name\nTexture.activeUnit = -1;\n","/*\nThe MIT License (MIT)\n\nCopyright (c) 2015 Patricio Gonzalez Vivo ( http://www.patriciogonzalezvivo.com )\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the 'Software'), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n*/\n\nimport xhr from 'xhr';\nimport { createProgram, createShader, parseUniforms, setupWebGL } from './gl/gl';\nimport Texture from './gl/Texture';\nimport { isCanvasVisible, isDiff } from './tools/common';\nimport { subscribeMixin } from './tools/mixin';\n\nexport default class GlslCanvas {\n    constructor(canvas, contextOptions, options) {\n        subscribeMixin(this);\n\n        contextOptions = contextOptions || {};\n        options = options || {};\n\n        if (canvas.hasAttribute('data-fullscreen') &&\n            (canvas.getAttribute('data-fullscreen') == \"1\" ||\n            canvas.getAttribute('data-fullscreen') == \"true\" )\n        ) {\n            this.width = window.innerWidth;\n            this.height = window.innerHeight;\n            canvas.width = window.innerWidth;\n            canvas.height = window.innerHeight;\n        } else {\n            this.width = canvas.clientWidth;\n            this.height = canvas.clientHeight;\n        }\n\n        this.canvas = canvas;\n        this.gl = undefined;\n        this.program = undefined;\n        this.textures = {};\n        this.buffers = {};\n        this.uniforms = {};\n        this.vbo = {};\n        this.isValid = false;\n\n        this.BUFFER_COUNT = 0;\n        // this.TEXTURE_COUNT = 0;\n\n        this.vertexString = contextOptions.vertexString || `\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nattribute vec2 a_position;\nattribute vec2 a_texcoord;\n\nvarying vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n`;\n        this.fragmentString = contextOptions.fragmentString || `\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying vec2 v_texcoord;\n\nvoid main(){\n    gl_FragColor = vec4(0.0);\n}\n`;\n\n        // GL Context\n        let gl = setupWebGL(canvas, contextOptions, options.onError);\n        if (!gl) {\n            return;\n        }\n        this.gl = gl;\n        this.timeLoad = this.timePrev = performance.now();\n        this.timeDelta = 0.0;\n        this.forceRender = true;\n        this.paused = false;\n        this.realToCSSPixels = window.devicePixelRatio || 1;\n\n        // Allow alpha\n        canvas.style.backgroundColor = contextOptions.backgroundColor || 'rgba(1,1,1,0)';\n\n        // Load shader\n        if (canvas.hasAttribute('data-fragment')) {\n            this.fragmentString = canvas.getAttribute('data-fragment');\n        }\n        else if (canvas.hasAttribute('data-fragment-url')) {\n            let source = canvas.getAttribute('data-fragment-url');\n            xhr.get(source, (error, response, body) => {\n                this.load(body, this.vertexString);\n            });\n        }\n\n        // Load shader\n        if (canvas.hasAttribute('data-vertex')) {\n            this.vertexString = canvas.getAttribute('data-vertex');\n        }\n        else if (canvas.hasAttribute('data-vertex-url')) {\n            let source = canvas.getAttribute('data-vertex-url');\n            xhr.get(source, (error, response, body) => {\n                this.load(this.fragmentString, body);\n            });\n        }\n\n        this.load();\n\n        if (!this.program) {\n            return;\n        }\n\n        // Define Vertex buffer\n        let texCoordsLoc = gl.getAttribLocation(this.program, 'a_texcoord');\n        this.vbo.texCoords = gl.createBuffer();\n        this.gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo.texCoords);\n        this.gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 1.0, 1.0, 0.0, 1.0, 1.0]), gl.STATIC_DRAW);\n        this.gl.enableVertexAttribArray(texCoordsLoc);\n        this.gl.vertexAttribPointer(texCoordsLoc, 2, gl.FLOAT, false, 0, 0);\n\n        let verticesLoc = gl.getAttribLocation(this.program, 'a_position');\n        this.vbo.vertices = gl.createBuffer();\n        this.gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo.vertices);\n        this.gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1.0, -1.0, 1.0, -1.0, -1.0, 1.0, -1.0, 1.0, 1.0, -1.0, 1.0, 1.0]), gl.STATIC_DRAW);\n        this.gl.enableVertexAttribArray(verticesLoc);\n        this.gl.vertexAttribPointer(verticesLoc, 2, gl.FLOAT, false, 0, 0);\n\n        // load TEXTURES\n        if (canvas.hasAttribute('data-textures')) {\n            let imgList = canvas.getAttribute('data-textures').split(',');\n            for (let nImg in imgList) {\n                this.setUniform('u_tex' + nImg, imgList[nImg]);\n            }\n        }\n\n        // ========================== EVENTS\n        let mouse = {\n            x: 0,\n            y: 0\n        };\n        document.addEventListener('mousemove', (e) => {\n            mouse.x = e.clientX || e.pageX;\n            mouse.y = e.clientY || e.pageY;\n        }, false);\n\n        let sandbox = this;\n        function RenderLoop() {\n            if (sandbox.nMouse > 1) {\n                sandbox.setMouse(mouse);\n            }\n\n            if (sandbox.resize()) {\n                sandbox.forceRender = true;\n            }\n            \n            sandbox.render();\n            window.requestAnimationFrame(RenderLoop);\n        }\n\n        // Start\n        this.setMouse({ x: 0, y: 0 });\n        RenderLoop();\n        return this;\n    }\n\n    destroy() {\n        this.animated = false;\n        this.isValid = false;\n        for (let tex in this.textures) {\n            if (tex.destroy){\n                tex.destroy();\n            }\n        }\n        this.textures = {};\n        for (let att in this.attribs) {\n            this.gl.deleteBuffer(this.attribs[att]);\n        }\n        this.gl.useProgram(null);\n        this.gl.deleteProgram(this.program);\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            this.gl.deleteProgram(buffer.program);\n        }\n        this.program = null;\n        this.gl = null;\n    }\n\n    load (fragString, vertString) {\n\n        // Load vertex shader if there is one\n        if (vertString) {\n            this.vertexString = vertString;\n        }\n\n        // Load fragment shader if there is one\n        if (fragString) {\n            this.fragmentString = fragString;\n        }\n\n        this.animated = false;\n        this.nDelta = (this.fragmentString.match(/u_delta/g) || []).length;\n        this.nTime = (this.fragmentString.match(/u_time/g) || []).length;\n        this.nDate = (this.fragmentString.match(/u_date/g) || []).length;\n        this.nMouse = (this.fragmentString.match(/u_mouse/g) || []).length;\n        this.animated = this.nDate > 1 || this.nTime > 1 || this.nMouse > 1;\n\n        let nTextures = this.fragmentString.search(/sampler2D/g);\n        if (nTextures) {\n            let lines = this.fragmentString.split('\\n');\n            for (let i = 0; i < lines.length; i++) {\n                let match = lines[i].match(/uniform\\s*sampler2D\\s*([\\w]*);\\s*\\/\\/\\s*([\\w|\\:\\/\\/|\\.|\\-|\\_]*)/i);\n                if (match) {\n                    let ext = match[2].split('.').pop().toLowerCase();\n                    if (match[1] && match[2] &&\n                        (ext === 'jpg' || ext === 'jpeg' || ext === 'png' ||\n                         ext === 'ogv' || ext === 'webm' || ext === 'mp4')) {\n                        this.setUniform(match[1], match[2]);\n                    }\n                }\n                let main = lines[i].match(/\\s*void\\s*main\\s*/g);\n                if (main) {\n                    break;\n                }\n            }\n        }\n\n        let vertexShader = createShader(this, this.vertexString, this.gl.VERTEX_SHADER);\n        let fragmentShader = createShader(this, this.fragmentString, this.gl.FRAGMENT_SHADER);\n\n        // If Fragment shader fails load a empty one to sign the error\n        if (!fragmentShader) {\n            fragmentShader = createShader(this, 'void main(){\\n\\tgl_FragColor = vec4(1.0);\\n}', this.gl.FRAGMENT_SHADER);\n            this.isValid = false;\n        }\n        else {\n            this.isValid = true;\n        }\n\n        // Create and use program\n        let program = createProgram(this, [vertexShader, fragmentShader]);//, [0,1],['a_texcoord','a_position']);\n        this.gl.useProgram(program);\n\n        // Delete shaders\n        // this.gl.detachShader(program, vertexShader);\n        // this.gl.detachShader(program, fragmentShader);\n        this.gl.deleteShader(vertexShader);\n        this.gl.deleteShader(fragmentShader);\n\n        this.program = program;\n        this.change = true;\n\n        this.BUFFER_COUNT = 0;\n        const buffers = this.getBuffers(this.fragmentString);\n        if (Object.keys(buffers).length) {\n            this.loadPrograms(buffers);\n        }\n        this.buffers = buffers;\n        this.texureIndex = this.BUFFER_COUNT;\n        \n        // Trigger event\n        this.trigger('load', {});\n\n        this.forceRender = true;\n        this.render();\n    }\n\n    test (callback, fragString, vertString) {\n        // Thanks to @thespite for the help here\n        // https://www.khronos.org/registry/webgl/extensions/EXT_disjoint_timer_query/\n        let pre_test_vert = this.vertexString;\n        let pre_test_frag = this.fragmentString;\n        let pre_test_paused = this.paused;\n\n        let ext = this.gl.getExtension('EXT_disjoint_timer_query');\n        let query = ext.createQueryEXT();\n        let wasValid = this.isValid;\n\n        if (fragString || vertString) {\n            this.load(fragString, vertString);\n            wasValid = this.isValid;\n            this.forceRender = true;\n            this.render();\n        }\n\n        this.paused = true;\n        ext.beginQueryEXT(ext.TIME_ELAPSED_EXT, query);\n        this.forceRender = true;\n        this.render();\n        ext.endQueryEXT(ext.TIME_ELAPSED_EXT);\n\n        let sandbox = this;\n        function finishTest() {\n            // Revert changes... go back to normal\n            sandbox.paused = pre_test_paused;\n            if (fragString || vertString) {\n                sandbox.load(pre_test_frag, pre_test_vert);\n            }\n        }\n        function waitForTest() {\n            sandbox.forceRender = true;\n            sandbox.render();\n            let available = ext.getQueryObjectEXT(query, ext.QUERY_RESULT_AVAILABLE_EXT);\n            let disjoint = sandbox.gl.getParameter(ext.GPU_DISJOINT_EXT);\n            if (available && !disjoint) {\n                let ret = {\n                    wasValid: wasValid,\n                    frag: fragString || sandbox.fragmentString,\n                    vert: vertString || sandbox.vertexString,\n                    timeElapsedMs: ext.getQueryObjectEXT(query, ext.QUERY_RESULT_EXT)/1000000.0\n                };\n                finishTest();\n                callback(ret);\n            } else {\n                window.requestAnimationFrame(waitForTest);\n            }\n        }\n        waitForTest();\n    }\n\n    loadTexture (name, urlElementOrData, options) {\n        if (!options) {\n            options = {};\n        }\n\n        if (typeof urlElementOrData === 'string') {\n            options.url = urlElementOrData;\n        }\n        else if (typeof urlElementOrData === 'object' && urlElementOrData.data && urlElementOrData.width && urlElementOrData.height) {\n            options.data = urlElementOrData.data;\n            options.width = urlElementOrData.width;\n            options.height = urlElementOrData.height;\n        }\n        else if (typeof urlElementOrData === 'object') {\n            options.element = urlElementOrData;\n        }\n\n        if (this.textures[name]) {\n            if (this.textures[name]) {\n                this.textures[name].load(options);\n                this.textures[name].on('loaded', (args) => {\n                    this.forceRender = true;\n                });\n            }\n        }\n        else {\n            this.textures[name] = new Texture(this.gl, name, options);\n            this.textures[name].on('loaded', (args) => {\n                this.forceRender = true;\n            });\n        }\n\n    }\n\n    refreshUniforms() {\n        this.uniforms = {};\n    }\n\n    setUniform(name, ...value) {\n        let u = {};\n        u[name] = value;\n        this.setUniforms(u);\n    }\n\n    setUniforms(uniforms) {\n        let parsed = parseUniforms(uniforms);\n        // Set each uniform\n        for (let u in parsed) {\n            if (parsed[u].type === 'sampler2D') {\n                // For textures, we need to track texture units, so we have a special setter\n                // this.uniformTexture(parsed[u].name, parsed[u].value[0]);\n                this.loadTexture(parsed[u].name, parsed[u].value[0]);\n            }\n            else {\n                this.uniform(parsed[u].method, parsed[u].type, parsed[u].name, parsed[u].value);\n            }\n        }\n        this.forceRender = true;\n    }\n\n    setMouse(mouse) {\n        // set the mouse uniform\n        let rect = this.canvas.getBoundingClientRect();\n        if (mouse &&\n            mouse.x && mouse.x >= rect.left && mouse.x <= rect.right &&\n            mouse.y && mouse.y >= rect.top && mouse.y <= rect.bottom) {\n\n            let mouse_x = (mouse.x - rect.left ) * this.realToCSSPixels;\n            let mouse_y = (this.canvas.height - (mouse.y - rect.top) * this.realToCSSPixels);\n\n            this.uniform('2f', 'vec2', 'u_mouse', mouse_x, mouse_y);\n        }\n    }\n\n    // ex: program.uniform('3f', 'position', x, y, z);\n    uniform (method, type, name, ...value) { // 'value' is a method-appropriate arguments list\n        this.uniforms[name] = this.uniforms[name] || {}; \n        let uniform = this.uniforms[name];\n        let change = isDiff(uniform.value, value);\n\n        // remember and keep track of uniforms location to save calls\n        if (change || this.change || !uniform.location || !uniform.value) {\n            uniform.name = name;\n            uniform.type = type;\n            uniform.value = value;\n            uniform.method = 'uniform' + method;\n            this.gl.useProgram(this.program);\n            uniform.location = this.gl.getUniformLocation(this.program, name);\n            this.gl[uniform.method].apply(this.gl, [uniform.location].concat(uniform.value));\n            // If there is change update and there is buffer update manually one by one\n            for (let key in this.buffers) {\n                let buffer = this.buffers[key];\n                this.gl.useProgram(buffer.program);\n                let location = this.gl.getUniformLocation(buffer.program, name);\n                this.gl[uniform.method].apply(this.gl, [location].concat(uniform.value));\n            }\n        }\n    }\n\n    uniformTexture(name, texture, options) {\n        if (this.textures[name] === undefined) {\n            this.loadTexture(name, texture, options);\n        }\n        else {\n            this.uniform('1i', 'sampler2D', name, this.texureIndex)\n\n            for (let key in this.buffers) {\n                const buffer = this.buffers[key];\n                this.gl.useProgram(buffer.program);\n                this.gl.activeTexture(this.gl.TEXTURE0 + this.texureIndex);\n                this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[name].texture);\n            }\n            this.gl.useProgram(this.program);\n            this.gl.activeTexture(this.gl.TEXTURE0 + this.texureIndex);\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[name].texture);\n            this.uniform('2f', 'vec2', name + 'Resolution', this.textures[name].width, this.textures[name].height);\n        }\n    }\n\n    resize() {\n        if (this.width !== this.canvas.clientWidth ||\n            this.height !== this.canvas.clientHeight) {\n            this.realToCSSPixels = window.devicePixelRatio || 1;\n\n            // Lookup the size the browser is displaying the canvas in CSS pixels\n            // and compute a size needed to make our drawingbuffer match it in\n            // device pixels.\n            let displayWidth = Math.floor(this.gl.canvas.clientWidth * this.realToCSSPixels);\n            let displayHeight = Math.floor(this.gl.canvas.clientHeight * this.realToCSSPixels);\n\n            // Check if the canvas is not the same size.\n            if (this.gl.canvas.width !== displayWidth ||\n                this.gl.canvas.height !== displayHeight) {\n                // Make the canvas the same size\n                this.gl.canvas.width = displayWidth;\n                this.gl.canvas.height = displayHeight;\n                // Set the viewport to match\n                this.gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n            }\n            this.width = this.canvas.clientWidth;\n            this.height = this.canvas.clientHeight;\n            this.resizeSwappableBuffers();\n            return true;\n        } else {\n            return false;\n        }\n    }\n\n    render () {\n        this.visible = isCanvasVisible(this.canvas);\n        if ( this.forceRender || this.change ||\n            (this.animated && this.visible && ! this.paused) ) {\n\n            // Update Uniforms when are need\n            let date = new Date();\n            let now = performance.now();\n            this.timeDelta =  (now - this.timePrev) / 1000.0;\n            this.timePrev = now;\n            if (this.nDelta > 1) {\n                // set the delta time uniform\n                this.uniform('1f', 'float', 'u_delta', this.timeDelta);\n            }\n\n            if (this.nTime > 1 ) {\n                // set the elapsed time uniform\n                this.uniform('1f', 'float', 'u_time', (now - this.timeLoad) / 1000.0);\n            }\n\n            if (this.nDate) {\n                // Set date uniform: year/month/day/time_in_sec\n                this.uniform('4f', 'float', 'u_date', date.getFullYear(), date.getMonth(), date.getDate(), date.getHours() * 3600 + date.getMinutes() * 60 + date.getSeconds() + date.getMilliseconds() * 0.001 );\n            }\n\n            // set the resolution uniform\n            this.uniform('2f', 'vec2', 'u_resolution', this.canvas.width, this.canvas.height);\n\n            for (let key in this.buffers) {\n                const buffer = this.buffers[key];\n                this.uniform('1i', 'sampler2D', buffer.name, buffer.bundle.input.index);\n            }\n\n            this.texureIndex = this.BUFFER_COUNT;\n            for (let tex in this.textures) {\n                this.uniformTexture(tex);\n                this.texureIndex++;\n            }\n\n            this.renderPrograms();\n\n            // Trigger event\n            this.trigger('render', {});\n            this.change = false;\n            this.forceRender = false;\n        }\n    }\n\n    pause () {\n        this.paused = true;\n    }\n\n    play () {\n        this.paused = false;\n    }\n\n    // render main and buffers programs\n    renderPrograms() {\n        const gl = this.gl;\n        const W = gl.canvas.width;\n        const H = gl.canvas.height;\n\n        gl.viewport(0, 0, W, H);\n\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            buffer.bundle.render(W, H, buffer.program, buffer.name);\n            gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n        }\n\n        gl.useProgram(this.program);\n        gl.drawArrays(gl.TRIANGLES, 0, 6);\n    }\n\n    // parse input strings\n    getBuffers(fragString) {\n        let buffers = {};\n        if (fragString) {\n            fragString.replace(/(?:^\\s*)((?:#if|#elif)(?:\\s*)(defined\\s*\\(\\s*BUFFER_)(\\d+)(?:\\s*\\))|(?:#ifdef)(?:\\s*BUFFER_)(\\d+)(?:\\s*))/gm, function () {\n                const i = arguments[3] || arguments[4];\n                buffers['u_buffer' + i] = {\n                    fragment: '#define BUFFER_' + i + '\\n' + fragString\n                };\n            });\n        }\n        return buffers;\n    }\n\n    // load buffers programs\n    loadPrograms(buffers) {\n        const glsl = this;\n        const gl = this.gl;\n        const vertex = createShader(glsl, glsl.vertexString, gl.VERTEX_SHADER);\n        for (let key in buffers) {\n            const buffer = buffers[key];\n            let fragment = createShader(glsl, buffer.fragment, gl.FRAGMENT_SHADER, 1);\n            if (!fragment) {\n                fragment = createShader(glsl, 'void main(){\\n\\tgl_FragColor = vec4(1.0);\\n}', gl.FRAGMENT_SHADER);\n                glsl.isValid = false;\n            } else {\n                glsl.isValid = true;\n            }\n            const program = createProgram(glsl, [vertex, fragment]);\n            buffer.name = key;\n            buffer.program = program;\n            buffer.bundle = glsl.createSwappableBuffer(glsl.canvas.width, glsl.canvas.height, program);\n            gl.deleteShader(fragment);\n        }\n        gl.deleteShader(vertex);\n    }\n\n    // create an input / output swappable buffer\n    createSwappableBuffer(W, H, program) {\n        var input = this.createBuffer(W, H, program);\n        var output = this.createBuffer(W, H, program);\n        const gl = this.gl;\n        return {\n            input: input,\n            output: output,\n            swap: function() {\n                var temp = input;\n                input = output;\n                output = temp;\n                this.input = input;\n                this.output = output;\n            },\n            render: function (W, H, program, name) {\n                gl.useProgram(program);\n                gl.viewport(0, 0, W, H);\n                gl.bindFramebuffer(gl.FRAMEBUFFER, this.input.buffer);\n                gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.output.texture, 0);\n                gl.drawArrays(gl.TRIANGLES, 0, 6);\n                this.swap();\n            },\n            resize: function (W, H, program, name) {\n                gl.useProgram(program);\n                gl.viewport(0, 0, W, H);\n                this.input.resize(W, H);\n                this.output.resize(W, H);\n            },\n        };\n    }\n\n    // create a buffers\n    createBuffer(W, H, program) {\n        const gl = this.gl;\n        let index = this.BUFFER_COUNT;\n        this.BUFFER_COUNT += 2;\n        gl.getExtension('OES_texture_float');\n        var texture = gl.createTexture();\n        gl.activeTexture(gl.TEXTURE0 + index);\n        gl.bindTexture(gl.TEXTURE_2D, texture);\n        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.FLOAT, null);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n        var buffer = gl.createFramebuffer();\n        return {\n            index: index,\n            texture: texture,\n            buffer: buffer,\n            W: W,\n            H: H,\n            resize: function(W, H) {\n                gl.bindFramebuffer(gl.FRAMEBUFFER, buffer);\n                var minW = Math.min(W, this.W);\n                var minH = Math.min(H, this.H);\n                var pixels = new Float32Array(minW * minH * 4);\n                gl.readPixels(0, 0, minW, minH, gl.RGBA, gl.FLOAT, pixels);\n                gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n                var newIndex = index + 1;\n                var newTexture = gl.createTexture();\n                gl.activeTexture(gl.TEXTURE0 + newIndex);\n                gl.bindTexture(gl.TEXTURE_2D, newTexture);\n                gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.FLOAT, null);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n                gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, minW, minH, gl.RGBA, gl.FLOAT, pixels);\n                var newBuffer = gl.createFramebuffer();\n                gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n                gl.deleteTexture(texture);\n                gl.activeTexture(gl.TEXTURE0 + index);\n                gl.bindTexture(gl.TEXTURE_2D, newTexture);\n                index = this.index = index;\n                texture = this.texture = newTexture;\n                buffer = this.buffer = newBuffer;\n                this.W = W;\n                this.H = H;\n            },\n        };\n    }\n\n    // resize buffers on canvas resize\n    // consider applying a throttle of 50 ms on canvas resize\n    // to avoid requestAnimationFrame and Gl violations\n    resizeSwappableBuffers() {\n        const gl = this.gl;\n        const W = gl.canvas.width,\n            H = gl.canvas.height;\n        gl.viewport(0, 0, W, H);\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            buffer.bundle.resize(W, H, buffer.program, buffer.name);\n        }\n        gl.useProgram(this.program);\n    }\n\n    version() {\n        return '0.1.7';\n    }\n}\n\nfunction loadAllGlslCanvas() {\n    var list = document.getElementsByClassName('glslCanvas');\n    if (list.length > 0) {\n        window.glslCanvases = [];\n        for (var i = 0; i < list.length; i++) {\n            var sandbox = new GlslCanvas(list[i]);\n            if (sandbox.isValid) {\n                window.glslCanvases.push(sandbox);\n            }\n        }\n    }\n}\n\nwindow.addEventListener('load', function () {\n    loadAllGlslCanvas();\n});"],"names":["window","global","self","fn","string","toString","call","setTimeout","alert","confirm","prompt","Object","prototype","exports","module","str","replace","list","iterator","context","isFunction","TypeError","arguments","length","this","array","i","len","hasOwnProperty","forEachArray","charAt","forEachString","object","k","forEachObject","headers","result","forEach","trim","split","row","arg","index","indexOf","key","slice","toLowerCase","value","push","target","source","createXHR","initParams","uri","options","callback","params","xtend","_createXHR","Error","called","err","response","body","errorFunc","evt","clearTimeout","timeoutTimer","statusCode","failureResponse","loadFunc","aborted","status","useXDR","undefined","xhr","responseText","responseType","responseXML","firefoxBugTakenEffect","documentElement","nodeName","e","getXml","isJson","JSON","parse","getBody","method","url","rawRequest","getAllResponseHeaders","parseHeaders","cors","XDomainRequest","XMLHttpRequest","data","sync","json","stringify","onreadystatechange","readyState","onload","onerror","onprogress","onabort","ontimeout","open","username","password","withCredentials","timeout","abort","code","setRequestHeader","obj","isEmpty","beforeSend","send","toUpperCase","lastError","GET_A_WEBGL_BROWSER","OTHER_PROBLEM","ERROR_BROWSER_SUPPORT","ERROR_OTHER","setupWebGL","canvas","optAttribs","onError","handleError","errorCode","msg","container","parentNode","innerHTML","WebGLRenderingContext","names","ii","getContext","create3DContext","getExtension","createShader","main","type","offset","gl","shader","shaderSource","compileShader","getShaderParameter","COMPILE_STATUS","getShaderInfoLog","error","trigger","deleteShader","createProgram","shaders","optLocations","program","attachShader","bindAttribLocation","linkProgram","getProgramParameter","LINK_STATUS","getProgramInfoLog","log","deleteProgram","isPowerOf2","subscribeMixin","listeners","Set","assign","f","listener","add","delete","item","keys","clear","event","Texture","name","texture","createTexture","valid","bind","sourceType","loading","setData","Uint8Array","filtering","setFiltering","load","deleteTexture","unit","activeUnit","activeTexture","TEXTURE0","bindTexture","TEXTURE_2D","setUrl","element","setElement","width","height","Promise","resolve","reject","ext","pop","isVideo","document","createElement","autoplay","Image","_this","test","navigator","userAgent","crossOrigin","src","update","el","querySelector","HTMLCanvasElement","HTMLImageElement","HTMLVideoElement","addEventListener","intervalID","setInterval","currentTime","play","pixelStorei","UNPACK_FLIP_Y_WEBGL","UNPACK_PREMULTIPLY_ALPHA_WEBGL","complete","videoWidth","videoHeight","texImage2D","RGBA","UNSIGNED_BYTE","powerOf2","defualtFilter","texParameteri","TEXTURE_WRAP_S","repeat","REPEAT","CLAMP_TO_EDGE","TEXTURE_WRAP_T","TEXTURE_MIN_FILTER","LINEAR_MIPMAP_LINEAR","TEXTURE_MAG_FILTER","LINEAR","generateMipmap","NEAREST","getMaxTextureSize","getParameter","MAX_TEXTURE_SIZE","GlslCanvas","contextOptions","hasAttribute","getAttribute","clientWidth","clientHeight","innerWidth","innerHeight","textures","buffers","uniforms","vbo","isValid","BUFFER_COUNT","vertexString","fragmentString","timeLoad","timePrev","performance","now","timeDelta","forceRender","paused","realToCSSPixels","devicePixelRatio","style","backgroundColor","get","texCoordsLoc","getAttribLocation","texCoords","createBuffer","bindBuffer","ARRAY_BUFFER","bufferData","Float32Array","STATIC_DRAW","enableVertexAttribArray","vertexAttribPointer","FLOAT","verticesLoc","vertices","imgList","nImg","setUniform","mouse","x","clientX","pageX","y","clientY","pageY","sandbox","setMouse","RenderLoop","nMouse","resize","render","requestAnimationFrame","tex","animated","destroy","att","attribs","deleteBuffer","useProgram","buffer","fragString","vertString","nDelta","match","nTime","nDate","search","lines","vertexShader","VERTEX_SHADER","fragmentShader","FRAGMENT_SHADER","change","getBuffers","loadPrograms","texureIndex","pre_test_vert","pre_test_frag","pre_test_paused","query","createQueryEXT","wasValid","beginQueryEXT","TIME_ELAPSED_EXT","endQueryEXT","waitForTest","available","getQueryObjectEXT","QUERY_RESULT_AVAILABLE_EXT","disjoint","GPU_DISJOINT_EXT","ret","QUERY_RESULT_EXT","urlElementOrData","on","args","u","setUniforms","parsed","parseUniforms","prefix","uniform","Array","isArray","babelHelpers.typeof","loadTexture","rect","getBoundingClientRect","left","right","top","bottom","mouse_x","mouse_y","a","b","location","getUniformLocation","apply","concat","displayWidth","Math","floor","displayHeight","viewport","resizeSwappableBuffers","visible","date","Date","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","bundle","input","uniformTexture","renderPrograms","W","H","bindFramebuffer","FRAMEBUFFER","drawArrays","TRIANGLES","vertex","fragment","createSwappableBuffer","output","temp","framebufferTexture2D","COLOR_ATTACHMENT0","swap","createFramebuffer","minW","min","minH","pixels","readPixels","newIndex","newTexture","texSubImage2D","newBuffer","getElementsByClassName","glslCanvases"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"GlslCanvas.min.js","sources":["../node_modules/global/window.js","../node_modules/is-function/index.js","../node_modules/trim/index.js","../node_modules/for-each/index.js","../node_modules/parse-headers/parse-headers.js","../node_modules/xtend/immutable.js","../node_modules/xhr/index.js","../src/gl/gl.js","../src/tools/common.js","../src/tools/mixin.js","../src/gl/Texture.js","../src/GlslCanvas.js"],"sourcesContent":["var win;\n\nif (typeof window !== \"undefined\") {\n    win = window;\n} else if (typeof global !== \"undefined\") {\n    win = global;\n} else if (typeof self !== \"undefined\"){\n    win = self;\n} else {\n    win = {};\n}\n\nmodule.exports = win;\n","module.exports = isFunction\n\nvar toString = Object.prototype.toString\n\nfunction isFunction (fn) {\n  var string = toString.call(fn)\n  return string === '[object Function]' ||\n    (typeof fn === 'function' && string !== '[object RegExp]') ||\n    (typeof window !== 'undefined' &&\n     // IE8 and below\n     (fn === window.setTimeout ||\n      fn === window.alert ||\n      fn === window.confirm ||\n      fn === window.prompt))\n};\n","\nexports = module.exports = trim;\n\nfunction trim(str){\n  return str.replace(/^\\s*|\\s*$/g, '');\n}\n\nexports.left = function(str){\n  return str.replace(/^\\s*/, '');\n};\n\nexports.right = function(str){\n  return str.replace(/\\s*$/, '');\n};\n","var isFunction = require('is-function')\n\nmodule.exports = forEach\n\nvar toString = Object.prototype.toString\nvar hasOwnProperty = Object.prototype.hasOwnProperty\n\nfunction forEach(list, iterator, context) {\n    if (!isFunction(iterator)) {\n        throw new TypeError('iterator must be a function')\n    }\n\n    if (arguments.length < 3) {\n        context = this\n    }\n    \n    if (toString.call(list) === '[object Array]')\n        forEachArray(list, iterator, context)\n    else if (typeof list === 'string')\n        forEachString(list, iterator, context)\n    else\n        forEachObject(list, iterator, context)\n}\n\nfunction forEachArray(array, iterator, context) {\n    for (var i = 0, len = array.length; i < len; i++) {\n        if (hasOwnProperty.call(array, i)) {\n            iterator.call(context, array[i], i, array)\n        }\n    }\n}\n\nfunction forEachString(string, iterator, context) {\n    for (var i = 0, len = string.length; i < len; i++) {\n        // no such thing as a sparse string.\n        iterator.call(context, string.charAt(i), i, string)\n    }\n}\n\nfunction forEachObject(object, iterator, context) {\n    for (var k in object) {\n        if (hasOwnProperty.call(object, k)) {\n            iterator.call(context, object[k], k, object)\n        }\n    }\n}\n","var trim = require('trim')\n  , forEach = require('for-each')\n  , isArray = function(arg) {\n      return Object.prototype.toString.call(arg) === '[object Array]';\n    }\n\nmodule.exports = function (headers) {\n  if (!headers)\n    return {}\n\n  var result = {}\n\n  forEach(\n      trim(headers).split('\\n')\n    , function (row) {\n        var index = row.indexOf(':')\n          , key = trim(row.slice(0, index)).toLowerCase()\n          , value = trim(row.slice(index + 1))\n\n        if (typeof(result[key]) === 'undefined') {\n          result[key] = value\n        } else if (isArray(result[key])) {\n          result[key].push(value)\n        } else {\n          result[key] = [ result[key], value ]\n        }\n      }\n  )\n\n  return result\n}","module.exports = extend\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\nfunction extend() {\n    var target = {}\n\n    for (var i = 0; i < arguments.length; i++) {\n        var source = arguments[i]\n\n        for (var key in source) {\n            if (hasOwnProperty.call(source, key)) {\n                target[key] = source[key]\n            }\n        }\n    }\n\n    return target\n}\n","\"use strict\";\nvar window = require(\"global/window\")\nvar isFunction = require(\"is-function\")\nvar parseHeaders = require(\"parse-headers\")\nvar xtend = require(\"xtend\")\n\nmodule.exports = createXHR\n// Allow use of default import syntax in TypeScript\nmodule.exports.default = createXHR;\ncreateXHR.XMLHttpRequest = window.XMLHttpRequest || noop\ncreateXHR.XDomainRequest = \"withCredentials\" in (new createXHR.XMLHttpRequest()) ? createXHR.XMLHttpRequest : window.XDomainRequest\n\nforEachArray([\"get\", \"put\", \"post\", \"patch\", \"head\", \"delete\"], function(method) {\n    createXHR[method === \"delete\" ? \"del\" : method] = function(uri, options, callback) {\n        options = initParams(uri, options, callback)\n        options.method = method.toUpperCase()\n        return _createXHR(options)\n    }\n})\n\nfunction forEachArray(array, iterator) {\n    for (var i = 0; i < array.length; i++) {\n        iterator(array[i])\n    }\n}\n\nfunction isEmpty(obj){\n    for(var i in obj){\n        if(obj.hasOwnProperty(i)) return false\n    }\n    return true\n}\n\nfunction initParams(uri, options, callback) {\n    var params = uri\n\n    if (isFunction(options)) {\n        callback = options\n        if (typeof uri === \"string\") {\n            params = {uri:uri}\n        }\n    } else {\n        params = xtend(options, {uri: uri})\n    }\n\n    params.callback = callback\n    return params\n}\n\nfunction createXHR(uri, options, callback) {\n    options = initParams(uri, options, callback)\n    return _createXHR(options)\n}\n\nfunction _createXHR(options) {\n    if(typeof options.callback === \"undefined\"){\n        throw new Error(\"callback argument missing\")\n    }\n\n    var called = false\n    var callback = function cbOnce(err, response, body){\n        if(!called){\n            called = true\n            options.callback(err, response, body)\n        }\n    }\n\n    function readystatechange() {\n        if (xhr.readyState === 4) {\n            setTimeout(loadFunc, 0)\n        }\n    }\n\n    function getBody() {\n        // Chrome with requestType=blob throws errors arround when even testing access to responseText\n        var body = undefined\n\n        if (xhr.response) {\n            body = xhr.response\n        } else {\n            body = xhr.responseText || getXml(xhr)\n        }\n\n        if (isJson) {\n            try {\n                body = JSON.parse(body)\n            } catch (e) {}\n        }\n\n        return body\n    }\n\n    function errorFunc(evt) {\n        clearTimeout(timeoutTimer)\n        if(!(evt instanceof Error)){\n            evt = new Error(\"\" + (evt || \"Unknown XMLHttpRequest Error\") )\n        }\n        evt.statusCode = 0\n        return callback(evt, failureResponse)\n    }\n\n    // will load the data & process the response in a special response object\n    function loadFunc() {\n        if (aborted) return\n        var status\n        clearTimeout(timeoutTimer)\n        if(options.useXDR && xhr.status===undefined) {\n            //IE8 CORS GET successful response doesn't have a status field, but body is fine\n            status = 200\n        } else {\n            status = (xhr.status === 1223 ? 204 : xhr.status)\n        }\n        var response = failureResponse\n        var err = null\n\n        if (status !== 0){\n            response = {\n                body: getBody(),\n                statusCode: status,\n                method: method,\n                headers: {},\n                url: uri,\n                rawRequest: xhr\n            }\n            if(xhr.getAllResponseHeaders){ //remember xhr can in fact be XDR for CORS in IE\n                response.headers = parseHeaders(xhr.getAllResponseHeaders())\n            }\n        } else {\n            err = new Error(\"Internal XMLHttpRequest Error\")\n        }\n        return callback(err, response, response.body)\n    }\n\n    var xhr = options.xhr || null\n\n    if (!xhr) {\n        if (options.cors || options.useXDR) {\n            xhr = new createXHR.XDomainRequest()\n        }else{\n            xhr = new createXHR.XMLHttpRequest()\n        }\n    }\n\n    var key\n    var aborted\n    var uri = xhr.url = options.uri || options.url\n    var method = xhr.method = options.method || \"GET\"\n    var body = options.body || options.data\n    var headers = xhr.headers = options.headers || {}\n    var sync = !!options.sync\n    var isJson = false\n    var timeoutTimer\n    var failureResponse = {\n        body: undefined,\n        headers: {},\n        statusCode: 0,\n        method: method,\n        url: uri,\n        rawRequest: xhr\n    }\n\n    if (\"json\" in options && options.json !== false) {\n        isJson = true\n        headers[\"accept\"] || headers[\"Accept\"] || (headers[\"Accept\"] = \"application/json\") //Don't override existing accept header declared by user\n        if (method !== \"GET\" && method !== \"HEAD\") {\n            headers[\"content-type\"] || headers[\"Content-Type\"] || (headers[\"Content-Type\"] = \"application/json\") //Don't override existing accept header declared by user\n            body = JSON.stringify(options.json === true ? body : options.json)\n        }\n    }\n\n    xhr.onreadystatechange = readystatechange\n    xhr.onload = loadFunc\n    xhr.onerror = errorFunc\n    // IE9 must have onprogress be set to a unique function.\n    xhr.onprogress = function () {\n        // IE must die\n    }\n    xhr.onabort = function(){\n        aborted = true;\n    }\n    xhr.ontimeout = errorFunc\n    xhr.open(method, uri, !sync, options.username, options.password)\n    //has to be after open\n    if(!sync) {\n        xhr.withCredentials = !!options.withCredentials\n    }\n    // Cannot set timeout with sync request\n    // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly\n    // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent\n    if (!sync && options.timeout > 0 ) {\n        timeoutTimer = setTimeout(function(){\n            if (aborted) return\n            aborted = true//IE9 may still call readystatechange\n            xhr.abort(\"timeout\")\n            var e = new Error(\"XMLHttpRequest timeout\")\n            e.code = \"ETIMEDOUT\"\n            errorFunc(e)\n        }, options.timeout )\n    }\n\n    if (xhr.setRequestHeader) {\n        for(key in headers){\n            if(headers.hasOwnProperty(key)){\n                xhr.setRequestHeader(key, headers[key])\n            }\n        }\n    } else if (options.headers && !isEmpty(options.headers)) {\n        throw new Error(\"Headers cannot be set on an XDomainRequest object\")\n    }\n\n    if (\"responseType\" in options) {\n        xhr.responseType = options.responseType\n    }\n\n    if (\"beforeSend\" in options &&\n        typeof options.beforeSend === \"function\"\n    ) {\n        options.beforeSend(xhr)\n    }\n\n    // Microsoft Edge browser sends \"undefined\" when send is called with undefined value.\n    // XMLHttpRequest spec says to pass null as body to indicate no body\n    // See https://github.com/naugtur/xhr/issues/100.\n    xhr.send(body || null)\n\n    return xhr\n\n\n}\n\nfunction getXml(xhr) {\n    // xhr.responseXML will throw Exception \"InvalidStateError\" or \"DOMException\"\n    // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML.\n    try {\n        if (xhr.responseType === \"document\") {\n            return xhr.responseXML\n        }\n        var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === \"parsererror\"\n        if (xhr.responseType === \"\" && !firefoxBugTakenEffect) {\n            return xhr.responseXML\n        }\n    } catch (e) {}\n\n    return null\n}\n\nfunction noop() {}\n","let lastError = '';\n\n/**\n * Creates the HTLM for a failure message\n * @param {string} canvasContainerId id of container of th\n *        canvas.\n * @return {string} The html.\n */\nfunction makeFailHTML(msg) {\n    return `\n<table style=\"background-color: #8CE; width: 100%; height: 100%;\"><tr>\n<td align=\"center\">\n<div style=\"display: table-cell; vertical-align: middle;\">\n<div style=\"\">` + msg + `</div>\n</div>\n</td></tr></table>\n`;\n}\n\n/**\n * Message for getting a webgl browser\n * @type {string}\n */\nlet GET_A_WEBGL_BROWSER = `\n\tThis page requires a browser that supports WebGL.<br/>\n\t<a href=\"http://get.webgl.org\">Click here to upgrade your browser.</a>\n`;\n\n/**\n * Message for need better hardware\n * @type {string}\n */\nlet OTHER_PROBLEM = `\n\tIt does not appear your computer can support WebGL.<br/>\n\t<a href=\"http://get.webgl.org/troubleshooting/\">Click here for more information.</a>\n`;\n\n/**\n * Code to return in `onError` callback when the browser doesn't support webgl\n * @type {number}\n */\nexport const ERROR_BROWSER_SUPPORT = 1;\n\n/**\n * Code to return in `onError` callback there's any other problem related to webgl\n * @type {number}\n */\nexport const ERROR_OTHER = 2;\n\n/**\n * Creates a webgl context. If creation fails it will\n * change the contents of the container of the <canvas>\n * tag to an error message with the correct links for WebGL,\n * unless `onError` option is defined to a callback,\n * which allows for custom error handling..\n * @param {Element} canvas. The canvas element to create a\n *     context from.\n * @param {WebGLContextCreationAttributes} optAttribs Any\n *     creation attributes you want to pass in.\n * @return {WebGLRenderingContext} The created context.\n */\nexport function setupWebGL (canvas, optAttribs, onError) {\n    function showLink(str) {\n        let container = canvas.parentNode;\n        if (container) {\n            container.innerHTML = makeFailHTML(str);\n        }\n    }\n\n    function handleError(errorCode, msg) {\n        if (typeof onError === 'function') {\n            onError(errorCode);\n        } else {\n            showLink(msg);\n        }\n    }\n\n    if (!window.WebGLRenderingContext) {\n        handleError(ERROR_BROWSER_SUPPORT, GET_A_WEBGL_BROWSER);\n        return null;\n    }\n\n    let context = create3DContext(canvas, optAttribs);\n    if (!context) {\n        handleError(ERROR_OTHER, OTHER_PROBLEM);\n    } else {\n        context.getExtension('OES_standard_derivatives');\n    }\n    return context;\n}\n\n/**\n * Creates a webgl context.\n * @param {!Canvas} canvas The canvas tag to get context\n *     from. If one is not passed in one will be created.\n * @return {!WebGLContext} The created context.\n */\nexport function create3DContext(canvas, optAttribs) {\n    let names = ['webgl', 'experimental-webgl'];\n    let context = null;\n    for (var ii = 0; ii < names.length; ++ii) {\n        try {\n            context = canvas.getContext(names[ii], optAttribs);\n        } catch(e) {\n            if (context) {\n                break;\n            }\n        }\n    }\n    return context;\n}\n\n/*\n *\tCreate a Vertex of a specific type (gl.VERTEX_SHADER/)\n */\nexport function createShader(main, source, type, offset) {\n    let gl = main.gl;\n\n    let shader = gl.createShader(type);\n    gl.shaderSource(shader, source);\n    gl.compileShader(shader);\n\n    let compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);\n\n    if (!compiled) {\n        // Something went wrong during compilation; get the error\n        lastError = gl.getShaderInfoLog(shader);\n        console.error('*** Error compiling shader ' + shader + ':' + lastError);\n        main.trigger('error', {\n            shader: shader,\n            source: source,\n            type: type,\n            error: lastError,\n            offset: offset || 0\n        });\n        gl.deleteShader(shader);\n        return null;\n    }\n\n    return shader;\n}\n\n/**\n * Loads a shader.\n * @param {!WebGLContext} gl The WebGLContext to use.\n * @param {string} shaderSource The shader source.\n * @param {number} shaderType The type of shader.\n * @param {function(string): void) opt_errorCallback callback for errors.\n * @return {!WebGLShader} The created shader.\n */\nexport function createProgram(main, shaders, optAttribs, optLocations) {\n    let gl = main.gl;\n\n    let program = gl.createProgram();\n    for (let ii = 0; ii < shaders.length; ++ii) {\n        gl.attachShader(program, shaders[ii]);\n    }\n    if (optAttribs) {\n        for (let ii = 0; ii < optAttribs.length; ++ii) {\n            gl.bindAttribLocation(\n            program,\n            optLocations ? optLocations[ii] : ii,\n            optAttribs[ii]);\n        }\n    }\n    gl.linkProgram(program);\n\n    // Check the link status\n    let linked = gl.getProgramParameter(program, gl.LINK_STATUS);\n    if (!linked) {\n        // something went wrong with the link\n        lastError = gl.getProgramInfoLog(program);\n        console.log('Error in program linking:' + lastError);\n        gl.deleteProgram(program);\n        return null;\n    }\n    return program;\n}\n\n// By Brett Camber on\n// https://github.com/tangrams/tangram/blob/master/src/gl/glsl.js\nexport function parseUniforms(uniforms, prefix = null) {\n    let parsed = [];\n\n    for (let name in uniforms) {\n        let uniform = uniforms[name];\n        let u;\n\n        if (prefix) {\n            name = prefix + '.' + name;\n        }\n\n        // Single float\n        if (typeof uniform === 'number') {\n            parsed.push({\n                type: 'float',\n                method: '1f',\n                name,\n                value: uniform\n            });\n        }\n        // Array: vector, array of floats, array of textures, or array of structs\n        else if (Array.isArray(uniform)) {\n            // Numeric values\n            if (typeof uniform[0] === 'number') {\n                // float vectors (vec2, vec3, vec4)\n                if (uniform.length === 1) {\n                    parsed.push({\n                        type: 'float',\n                        method: '1f',\n                        name,\n                        value: uniform\n                    });\n                }\n                // float vectors (vec2, vec3, vec4)\n                else if (uniform.length >= 2 && uniform.length <= 4) {\n                    parsed.push({\n                        type: 'vec' + uniform.length,\n                        method: uniform.length + 'fv',\n                        name,\n                        value: uniform\n                    });\n                }\n                // float array\n                else if (uniform.length > 4) {\n                    parsed.push({\n                        type: 'float[]',\n                        method: '1fv',\n                        name: name + '[0]',\n                        value: uniform\n                    });\n                }\n                // TODO: assume matrix for (typeof == Float32Array && length == 16)?\n            }\n            // Array of textures\n            else if (typeof uniform[0] === 'string') {\n                parsed.push({\n                    type: 'sampler2D',\n                    method: '1i',\n                    name: name,\n                    value: uniform\n                });\n            }\n            // Array of arrays - but only arrays of vectors are allowed in this case\n            else if (Array.isArray(uniform[0]) && typeof uniform[0][0] === 'number') {\n                // float vectors (vec2, vec3, vec4)\n                if (uniform[0].length >= 2 && uniform[0].length <= 4) {\n                    // Set each vector in the array\n                    for (u = 0; u < uniform.length; u++) {\n                        parsed.push({\n                            type: 'vec' + uniform[0].length,\n                            method: uniform[u].length + 'fv',\n                            name: name + '[' + u + ']',\n                            value: uniform[u]\n                        });\n                    }\n                }\n                // else error?\n            }\n            // Array of structures\n            else if (typeof uniform[0] === 'object') {\n                for (u = 0; u < uniform.length; u++) {\n                    // Set each struct in the array\n                    parsed.push(...parseUniforms(uniform[u], name + '[' + u + ']'));\n                }\n            }\n        }\n        // Boolean\n        else if (typeof uniform === 'boolean') {\n            parsed.push({\n                type: 'bool',\n                method: '1i',\n                name,\n                value: uniform\n            });\n        }\n        // Texture\n        else if (typeof uniform === 'string') {\n            parsed.push({\n                type: 'sampler2D',\n                method: '1i',\n                name,\n                value: uniform\n            });\n        }\n        // Structure\n        else if (typeof uniform === 'object') {\n            // Set each field in the struct\n            parsed.push(...parseUniforms(uniform, name));\n        }\n        // TODO: support other non-float types? (int, etc.)\n    }\n    return parsed;\n}\n","export function isCanvasVisible(canvas) {\n    return\t((canvas.getBoundingClientRect().top + canvas.height) > 0) &&\n        (canvas.getBoundingClientRect().top < (window.innerHeight || document.documentElement.clientHeight));\n}\n\nexport function isPowerOf2(value) {\n    return (value & (value - 1)) === 0;\n}\n\nexport function isSafari () {\n    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n};\n\nexport function nextHighestPowerOfTwo(x) {\n    --x;\n    for (let i = 1; i < 32; i <<= 1) {\n        x = x | x >> i;\n    }\n    return x + 1;\n}\n\nexport function FormatNumberLength(num, length) {\n    let r = num.toString();\n    while (r.length < length) {\n        r = '0' + r;\n    }\n    return r;\n}\n\nexport function getMousePos(canvas, evt) {\n    let rect = canvas.getBoundingClientRect();\n    return {\n        x: evt.clientX - rect.left,\n        y: evt.clientY - rect.top\n    };\n}\n\nexport function isDiff(a, b) {\n    if (a && b) {\n        return a.toString() !== b.toString();\n    }\n    return false;\n}\n\nexport function subscribeMixin (target) {\n    var listeners = new Set();\n\n    return Object.assign(target, {\n\n        subscribe(listener) {\n            listeners.add(listener);\n        },\n\n        on(type, f) {\n            let listener = {};\n            listener[type] = f;\n            listeners.add(listener);\n        },\n\n        unsubscribe(listener) {\n            listeners.delete(listener);\n        },\n\n        unsubscribeAll() {\n            listeners.clear();\n        },\n\n        trigger(event, ...data) {\n            for (var listener of listeners) {\n                if (typeof listener[event] === 'function') {\n                    listener[event](...data);\n                }\n            }\n        }\n    });\n}\n","export function subscribeMixin (target) {\n    var listeners = new Set();\n\n    return Object.assign(target, {\n\n        on(type, f) {\n            let listener = {};\n            listener[type] = f;\n            listeners.add(listener);\n        },\n\n        off(type, f) {\n            if (f) {\n                let listener = {};\n                listener[type] = f;\n                listeners.delete(listener);\n            }\n            else {\n                for (let item of listeners) {\n                    for (let key of Object.keys(item)) {\n                        if (key === type) {\n                            listeners.delete(item);\n                            return;\n                        }\n                    }\n                }\n            }\n        },\n\n        listSubscriptions() {\n            for (let item of listeners) {\n                console.log(item);\n            }\n        },\n\n        subscribe(listener) {\n            listeners.add(listener);\n        },\n\n        unsubscribe(listener) {\n            listeners.delete(listener);\n        },\n\n        unsubscribeAll() {\n            listeners.clear();\n        },\n\n        trigger(event, ...data) {\n            for (var listener of listeners) {\n                if (typeof listener[event] === 'function') {\n                    listener[event](...data);\n                }\n            }\n        }\n    });\n}\n","// Texture management\nimport { isPowerOf2, isSafari } from '../tools/common';\nimport { subscribeMixin } from '../tools/mixin';\n\n// GL texture wrapper object for keeping track of a global set of textures, keyed by a unique user-defined name\nexport default class Texture {\n    constructor(gl, name, options = {}) {\n        subscribeMixin(this);\n\n        this.gl = gl;\n        this.texture = gl.createTexture();\n        if (this.texture) {\n            this.valid = true;\n        }\n        this.bind();\n\n        this.name = name;\n        this.source = null;\n        this.sourceType = null;\n        this.loading = null; // a Promise object to track the loading state of this texture\n\n        // Default to a 1-pixel black texture so we can safely render while we wait for an image to load\n        // See: http://stackoverflow.com/questions/19722247/webgl-wait-for-texture-to-load\n        this.setData(1, 1, new Uint8Array([0, 0, 0, 255]), { filtering: 'linear' });\n        this.setFiltering(options.filtering);\n\n        this.load(options);\n    }\n\n    // Destroy a single texture instance\n    destroy() {\n        if (!this.valid) {\n            return;\n        }\n        this.gl.deleteTexture(this.texture);\n        this.texture = null;\n        delete this.data;\n        this.data = null;\n        this.valid = false;\n    }\n\n    bind(unit) {\n        if (!this.valid) {\n            return;\n        }\n        if (typeof unit === 'number') {\n            if (Texture.activeUnit !== unit) {\n                this.gl.activeTexture(this.gl.TEXTURE0 + unit);\n                Texture.activeUnit = unit;\n            }\n        }\n        if (Texture.activeTexture !== this.texture) {\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.texture);\n            Texture.activeTexture = this.texture;\n        }\n    }\n\n    load(options = {}) {\n        this.loading = null;\n\n        if (typeof options.url === 'string') {\n            if (this.url === undefined || options.url !== this.url) {\n                this.setUrl(options.url, options);\n            }\n        }\n        else if (options.element) {\n            this.setElement(options.element, options);\n        }\n        else if (options.data && options.width && options.height) {\n            this.setData(options.width, options.height, options.data, options);\n        }\n    }\n\n    // Sets texture from an url\n    setUrl(url, options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.url = url; // save URL reference (will be overwritten when element is loaded below)\n        this.source = this.url;\n        this.sourceType = 'url';\n\n        this.loading = new Promise((resolve, reject) => {\n            let ext = url.split('.').pop().toLowerCase();\n            let isVideo = (ext === 'ogv' || ext === 'webm' || ext === 'mp4');\n\n            let element = undefined\n            if (isVideo) {\n                element = document.createElement('video');\n                element.autoplay = true;\n                options.filtering = 'nearest';\n                // element.preload = 'auto';\n                // element.style.display = 'none';\n                // document.body.appendChild(element);\n            } else {\n                element = new Image();\n            }\n\n            element.onload = () => {\n                try {\n                    this.setElement(element, options);\n                }\n                catch (e) {\n                    console.log(`Texture '${this.name}': failed to load url: '${this.source}'`, e, options);\n                }\n                resolve(this);\n            };\n            element.onerror = e => {\n                // Warn and resolve on error\n                console.log(`Texture '${this.name}': failed to load url: '${this.source}'`, e, options);\n                resolve(this);\n            };\n\n            // Safari has a bug loading data-URL elements with CORS enabled, so it must be disabled in that case\n            // https://bugs.webkit.org/show_bug.cgi?id=123978\n            if (!(isSafari() && this.source.slice(0, 5) === 'data:')) {\n                element.crossOrigin = 'anonymous';\n            }\n\n            element.src = this.source;\n            if (isVideo) {\n                this.setElement(element, options);\n            }\n        });\n        return this.loading;\n    }\n\n    // Sets texture to a raw image buffer\n    setData(width, height, data, options = {}) {\n        this.width = width;\n        this.height = height;\n\n        this.source = data;\n        this.sourceType = 'data';\n\n        this.update(options);\n        this.setFiltering(options);\n\n        this.loading = Promise.resolve(this);\n        return this.loading;\n    }\n\n    // Sets the texture to track a element (canvas/image)\n    setElement(element, options) {\n        let el = element;\n\n        // a string element is interpeted as a CSS selector\n        if (typeof element === 'string') {\n            element = document.querySelector(element);\n        }\n\n        if (element instanceof HTMLCanvasElement ||\n            element instanceof HTMLImageElement ||\n            element instanceof HTMLVideoElement) {\n            this.source = element;\n            this.sourceType = 'element';\n\n            if (element instanceof HTMLVideoElement) {\n                element.addEventListener('canplaythrough', () => {\n                    this.intervalID = setInterval(()=>{\n                        this.update(options);\n                    }, 15);\n                }, true);\n                element.addEventListener('ended', () => {\n                    element.currentTime = 0;\n                    element.play();\n                }, true);\n            } else {\n                this.update(options);\n            }            \n            this.setFiltering(options);\n        }\n        else {\n            let msg = `the 'element' parameter (\\`element: ${JSON.stringify(el)}\\`) must be a CSS `;\n            msg += `selector string, or a <canvas>, <image> or <video> object`;\n            console.log(`Texture '${this.name}': ${msg}`, options);\n        }\n\n        this.loading = Promise.resolve(this);\n        return this.loading;\n    }\n\n    // Uploads current image or buffer to the GPU (can be used to update animated textures on the fly)\n    update(options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.bind();\n        this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL, (options.UNPACK_FLIP_Y_WEBGL === false ? false : true));\n        this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, options.UNPACK_PREMULTIPLY_ALPHA_WEBGL || false);\n\n        // Image or Canvas element\n        if (this.sourceType === 'element' &&\n            ((this.source instanceof HTMLCanvasElement) || \n             (this.source instanceof HTMLVideoElement) ||\n             (this.source instanceof HTMLImageElement && this.source.complete))) {\n            if (this.source instanceof HTMLVideoElement) {\n                this.width = this.source.videoWidth;\n                this.height = this.source.videoHeight;\n            } else {\n                this.width = this.source.width;\n                this.height = this.source.height;\n            }\n            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.source);\n        }\n        // Raw image buffer\n        else if (this.sourceType === 'data') {\n            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.width, this.height, 0, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.source);\n        }\n        this.trigger('loaded', this);\n    }\n\n    // Determines appropriate filtering mode\n    setFiltering (options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.powerOf2 = isPowerOf2(this.width) && isPowerOf2(this.height);\n        let defualtFilter = (this.powerOf2 ? 'mipmap' : 'linear');\n        this.filtering = options.filtering || defualtFilter;\n\n        var gl = this.gl;\n        this.bind();\n\n        // For power-of-2 textures, the following presets are available:\n        // mipmap: linear blend from nearest mip\n        // linear: linear blend from original image (no mips)\n        // nearest: nearest pixel from original image (no mips, 'blocky' look)\n        if (this.powerOf2) {\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, options.TEXTURE_WRAP_S || (options.repeat && gl.REPEAT) || gl.CLAMP_TO_EDGE);\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, options.TEXTURE_WRAP_T || (options.repeat && gl.REPEAT) || gl.CLAMP_TO_EDGE);\n\n            if (this.filtering === 'mipmap') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR); // TODO: use trilinear filtering by defualt instead?\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n                gl.generateMipmap(gl.TEXTURE_2D);\n            }\n            else if (this.filtering === 'linear') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n            }\n            else if (this.filtering === 'nearest') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n            }\n        }\n        else {\n            // WebGL has strict requirements on non-power-of-2 textures:\n            // No mipmaps and must clamp to edge\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n\n            if (this.filtering === 'mipmap') {\n                this.filtering = 'linear';\n            }\n\n            if (this.filtering === 'nearest') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n            }\n            else { // default to linear for non-power-of-2 textures\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n            }\n        }\n    }\n}\n\n// Report max texture size for a GL context\nTexture.getMaxTextureSize = function (gl) {\n    return gl.getParameter(gl.MAX_TEXTURE_SIZE);\n};\n\n// Global set of textures, by name\nTexture.activeUnit = -1;\n","/*\nThe MIT License (MIT)\n\nCopyright (c) 2015 Patricio Gonzalez Vivo ( http://www.patriciogonzalezvivo.com )\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the 'Software'), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n*/\n\nimport xhr from 'xhr';\nimport { createProgram, createShader, parseUniforms, setupWebGL } from './gl/gl';\nimport Texture from './gl/Texture';\nimport { isCanvasVisible, isDiff } from './tools/common';\nimport { subscribeMixin } from './tools/mixin';\n\nexport default class GlslCanvas {\n    constructor(canvas, contextOptions, options) {\n        subscribeMixin(this);\n\n        contextOptions = contextOptions || {};\n        options = options || {};\n\n        if (canvas.hasAttribute('data-fullscreen') &&\n            (canvas.getAttribute('data-fullscreen') == \"1\" ||\n            canvas.getAttribute('data-fullscreen') == \"true\" )\n        ) {\n            this.width = window.innerWidth;\n            this.height = window.innerHeight;\n            canvas.width = window.innerWidth;\n            canvas.height = window.innerHeight;\n        } else {\n            this.width = canvas.clientWidth;\n            this.height = canvas.clientHeight;\n        }\n\n        this.canvas = canvas;\n        this.gl = undefined;\n        this.program = undefined;\n        this.textures = {};\n        this.buffers = {};\n        this.uniforms = {};\n        this.vbo = {};\n        this.isValid = false;\n        this.animationFrameRequest = undefined;\n\n        this.BUFFER_COUNT = 0;\n        // this.TEXTURE_COUNT = 0;\n\n        this.vertexString = contextOptions.vertexString || `\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nattribute vec2 a_position;\nattribute vec2 a_texcoord;\n\nvarying vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n`;\n        this.fragmentString = contextOptions.fragmentString || `\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying vec2 v_texcoord;\n\nvoid main(){\n    gl_FragColor = vec4(0.0);\n}\n`;\n\n        // GL Context\n        let gl = setupWebGL(canvas, contextOptions, options.onError);\n        if (!gl) {\n            return;\n        }\n        this.gl = gl;\n        this.timeLoad = this.timePrev = performance.now();\n        this.timeDelta = 0.0;\n        this.forceRender = true;\n        this.paused = false;\n        this.realToCSSPixels = window.devicePixelRatio || 1;\n\n        // Allow alpha\n        canvas.style.backgroundColor = contextOptions.backgroundColor || 'rgba(1,1,1,0)';\n\n        // Load shader\n        if (canvas.hasAttribute('data-fragment')) {\n            this.fragmentString = canvas.getAttribute('data-fragment');\n        }\n        else if (canvas.hasAttribute('data-fragment-url')) {\n            let source = canvas.getAttribute('data-fragment-url');\n            xhr.get(source, (error, response, body) => {\n                this.load(body, this.vertexString);\n            });\n        }\n\n        // Load shader\n        if (canvas.hasAttribute('data-vertex')) {\n            this.vertexString = canvas.getAttribute('data-vertex');\n        }\n        else if (canvas.hasAttribute('data-vertex-url')) {\n            let source = canvas.getAttribute('data-vertex-url');\n            xhr.get(source, (error, response, body) => {\n                this.load(this.fragmentString, body);\n            });\n        }\n\n        this.load();\n\n        if (!this.program) {\n            return;\n        }\n\n        // Define Vertex buffer\n        let texCoordsLoc = gl.getAttribLocation(this.program, 'a_texcoord');\n        this.vbo.texCoords = gl.createBuffer();\n        this.gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo.texCoords);\n        this.gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 1.0, 1.0, 0.0, 1.0, 1.0]), gl.STATIC_DRAW);\n        this.gl.enableVertexAttribArray(texCoordsLoc);\n        this.gl.vertexAttribPointer(texCoordsLoc, 2, gl.FLOAT, false, 0, 0);\n\n        let verticesLoc = gl.getAttribLocation(this.program, 'a_position');\n        this.vbo.vertices = gl.createBuffer();\n        this.gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo.vertices);\n        this.gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1.0, -1.0, 1.0, -1.0, -1.0, 1.0, -1.0, 1.0, 1.0, -1.0, 1.0, 1.0]), gl.STATIC_DRAW);\n        this.gl.enableVertexAttribArray(verticesLoc);\n        this.gl.vertexAttribPointer(verticesLoc, 2, gl.FLOAT, false, 0, 0);\n\n        // load TEXTURES\n        if (canvas.hasAttribute('data-textures')) {\n            let imgList = canvas.getAttribute('data-textures').split(',');\n            for (let nImg in imgList) {\n                this.setUniform('u_tex' + nImg, imgList[nImg]);\n            }\n        }\n\n        // ========================== EVENTS\n        let mouse = {\n            x: 0,\n            y: 0\n        };\n        document.addEventListener('mousemove', (e) => {\n            mouse.x = e.clientX || e.pageX;\n            mouse.y = e.clientY || e.pageY;\n        }, false);\n\n        let sandbox = this;\n        function RenderLoop() {\n            if (sandbox.nMouse > 1) {\n                sandbox.setMouse(mouse);\n            }\n\n            if (sandbox.resize()) {\n                sandbox.forceRender = true;\n            }\n            \n            sandbox.render();\n            sandbox.animationFrameRequest = window.requestAnimationFrame(RenderLoop);\n        }\n\n        // Start\n        this.setMouse({ x: 0, y: 0 });\n        RenderLoop();\n        return this;\n    }\n\n    destroy() {\n        cancelAnimationFrame(this.animationFrameRequest);\n\n        this.animated = false;\n        this.isValid = false;\n        for (let tex in this.textures) {\n            if (tex.destroy){\n                tex.destroy();\n            }\n        }\n        this.textures = {};\n        for (let att in this.attribs) {\n            this.gl.deleteBuffer(this.attribs[att]);\n        }\n        this.gl.useProgram(null);\n        this.gl.deleteProgram(this.program);\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            this.gl.deleteProgram(buffer.program);\n        }\n        this.program = null;\n        this.gl = null;\n    }\n\n    load (fragString, vertString) {\n\n        // Load vertex shader if there is one\n        if (vertString) {\n            this.vertexString = vertString;\n        }\n\n        // Load fragment shader if there is one\n        if (fragString) {\n            this.fragmentString = fragString;\n        }\n\n        this.animated = false;\n        this.nDelta = (this.fragmentString.match(/u_delta/g) || []).length;\n        this.nTime = (this.fragmentString.match(/u_time/g) || []).length;\n        this.nDate = (this.fragmentString.match(/u_date/g) || []).length;\n        this.nMouse = (this.fragmentString.match(/u_mouse/g) || []).length;\n        this.animated = this.nDate > 1 || this.nTime > 1 || this.nMouse > 1;\n\n        let nTextures = this.fragmentString.search(/sampler2D/g);\n        if (nTextures) {\n            let lines = this.fragmentString.split('\\n');\n            for (let i = 0; i < lines.length; i++) {\n                let match = lines[i].match(/uniform\\s*sampler2D\\s*([\\w]*);\\s*\\/\\/\\s*([\\w|\\:\\/\\/|\\.|\\-|\\_]*)/i);\n                if (match) {\n                    let ext = match[2].split('.').pop().toLowerCase();\n                    if (match[1] && match[2] &&\n                        (ext === 'jpg' || ext === 'jpeg' || ext === 'png' ||\n                         ext === 'ogv' || ext === 'webm' || ext === 'mp4')) {\n                        this.setUniform(match[1], match[2]);\n                    }\n                }\n                let main = lines[i].match(/\\s*void\\s*main\\s*/g);\n                if (main) {\n                    break;\n                }\n            }\n        }\n\n        let vertexShader = createShader(this, this.vertexString, this.gl.VERTEX_SHADER);\n        let fragmentShader = createShader(this, this.fragmentString, this.gl.FRAGMENT_SHADER);\n\n        // If Fragment shader fails load a empty one to sign the error\n        if (!fragmentShader) {\n            fragmentShader = createShader(this, 'void main(){\\n\\tgl_FragColor = vec4(1.0);\\n}', this.gl.FRAGMENT_SHADER);\n            this.isValid = false;\n        }\n        else {\n            this.isValid = true;\n        }\n\n        // Create and use program\n        let program = createProgram(this, [vertexShader, fragmentShader]);//, [0,1],['a_texcoord','a_position']);\n        this.gl.useProgram(program);\n\n        // Delete shaders\n        // this.gl.detachShader(program, vertexShader);\n        // this.gl.detachShader(program, fragmentShader);\n        this.gl.deleteShader(vertexShader);\n        this.gl.deleteShader(fragmentShader);\n\n        this.program = program;\n        this.change = true;\n\n        this.BUFFER_COUNT = 0;\n        const buffers = this.getBuffers(this.fragmentString);\n        if (Object.keys(buffers).length) {\n            this.loadPrograms(buffers);\n        }\n        this.buffers = buffers;\n        this.texureIndex = this.BUFFER_COUNT;\n        \n        // Trigger event\n        this.trigger('load', {});\n\n        this.forceRender = true;\n        this.render();\n    }\n\n    test (callback, fragString, vertString) {\n        // Thanks to @thespite for the help here\n        // https://www.khronos.org/registry/webgl/extensions/EXT_disjoint_timer_query/\n        let pre_test_vert = this.vertexString;\n        let pre_test_frag = this.fragmentString;\n        let pre_test_paused = this.paused;\n\n        let ext = this.gl.getExtension('EXT_disjoint_timer_query');\n        let query = ext.createQueryEXT();\n        let wasValid = this.isValid;\n\n        if (fragString || vertString) {\n            this.load(fragString, vertString);\n            wasValid = this.isValid;\n            this.forceRender = true;\n            this.render();\n        }\n\n        this.paused = true;\n        ext.beginQueryEXT(ext.TIME_ELAPSED_EXT, query);\n        this.forceRender = true;\n        this.render();\n        ext.endQueryEXT(ext.TIME_ELAPSED_EXT);\n\n        let sandbox = this;\n        function finishTest() {\n            // Revert changes... go back to normal\n            sandbox.paused = pre_test_paused;\n            if (fragString || vertString) {\n                sandbox.load(pre_test_frag, pre_test_vert);\n            }\n        }\n        function waitForTest() {\n            sandbox.forceRender = true;\n            sandbox.render();\n            let available = ext.getQueryObjectEXT(query, ext.QUERY_RESULT_AVAILABLE_EXT);\n            let disjoint = sandbox.gl.getParameter(ext.GPU_DISJOINT_EXT);\n            if (available && !disjoint) {\n                let ret = {\n                    wasValid: wasValid,\n                    frag: fragString || sandbox.fragmentString,\n                    vert: vertString || sandbox.vertexString,\n                    timeElapsedMs: ext.getQueryObjectEXT(query, ext.QUERY_RESULT_EXT)/1000000.0\n                };\n                finishTest();\n                callback(ret);\n            } else {\n                window.requestAnimationFrame(waitForTest);\n            }\n        }\n        waitForTest();\n    }\n\n    loadTexture (name, urlElementOrData, options) {\n        if (!options) {\n            options = {};\n        }\n\n        if (typeof urlElementOrData === 'string') {\n            options.url = urlElementOrData;\n        }\n        else if (typeof urlElementOrData === 'object' && urlElementOrData.data && urlElementOrData.width && urlElementOrData.height) {\n            options.data = urlElementOrData.data;\n            options.width = urlElementOrData.width;\n            options.height = urlElementOrData.height;\n        }\n        else if (typeof urlElementOrData === 'object') {\n            options.element = urlElementOrData;\n        }\n\n        if (this.textures[name]) {\n            if (this.textures[name]) {\n                this.textures[name].load(options);\n                this.textures[name].on('loaded', (args) => {\n                    this.forceRender = true;\n                });\n            }\n        }\n        else {\n            this.textures[name] = new Texture(this.gl, name, options);\n            this.textures[name].on('loaded', (args) => {\n                this.forceRender = true;\n            });\n        }\n\n    }\n\n    refreshUniforms() {\n        this.uniforms = {};\n    }\n\n    setUniform(name, ...value) {\n        let u = {};\n        u[name] = value;\n        this.setUniforms(u);\n    }\n\n    setUniforms(uniforms) {\n        let parsed = parseUniforms(uniforms);\n        // Set each uniform\n        for (let u in parsed) {\n            if (parsed[u].type === 'sampler2D') {\n                // For textures, we need to track texture units, so we have a special setter\n                // this.uniformTexture(parsed[u].name, parsed[u].value[0]);\n                this.loadTexture(parsed[u].name, parsed[u].value[0]);\n            }\n            else {\n                this.uniform(parsed[u].method, parsed[u].type, parsed[u].name, parsed[u].value);\n            }\n        }\n        this.forceRender = true;\n    }\n\n    setMouse(mouse) {\n        // set the mouse uniform\n        let rect = this.canvas.getBoundingClientRect();\n        if (mouse &&\n            mouse.x && mouse.x >= rect.left && mouse.x <= rect.right &&\n            mouse.y && mouse.y >= rect.top && mouse.y <= rect.bottom) {\n\n            let mouse_x = (mouse.x - rect.left ) * this.realToCSSPixels;\n            let mouse_y = (this.canvas.height - (mouse.y - rect.top) * this.realToCSSPixels);\n\n            this.uniform('2f', 'vec2', 'u_mouse', mouse_x, mouse_y);\n        }\n    }\n\n    // ex: program.uniform('3f', 'position', x, y, z);\n    uniform (method, type, name, ...value) { // 'value' is a method-appropriate arguments list\n        this.uniforms[name] = this.uniforms[name] || {}; \n        let uniform = this.uniforms[name];\n        let change = isDiff(uniform.value, value);\n\n        // remember and keep track of uniforms location to save calls\n        if (change || this.change || !uniform.location || !uniform.value) {\n            uniform.name = name;\n            uniform.type = type;\n            uniform.value = value;\n            uniform.method = 'uniform' + method;\n            this.gl.useProgram(this.program);\n            uniform.location = this.gl.getUniformLocation(this.program, name);\n            this.gl[uniform.method].apply(this.gl, [uniform.location].concat(uniform.value));\n            // If there is change update and there is buffer update manually one by one\n            for (let key in this.buffers) {\n                let buffer = this.buffers[key];\n                this.gl.useProgram(buffer.program);\n                let location = this.gl.getUniformLocation(buffer.program, name);\n                this.gl[uniform.method].apply(this.gl, [location].concat(uniform.value));\n            }\n        }\n    }\n\n    uniformTexture(name, texture, options) {\n        if (this.textures[name] === undefined) {\n            this.loadTexture(name, texture, options);\n        }\n        else {\n            this.uniform('1i', 'sampler2D', name, this.texureIndex)\n\n            for (let key in this.buffers) {\n                const buffer = this.buffers[key];\n                this.gl.useProgram(buffer.program);\n                this.gl.activeTexture(this.gl.TEXTURE0 + this.texureIndex);\n                this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[name].texture);\n            }\n            this.gl.useProgram(this.program);\n            this.gl.activeTexture(this.gl.TEXTURE0 + this.texureIndex);\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[name].texture);\n            this.uniform('2f', 'vec2', name + 'Resolution', this.textures[name].width, this.textures[name].height);\n        }\n    }\n\n    resize() {\n        if (this.width !== this.canvas.clientWidth ||\n            this.height !== this.canvas.clientHeight) {\n            this.realToCSSPixels = window.devicePixelRatio || 1;\n\n            // Lookup the size the browser is displaying the canvas in CSS pixels\n            // and compute a size needed to make our drawingbuffer match it in\n            // device pixels.\n            let displayWidth = Math.floor(this.gl.canvas.clientWidth * this.realToCSSPixels);\n            let displayHeight = Math.floor(this.gl.canvas.clientHeight * this.realToCSSPixels);\n\n            // Check if the canvas is not the same size.\n            if (this.gl.canvas.width !== displayWidth ||\n                this.gl.canvas.height !== displayHeight) {\n                // Make the canvas the same size\n                this.gl.canvas.width = displayWidth;\n                this.gl.canvas.height = displayHeight;\n                // Set the viewport to match\n                this.gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n            }\n            this.width = this.canvas.clientWidth;\n            this.height = this.canvas.clientHeight;\n            this.resizeSwappableBuffers();\n            return true;\n        } else {\n            return false;\n        }\n    }\n\n    render () {\n        this.visible = isCanvasVisible(this.canvas);\n        if ( this.forceRender || this.change ||\n            (this.animated && this.visible && ! this.paused) ) {\n\n            // Update Uniforms when are need\n            let date = new Date();\n            let now = performance.now();\n            this.timeDelta =  (now - this.timePrev) / 1000.0;\n            this.timePrev = now;\n            if (this.nDelta > 1) {\n                // set the delta time uniform\n                this.uniform('1f', 'float', 'u_delta', this.timeDelta);\n            }\n\n            if (this.nTime > 1 ) {\n                // set the elapsed time uniform\n                this.uniform('1f', 'float', 'u_time', (now - this.timeLoad) / 1000.0);\n            }\n\n            if (this.nDate) {\n                // Set date uniform: year/month/day/time_in_sec\n                this.uniform('4f', 'float', 'u_date', date.getFullYear(), date.getMonth(), date.getDate(), date.getHours() * 3600 + date.getMinutes() * 60 + date.getSeconds() + date.getMilliseconds() * 0.001 );\n            }\n\n            // set the resolution uniform\n            this.uniform('2f', 'vec2', 'u_resolution', this.canvas.width, this.canvas.height);\n\n            for (let key in this.buffers) {\n                const buffer = this.buffers[key];\n                this.uniform('1i', 'sampler2D', buffer.name, buffer.bundle.input.index);\n            }\n\n            this.texureIndex = this.BUFFER_COUNT;\n            for (let tex in this.textures) {\n                this.uniformTexture(tex);\n                this.texureIndex++;\n            }\n\n            this.renderPrograms();\n\n            // Trigger event\n            this.trigger('render', {});\n            this.change = false;\n            this.forceRender = false;\n        }\n    }\n\n    pause () {\n        this.paused = true;\n    }\n\n    play () {\n        this.paused = false;\n    }\n\n    // render main and buffers programs\n    renderPrograms() {\n        const gl = this.gl;\n        const W = gl.canvas.width;\n        const H = gl.canvas.height;\n\n        gl.viewport(0, 0, W, H);\n\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            buffer.bundle.render(W, H, buffer.program, buffer.name);\n            gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n        }\n\n        gl.useProgram(this.program);\n        gl.drawArrays(gl.TRIANGLES, 0, 6);\n    }\n\n    // parse input strings\n    getBuffers(fragString) {\n        let buffers = {};\n        if (fragString) {\n            fragString.replace(/(?:^\\s*)((?:#if|#elif)(?:\\s*)(defined\\s*\\(\\s*BUFFER_)(\\d+)(?:\\s*\\))|(?:#ifdef)(?:\\s*BUFFER_)(\\d+)(?:\\s*))/gm, function () {\n                const i = arguments[3] || arguments[4];\n                buffers['u_buffer' + i] = {\n                    fragment: '#define BUFFER_' + i + '\\n' + fragString\n                };\n            });\n        }\n        return buffers;\n    }\n\n    // load buffers programs\n    loadPrograms(buffers) {\n        const glsl = this;\n        const gl = this.gl;\n        const vertex = createShader(glsl, glsl.vertexString, gl.VERTEX_SHADER);\n        for (let key in buffers) {\n            const buffer = buffers[key];\n            let fragment = createShader(glsl, buffer.fragment, gl.FRAGMENT_SHADER, 1);\n            if (!fragment) {\n                fragment = createShader(glsl, 'void main(){\\n\\tgl_FragColor = vec4(1.0);\\n}', gl.FRAGMENT_SHADER);\n                glsl.isValid = false;\n            } else {\n                glsl.isValid = true;\n            }\n            const program = createProgram(glsl, [vertex, fragment]);\n            buffer.name = key;\n            buffer.program = program;\n            buffer.bundle = glsl.createSwappableBuffer(glsl.canvas.width, glsl.canvas.height, program);\n            gl.deleteShader(fragment);\n        }\n        gl.deleteShader(vertex);\n    }\n\n    // create an input / output swappable buffer\n    createSwappableBuffer(W, H, program) {\n        var input = this.createBuffer(W, H, program);\n        var output = this.createBuffer(W, H, program);\n        const gl = this.gl;\n        return {\n            input: input,\n            output: output,\n            swap: function() {\n                var temp = input;\n                input = output;\n                output = temp;\n                this.input = input;\n                this.output = output;\n            },\n            render: function (W, H, program, name) {\n                gl.useProgram(program);\n                gl.viewport(0, 0, W, H);\n                gl.bindFramebuffer(gl.FRAMEBUFFER, this.input.buffer);\n                gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.output.texture, 0);\n                gl.drawArrays(gl.TRIANGLES, 0, 6);\n                this.swap();\n            },\n            resize: function (W, H, program, name) {\n                gl.useProgram(program);\n                gl.viewport(0, 0, W, H);\n                this.input.resize(W, H);\n                this.output.resize(W, H);\n            },\n        };\n    }\n\n    // create a buffers\n    createBuffer(W, H, program) {\n        const gl = this.gl;\n        let index = this.BUFFER_COUNT;\n        this.BUFFER_COUNT += 2;\n        gl.getExtension('OES_texture_float');\n        var texture = gl.createTexture();\n        gl.activeTexture(gl.TEXTURE0 + index);\n        gl.bindTexture(gl.TEXTURE_2D, texture);\n        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.FLOAT, null);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n        var buffer = gl.createFramebuffer();\n        return {\n            index: index,\n            texture: texture,\n            buffer: buffer,\n            W: W,\n            H: H,\n            resize: function(W, H) {\n                gl.bindFramebuffer(gl.FRAMEBUFFER, buffer);\n                var minW = Math.min(W, this.W);\n                var minH = Math.min(H, this.H);\n                var pixels = new Float32Array(minW * minH * 4);\n                gl.readPixels(0, 0, minW, minH, gl.RGBA, gl.FLOAT, pixels);\n                gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n                var newIndex = index + 1;\n                var newTexture = gl.createTexture();\n                gl.activeTexture(gl.TEXTURE0 + newIndex);\n                gl.bindTexture(gl.TEXTURE_2D, newTexture);\n                gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.FLOAT, null);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n                gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, minW, minH, gl.RGBA, gl.FLOAT, pixels);\n                var newBuffer = gl.createFramebuffer();\n                gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n                gl.deleteTexture(texture);\n                gl.activeTexture(gl.TEXTURE0 + index);\n                gl.bindTexture(gl.TEXTURE_2D, newTexture);\n                index = this.index = index;\n                texture = this.texture = newTexture;\n                buffer = this.buffer = newBuffer;\n                this.W = W;\n                this.H = H;\n            },\n        };\n    }\n\n    // resize buffers on canvas resize\n    // consider applying a throttle of 50 ms on canvas resize\n    // to avoid requestAnimationFrame and Gl violations\n    resizeSwappableBuffers() {\n        const gl = this.gl;\n        const W = gl.canvas.width,\n            H = gl.canvas.height;\n        gl.viewport(0, 0, W, H);\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            buffer.bundle.resize(W, H, buffer.program, buffer.name);\n        }\n        gl.useProgram(this.program);\n    }\n\n    version() {\n        return '0.1.7';\n    }\n}\n\nfunction loadAllGlslCanvas() {\n    var list = document.getElementsByClassName('glslCanvas');\n    if (list.length > 0) {\n        window.glslCanvases = [];\n        for (var i = 0; i < list.length; i++) {\n            var sandbox = new GlslCanvas(list[i]);\n            if (sandbox.isValid) {\n                window.glslCanvases.push(sandbox);\n            }\n        }\n    }\n}\n\nwindow.addEventListener('load', function () {\n    loadAllGlslCanvas();\n});"],"names":["window","global","self","fn","string","toString","call","setTimeout","alert","confirm","prompt","Object","prototype","exports","module","str","replace","list","iterator","context","isFunction","TypeError","arguments","length","this","array","i","len","hasOwnProperty","forEachArray","charAt","forEachString","object","k","forEachObject","headers","result","forEach","trim","split","row","arg","index","indexOf","key","slice","toLowerCase","value","push","target","source","createXHR","initParams","uri","options","callback","params","xtend","_createXHR","Error","called","err","response","body","errorFunc","evt","clearTimeout","timeoutTimer","statusCode","failureResponse","loadFunc","aborted","status","useXDR","undefined","xhr","responseText","responseType","responseXML","firefoxBugTakenEffect","documentElement","nodeName","e","getXml","isJson","JSON","parse","getBody","method","url","rawRequest","getAllResponseHeaders","parseHeaders","cors","XDomainRequest","XMLHttpRequest","data","sync","json","stringify","onreadystatechange","readyState","onload","onerror","onprogress","onabort","ontimeout","open","username","password","withCredentials","timeout","abort","code","setRequestHeader","obj","isEmpty","beforeSend","send","toUpperCase","lastError","GET_A_WEBGL_BROWSER","OTHER_PROBLEM","ERROR_BROWSER_SUPPORT","ERROR_OTHER","setupWebGL","canvas","optAttribs","onError","handleError","errorCode","msg","container","parentNode","innerHTML","WebGLRenderingContext","names","ii","getContext","create3DContext","getExtension","createShader","main","type","offset","gl","shader","shaderSource","compileShader","getShaderParameter","COMPILE_STATUS","getShaderInfoLog","error","trigger","deleteShader","createProgram","shaders","optLocations","program","attachShader","bindAttribLocation","linkProgram","getProgramParameter","LINK_STATUS","getProgramInfoLog","log","deleteProgram","isPowerOf2","subscribeMixin","listeners","Set","assign","f","listener","add","delete","item","keys","clear","event","Texture","name","texture","createTexture","valid","bind","sourceType","loading","setData","Uint8Array","filtering","setFiltering","load","deleteTexture","unit","activeUnit","activeTexture","TEXTURE0","bindTexture","TEXTURE_2D","setUrl","element","setElement","width","height","Promise","resolve","reject","ext","pop","isVideo","document","createElement","autoplay","Image","_this","test","navigator","userAgent","crossOrigin","src","update","el","querySelector","HTMLCanvasElement","HTMLImageElement","HTMLVideoElement","addEventListener","intervalID","setInterval","currentTime","play","pixelStorei","UNPACK_FLIP_Y_WEBGL","UNPACK_PREMULTIPLY_ALPHA_WEBGL","complete","videoWidth","videoHeight","texImage2D","RGBA","UNSIGNED_BYTE","powerOf2","defualtFilter","texParameteri","TEXTURE_WRAP_S","repeat","REPEAT","CLAMP_TO_EDGE","TEXTURE_WRAP_T","TEXTURE_MIN_FILTER","LINEAR_MIPMAP_LINEAR","TEXTURE_MAG_FILTER","LINEAR","generateMipmap","NEAREST","getMaxTextureSize","getParameter","MAX_TEXTURE_SIZE","GlslCanvas","contextOptions","hasAttribute","getAttribute","clientWidth","clientHeight","innerWidth","innerHeight","textures","buffers","uniforms","vbo","isValid","animationFrameRequest","BUFFER_COUNT","vertexString","fragmentString","timeLoad","timePrev","performance","now","timeDelta","forceRender","paused","realToCSSPixels","devicePixelRatio","style","backgroundColor","get","texCoordsLoc","getAttribLocation","texCoords","createBuffer","bindBuffer","ARRAY_BUFFER","bufferData","Float32Array","STATIC_DRAW","enableVertexAttribArray","vertexAttribPointer","FLOAT","verticesLoc","vertices","imgList","nImg","setUniform","mouse","x","clientX","pageX","y","clientY","pageY","sandbox","setMouse","RenderLoop","nMouse","resize","render","requestAnimationFrame","tex","animated","destroy","att","attribs","deleteBuffer","useProgram","buffer","fragString","vertString","nDelta","match","nTime","nDate","search","lines","vertexShader","VERTEX_SHADER","fragmentShader","FRAGMENT_SHADER","change","getBuffers","loadPrograms","texureIndex","pre_test_vert","pre_test_frag","pre_test_paused","query","createQueryEXT","wasValid","beginQueryEXT","TIME_ELAPSED_EXT","endQueryEXT","waitForTest","available","getQueryObjectEXT","QUERY_RESULT_AVAILABLE_EXT","disjoint","GPU_DISJOINT_EXT","ret","QUERY_RESULT_EXT","urlElementOrData","on","args","u","setUniforms","parsed","parseUniforms","prefix","uniform","Array","isArray","babelHelpers.typeof","loadTexture","rect","getBoundingClientRect","left","right","top","bottom","mouse_x","mouse_y","a","b","location","getUniformLocation","apply","concat","displayWidth","Math","floor","displayHeight","viewport","resizeSwappableBuffers","visible","date","Date","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","bundle","input","uniformTexture","renderPrograms","W","H","bindFramebuffer","FRAMEBUFFER","drawArrays","TRIANGLES","vertex","fragment","createSwappableBuffer","output","temp","framebufferTexture2D","COLOR_ATTACHMENT0","swap","createFramebuffer","minW","min","minH","pixels","readPixels","newIndex","newTexture","texSubImage2D","newBuffer","getElementsByClassName","glslCanvases"],"mappings":"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"}
\ No newline at end of file
diff --git a/lib/GlslCanvas.js b/lib/GlslCanvas.js
index ead85df..1388d3d 100644
--- a/lib/GlslCanvas.js
+++ b/lib/GlslCanvas.js
@@ -1401,6 +1401,7 @@ var GlslCanvas = function () {
         this.uniforms = {};
         this.vbo = {};
         this.isValid = false;
+        this.animationFrameRequest = undefined;
 
         this.BUFFER_COUNT = 0;
         // this.TEXTURE_COUNT = 0;
@@ -1493,7 +1494,7 @@ var GlslCanvas = function () {
             }
 
             sandbox.render();
-            window.requestAnimationFrame(RenderLoop);
+            sandbox.animationFrameRequest = window.requestAnimationFrame(RenderLoop);
         }
 
         // Start
@@ -1505,6 +1506,8 @@ var GlslCanvas = function () {
     createClass(GlslCanvas, [{
         key: 'destroy',
         value: function destroy() {
+            cancelAnimationFrame(this.animationFrameRequest);
+
             this.animated = false;
             this.isValid = false;
             for (var tex in this.textures) {

From daa626e7e84472514a8671196d9557ec8e4b7360 Mon Sep 17 00:00:00 2001
From: John Chipps-Harding <john@signal-noise.co.uk>
Date: Sun, 20 Oct 2019 22:42:11 +0100
Subject: [PATCH 3/5] Lose Context

---
 src/GlslCanvas.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/GlslCanvas.js b/src/GlslCanvas.js
index b43d619..3c3f19a 100644
--- a/src/GlslCanvas.js
+++ b/src/GlslCanvas.js
@@ -184,6 +184,7 @@ void main(){
     }
 
     destroy() {
+        // Stop the animation
         cancelAnimationFrame(this.animationFrameRequest);
 
         this.animated = false;
@@ -203,6 +204,13 @@ void main(){
             const buffer = this.buffers[key];
             this.gl.deleteProgram(buffer.program);
         }
+
+        // Try and clear the WebGL Context
+        let loseContext = this.gl.getExtension('WEBGL_lose_context');
+        if (loseContext) {
+            loseContext.loseContext();
+        }
+
         this.program = null;
         this.gl = null;
     }

From cc361eafa7b6e799e4dc7e8ee140d872032f0989 Mon Sep 17 00:00:00 2001
From: John Chipps-Harding <john@signal-noise.co.uk>
Date: Sun, 20 Oct 2019 22:42:56 +0100
Subject: [PATCH 4/5] Build

---
 dist/GlslCanvas.es.js      | 8 ++++++++
 dist/GlslCanvas.js         | 8 ++++++++
 dist/GlslCanvas.min.js     | 2 +-
 dist/GlslCanvas.min.js.map | 2 +-
 lib/GlslCanvas.js          | 8 ++++++++
 5 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/dist/GlslCanvas.es.js b/dist/GlslCanvas.es.js
index 229d05a..ecaa2a7 100644
--- a/dist/GlslCanvas.es.js
+++ b/dist/GlslCanvas.es.js
@@ -1105,6 +1105,7 @@ var GlslCanvas = function () {
     createClass(GlslCanvas, [{
         key: 'destroy',
         value: function destroy() {
+            // Stop the animation
             cancelAnimationFrame(this.animationFrameRequest);
 
             this.animated = false;
@@ -1124,6 +1125,13 @@ var GlslCanvas = function () {
                 var buffer = this.buffers[key];
                 this.gl.deleteProgram(buffer.program);
             }
+
+            // Try and clear the WebGL Context
+            var loseContext = this.gl.getExtension('WEBGL_lose_context');
+            if (loseContext) {
+                loseContext.loseContext();
+            }
+
             this.program = null;
             this.gl = null;
         }
diff --git a/dist/GlslCanvas.js b/dist/GlslCanvas.js
index 6342a5e..a0d4ddc 100644
--- a/dist/GlslCanvas.js
+++ b/dist/GlslCanvas.js
@@ -1510,6 +1510,7 @@ var GlslCanvas = function () {
     createClass(GlslCanvas, [{
         key: 'destroy',
         value: function destroy() {
+            // Stop the animation
             cancelAnimationFrame(this.animationFrameRequest);
 
             this.animated = false;
@@ -1529,6 +1530,13 @@ var GlslCanvas = function () {
                 var buffer = this.buffers[key];
                 this.gl.deleteProgram(buffer.program);
             }
+
+            // Try and clear the WebGL Context
+            var loseContext = this.gl.getExtension('WEBGL_lose_context');
+            if (loseContext) {
+                loseContext.loseContext();
+            }
+
             this.program = null;
             this.gl = null;
         }
diff --git a/dist/GlslCanvas.min.js b/dist/GlslCanvas.min.js
index 5151500..fd212a1 100644
--- a/dist/GlslCanvas.min.js
+++ b/dist/GlslCanvas.min.js
@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.GlslCanvas=t()}(this,function(){"use strict";var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var t="undefined"!=typeof window?window:void 0!==e?e:"undefined"!=typeof self?self:{},r=function(e){var t=i.call(e);return"[object Function]"===t||"function"==typeof e&&"[object RegExp]"!==t||"undefined"!=typeof window&&(e===window.setTimeout||e===window.alert||e===window.confirm||e===window.prompt)},i=Object.prototype.toString;var n,a=(function(e,t){(t=e.exports=function(e){return e.replace(/^\s*|\s*$/g,"")}).left=function(e){return e.replace(/^\s*/,"")},t.right=function(e){return e.replace(/\s*$/,"")}}(n={exports:{}},n.exports),n.exports),s=function(e,t,i){if(!r(t))throw new TypeError("iterator must be a function");arguments.length<3&&(i=this);"[object Array]"===o.call(e)?function(e,t,r){for(var i=0,n=e.length;i<n;i++)u.call(e,i)&&t.call(r,e[i],i,e)}(e,t,i):"string"==typeof e?function(e,t,r){for(var i=0,n=e.length;i<n;i++)t.call(r,e.charAt(i),i,e)}(e,t,i):function(e,t,r){for(var i in e)u.call(e,i)&&t.call(r,e[i],i,e)}(e,t,i)},o=Object.prototype.toString,u=Object.prototype.hasOwnProperty;var h=function(e){if(!e)return{};var t={};return s(a(e).split("\n"),function(e){var r,i=e.indexOf(":"),n=a(e.slice(0,i)).toLowerCase(),s=a(e.slice(i+1));void 0===t[n]?t[n]=s:(r=t[n],"[object Array]"===Object.prototype.toString.call(r)?t[n].push(s):t[n]=[t[n],s])}),t},l=function(){for(var e={},t=0;t<arguments.length;t++){var r=arguments[t];for(var i in r)f.call(r,i)&&(e[i]=r[i])}return e},f=Object.prototype.hasOwnProperty;var d=v,c=v;function g(e,t,i){var n=e;return r(t)?(i=t,"string"==typeof e&&(n={uri:e})):n=l(t,{uri:e}),n.callback=i,n}function v(e,t,r){return m(t=g(e,t,r))}function m(e){if(void 0===e.callback)throw new Error("callback argument missing");var t=!1,r=function(r,i,n){t||(t=!0,e.callback(r,i,n))};function i(e){return clearTimeout(u),e instanceof Error||(e=new Error(""+(e||"Unknown XMLHttpRequest Error"))),e.statusCode=0,r(e,E)}function n(){if(!s){var t;clearTimeout(u),t=e.useXDR&&void 0===o.status?200:1223===o.status?204:o.status;var i=E,n=null;return 0!==t?(i={body:function(){var e=void 0;if(e=o.response?o.response:o.responseText||function(e){try{if("document"===e.responseType)return e.responseXML;var t=e.responseXML&&"parsererror"===e.responseXML.documentElement.nodeName;if(""===e.responseType&&!t)return e.responseXML}catch(e){}return null}(o),m)try{e=JSON.parse(e)}catch(e){}return e}(),statusCode:t,method:f,headers:{},url:l,rawRequest:o},o.getAllResponseHeaders&&(i.headers=h(o.getAllResponseHeaders()))):n=new Error("Internal XMLHttpRequest Error"),r(n,i,i.body)}}var a,s,o=e.xhr||null;o||(o=e.cors||e.useXDR?new v.XDomainRequest:new v.XMLHttpRequest);var u,l=o.url=e.uri||e.url,f=o.method=e.method||"GET",d=e.body||e.data,c=o.headers=e.headers||{},g=!!e.sync,m=!1,E={body:void 0,headers:{},statusCode:0,method:f,url:l,rawRequest:o};if("json"in e&&!1!==e.json&&(m=!0,c.accept||c.Accept||(c.Accept="application/json"),"GET"!==f&&"HEAD"!==f&&(c["content-type"]||c["Content-Type"]||(c["Content-Type"]="application/json"),d=JSON.stringify(!0===e.json?d:e.json))),o.onreadystatechange=function(){4===o.readyState&&setTimeout(n,0)},o.onload=n,o.onerror=i,o.onprogress=function(){},o.onabort=function(){s=!0},o.ontimeout=i,o.open(f,l,!g,e.username,e.password),g||(o.withCredentials=!!e.withCredentials),!g&&e.timeout>0&&(u=setTimeout(function(){if(!s){s=!0,o.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",i(e)}},e.timeout)),o.setRequestHeader)for(a in c)c.hasOwnProperty(a)&&o.setRequestHeader(a,c[a]);else if(e.headers&&!function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}(e.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in e&&(o.responseType=e.responseType),"beforeSend"in e&&"function"==typeof e.beforeSend&&e.beforeSend(o),o.send(d||null),o}v.XMLHttpRequest=t.XMLHttpRequest||function(){},v.XDomainRequest="withCredentials"in new v.XMLHttpRequest?v.XMLHttpRequest:t.XDomainRequest,function(e,t){for(var r=0;r<e.length;r++)t(e[r])}(["get","put","post","patch","head","delete"],function(e){v["delete"===e?"del":e]=function(t,r,i){return(r=g(t,r,i)).method=e.toUpperCase(),m(r)}}),d.default=c;var E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T=(function(){function e(e){this.value=e}function t(t){var r,i;function n(r,i){try{var s=t[r](i),o=s.value;o instanceof e?Promise.resolve(o.value).then(function(e){n("next",e)},function(e){n("throw",e)}):a(s.done?"return":"normal",s.value)}catch(e){a("throw",e)}}function a(e,t){switch(e){case"return":r.resolve({value:t,done:!0});break;case"throw":r.reject(t);break;default:r.resolve({value:t,done:!1})}(r=r.next)?n(r.key,r.arg):i=null}this._invoke=function(e,t){return new Promise(function(a,s){var o={key:e,arg:t,resolve:a,reject:s,next:null};i?i=i.next=o:(r=i=o,n(e,t))})},"function"!=typeof t.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(t.prototype[Symbol.asyncIterator]=function(){return this}),t.prototype.next=function(e){return this._invoke("next",e)},t.prototype.throw=function(e){return this._invoke("throw",e)},t.prototype.return=function(e){return this._invoke("return",e)}}(),function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}),p=function(){function e(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,r,i){return r&&e(t.prototype,r),i&&e(t,i),t}}(),y=function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)},R="";var _='\n\tThis page requires a browser that supports WebGL.<br/>\n\t<a href="http://get.webgl.org">Click here to upgrade your browser.</a>\n',b='\n\tIt does not appear your computer can support WebGL.<br/>\n\t<a href="http://get.webgl.org/troubleshooting/">Click here for more information.</a>\n',x=1,A=2;function w(e,t,r){function i(t,i){var n,a;"function"==typeof r?r(t):(n=i,(a=e.parentNode)&&(a.innerHTML='\n<table style="background-color: #8CE; width: 100%; height: 100%;"><tr>\n<td align="center">\n<div style="display: table-cell; vertical-align: middle;">\n<div style="">'+n+"</div>\n</div>\n</td></tr></table>\n"))}if(!window.WebGLRenderingContext)return i(x,_),null;var n=function(e,t){for(var r=["webgl","experimental-webgl"],i=null,n=0;n<r.length;++n)try{i=e.getContext(r[n],t)}catch(e){if(i)break}return i}(e,t);return n?n.getExtension("OES_standard_derivatives"):i(A,b),n}function S(e,t,r,i){var n=e.gl,a=n.createShader(r);return n.shaderSource(a,t),n.compileShader(a),n.getShaderParameter(a,n.COMPILE_STATUS)?a:(R=n.getShaderInfoLog(a),console.error("*** Error compiling shader "+a+":"+R),e.trigger("error",{shader:a,source:t,type:r,error:R,offset:i||0}),n.deleteShader(a),null)}function U(e,t,r,i){for(var n=e.gl,a=n.createProgram(),s=0;s<t.length;++s)n.attachShader(a,t[s]);if(r)for(var o=0;o<r.length;++o)n.bindAttribLocation(a,i?i[o]:o,r[o]);return n.linkProgram(a),n.getProgramParameter(a,n.LINK_STATUS)?a:(R=n.getProgramInfoLog(a),console.log("Error in program linking:"+R),n.deleteProgram(a),null)}function P(e){return 0==(e&e-1)}function L(e){var t=new Set;return Object.assign(e,{on:function(e,r){var i={};i[e]=r,t.add(i)},off:function(e,r){if(r){var i={};i[e]=r,t.delete(i)}else{var n=!0,a=!1,s=void 0;try{for(var o,u=t[Symbol.iterator]();!(n=(o=u.next()).done);n=!0){var h=o.value,l=!0,f=!1,d=void 0;try{for(var c,g=Object.keys(h)[Symbol.iterator]();!(l=(c=g.next()).done);l=!0){if(c.value===e)return void t.delete(h)}}catch(e){f=!0,d=e}finally{try{!l&&g.return&&g.return()}finally{if(f)throw d}}}}catch(e){a=!0,s=e}finally{try{!n&&u.return&&u.return()}finally{if(a)throw s}}}},listSubscriptions:function(){var e=!0,r=!1,i=void 0;try{for(var n,a=t[Symbol.iterator]();!(e=(n=a.next()).done);e=!0){var s=n.value;console.log(s)}}catch(e){r=!0,i=e}finally{try{!e&&a.return&&a.return()}finally{if(r)throw i}}},subscribe:function(e){t.add(e)},unsubscribe:function(e){t.delete(e)},unsubscribeAll:function(){t.clear()},trigger:function(e){for(var r=arguments.length,i=Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];var a=!0,s=!1,o=void 0;try{for(var u,h=t[Symbol.iterator]();!(a=(u=h.next()).done);a=!0){var l=u.value;"function"==typeof l[e]&&l[e].apply(l,y(i))}}catch(e){s=!0,o=e}finally{try{!a&&h.return&&h.return()}finally{if(s)throw o}}}})}var X=function(){function e(t,r){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};T(this,e),L(this),this.gl=t,this.texture=t.createTexture(),this.texture&&(this.valid=!0),this.bind(),this.name=r,this.source=null,this.sourceType=null,this.loading=null,this.setData(1,1,new Uint8Array([0,0,0,255]),{filtering:"linear"}),this.setFiltering(i.filtering),this.load(i)}return p(e,[{key:"destroy",value:function(){this.valid&&(this.gl.deleteTexture(this.texture),this.texture=null,delete this.data,this.data=null,this.valid=!1)}},{key:"bind",value:function(t){this.valid&&("number"==typeof t&&e.activeUnit!==t&&(this.gl.activeTexture(this.gl.TEXTURE0+t),e.activeUnit=t),e.activeTexture!==this.texture&&(this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),e.activeTexture=this.texture))}},{key:"load",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.loading=null,"string"==typeof e.url?void 0!==this.url&&e.url===this.url||this.setUrl(e.url,e):e.element?this.setElement(e.element,e):e.data&&e.width&&e.height&&this.setData(e.width,e.height,e.data,e)}},{key:"setUrl",value:function(e){var t=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.valid)return this.url=e,this.source=this.url,this.sourceType="url",this.loading=new Promise(function(i,n){var a=e.split(".").pop().toLowerCase(),s="ogv"===a||"webm"===a||"mp4"===a,o=void 0;s?((o=document.createElement("video")).autoplay=!0,r.filtering="nearest"):o=new Image,o.onload=function(){try{t.setElement(o,r)}catch(e){console.log("Texture '"+t.name+"': failed to load url: '"+t.source+"'",e,r)}i(t)},o.onerror=function(e){console.log("Texture '"+t.name+"': failed to load url: '"+t.source+"'",e,r),i(t)},/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&"data:"===t.source.slice(0,5)||(o.crossOrigin="anonymous"),o.src=t.source,s&&t.setElement(o,r)}),this.loading}},{key:"setData",value:function(e,t,r){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return this.width=e,this.height=t,this.source=r,this.sourceType="data",this.update(i),this.setFiltering(i),this.loading=Promise.resolve(this),this.loading}},{key:"setElement",value:function(e,t){var r=this,i=e;if("string"==typeof e&&(e=document.querySelector(e)),e instanceof HTMLCanvasElement||e instanceof HTMLImageElement||e instanceof HTMLVideoElement)this.source=e,this.sourceType="element",e instanceof HTMLVideoElement?(e.addEventListener("canplaythrough",function(){r.intervalID=setInterval(function(){r.update(t)},15)},!0),e.addEventListener("ended",function(){e.currentTime=0,e.play()},!0)):this.update(t),this.setFiltering(t);else{var n="the 'element' parameter (`element: "+JSON.stringify(i)+"`) must be a CSS ";n+="selector string, or a <canvas>, <image> or <video> object",console.log("Texture '"+this.name+"': "+n,t)}return this.loading=Promise.resolve(this),this.loading}},{key:"update",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.valid&&(this.bind(),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!1!==e.UNPACK_FLIP_Y_WEBGL),this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,e.UNPACK_PREMULTIPLY_ALPHA_WEBGL||!1),"element"===this.sourceType&&(this.source instanceof HTMLCanvasElement||this.source instanceof HTMLVideoElement||this.source instanceof HTMLImageElement&&this.source.complete)?(this.source instanceof HTMLVideoElement?(this.width=this.source.videoWidth,this.height=this.source.videoHeight):(this.width=this.source.width,this.height=this.source.height),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source)):"data"===this.sourceType&&this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.width,this.height,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.trigger("loaded",this))}},{key:"setFiltering",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.valid){this.powerOf2=P(this.width)&&P(this.height);var t=this.powerOf2?"mipmap":"linear";this.filtering=e.filtering||t;var r=this.gl;this.bind(),this.powerOf2?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,e.TEXTURE_WRAP_S||e.repeat&&r.REPEAT||r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,e.TEXTURE_WRAP_T||e.repeat&&r.REPEAT||r.CLAMP_TO_EDGE),"mipmap"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR_MIPMAP_LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR),r.generateMipmap(r.TEXTURE_2D)):"linear"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR)):"nearest"===this.filtering&&(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST))):(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,r.CLAMP_TO_EDGE),"mipmap"===this.filtering&&(this.filtering="linear"),"nearest"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST)):(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR)))}}}]),e}();X.getMaxTextureSize=function(e){return e.getParameter(e.MAX_TEXTURE_SIZE)},X.activeUnit=-1;var F=function(){function e(t,r,i){var n=this;T(this,e),L(this),r=r||{},i=i||{},!t.hasAttribute("data-fullscreen")||"1"!=t.getAttribute("data-fullscreen")&&"true"!=t.getAttribute("data-fullscreen")?(this.width=t.clientWidth,this.height=t.clientHeight):(this.width=window.innerWidth,this.height=window.innerHeight,t.width=window.innerWidth,t.height=window.innerHeight),this.canvas=t,this.gl=void 0,this.program=void 0,this.textures={},this.buffers={},this.uniforms={},this.vbo={},this.isValid=!1,this.animationFrameRequest=void 0,this.BUFFER_COUNT=0,this.vertexString=r.vertexString||"\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nattribute vec2 a_position;\nattribute vec2 a_texcoord;\n\nvarying vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n",this.fragmentString=r.fragmentString||"\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying vec2 v_texcoord;\n\nvoid main(){\n    gl_FragColor = vec4(0.0);\n}\n";var a=w(t,r,i.onError);if(a){if(this.gl=a,this.timeLoad=this.timePrev=performance.now(),this.timeDelta=0,this.forceRender=!0,this.paused=!1,this.realToCSSPixels=window.devicePixelRatio||1,t.style.backgroundColor=r.backgroundColor||"rgba(1,1,1,0)",t.hasAttribute("data-fragment"))this.fragmentString=t.getAttribute("data-fragment");else if(t.hasAttribute("data-fragment-url")){var s=t.getAttribute("data-fragment-url");d.get(s,function(e,t,r){n.load(r,n.vertexString)})}if(t.hasAttribute("data-vertex"))this.vertexString=t.getAttribute("data-vertex");else if(t.hasAttribute("data-vertex-url")){var o=t.getAttribute("data-vertex-url");d.get(o,function(e,t,r){n.load(n.fragmentString,r)})}if(this.load(),this.program){var u=a.getAttribLocation(this.program,"a_texcoord");this.vbo.texCoords=a.createBuffer(),this.gl.bindBuffer(a.ARRAY_BUFFER,this.vbo.texCoords),this.gl.bufferData(a.ARRAY_BUFFER,new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1]),a.STATIC_DRAW),this.gl.enableVertexAttribArray(u),this.gl.vertexAttribPointer(u,2,a.FLOAT,!1,0,0);var h=a.getAttribLocation(this.program,"a_position");if(this.vbo.vertices=a.createBuffer(),this.gl.bindBuffer(a.ARRAY_BUFFER,this.vbo.vertices),this.gl.bufferData(a.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),a.STATIC_DRAW),this.gl.enableVertexAttribArray(h),this.gl.vertexAttribPointer(h,2,a.FLOAT,!1,0,0),t.hasAttribute("data-textures")){var l=t.getAttribute("data-textures").split(",");for(var f in l)this.setUniform("u_tex"+f,l[f])}var c={x:0,y:0};document.addEventListener("mousemove",function(e){c.x=e.clientX||e.pageX,c.y=e.clientY||e.pageY},!1);var g=this;return this.setMouse({x:0,y:0}),function e(){g.nMouse>1&&g.setMouse(c),g.resize()&&(g.forceRender=!0),g.render(),g.animationFrameRequest=window.requestAnimationFrame(e)}(),this}}}return p(e,[{key:"destroy",value:function(){for(var e in cancelAnimationFrame(this.animationFrameRequest),this.animated=!1,this.isValid=!1,this.textures)e.destroy&&e.destroy();for(var t in this.textures={},this.attribs)this.gl.deleteBuffer(this.attribs[t]);for(var r in this.gl.useProgram(null),this.gl.deleteProgram(this.program),this.buffers){var i=this.buffers[r];this.gl.deleteProgram(i.program)}this.program=null,this.gl=null}},{key:"load",value:function(e,t){if(t&&(this.vertexString=t),e&&(this.fragmentString=e),this.animated=!1,this.nDelta=(this.fragmentString.match(/u_delta/g)||[]).length,this.nTime=(this.fragmentString.match(/u_time/g)||[]).length,this.nDate=(this.fragmentString.match(/u_date/g)||[]).length,this.nMouse=(this.fragmentString.match(/u_mouse/g)||[]).length,this.animated=this.nDate>1||this.nTime>1||this.nMouse>1,this.fragmentString.search(/sampler2D/g))for(var r=this.fragmentString.split("\n"),i=0;i<r.length;i++){var n=r[i].match(/uniform\s*sampler2D\s*([\w]*);\s*\/\/\s*([\w|\:\/\/|\.|\-|\_]*)/i);if(n){var a=n[2].split(".").pop().toLowerCase();n[1]&&n[2]&&("jpg"===a||"jpeg"===a||"png"===a||"ogv"===a||"webm"===a||"mp4"===a)&&this.setUniform(n[1],n[2])}if(r[i].match(/\s*void\s*main\s*/g))break}var s=S(this,this.vertexString,this.gl.VERTEX_SHADER),o=S(this,this.fragmentString,this.gl.FRAGMENT_SHADER);o?this.isValid=!0:(o=S(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",this.gl.FRAGMENT_SHADER),this.isValid=!1);var u=U(this,[s,o]);this.gl.useProgram(u),this.gl.deleteShader(s),this.gl.deleteShader(o),this.program=u,this.change=!0,this.BUFFER_COUNT=0;var h=this.getBuffers(this.fragmentString);Object.keys(h).length&&this.loadPrograms(h),this.buffers=h,this.texureIndex=this.BUFFER_COUNT,this.trigger("load",{}),this.forceRender=!0,this.render()}},{key:"test",value:function(e,t,r){var i=this.vertexString,n=this.fragmentString,a=this.paused,s=this.gl.getExtension("EXT_disjoint_timer_query"),o=s.createQueryEXT(),u=this.isValid;(t||r)&&(this.load(t,r),u=this.isValid,this.forceRender=!0,this.render()),this.paused=!0,s.beginQueryEXT(s.TIME_ELAPSED_EXT,o),this.forceRender=!0,this.render(),s.endQueryEXT(s.TIME_ELAPSED_EXT);var h=this;!function l(){h.forceRender=!0,h.render();var f=s.getQueryObjectEXT(o,s.QUERY_RESULT_AVAILABLE_EXT),d=h.gl.getParameter(s.GPU_DISJOINT_EXT);if(f&&!d){var c={wasValid:u,frag:t||h.fragmentString,vert:r||h.vertexString,timeElapsedMs:s.getQueryObjectEXT(o,s.QUERY_RESULT_EXT)/1e6};h.paused=a,(t||r)&&h.load(n,i),e(c)}else window.requestAnimationFrame(l)}()}},{key:"loadTexture",value:function(e,t,r){var i=this;r||(r={}),"string"==typeof t?r.url=t:"object"===(void 0===t?"undefined":E(t))&&t.data&&t.width&&t.height?(r.data=t.data,r.width=t.width,r.height=t.height):"object"===(void 0===t?"undefined":E(t))&&(r.element=t),this.textures[e]?this.textures[e]&&(this.textures[e].load(r),this.textures[e].on("loaded",function(e){i.forceRender=!0})):(this.textures[e]=new X(this.gl,e,r),this.textures[e].on("loaded",function(e){i.forceRender=!0}))}},{key:"refreshUniforms",value:function(){this.uniforms={}}},{key:"setUniform",value:function(e){for(var t={},r=arguments.length,i=Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];t[e]=i,this.setUniforms(t)}},{key:"setUniforms",value:function(e){var t=function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=[];for(var n in t){var a=t[n],s=void 0;if(r&&(n=r+"."+n),"number"==typeof a)i.push({type:"float",method:"1f",name:n,value:a});else if(Array.isArray(a)){if("number"==typeof a[0])1===a.length?i.push({type:"float",method:"1f",name:n,value:a}):a.length>=2&&a.length<=4?i.push({type:"vec"+a.length,method:a.length+"fv",name:n,value:a}):a.length>4&&i.push({type:"float[]",method:"1fv",name:n+"[0]",value:a});else if("string"==typeof a[0])i.push({type:"sampler2D",method:"1i",name:n,value:a});else if(Array.isArray(a[0])&&"number"==typeof a[0][0]){if(a[0].length>=2&&a[0].length<=4)for(s=0;s<a.length;s++)i.push({type:"vec"+a[0].length,method:a[s].length+"fv",name:n+"["+s+"]",value:a[s]})}else if("object"===E(a[0]))for(s=0;s<a.length;s++)i.push.apply(i,y(e(a[s],n+"["+s+"]")))}else"boolean"==typeof a?i.push({type:"bool",method:"1i",name:n,value:a}):"string"==typeof a?i.push({type:"sampler2D",method:"1i",name:n,value:a}):"object"===(void 0===a?"undefined":E(a))&&i.push.apply(i,y(e(a,n)))}return i}(e);for(var r in t)"sampler2D"===t[r].type?this.loadTexture(t[r].name,t[r].value[0]):this.uniform(t[r].method,t[r].type,t[r].name,t[r].value);this.forceRender=!0}},{key:"setMouse",value:function(e){var t=this.canvas.getBoundingClientRect();if(e&&e.x&&e.x>=t.left&&e.x<=t.right&&e.y&&e.y>=t.top&&e.y<=t.bottom){var r=(e.x-t.left)*this.realToCSSPixels,i=this.canvas.height-(e.y-t.top)*this.realToCSSPixels;this.uniform("2f","vec2","u_mouse",r,i)}}},{key:"uniform",value:function(e,t,r){this.uniforms[r]=this.uniforms[r]||{};for(var i=this.uniforms[r],n=arguments.length,a=Array(n>3?n-3:0),s=3;s<n;s++)a[s-3]=arguments[s];var o,u;if((o=i.value,u=a,!(!o||!u)&&o.toString()!==u.toString())||this.change||!i.location||!i.value)for(var h in i.name=r,i.type=t,i.value=a,i.method="uniform"+e,this.gl.useProgram(this.program),i.location=this.gl.getUniformLocation(this.program,r),this.gl[i.method].apply(this.gl,[i.location].concat(i.value)),this.buffers){var l=this.buffers[h];this.gl.useProgram(l.program);var f=this.gl.getUniformLocation(l.program,r);this.gl[i.method].apply(this.gl,[f].concat(i.value))}}},{key:"uniformTexture",value:function(e,t,r){if(void 0===this.textures[e])this.loadTexture(e,t,r);else{for(var i in this.uniform("1i","sampler2D",e,this.texureIndex),this.buffers){var n=this.buffers[i];this.gl.useProgram(n.program),this.gl.activeTexture(this.gl.TEXTURE0+this.texureIndex),this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[e].texture)}this.gl.useProgram(this.program),this.gl.activeTexture(this.gl.TEXTURE0+this.texureIndex),this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[e].texture),this.uniform("2f","vec2",e+"Resolution",this.textures[e].width,this.textures[e].height)}}},{key:"resize",value:function(){if(this.width!==this.canvas.clientWidth||this.height!==this.canvas.clientHeight){this.realToCSSPixels=window.devicePixelRatio||1;var e=Math.floor(this.gl.canvas.clientWidth*this.realToCSSPixels),t=Math.floor(this.gl.canvas.clientHeight*this.realToCSSPixels);return this.gl.canvas.width===e&&this.gl.canvas.height===t||(this.gl.canvas.width=e,this.gl.canvas.height=t,this.gl.viewport(0,0,this.gl.canvas.width,this.gl.canvas.height)),this.width=this.canvas.clientWidth,this.height=this.canvas.clientHeight,this.resizeSwappableBuffers(),!0}return!1}},{key:"render",value:function(){var e;if(this.visible=(e=this.canvas).getBoundingClientRect().top+e.height>0&&e.getBoundingClientRect().top<(window.innerHeight||document.documentElement.clientHeight),this.forceRender||this.change||this.animated&&this.visible&&!this.paused){var t=new Date,r=performance.now();for(var i in this.timeDelta=(r-this.timePrev)/1e3,this.timePrev=r,this.nDelta>1&&this.uniform("1f","float","u_delta",this.timeDelta),this.nTime>1&&this.uniform("1f","float","u_time",(r-this.timeLoad)/1e3),this.nDate&&this.uniform("4f","float","u_date",t.getFullYear(),t.getMonth(),t.getDate(),3600*t.getHours()+60*t.getMinutes()+t.getSeconds()+.001*t.getMilliseconds()),this.uniform("2f","vec2","u_resolution",this.canvas.width,this.canvas.height),this.buffers){var n=this.buffers[i];this.uniform("1i","sampler2D",n.name,n.bundle.input.index)}for(var a in this.texureIndex=this.BUFFER_COUNT,this.textures)this.uniformTexture(a),this.texureIndex++;this.renderPrograms(),this.trigger("render",{}),this.change=!1,this.forceRender=!1}}},{key:"pause",value:function(){this.paused=!0}},{key:"play",value:function(){this.paused=!1}},{key:"renderPrograms",value:function(){var e=this.gl,t=e.canvas.width,r=e.canvas.height;for(var i in e.viewport(0,0,t,r),this.buffers){var n=this.buffers[i];n.bundle.render(t,r,n.program,n.name),e.bindFramebuffer(e.FRAMEBUFFER,null)}e.useProgram(this.program),e.drawArrays(e.TRIANGLES,0,6)}},{key:"getBuffers",value:function(e){var t={};return e&&e.replace(/(?:^\s*)((?:#if|#elif)(?:\s*)(defined\s*\(\s*BUFFER_)(\d+)(?:\s*\))|(?:#ifdef)(?:\s*BUFFER_)(\d+)(?:\s*))/gm,function(){var r=arguments[3]||arguments[4];t["u_buffer"+r]={fragment:"#define BUFFER_"+r+"\n"+e}}),t}},{key:"loadPrograms",value:function(e){var t=this.gl,r=S(this,this.vertexString,t.VERTEX_SHADER);for(var i in e){var n=e[i],a=S(this,n.fragment,t.FRAGMENT_SHADER,1);a?this.isValid=!0:(a=S(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",t.FRAGMENT_SHADER),this.isValid=!1);var s=U(this,[r,a]);n.name=i,n.program=s,n.bundle=this.createSwappableBuffer(this.canvas.width,this.canvas.height,s),t.deleteShader(a)}t.deleteShader(r)}},{key:"createSwappableBuffer",value:function(e,t,r){var i=this.createBuffer(e,t,r),n=this.createBuffer(e,t,r),a=this.gl;return{input:i,output:n,swap:function(){var e=i;i=n,n=e,this.input=i,this.output=n},render:function(e,t,r,i){a.useProgram(r),a.viewport(0,0,e,t),a.bindFramebuffer(a.FRAMEBUFFER,this.input.buffer),a.framebufferTexture2D(a.FRAMEBUFFER,a.COLOR_ATTACHMENT0,a.TEXTURE_2D,this.output.texture,0),a.drawArrays(a.TRIANGLES,0,6),this.swap()},resize:function(e,t,r,i){a.useProgram(r),a.viewport(0,0,e,t),this.input.resize(e,t),this.output.resize(e,t)}}}},{key:"createBuffer",value:function(e,t,r){var i=this.gl,n=this.BUFFER_COUNT;this.BUFFER_COUNT+=2,i.getExtension("OES_texture_float");var a=i.createTexture();i.activeTexture(i.TEXTURE0+n),i.bindTexture(i.TEXTURE_2D,a),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,e,t,0,i.RGBA,i.FLOAT,null),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE);var s=i.createFramebuffer();return{index:n,texture:a,buffer:s,W:e,H:t,resize:function(e,t){i.bindFramebuffer(i.FRAMEBUFFER,s);var r=Math.min(e,this.W),o=Math.min(t,this.H),u=new Float32Array(r*o*4);i.readPixels(0,0,r,o,i.RGBA,i.FLOAT,u),i.bindFramebuffer(i.FRAMEBUFFER,null);var h=n+1,l=i.createTexture();i.activeTexture(i.TEXTURE0+h),i.bindTexture(i.TEXTURE_2D,l),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,e,t,0,i.RGBA,i.FLOAT,null),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE),i.texSubImage2D(i.TEXTURE_2D,0,0,0,r,o,i.RGBA,i.FLOAT,u);var f=i.createFramebuffer();i.bindFramebuffer(i.FRAMEBUFFER,null),i.deleteTexture(a),i.activeTexture(i.TEXTURE0+n),i.bindTexture(i.TEXTURE_2D,l),n=this.index=n,a=this.texture=l,s=this.buffer=f,this.W=e,this.H=t}}}},{key:"resizeSwappableBuffers",value:function(){var e=this.gl,t=e.canvas.width,r=e.canvas.height;for(var i in e.viewport(0,0,t,r),this.buffers){var n=this.buffers[i];n.bundle.resize(t,r,n.program,n.name)}e.useProgram(this.program)}},{key:"version",value:function(){return"0.1.7"}}]),e}();return window.addEventListener("load",function(){!function(){var e=document.getElementsByClassName("glslCanvas");if(e.length>0){window.glslCanvases=[];for(var t=0;t<e.length;t++){var r=new F(e[t]);r.isValid&&window.glslCanvases.push(r)}}}()}),F});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.GlslCanvas=t()}(this,function(){"use strict";var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var t="undefined"!=typeof window?window:void 0!==e?e:"undefined"!=typeof self?self:{},r=function(e){var t=i.call(e);return"[object Function]"===t||"function"==typeof e&&"[object RegExp]"!==t||"undefined"!=typeof window&&(e===window.setTimeout||e===window.alert||e===window.confirm||e===window.prompt)},i=Object.prototype.toString;var n,a=(function(e,t){(t=e.exports=function(e){return e.replace(/^\s*|\s*$/g,"")}).left=function(e){return e.replace(/^\s*/,"")},t.right=function(e){return e.replace(/\s*$/,"")}}(n={exports:{}},n.exports),n.exports),s=function(e,t,i){if(!r(t))throw new TypeError("iterator must be a function");arguments.length<3&&(i=this);"[object Array]"===o.call(e)?function(e,t,r){for(var i=0,n=e.length;i<n;i++)u.call(e,i)&&t.call(r,e[i],i,e)}(e,t,i):"string"==typeof e?function(e,t,r){for(var i=0,n=e.length;i<n;i++)t.call(r,e.charAt(i),i,e)}(e,t,i):function(e,t,r){for(var i in e)u.call(e,i)&&t.call(r,e[i],i,e)}(e,t,i)},o=Object.prototype.toString,u=Object.prototype.hasOwnProperty;var h=function(e){if(!e)return{};var t={};return s(a(e).split("\n"),function(e){var r,i=e.indexOf(":"),n=a(e.slice(0,i)).toLowerCase(),s=a(e.slice(i+1));void 0===t[n]?t[n]=s:(r=t[n],"[object Array]"===Object.prototype.toString.call(r)?t[n].push(s):t[n]=[t[n],s])}),t},l=function(){for(var e={},t=0;t<arguments.length;t++){var r=arguments[t];for(var i in r)f.call(r,i)&&(e[i]=r[i])}return e},f=Object.prototype.hasOwnProperty;var d=v,c=v;function g(e,t,i){var n=e;return r(t)?(i=t,"string"==typeof e&&(n={uri:e})):n=l(t,{uri:e}),n.callback=i,n}function v(e,t,r){return m(t=g(e,t,r))}function m(e){if(void 0===e.callback)throw new Error("callback argument missing");var t=!1,r=function(r,i,n){t||(t=!0,e.callback(r,i,n))};function i(e){return clearTimeout(u),e instanceof Error||(e=new Error(""+(e||"Unknown XMLHttpRequest Error"))),e.statusCode=0,r(e,E)}function n(){if(!s){var t;clearTimeout(u),t=e.useXDR&&void 0===o.status?200:1223===o.status?204:o.status;var i=E,n=null;return 0!==t?(i={body:function(){var e=void 0;if(e=o.response?o.response:o.responseText||function(e){try{if("document"===e.responseType)return e.responseXML;var t=e.responseXML&&"parsererror"===e.responseXML.documentElement.nodeName;if(""===e.responseType&&!t)return e.responseXML}catch(e){}return null}(o),m)try{e=JSON.parse(e)}catch(e){}return e}(),statusCode:t,method:f,headers:{},url:l,rawRequest:o},o.getAllResponseHeaders&&(i.headers=h(o.getAllResponseHeaders()))):n=new Error("Internal XMLHttpRequest Error"),r(n,i,i.body)}}var a,s,o=e.xhr||null;o||(o=e.cors||e.useXDR?new v.XDomainRequest:new v.XMLHttpRequest);var u,l=o.url=e.uri||e.url,f=o.method=e.method||"GET",d=e.body||e.data,c=o.headers=e.headers||{},g=!!e.sync,m=!1,E={body:void 0,headers:{},statusCode:0,method:f,url:l,rawRequest:o};if("json"in e&&!1!==e.json&&(m=!0,c.accept||c.Accept||(c.Accept="application/json"),"GET"!==f&&"HEAD"!==f&&(c["content-type"]||c["Content-Type"]||(c["Content-Type"]="application/json"),d=JSON.stringify(!0===e.json?d:e.json))),o.onreadystatechange=function(){4===o.readyState&&setTimeout(n,0)},o.onload=n,o.onerror=i,o.onprogress=function(){},o.onabort=function(){s=!0},o.ontimeout=i,o.open(f,l,!g,e.username,e.password),g||(o.withCredentials=!!e.withCredentials),!g&&e.timeout>0&&(u=setTimeout(function(){if(!s){s=!0,o.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",i(e)}},e.timeout)),o.setRequestHeader)for(a in c)c.hasOwnProperty(a)&&o.setRequestHeader(a,c[a]);else if(e.headers&&!function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}(e.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in e&&(o.responseType=e.responseType),"beforeSend"in e&&"function"==typeof e.beforeSend&&e.beforeSend(o),o.send(d||null),o}v.XMLHttpRequest=t.XMLHttpRequest||function(){},v.XDomainRequest="withCredentials"in new v.XMLHttpRequest?v.XMLHttpRequest:t.XDomainRequest,function(e,t){for(var r=0;r<e.length;r++)t(e[r])}(["get","put","post","patch","head","delete"],function(e){v["delete"===e?"del":e]=function(t,r,i){return(r=g(t,r,i)).method=e.toUpperCase(),m(r)}}),d.default=c;var E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T=(function(){function e(e){this.value=e}function t(t){var r,i;function n(r,i){try{var s=t[r](i),o=s.value;o instanceof e?Promise.resolve(o.value).then(function(e){n("next",e)},function(e){n("throw",e)}):a(s.done?"return":"normal",s.value)}catch(e){a("throw",e)}}function a(e,t){switch(e){case"return":r.resolve({value:t,done:!0});break;case"throw":r.reject(t);break;default:r.resolve({value:t,done:!1})}(r=r.next)?n(r.key,r.arg):i=null}this._invoke=function(e,t){return new Promise(function(a,s){var o={key:e,arg:t,resolve:a,reject:s,next:null};i?i=i.next=o:(r=i=o,n(e,t))})},"function"!=typeof t.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(t.prototype[Symbol.asyncIterator]=function(){return this}),t.prototype.next=function(e){return this._invoke("next",e)},t.prototype.throw=function(e){return this._invoke("throw",e)},t.prototype.return=function(e){return this._invoke("return",e)}}(),function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}),p=function(){function e(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,r,i){return r&&e(t.prototype,r),i&&e(t,i),t}}(),y=function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)},R="";var _='\n\tThis page requires a browser that supports WebGL.<br/>\n\t<a href="http://get.webgl.org">Click here to upgrade your browser.</a>\n',b='\n\tIt does not appear your computer can support WebGL.<br/>\n\t<a href="http://get.webgl.org/troubleshooting/">Click here for more information.</a>\n',x=1,A=2;function w(e,t,r){function i(t,i){var n,a;"function"==typeof r?r(t):(n=i,(a=e.parentNode)&&(a.innerHTML='\n<table style="background-color: #8CE; width: 100%; height: 100%;"><tr>\n<td align="center">\n<div style="display: table-cell; vertical-align: middle;">\n<div style="">'+n+"</div>\n</div>\n</td></tr></table>\n"))}if(!window.WebGLRenderingContext)return i(x,_),null;var n=function(e,t){for(var r=["webgl","experimental-webgl"],i=null,n=0;n<r.length;++n)try{i=e.getContext(r[n],t)}catch(e){if(i)break}return i}(e,t);return n?n.getExtension("OES_standard_derivatives"):i(A,b),n}function S(e,t,r,i){var n=e.gl,a=n.createShader(r);return n.shaderSource(a,t),n.compileShader(a),n.getShaderParameter(a,n.COMPILE_STATUS)?a:(R=n.getShaderInfoLog(a),console.error("*** Error compiling shader "+a+":"+R),e.trigger("error",{shader:a,source:t,type:r,error:R,offset:i||0}),n.deleteShader(a),null)}function U(e,t,r,i){for(var n=e.gl,a=n.createProgram(),s=0;s<t.length;++s)n.attachShader(a,t[s]);if(r)for(var o=0;o<r.length;++o)n.bindAttribLocation(a,i?i[o]:o,r[o]);return n.linkProgram(a),n.getProgramParameter(a,n.LINK_STATUS)?a:(R=n.getProgramInfoLog(a),console.log("Error in program linking:"+R),n.deleteProgram(a),null)}function P(e){return 0==(e&e-1)}function L(e){var t=new Set;return Object.assign(e,{on:function(e,r){var i={};i[e]=r,t.add(i)},off:function(e,r){if(r){var i={};i[e]=r,t.delete(i)}else{var n=!0,a=!1,s=void 0;try{for(var o,u=t[Symbol.iterator]();!(n=(o=u.next()).done);n=!0){var h=o.value,l=!0,f=!1,d=void 0;try{for(var c,g=Object.keys(h)[Symbol.iterator]();!(l=(c=g.next()).done);l=!0){if(c.value===e)return void t.delete(h)}}catch(e){f=!0,d=e}finally{try{!l&&g.return&&g.return()}finally{if(f)throw d}}}}catch(e){a=!0,s=e}finally{try{!n&&u.return&&u.return()}finally{if(a)throw s}}}},listSubscriptions:function(){var e=!0,r=!1,i=void 0;try{for(var n,a=t[Symbol.iterator]();!(e=(n=a.next()).done);e=!0){var s=n.value;console.log(s)}}catch(e){r=!0,i=e}finally{try{!e&&a.return&&a.return()}finally{if(r)throw i}}},subscribe:function(e){t.add(e)},unsubscribe:function(e){t.delete(e)},unsubscribeAll:function(){t.clear()},trigger:function(e){for(var r=arguments.length,i=Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];var a=!0,s=!1,o=void 0;try{for(var u,h=t[Symbol.iterator]();!(a=(u=h.next()).done);a=!0){var l=u.value;"function"==typeof l[e]&&l[e].apply(l,y(i))}}catch(e){s=!0,o=e}finally{try{!a&&h.return&&h.return()}finally{if(s)throw o}}}})}var X=function(){function e(t,r){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};T(this,e),L(this),this.gl=t,this.texture=t.createTexture(),this.texture&&(this.valid=!0),this.bind(),this.name=r,this.source=null,this.sourceType=null,this.loading=null,this.setData(1,1,new Uint8Array([0,0,0,255]),{filtering:"linear"}),this.setFiltering(i.filtering),this.load(i)}return p(e,[{key:"destroy",value:function(){this.valid&&(this.gl.deleteTexture(this.texture),this.texture=null,delete this.data,this.data=null,this.valid=!1)}},{key:"bind",value:function(t){this.valid&&("number"==typeof t&&e.activeUnit!==t&&(this.gl.activeTexture(this.gl.TEXTURE0+t),e.activeUnit=t),e.activeTexture!==this.texture&&(this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),e.activeTexture=this.texture))}},{key:"load",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.loading=null,"string"==typeof e.url?void 0!==this.url&&e.url===this.url||this.setUrl(e.url,e):e.element?this.setElement(e.element,e):e.data&&e.width&&e.height&&this.setData(e.width,e.height,e.data,e)}},{key:"setUrl",value:function(e){var t=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.valid)return this.url=e,this.source=this.url,this.sourceType="url",this.loading=new Promise(function(i,n){var a=e.split(".").pop().toLowerCase(),s="ogv"===a||"webm"===a||"mp4"===a,o=void 0;s?((o=document.createElement("video")).autoplay=!0,r.filtering="nearest"):o=new Image,o.onload=function(){try{t.setElement(o,r)}catch(e){console.log("Texture '"+t.name+"': failed to load url: '"+t.source+"'",e,r)}i(t)},o.onerror=function(e){console.log("Texture '"+t.name+"': failed to load url: '"+t.source+"'",e,r),i(t)},/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&"data:"===t.source.slice(0,5)||(o.crossOrigin="anonymous"),o.src=t.source,s&&t.setElement(o,r)}),this.loading}},{key:"setData",value:function(e,t,r){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return this.width=e,this.height=t,this.source=r,this.sourceType="data",this.update(i),this.setFiltering(i),this.loading=Promise.resolve(this),this.loading}},{key:"setElement",value:function(e,t){var r=this,i=e;if("string"==typeof e&&(e=document.querySelector(e)),e instanceof HTMLCanvasElement||e instanceof HTMLImageElement||e instanceof HTMLVideoElement)this.source=e,this.sourceType="element",e instanceof HTMLVideoElement?(e.addEventListener("canplaythrough",function(){r.intervalID=setInterval(function(){r.update(t)},15)},!0),e.addEventListener("ended",function(){e.currentTime=0,e.play()},!0)):this.update(t),this.setFiltering(t);else{var n="the 'element' parameter (`element: "+JSON.stringify(i)+"`) must be a CSS ";n+="selector string, or a <canvas>, <image> or <video> object",console.log("Texture '"+this.name+"': "+n,t)}return this.loading=Promise.resolve(this),this.loading}},{key:"update",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.valid&&(this.bind(),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!1!==e.UNPACK_FLIP_Y_WEBGL),this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,e.UNPACK_PREMULTIPLY_ALPHA_WEBGL||!1),"element"===this.sourceType&&(this.source instanceof HTMLCanvasElement||this.source instanceof HTMLVideoElement||this.source instanceof HTMLImageElement&&this.source.complete)?(this.source instanceof HTMLVideoElement?(this.width=this.source.videoWidth,this.height=this.source.videoHeight):(this.width=this.source.width,this.height=this.source.height),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source)):"data"===this.sourceType&&this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.width,this.height,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.trigger("loaded",this))}},{key:"setFiltering",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.valid){this.powerOf2=P(this.width)&&P(this.height);var t=this.powerOf2?"mipmap":"linear";this.filtering=e.filtering||t;var r=this.gl;this.bind(),this.powerOf2?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,e.TEXTURE_WRAP_S||e.repeat&&r.REPEAT||r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,e.TEXTURE_WRAP_T||e.repeat&&r.REPEAT||r.CLAMP_TO_EDGE),"mipmap"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR_MIPMAP_LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR),r.generateMipmap(r.TEXTURE_2D)):"linear"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR)):"nearest"===this.filtering&&(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST))):(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,r.CLAMP_TO_EDGE),"mipmap"===this.filtering&&(this.filtering="linear"),"nearest"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST)):(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR)))}}}]),e}();X.getMaxTextureSize=function(e){return e.getParameter(e.MAX_TEXTURE_SIZE)},X.activeUnit=-1;var F=function(){function e(t,r,i){var n=this;T(this,e),L(this),r=r||{},i=i||{},!t.hasAttribute("data-fullscreen")||"1"!=t.getAttribute("data-fullscreen")&&"true"!=t.getAttribute("data-fullscreen")?(this.width=t.clientWidth,this.height=t.clientHeight):(this.width=window.innerWidth,this.height=window.innerHeight,t.width=window.innerWidth,t.height=window.innerHeight),this.canvas=t,this.gl=void 0,this.program=void 0,this.textures={},this.buffers={},this.uniforms={},this.vbo={},this.isValid=!1,this.animationFrameRequest=void 0,this.BUFFER_COUNT=0,this.vertexString=r.vertexString||"\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nattribute vec2 a_position;\nattribute vec2 a_texcoord;\n\nvarying vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n",this.fragmentString=r.fragmentString||"\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying vec2 v_texcoord;\n\nvoid main(){\n    gl_FragColor = vec4(0.0);\n}\n";var a=w(t,r,i.onError);if(a){if(this.gl=a,this.timeLoad=this.timePrev=performance.now(),this.timeDelta=0,this.forceRender=!0,this.paused=!1,this.realToCSSPixels=window.devicePixelRatio||1,t.style.backgroundColor=r.backgroundColor||"rgba(1,1,1,0)",t.hasAttribute("data-fragment"))this.fragmentString=t.getAttribute("data-fragment");else if(t.hasAttribute("data-fragment-url")){var s=t.getAttribute("data-fragment-url");d.get(s,function(e,t,r){n.load(r,n.vertexString)})}if(t.hasAttribute("data-vertex"))this.vertexString=t.getAttribute("data-vertex");else if(t.hasAttribute("data-vertex-url")){var o=t.getAttribute("data-vertex-url");d.get(o,function(e,t,r){n.load(n.fragmentString,r)})}if(this.load(),this.program){var u=a.getAttribLocation(this.program,"a_texcoord");this.vbo.texCoords=a.createBuffer(),this.gl.bindBuffer(a.ARRAY_BUFFER,this.vbo.texCoords),this.gl.bufferData(a.ARRAY_BUFFER,new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1]),a.STATIC_DRAW),this.gl.enableVertexAttribArray(u),this.gl.vertexAttribPointer(u,2,a.FLOAT,!1,0,0);var h=a.getAttribLocation(this.program,"a_position");if(this.vbo.vertices=a.createBuffer(),this.gl.bindBuffer(a.ARRAY_BUFFER,this.vbo.vertices),this.gl.bufferData(a.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),a.STATIC_DRAW),this.gl.enableVertexAttribArray(h),this.gl.vertexAttribPointer(h,2,a.FLOAT,!1,0,0),t.hasAttribute("data-textures")){var l=t.getAttribute("data-textures").split(",");for(var f in l)this.setUniform("u_tex"+f,l[f])}var c={x:0,y:0};document.addEventListener("mousemove",function(e){c.x=e.clientX||e.pageX,c.y=e.clientY||e.pageY},!1);var g=this;return this.setMouse({x:0,y:0}),function e(){g.nMouse>1&&g.setMouse(c),g.resize()&&(g.forceRender=!0),g.render(),g.animationFrameRequest=window.requestAnimationFrame(e)}(),this}}}return p(e,[{key:"destroy",value:function(){for(var e in cancelAnimationFrame(this.animationFrameRequest),this.animated=!1,this.isValid=!1,this.textures)e.destroy&&e.destroy();for(var t in this.textures={},this.attribs)this.gl.deleteBuffer(this.attribs[t]);for(var r in this.gl.useProgram(null),this.gl.deleteProgram(this.program),this.buffers){var i=this.buffers[r];this.gl.deleteProgram(i.program)}var n=this.gl.getExtension("WEBGL_lose_context");n&&n.loseContext(),this.program=null,this.gl=null}},{key:"load",value:function(e,t){if(t&&(this.vertexString=t),e&&(this.fragmentString=e),this.animated=!1,this.nDelta=(this.fragmentString.match(/u_delta/g)||[]).length,this.nTime=(this.fragmentString.match(/u_time/g)||[]).length,this.nDate=(this.fragmentString.match(/u_date/g)||[]).length,this.nMouse=(this.fragmentString.match(/u_mouse/g)||[]).length,this.animated=this.nDate>1||this.nTime>1||this.nMouse>1,this.fragmentString.search(/sampler2D/g))for(var r=this.fragmentString.split("\n"),i=0;i<r.length;i++){var n=r[i].match(/uniform\s*sampler2D\s*([\w]*);\s*\/\/\s*([\w|\:\/\/|\.|\-|\_]*)/i);if(n){var a=n[2].split(".").pop().toLowerCase();n[1]&&n[2]&&("jpg"===a||"jpeg"===a||"png"===a||"ogv"===a||"webm"===a||"mp4"===a)&&this.setUniform(n[1],n[2])}if(r[i].match(/\s*void\s*main\s*/g))break}var s=S(this,this.vertexString,this.gl.VERTEX_SHADER),o=S(this,this.fragmentString,this.gl.FRAGMENT_SHADER);o?this.isValid=!0:(o=S(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",this.gl.FRAGMENT_SHADER),this.isValid=!1);var u=U(this,[s,o]);this.gl.useProgram(u),this.gl.deleteShader(s),this.gl.deleteShader(o),this.program=u,this.change=!0,this.BUFFER_COUNT=0;var h=this.getBuffers(this.fragmentString);Object.keys(h).length&&this.loadPrograms(h),this.buffers=h,this.texureIndex=this.BUFFER_COUNT,this.trigger("load",{}),this.forceRender=!0,this.render()}},{key:"test",value:function(e,t,r){var i=this.vertexString,n=this.fragmentString,a=this.paused,s=this.gl.getExtension("EXT_disjoint_timer_query"),o=s.createQueryEXT(),u=this.isValid;(t||r)&&(this.load(t,r),u=this.isValid,this.forceRender=!0,this.render()),this.paused=!0,s.beginQueryEXT(s.TIME_ELAPSED_EXT,o),this.forceRender=!0,this.render(),s.endQueryEXT(s.TIME_ELAPSED_EXT);var h=this;!function l(){h.forceRender=!0,h.render();var f=s.getQueryObjectEXT(o,s.QUERY_RESULT_AVAILABLE_EXT),d=h.gl.getParameter(s.GPU_DISJOINT_EXT);if(f&&!d){var c={wasValid:u,frag:t||h.fragmentString,vert:r||h.vertexString,timeElapsedMs:s.getQueryObjectEXT(o,s.QUERY_RESULT_EXT)/1e6};h.paused=a,(t||r)&&h.load(n,i),e(c)}else window.requestAnimationFrame(l)}()}},{key:"loadTexture",value:function(e,t,r){var i=this;r||(r={}),"string"==typeof t?r.url=t:"object"===(void 0===t?"undefined":E(t))&&t.data&&t.width&&t.height?(r.data=t.data,r.width=t.width,r.height=t.height):"object"===(void 0===t?"undefined":E(t))&&(r.element=t),this.textures[e]?this.textures[e]&&(this.textures[e].load(r),this.textures[e].on("loaded",function(e){i.forceRender=!0})):(this.textures[e]=new X(this.gl,e,r),this.textures[e].on("loaded",function(e){i.forceRender=!0}))}},{key:"refreshUniforms",value:function(){this.uniforms={}}},{key:"setUniform",value:function(e){for(var t={},r=arguments.length,i=Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];t[e]=i,this.setUniforms(t)}},{key:"setUniforms",value:function(e){var t=function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=[];for(var n in t){var a=t[n],s=void 0;if(r&&(n=r+"."+n),"number"==typeof a)i.push({type:"float",method:"1f",name:n,value:a});else if(Array.isArray(a)){if("number"==typeof a[0])1===a.length?i.push({type:"float",method:"1f",name:n,value:a}):a.length>=2&&a.length<=4?i.push({type:"vec"+a.length,method:a.length+"fv",name:n,value:a}):a.length>4&&i.push({type:"float[]",method:"1fv",name:n+"[0]",value:a});else if("string"==typeof a[0])i.push({type:"sampler2D",method:"1i",name:n,value:a});else if(Array.isArray(a[0])&&"number"==typeof a[0][0]){if(a[0].length>=2&&a[0].length<=4)for(s=0;s<a.length;s++)i.push({type:"vec"+a[0].length,method:a[s].length+"fv",name:n+"["+s+"]",value:a[s]})}else if("object"===E(a[0]))for(s=0;s<a.length;s++)i.push.apply(i,y(e(a[s],n+"["+s+"]")))}else"boolean"==typeof a?i.push({type:"bool",method:"1i",name:n,value:a}):"string"==typeof a?i.push({type:"sampler2D",method:"1i",name:n,value:a}):"object"===(void 0===a?"undefined":E(a))&&i.push.apply(i,y(e(a,n)))}return i}(e);for(var r in t)"sampler2D"===t[r].type?this.loadTexture(t[r].name,t[r].value[0]):this.uniform(t[r].method,t[r].type,t[r].name,t[r].value);this.forceRender=!0}},{key:"setMouse",value:function(e){var t=this.canvas.getBoundingClientRect();if(e&&e.x&&e.x>=t.left&&e.x<=t.right&&e.y&&e.y>=t.top&&e.y<=t.bottom){var r=(e.x-t.left)*this.realToCSSPixels,i=this.canvas.height-(e.y-t.top)*this.realToCSSPixels;this.uniform("2f","vec2","u_mouse",r,i)}}},{key:"uniform",value:function(e,t,r){this.uniforms[r]=this.uniforms[r]||{};for(var i=this.uniforms[r],n=arguments.length,a=Array(n>3?n-3:0),s=3;s<n;s++)a[s-3]=arguments[s];var o,u;if((o=i.value,u=a,!(!o||!u)&&o.toString()!==u.toString())||this.change||!i.location||!i.value)for(var h in i.name=r,i.type=t,i.value=a,i.method="uniform"+e,this.gl.useProgram(this.program),i.location=this.gl.getUniformLocation(this.program,r),this.gl[i.method].apply(this.gl,[i.location].concat(i.value)),this.buffers){var l=this.buffers[h];this.gl.useProgram(l.program);var f=this.gl.getUniformLocation(l.program,r);this.gl[i.method].apply(this.gl,[f].concat(i.value))}}},{key:"uniformTexture",value:function(e,t,r){if(void 0===this.textures[e])this.loadTexture(e,t,r);else{for(var i in this.uniform("1i","sampler2D",e,this.texureIndex),this.buffers){var n=this.buffers[i];this.gl.useProgram(n.program),this.gl.activeTexture(this.gl.TEXTURE0+this.texureIndex),this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[e].texture)}this.gl.useProgram(this.program),this.gl.activeTexture(this.gl.TEXTURE0+this.texureIndex),this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[e].texture),this.uniform("2f","vec2",e+"Resolution",this.textures[e].width,this.textures[e].height)}}},{key:"resize",value:function(){if(this.width!==this.canvas.clientWidth||this.height!==this.canvas.clientHeight){this.realToCSSPixels=window.devicePixelRatio||1;var e=Math.floor(this.gl.canvas.clientWidth*this.realToCSSPixels),t=Math.floor(this.gl.canvas.clientHeight*this.realToCSSPixels);return this.gl.canvas.width===e&&this.gl.canvas.height===t||(this.gl.canvas.width=e,this.gl.canvas.height=t,this.gl.viewport(0,0,this.gl.canvas.width,this.gl.canvas.height)),this.width=this.canvas.clientWidth,this.height=this.canvas.clientHeight,this.resizeSwappableBuffers(),!0}return!1}},{key:"render",value:function(){var e;if(this.visible=(e=this.canvas).getBoundingClientRect().top+e.height>0&&e.getBoundingClientRect().top<(window.innerHeight||document.documentElement.clientHeight),this.forceRender||this.change||this.animated&&this.visible&&!this.paused){var t=new Date,r=performance.now();for(var i in this.timeDelta=(r-this.timePrev)/1e3,this.timePrev=r,this.nDelta>1&&this.uniform("1f","float","u_delta",this.timeDelta),this.nTime>1&&this.uniform("1f","float","u_time",(r-this.timeLoad)/1e3),this.nDate&&this.uniform("4f","float","u_date",t.getFullYear(),t.getMonth(),t.getDate(),3600*t.getHours()+60*t.getMinutes()+t.getSeconds()+.001*t.getMilliseconds()),this.uniform("2f","vec2","u_resolution",this.canvas.width,this.canvas.height),this.buffers){var n=this.buffers[i];this.uniform("1i","sampler2D",n.name,n.bundle.input.index)}for(var a in this.texureIndex=this.BUFFER_COUNT,this.textures)this.uniformTexture(a),this.texureIndex++;this.renderPrograms(),this.trigger("render",{}),this.change=!1,this.forceRender=!1}}},{key:"pause",value:function(){this.paused=!0}},{key:"play",value:function(){this.paused=!1}},{key:"renderPrograms",value:function(){var e=this.gl,t=e.canvas.width,r=e.canvas.height;for(var i in e.viewport(0,0,t,r),this.buffers){var n=this.buffers[i];n.bundle.render(t,r,n.program,n.name),e.bindFramebuffer(e.FRAMEBUFFER,null)}e.useProgram(this.program),e.drawArrays(e.TRIANGLES,0,6)}},{key:"getBuffers",value:function(e){var t={};return e&&e.replace(/(?:^\s*)((?:#if|#elif)(?:\s*)(defined\s*\(\s*BUFFER_)(\d+)(?:\s*\))|(?:#ifdef)(?:\s*BUFFER_)(\d+)(?:\s*))/gm,function(){var r=arguments[3]||arguments[4];t["u_buffer"+r]={fragment:"#define BUFFER_"+r+"\n"+e}}),t}},{key:"loadPrograms",value:function(e){var t=this.gl,r=S(this,this.vertexString,t.VERTEX_SHADER);for(var i in e){var n=e[i],a=S(this,n.fragment,t.FRAGMENT_SHADER,1);a?this.isValid=!0:(a=S(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",t.FRAGMENT_SHADER),this.isValid=!1);var s=U(this,[r,a]);n.name=i,n.program=s,n.bundle=this.createSwappableBuffer(this.canvas.width,this.canvas.height,s),t.deleteShader(a)}t.deleteShader(r)}},{key:"createSwappableBuffer",value:function(e,t,r){var i=this.createBuffer(e,t,r),n=this.createBuffer(e,t,r),a=this.gl;return{input:i,output:n,swap:function(){var e=i;i=n,n=e,this.input=i,this.output=n},render:function(e,t,r,i){a.useProgram(r),a.viewport(0,0,e,t),a.bindFramebuffer(a.FRAMEBUFFER,this.input.buffer),a.framebufferTexture2D(a.FRAMEBUFFER,a.COLOR_ATTACHMENT0,a.TEXTURE_2D,this.output.texture,0),a.drawArrays(a.TRIANGLES,0,6),this.swap()},resize:function(e,t,r,i){a.useProgram(r),a.viewport(0,0,e,t),this.input.resize(e,t),this.output.resize(e,t)}}}},{key:"createBuffer",value:function(e,t,r){var i=this.gl,n=this.BUFFER_COUNT;this.BUFFER_COUNT+=2,i.getExtension("OES_texture_float");var a=i.createTexture();i.activeTexture(i.TEXTURE0+n),i.bindTexture(i.TEXTURE_2D,a),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,e,t,0,i.RGBA,i.FLOAT,null),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE);var s=i.createFramebuffer();return{index:n,texture:a,buffer:s,W:e,H:t,resize:function(e,t){i.bindFramebuffer(i.FRAMEBUFFER,s);var r=Math.min(e,this.W),o=Math.min(t,this.H),u=new Float32Array(r*o*4);i.readPixels(0,0,r,o,i.RGBA,i.FLOAT,u),i.bindFramebuffer(i.FRAMEBUFFER,null);var h=n+1,l=i.createTexture();i.activeTexture(i.TEXTURE0+h),i.bindTexture(i.TEXTURE_2D,l),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,e,t,0,i.RGBA,i.FLOAT,null),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE),i.texSubImage2D(i.TEXTURE_2D,0,0,0,r,o,i.RGBA,i.FLOAT,u);var f=i.createFramebuffer();i.bindFramebuffer(i.FRAMEBUFFER,null),i.deleteTexture(a),i.activeTexture(i.TEXTURE0+n),i.bindTexture(i.TEXTURE_2D,l),n=this.index=n,a=this.texture=l,s=this.buffer=f,this.W=e,this.H=t}}}},{key:"resizeSwappableBuffers",value:function(){var e=this.gl,t=e.canvas.width,r=e.canvas.height;for(var i in e.viewport(0,0,t,r),this.buffers){var n=this.buffers[i];n.bundle.resize(t,r,n.program,n.name)}e.useProgram(this.program)}},{key:"version",value:function(){return"0.1.7"}}]),e}();return window.addEventListener("load",function(){!function(){var e=document.getElementsByClassName("glslCanvas");if(e.length>0){window.glslCanvases=[];for(var t=0;t<e.length;t++){var r=new F(e[t]);r.isValid&&window.glslCanvases.push(r)}}}()}),F});
 //# sourceMappingURL=GlslCanvas.min.js.map
diff --git a/dist/GlslCanvas.min.js.map b/dist/GlslCanvas.min.js.map
index e9e5d9f..1658dbb 100644
--- a/dist/GlslCanvas.min.js.map
+++ b/dist/GlslCanvas.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"GlslCanvas.min.js","sources":["../node_modules/global/window.js","../node_modules/is-function/index.js","../node_modules/trim/index.js","../node_modules/for-each/index.js","../node_modules/parse-headers/parse-headers.js","../node_modules/xtend/immutable.js","../node_modules/xhr/index.js","../src/gl/gl.js","../src/tools/common.js","../src/tools/mixin.js","../src/gl/Texture.js","../src/GlslCanvas.js"],"sourcesContent":["var win;\n\nif (typeof window !== \"undefined\") {\n    win = window;\n} else if (typeof global !== \"undefined\") {\n    win = global;\n} else if (typeof self !== \"undefined\"){\n    win = self;\n} else {\n    win = {};\n}\n\nmodule.exports = win;\n","module.exports = isFunction\n\nvar toString = Object.prototype.toString\n\nfunction isFunction (fn) {\n  var string = toString.call(fn)\n  return string === '[object Function]' ||\n    (typeof fn === 'function' && string !== '[object RegExp]') ||\n    (typeof window !== 'undefined' &&\n     // IE8 and below\n     (fn === window.setTimeout ||\n      fn === window.alert ||\n      fn === window.confirm ||\n      fn === window.prompt))\n};\n","\nexports = module.exports = trim;\n\nfunction trim(str){\n  return str.replace(/^\\s*|\\s*$/g, '');\n}\n\nexports.left = function(str){\n  return str.replace(/^\\s*/, '');\n};\n\nexports.right = function(str){\n  return str.replace(/\\s*$/, '');\n};\n","var isFunction = require('is-function')\n\nmodule.exports = forEach\n\nvar toString = Object.prototype.toString\nvar hasOwnProperty = Object.prototype.hasOwnProperty\n\nfunction forEach(list, iterator, context) {\n    if (!isFunction(iterator)) {\n        throw new TypeError('iterator must be a function')\n    }\n\n    if (arguments.length < 3) {\n        context = this\n    }\n    \n    if (toString.call(list) === '[object Array]')\n        forEachArray(list, iterator, context)\n    else if (typeof list === 'string')\n        forEachString(list, iterator, context)\n    else\n        forEachObject(list, iterator, context)\n}\n\nfunction forEachArray(array, iterator, context) {\n    for (var i = 0, len = array.length; i < len; i++) {\n        if (hasOwnProperty.call(array, i)) {\n            iterator.call(context, array[i], i, array)\n        }\n    }\n}\n\nfunction forEachString(string, iterator, context) {\n    for (var i = 0, len = string.length; i < len; i++) {\n        // no such thing as a sparse string.\n        iterator.call(context, string.charAt(i), i, string)\n    }\n}\n\nfunction forEachObject(object, iterator, context) {\n    for (var k in object) {\n        if (hasOwnProperty.call(object, k)) {\n            iterator.call(context, object[k], k, object)\n        }\n    }\n}\n","var trim = require('trim')\n  , forEach = require('for-each')\n  , isArray = function(arg) {\n      return Object.prototype.toString.call(arg) === '[object Array]';\n    }\n\nmodule.exports = function (headers) {\n  if (!headers)\n    return {}\n\n  var result = {}\n\n  forEach(\n      trim(headers).split('\\n')\n    , function (row) {\n        var index = row.indexOf(':')\n          , key = trim(row.slice(0, index)).toLowerCase()\n          , value = trim(row.slice(index + 1))\n\n        if (typeof(result[key]) === 'undefined') {\n          result[key] = value\n        } else if (isArray(result[key])) {\n          result[key].push(value)\n        } else {\n          result[key] = [ result[key], value ]\n        }\n      }\n  )\n\n  return result\n}","module.exports = extend\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\nfunction extend() {\n    var target = {}\n\n    for (var i = 0; i < arguments.length; i++) {\n        var source = arguments[i]\n\n        for (var key in source) {\n            if (hasOwnProperty.call(source, key)) {\n                target[key] = source[key]\n            }\n        }\n    }\n\n    return target\n}\n","\"use strict\";\nvar window = require(\"global/window\")\nvar isFunction = require(\"is-function\")\nvar parseHeaders = require(\"parse-headers\")\nvar xtend = require(\"xtend\")\n\nmodule.exports = createXHR\n// Allow use of default import syntax in TypeScript\nmodule.exports.default = createXHR;\ncreateXHR.XMLHttpRequest = window.XMLHttpRequest || noop\ncreateXHR.XDomainRequest = \"withCredentials\" in (new createXHR.XMLHttpRequest()) ? createXHR.XMLHttpRequest : window.XDomainRequest\n\nforEachArray([\"get\", \"put\", \"post\", \"patch\", \"head\", \"delete\"], function(method) {\n    createXHR[method === \"delete\" ? \"del\" : method] = function(uri, options, callback) {\n        options = initParams(uri, options, callback)\n        options.method = method.toUpperCase()\n        return _createXHR(options)\n    }\n})\n\nfunction forEachArray(array, iterator) {\n    for (var i = 0; i < array.length; i++) {\n        iterator(array[i])\n    }\n}\n\nfunction isEmpty(obj){\n    for(var i in obj){\n        if(obj.hasOwnProperty(i)) return false\n    }\n    return true\n}\n\nfunction initParams(uri, options, callback) {\n    var params = uri\n\n    if (isFunction(options)) {\n        callback = options\n        if (typeof uri === \"string\") {\n            params = {uri:uri}\n        }\n    } else {\n        params = xtend(options, {uri: uri})\n    }\n\n    params.callback = callback\n    return params\n}\n\nfunction createXHR(uri, options, callback) {\n    options = initParams(uri, options, callback)\n    return _createXHR(options)\n}\n\nfunction _createXHR(options) {\n    if(typeof options.callback === \"undefined\"){\n        throw new Error(\"callback argument missing\")\n    }\n\n    var called = false\n    var callback = function cbOnce(err, response, body){\n        if(!called){\n            called = true\n            options.callback(err, response, body)\n        }\n    }\n\n    function readystatechange() {\n        if (xhr.readyState === 4) {\n            setTimeout(loadFunc, 0)\n        }\n    }\n\n    function getBody() {\n        // Chrome with requestType=blob throws errors arround when even testing access to responseText\n        var body = undefined\n\n        if (xhr.response) {\n            body = xhr.response\n        } else {\n            body = xhr.responseText || getXml(xhr)\n        }\n\n        if (isJson) {\n            try {\n                body = JSON.parse(body)\n            } catch (e) {}\n        }\n\n        return body\n    }\n\n    function errorFunc(evt) {\n        clearTimeout(timeoutTimer)\n        if(!(evt instanceof Error)){\n            evt = new Error(\"\" + (evt || \"Unknown XMLHttpRequest Error\") )\n        }\n        evt.statusCode = 0\n        return callback(evt, failureResponse)\n    }\n\n    // will load the data & process the response in a special response object\n    function loadFunc() {\n        if (aborted) return\n        var status\n        clearTimeout(timeoutTimer)\n        if(options.useXDR && xhr.status===undefined) {\n            //IE8 CORS GET successful response doesn't have a status field, but body is fine\n            status = 200\n        } else {\n            status = (xhr.status === 1223 ? 204 : xhr.status)\n        }\n        var response = failureResponse\n        var err = null\n\n        if (status !== 0){\n            response = {\n                body: getBody(),\n                statusCode: status,\n                method: method,\n                headers: {},\n                url: uri,\n                rawRequest: xhr\n            }\n            if(xhr.getAllResponseHeaders){ //remember xhr can in fact be XDR for CORS in IE\n                response.headers = parseHeaders(xhr.getAllResponseHeaders())\n            }\n        } else {\n            err = new Error(\"Internal XMLHttpRequest Error\")\n        }\n        return callback(err, response, response.body)\n    }\n\n    var xhr = options.xhr || null\n\n    if (!xhr) {\n        if (options.cors || options.useXDR) {\n            xhr = new createXHR.XDomainRequest()\n        }else{\n            xhr = new createXHR.XMLHttpRequest()\n        }\n    }\n\n    var key\n    var aborted\n    var uri = xhr.url = options.uri || options.url\n    var method = xhr.method = options.method || \"GET\"\n    var body = options.body || options.data\n    var headers = xhr.headers = options.headers || {}\n    var sync = !!options.sync\n    var isJson = false\n    var timeoutTimer\n    var failureResponse = {\n        body: undefined,\n        headers: {},\n        statusCode: 0,\n        method: method,\n        url: uri,\n        rawRequest: xhr\n    }\n\n    if (\"json\" in options && options.json !== false) {\n        isJson = true\n        headers[\"accept\"] || headers[\"Accept\"] || (headers[\"Accept\"] = \"application/json\") //Don't override existing accept header declared by user\n        if (method !== \"GET\" && method !== \"HEAD\") {\n            headers[\"content-type\"] || headers[\"Content-Type\"] || (headers[\"Content-Type\"] = \"application/json\") //Don't override existing accept header declared by user\n            body = JSON.stringify(options.json === true ? body : options.json)\n        }\n    }\n\n    xhr.onreadystatechange = readystatechange\n    xhr.onload = loadFunc\n    xhr.onerror = errorFunc\n    // IE9 must have onprogress be set to a unique function.\n    xhr.onprogress = function () {\n        // IE must die\n    }\n    xhr.onabort = function(){\n        aborted = true;\n    }\n    xhr.ontimeout = errorFunc\n    xhr.open(method, uri, !sync, options.username, options.password)\n    //has to be after open\n    if(!sync) {\n        xhr.withCredentials = !!options.withCredentials\n    }\n    // Cannot set timeout with sync request\n    // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly\n    // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent\n    if (!sync && options.timeout > 0 ) {\n        timeoutTimer = setTimeout(function(){\n            if (aborted) return\n            aborted = true//IE9 may still call readystatechange\n            xhr.abort(\"timeout\")\n            var e = new Error(\"XMLHttpRequest timeout\")\n            e.code = \"ETIMEDOUT\"\n            errorFunc(e)\n        }, options.timeout )\n    }\n\n    if (xhr.setRequestHeader) {\n        for(key in headers){\n            if(headers.hasOwnProperty(key)){\n                xhr.setRequestHeader(key, headers[key])\n            }\n        }\n    } else if (options.headers && !isEmpty(options.headers)) {\n        throw new Error(\"Headers cannot be set on an XDomainRequest object\")\n    }\n\n    if (\"responseType\" in options) {\n        xhr.responseType = options.responseType\n    }\n\n    if (\"beforeSend\" in options &&\n        typeof options.beforeSend === \"function\"\n    ) {\n        options.beforeSend(xhr)\n    }\n\n    // Microsoft Edge browser sends \"undefined\" when send is called with undefined value.\n    // XMLHttpRequest spec says to pass null as body to indicate no body\n    // See https://github.com/naugtur/xhr/issues/100.\n    xhr.send(body || null)\n\n    return xhr\n\n\n}\n\nfunction getXml(xhr) {\n    // xhr.responseXML will throw Exception \"InvalidStateError\" or \"DOMException\"\n    // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML.\n    try {\n        if (xhr.responseType === \"document\") {\n            return xhr.responseXML\n        }\n        var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === \"parsererror\"\n        if (xhr.responseType === \"\" && !firefoxBugTakenEffect) {\n            return xhr.responseXML\n        }\n    } catch (e) {}\n\n    return null\n}\n\nfunction noop() {}\n","let lastError = '';\n\n/**\n * Creates the HTLM for a failure message\n * @param {string} canvasContainerId id of container of th\n *        canvas.\n * @return {string} The html.\n */\nfunction makeFailHTML(msg) {\n    return `\n<table style=\"background-color: #8CE; width: 100%; height: 100%;\"><tr>\n<td align=\"center\">\n<div style=\"display: table-cell; vertical-align: middle;\">\n<div style=\"\">` + msg + `</div>\n</div>\n</td></tr></table>\n`;\n}\n\n/**\n * Message for getting a webgl browser\n * @type {string}\n */\nlet GET_A_WEBGL_BROWSER = `\n\tThis page requires a browser that supports WebGL.<br/>\n\t<a href=\"http://get.webgl.org\">Click here to upgrade your browser.</a>\n`;\n\n/**\n * Message for need better hardware\n * @type {string}\n */\nlet OTHER_PROBLEM = `\n\tIt does not appear your computer can support WebGL.<br/>\n\t<a href=\"http://get.webgl.org/troubleshooting/\">Click here for more information.</a>\n`;\n\n/**\n * Code to return in `onError` callback when the browser doesn't support webgl\n * @type {number}\n */\nexport const ERROR_BROWSER_SUPPORT = 1;\n\n/**\n * Code to return in `onError` callback there's any other problem related to webgl\n * @type {number}\n */\nexport const ERROR_OTHER = 2;\n\n/**\n * Creates a webgl context. If creation fails it will\n * change the contents of the container of the <canvas>\n * tag to an error message with the correct links for WebGL,\n * unless `onError` option is defined to a callback,\n * which allows for custom error handling..\n * @param {Element} canvas. The canvas element to create a\n *     context from.\n * @param {WebGLContextCreationAttributes} optAttribs Any\n *     creation attributes you want to pass in.\n * @return {WebGLRenderingContext} The created context.\n */\nexport function setupWebGL (canvas, optAttribs, onError) {\n    function showLink(str) {\n        let container = canvas.parentNode;\n        if (container) {\n            container.innerHTML = makeFailHTML(str);\n        }\n    }\n\n    function handleError(errorCode, msg) {\n        if (typeof onError === 'function') {\n            onError(errorCode);\n        } else {\n            showLink(msg);\n        }\n    }\n\n    if (!window.WebGLRenderingContext) {\n        handleError(ERROR_BROWSER_SUPPORT, GET_A_WEBGL_BROWSER);\n        return null;\n    }\n\n    let context = create3DContext(canvas, optAttribs);\n    if (!context) {\n        handleError(ERROR_OTHER, OTHER_PROBLEM);\n    } else {\n        context.getExtension('OES_standard_derivatives');\n    }\n    return context;\n}\n\n/**\n * Creates a webgl context.\n * @param {!Canvas} canvas The canvas tag to get context\n *     from. If one is not passed in one will be created.\n * @return {!WebGLContext} The created context.\n */\nexport function create3DContext(canvas, optAttribs) {\n    let names = ['webgl', 'experimental-webgl'];\n    let context = null;\n    for (var ii = 0; ii < names.length; ++ii) {\n        try {\n            context = canvas.getContext(names[ii], optAttribs);\n        } catch(e) {\n            if (context) {\n                break;\n            }\n        }\n    }\n    return context;\n}\n\n/*\n *\tCreate a Vertex of a specific type (gl.VERTEX_SHADER/)\n */\nexport function createShader(main, source, type, offset) {\n    let gl = main.gl;\n\n    let shader = gl.createShader(type);\n    gl.shaderSource(shader, source);\n    gl.compileShader(shader);\n\n    let compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);\n\n    if (!compiled) {\n        // Something went wrong during compilation; get the error\n        lastError = gl.getShaderInfoLog(shader);\n        console.error('*** Error compiling shader ' + shader + ':' + lastError);\n        main.trigger('error', {\n            shader: shader,\n            source: source,\n            type: type,\n            error: lastError,\n            offset: offset || 0\n        });\n        gl.deleteShader(shader);\n        return null;\n    }\n\n    return shader;\n}\n\n/**\n * Loads a shader.\n * @param {!WebGLContext} gl The WebGLContext to use.\n * @param {string} shaderSource The shader source.\n * @param {number} shaderType The type of shader.\n * @param {function(string): void) opt_errorCallback callback for errors.\n * @return {!WebGLShader} The created shader.\n */\nexport function createProgram(main, shaders, optAttribs, optLocations) {\n    let gl = main.gl;\n\n    let program = gl.createProgram();\n    for (let ii = 0; ii < shaders.length; ++ii) {\n        gl.attachShader(program, shaders[ii]);\n    }\n    if (optAttribs) {\n        for (let ii = 0; ii < optAttribs.length; ++ii) {\n            gl.bindAttribLocation(\n            program,\n            optLocations ? optLocations[ii] : ii,\n            optAttribs[ii]);\n        }\n    }\n    gl.linkProgram(program);\n\n    // Check the link status\n    let linked = gl.getProgramParameter(program, gl.LINK_STATUS);\n    if (!linked) {\n        // something went wrong with the link\n        lastError = gl.getProgramInfoLog(program);\n        console.log('Error in program linking:' + lastError);\n        gl.deleteProgram(program);\n        return null;\n    }\n    return program;\n}\n\n// By Brett Camber on\n// https://github.com/tangrams/tangram/blob/master/src/gl/glsl.js\nexport function parseUniforms(uniforms, prefix = null) {\n    let parsed = [];\n\n    for (let name in uniforms) {\n        let uniform = uniforms[name];\n        let u;\n\n        if (prefix) {\n            name = prefix + '.' + name;\n        }\n\n        // Single float\n        if (typeof uniform === 'number') {\n            parsed.push({\n                type: 'float',\n                method: '1f',\n                name,\n                value: uniform\n            });\n        }\n        // Array: vector, array of floats, array of textures, or array of structs\n        else if (Array.isArray(uniform)) {\n            // Numeric values\n            if (typeof uniform[0] === 'number') {\n                // float vectors (vec2, vec3, vec4)\n                if (uniform.length === 1) {\n                    parsed.push({\n                        type: 'float',\n                        method: '1f',\n                        name,\n                        value: uniform\n                    });\n                }\n                // float vectors (vec2, vec3, vec4)\n                else if (uniform.length >= 2 && uniform.length <= 4) {\n                    parsed.push({\n                        type: 'vec' + uniform.length,\n                        method: uniform.length + 'fv',\n                        name,\n                        value: uniform\n                    });\n                }\n                // float array\n                else if (uniform.length > 4) {\n                    parsed.push({\n                        type: 'float[]',\n                        method: '1fv',\n                        name: name + '[0]',\n                        value: uniform\n                    });\n                }\n                // TODO: assume matrix for (typeof == Float32Array && length == 16)?\n            }\n            // Array of textures\n            else if (typeof uniform[0] === 'string') {\n                parsed.push({\n                    type: 'sampler2D',\n                    method: '1i',\n                    name: name,\n                    value: uniform\n                });\n            }\n            // Array of arrays - but only arrays of vectors are allowed in this case\n            else if (Array.isArray(uniform[0]) && typeof uniform[0][0] === 'number') {\n                // float vectors (vec2, vec3, vec4)\n                if (uniform[0].length >= 2 && uniform[0].length <= 4) {\n                    // Set each vector in the array\n                    for (u = 0; u < uniform.length; u++) {\n                        parsed.push({\n                            type: 'vec' + uniform[0].length,\n                            method: uniform[u].length + 'fv',\n                            name: name + '[' + u + ']',\n                            value: uniform[u]\n                        });\n                    }\n                }\n                // else error?\n            }\n            // Array of structures\n            else if (typeof uniform[0] === 'object') {\n                for (u = 0; u < uniform.length; u++) {\n                    // Set each struct in the array\n                    parsed.push(...parseUniforms(uniform[u], name + '[' + u + ']'));\n                }\n            }\n        }\n        // Boolean\n        else if (typeof uniform === 'boolean') {\n            parsed.push({\n                type: 'bool',\n                method: '1i',\n                name,\n                value: uniform\n            });\n        }\n        // Texture\n        else if (typeof uniform === 'string') {\n            parsed.push({\n                type: 'sampler2D',\n                method: '1i',\n                name,\n                value: uniform\n            });\n        }\n        // Structure\n        else if (typeof uniform === 'object') {\n            // Set each field in the struct\n            parsed.push(...parseUniforms(uniform, name));\n        }\n        // TODO: support other non-float types? (int, etc.)\n    }\n    return parsed;\n}\n","export function isCanvasVisible(canvas) {\n    return\t((canvas.getBoundingClientRect().top + canvas.height) > 0) &&\n        (canvas.getBoundingClientRect().top < (window.innerHeight || document.documentElement.clientHeight));\n}\n\nexport function isPowerOf2(value) {\n    return (value & (value - 1)) === 0;\n}\n\nexport function isSafari () {\n    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n};\n\nexport function nextHighestPowerOfTwo(x) {\n    --x;\n    for (let i = 1; i < 32; i <<= 1) {\n        x = x | x >> i;\n    }\n    return x + 1;\n}\n\nexport function FormatNumberLength(num, length) {\n    let r = num.toString();\n    while (r.length < length) {\n        r = '0' + r;\n    }\n    return r;\n}\n\nexport function getMousePos(canvas, evt) {\n    let rect = canvas.getBoundingClientRect();\n    return {\n        x: evt.clientX - rect.left,\n        y: evt.clientY - rect.top\n    };\n}\n\nexport function isDiff(a, b) {\n    if (a && b) {\n        return a.toString() !== b.toString();\n    }\n    return false;\n}\n\nexport function subscribeMixin (target) {\n    var listeners = new Set();\n\n    return Object.assign(target, {\n\n        subscribe(listener) {\n            listeners.add(listener);\n        },\n\n        on(type, f) {\n            let listener = {};\n            listener[type] = f;\n            listeners.add(listener);\n        },\n\n        unsubscribe(listener) {\n            listeners.delete(listener);\n        },\n\n        unsubscribeAll() {\n            listeners.clear();\n        },\n\n        trigger(event, ...data) {\n            for (var listener of listeners) {\n                if (typeof listener[event] === 'function') {\n                    listener[event](...data);\n                }\n            }\n        }\n    });\n}\n","export function subscribeMixin (target) {\n    var listeners = new Set();\n\n    return Object.assign(target, {\n\n        on(type, f) {\n            let listener = {};\n            listener[type] = f;\n            listeners.add(listener);\n        },\n\n        off(type, f) {\n            if (f) {\n                let listener = {};\n                listener[type] = f;\n                listeners.delete(listener);\n            }\n            else {\n                for (let item of listeners) {\n                    for (let key of Object.keys(item)) {\n                        if (key === type) {\n                            listeners.delete(item);\n                            return;\n                        }\n                    }\n                }\n            }\n        },\n\n        listSubscriptions() {\n            for (let item of listeners) {\n                console.log(item);\n            }\n        },\n\n        subscribe(listener) {\n            listeners.add(listener);\n        },\n\n        unsubscribe(listener) {\n            listeners.delete(listener);\n        },\n\n        unsubscribeAll() {\n            listeners.clear();\n        },\n\n        trigger(event, ...data) {\n            for (var listener of listeners) {\n                if (typeof listener[event] === 'function') {\n                    listener[event](...data);\n                }\n            }\n        }\n    });\n}\n","// Texture management\nimport { isPowerOf2, isSafari } from '../tools/common';\nimport { subscribeMixin } from '../tools/mixin';\n\n// GL texture wrapper object for keeping track of a global set of textures, keyed by a unique user-defined name\nexport default class Texture {\n    constructor(gl, name, options = {}) {\n        subscribeMixin(this);\n\n        this.gl = gl;\n        this.texture = gl.createTexture();\n        if (this.texture) {\n            this.valid = true;\n        }\n        this.bind();\n\n        this.name = name;\n        this.source = null;\n        this.sourceType = null;\n        this.loading = null; // a Promise object to track the loading state of this texture\n\n        // Default to a 1-pixel black texture so we can safely render while we wait for an image to load\n        // See: http://stackoverflow.com/questions/19722247/webgl-wait-for-texture-to-load\n        this.setData(1, 1, new Uint8Array([0, 0, 0, 255]), { filtering: 'linear' });\n        this.setFiltering(options.filtering);\n\n        this.load(options);\n    }\n\n    // Destroy a single texture instance\n    destroy() {\n        if (!this.valid) {\n            return;\n        }\n        this.gl.deleteTexture(this.texture);\n        this.texture = null;\n        delete this.data;\n        this.data = null;\n        this.valid = false;\n    }\n\n    bind(unit) {\n        if (!this.valid) {\n            return;\n        }\n        if (typeof unit === 'number') {\n            if (Texture.activeUnit !== unit) {\n                this.gl.activeTexture(this.gl.TEXTURE0 + unit);\n                Texture.activeUnit = unit;\n            }\n        }\n        if (Texture.activeTexture !== this.texture) {\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.texture);\n            Texture.activeTexture = this.texture;\n        }\n    }\n\n    load(options = {}) {\n        this.loading = null;\n\n        if (typeof options.url === 'string') {\n            if (this.url === undefined || options.url !== this.url) {\n                this.setUrl(options.url, options);\n            }\n        }\n        else if (options.element) {\n            this.setElement(options.element, options);\n        }\n        else if (options.data && options.width && options.height) {\n            this.setData(options.width, options.height, options.data, options);\n        }\n    }\n\n    // Sets texture from an url\n    setUrl(url, options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.url = url; // save URL reference (will be overwritten when element is loaded below)\n        this.source = this.url;\n        this.sourceType = 'url';\n\n        this.loading = new Promise((resolve, reject) => {\n            let ext = url.split('.').pop().toLowerCase();\n            let isVideo = (ext === 'ogv' || ext === 'webm' || ext === 'mp4');\n\n            let element = undefined\n            if (isVideo) {\n                element = document.createElement('video');\n                element.autoplay = true;\n                options.filtering = 'nearest';\n                // element.preload = 'auto';\n                // element.style.display = 'none';\n                // document.body.appendChild(element);\n            } else {\n                element = new Image();\n            }\n\n            element.onload = () => {\n                try {\n                    this.setElement(element, options);\n                }\n                catch (e) {\n                    console.log(`Texture '${this.name}': failed to load url: '${this.source}'`, e, options);\n                }\n                resolve(this);\n            };\n            element.onerror = e => {\n                // Warn and resolve on error\n                console.log(`Texture '${this.name}': failed to load url: '${this.source}'`, e, options);\n                resolve(this);\n            };\n\n            // Safari has a bug loading data-URL elements with CORS enabled, so it must be disabled in that case\n            // https://bugs.webkit.org/show_bug.cgi?id=123978\n            if (!(isSafari() && this.source.slice(0, 5) === 'data:')) {\n                element.crossOrigin = 'anonymous';\n            }\n\n            element.src = this.source;\n            if (isVideo) {\n                this.setElement(element, options);\n            }\n        });\n        return this.loading;\n    }\n\n    // Sets texture to a raw image buffer\n    setData(width, height, data, options = {}) {\n        this.width = width;\n        this.height = height;\n\n        this.source = data;\n        this.sourceType = 'data';\n\n        this.update(options);\n        this.setFiltering(options);\n\n        this.loading = Promise.resolve(this);\n        return this.loading;\n    }\n\n    // Sets the texture to track a element (canvas/image)\n    setElement(element, options) {\n        let el = element;\n\n        // a string element is interpeted as a CSS selector\n        if (typeof element === 'string') {\n            element = document.querySelector(element);\n        }\n\n        if (element instanceof HTMLCanvasElement ||\n            element instanceof HTMLImageElement ||\n            element instanceof HTMLVideoElement) {\n            this.source = element;\n            this.sourceType = 'element';\n\n            if (element instanceof HTMLVideoElement) {\n                element.addEventListener('canplaythrough', () => {\n                    this.intervalID = setInterval(()=>{\n                        this.update(options);\n                    }, 15);\n                }, true);\n                element.addEventListener('ended', () => {\n                    element.currentTime = 0;\n                    element.play();\n                }, true);\n            } else {\n                this.update(options);\n            }            \n            this.setFiltering(options);\n        }\n        else {\n            let msg = `the 'element' parameter (\\`element: ${JSON.stringify(el)}\\`) must be a CSS `;\n            msg += `selector string, or a <canvas>, <image> or <video> object`;\n            console.log(`Texture '${this.name}': ${msg}`, options);\n        }\n\n        this.loading = Promise.resolve(this);\n        return this.loading;\n    }\n\n    // Uploads current image or buffer to the GPU (can be used to update animated textures on the fly)\n    update(options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.bind();\n        this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL, (options.UNPACK_FLIP_Y_WEBGL === false ? false : true));\n        this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, options.UNPACK_PREMULTIPLY_ALPHA_WEBGL || false);\n\n        // Image or Canvas element\n        if (this.sourceType === 'element' &&\n            ((this.source instanceof HTMLCanvasElement) || \n             (this.source instanceof HTMLVideoElement) ||\n             (this.source instanceof HTMLImageElement && this.source.complete))) {\n            if (this.source instanceof HTMLVideoElement) {\n                this.width = this.source.videoWidth;\n                this.height = this.source.videoHeight;\n            } else {\n                this.width = this.source.width;\n                this.height = this.source.height;\n            }\n            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.source);\n        }\n        // Raw image buffer\n        else if (this.sourceType === 'data') {\n            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.width, this.height, 0, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.source);\n        }\n        this.trigger('loaded', this);\n    }\n\n    // Determines appropriate filtering mode\n    setFiltering (options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.powerOf2 = isPowerOf2(this.width) && isPowerOf2(this.height);\n        let defualtFilter = (this.powerOf2 ? 'mipmap' : 'linear');\n        this.filtering = options.filtering || defualtFilter;\n\n        var gl = this.gl;\n        this.bind();\n\n        // For power-of-2 textures, the following presets are available:\n        // mipmap: linear blend from nearest mip\n        // linear: linear blend from original image (no mips)\n        // nearest: nearest pixel from original image (no mips, 'blocky' look)\n        if (this.powerOf2) {\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, options.TEXTURE_WRAP_S || (options.repeat && gl.REPEAT) || gl.CLAMP_TO_EDGE);\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, options.TEXTURE_WRAP_T || (options.repeat && gl.REPEAT) || gl.CLAMP_TO_EDGE);\n\n            if (this.filtering === 'mipmap') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR); // TODO: use trilinear filtering by defualt instead?\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n                gl.generateMipmap(gl.TEXTURE_2D);\n            }\n            else if (this.filtering === 'linear') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n            }\n            else if (this.filtering === 'nearest') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n            }\n        }\n        else {\n            // WebGL has strict requirements on non-power-of-2 textures:\n            // No mipmaps and must clamp to edge\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n\n            if (this.filtering === 'mipmap') {\n                this.filtering = 'linear';\n            }\n\n            if (this.filtering === 'nearest') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n            }\n            else { // default to linear for non-power-of-2 textures\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n            }\n        }\n    }\n}\n\n// Report max texture size for a GL context\nTexture.getMaxTextureSize = function (gl) {\n    return gl.getParameter(gl.MAX_TEXTURE_SIZE);\n};\n\n// Global set of textures, by name\nTexture.activeUnit = -1;\n","/*\nThe MIT License (MIT)\n\nCopyright (c) 2015 Patricio Gonzalez Vivo ( http://www.patriciogonzalezvivo.com )\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the 'Software'), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n*/\n\nimport xhr from 'xhr';\nimport { createProgram, createShader, parseUniforms, setupWebGL } from './gl/gl';\nimport Texture from './gl/Texture';\nimport { isCanvasVisible, isDiff } from './tools/common';\nimport { subscribeMixin } from './tools/mixin';\n\nexport default class GlslCanvas {\n    constructor(canvas, contextOptions, options) {\n        subscribeMixin(this);\n\n        contextOptions = contextOptions || {};\n        options = options || {};\n\n        if (canvas.hasAttribute('data-fullscreen') &&\n            (canvas.getAttribute('data-fullscreen') == \"1\" ||\n            canvas.getAttribute('data-fullscreen') == \"true\" )\n        ) {\n            this.width = window.innerWidth;\n            this.height = window.innerHeight;\n            canvas.width = window.innerWidth;\n            canvas.height = window.innerHeight;\n        } else {\n            this.width = canvas.clientWidth;\n            this.height = canvas.clientHeight;\n        }\n\n        this.canvas = canvas;\n        this.gl = undefined;\n        this.program = undefined;\n        this.textures = {};\n        this.buffers = {};\n        this.uniforms = {};\n        this.vbo = {};\n        this.isValid = false;\n        this.animationFrameRequest = undefined;\n\n        this.BUFFER_COUNT = 0;\n        // this.TEXTURE_COUNT = 0;\n\n        this.vertexString = contextOptions.vertexString || `\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nattribute vec2 a_position;\nattribute vec2 a_texcoord;\n\nvarying vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n`;\n        this.fragmentString = contextOptions.fragmentString || `\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying vec2 v_texcoord;\n\nvoid main(){\n    gl_FragColor = vec4(0.0);\n}\n`;\n\n        // GL Context\n        let gl = setupWebGL(canvas, contextOptions, options.onError);\n        if (!gl) {\n            return;\n        }\n        this.gl = gl;\n        this.timeLoad = this.timePrev = performance.now();\n        this.timeDelta = 0.0;\n        this.forceRender = true;\n        this.paused = false;\n        this.realToCSSPixels = window.devicePixelRatio || 1;\n\n        // Allow alpha\n        canvas.style.backgroundColor = contextOptions.backgroundColor || 'rgba(1,1,1,0)';\n\n        // Load shader\n        if (canvas.hasAttribute('data-fragment')) {\n            this.fragmentString = canvas.getAttribute('data-fragment');\n        }\n        else if (canvas.hasAttribute('data-fragment-url')) {\n            let source = canvas.getAttribute('data-fragment-url');\n            xhr.get(source, (error, response, body) => {\n                this.load(body, this.vertexString);\n            });\n        }\n\n        // Load shader\n        if (canvas.hasAttribute('data-vertex')) {\n            this.vertexString = canvas.getAttribute('data-vertex');\n        }\n        else if (canvas.hasAttribute('data-vertex-url')) {\n            let source = canvas.getAttribute('data-vertex-url');\n            xhr.get(source, (error, response, body) => {\n                this.load(this.fragmentString, body);\n            });\n        }\n\n        this.load();\n\n        if (!this.program) {\n            return;\n        }\n\n        // Define Vertex buffer\n        let texCoordsLoc = gl.getAttribLocation(this.program, 'a_texcoord');\n        this.vbo.texCoords = gl.createBuffer();\n        this.gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo.texCoords);\n        this.gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 1.0, 1.0, 0.0, 1.0, 1.0]), gl.STATIC_DRAW);\n        this.gl.enableVertexAttribArray(texCoordsLoc);\n        this.gl.vertexAttribPointer(texCoordsLoc, 2, gl.FLOAT, false, 0, 0);\n\n        let verticesLoc = gl.getAttribLocation(this.program, 'a_position');\n        this.vbo.vertices = gl.createBuffer();\n        this.gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo.vertices);\n        this.gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1.0, -1.0, 1.0, -1.0, -1.0, 1.0, -1.0, 1.0, 1.0, -1.0, 1.0, 1.0]), gl.STATIC_DRAW);\n        this.gl.enableVertexAttribArray(verticesLoc);\n        this.gl.vertexAttribPointer(verticesLoc, 2, gl.FLOAT, false, 0, 0);\n\n        // load TEXTURES\n        if (canvas.hasAttribute('data-textures')) {\n            let imgList = canvas.getAttribute('data-textures').split(',');\n            for (let nImg in imgList) {\n                this.setUniform('u_tex' + nImg, imgList[nImg]);\n            }\n        }\n\n        // ========================== EVENTS\n        let mouse = {\n            x: 0,\n            y: 0\n        };\n        document.addEventListener('mousemove', (e) => {\n            mouse.x = e.clientX || e.pageX;\n            mouse.y = e.clientY || e.pageY;\n        }, false);\n\n        let sandbox = this;\n        function RenderLoop() {\n            if (sandbox.nMouse > 1) {\n                sandbox.setMouse(mouse);\n            }\n\n            if (sandbox.resize()) {\n                sandbox.forceRender = true;\n            }\n            \n            sandbox.render();\n            sandbox.animationFrameRequest = window.requestAnimationFrame(RenderLoop);\n        }\n\n        // Start\n        this.setMouse({ x: 0, y: 0 });\n        RenderLoop();\n        return this;\n    }\n\n    destroy() {\n        cancelAnimationFrame(this.animationFrameRequest);\n\n        this.animated = false;\n        this.isValid = false;\n        for (let tex in this.textures) {\n            if (tex.destroy){\n                tex.destroy();\n            }\n        }\n        this.textures = {};\n        for (let att in this.attribs) {\n            this.gl.deleteBuffer(this.attribs[att]);\n        }\n        this.gl.useProgram(null);\n        this.gl.deleteProgram(this.program);\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            this.gl.deleteProgram(buffer.program);\n        }\n        this.program = null;\n        this.gl = null;\n    }\n\n    load (fragString, vertString) {\n\n        // Load vertex shader if there is one\n        if (vertString) {\n            this.vertexString = vertString;\n        }\n\n        // Load fragment shader if there is one\n        if (fragString) {\n            this.fragmentString = fragString;\n        }\n\n        this.animated = false;\n        this.nDelta = (this.fragmentString.match(/u_delta/g) || []).length;\n        this.nTime = (this.fragmentString.match(/u_time/g) || []).length;\n        this.nDate = (this.fragmentString.match(/u_date/g) || []).length;\n        this.nMouse = (this.fragmentString.match(/u_mouse/g) || []).length;\n        this.animated = this.nDate > 1 || this.nTime > 1 || this.nMouse > 1;\n\n        let nTextures = this.fragmentString.search(/sampler2D/g);\n        if (nTextures) {\n            let lines = this.fragmentString.split('\\n');\n            for (let i = 0; i < lines.length; i++) {\n                let match = lines[i].match(/uniform\\s*sampler2D\\s*([\\w]*);\\s*\\/\\/\\s*([\\w|\\:\\/\\/|\\.|\\-|\\_]*)/i);\n                if (match) {\n                    let ext = match[2].split('.').pop().toLowerCase();\n                    if (match[1] && match[2] &&\n                        (ext === 'jpg' || ext === 'jpeg' || ext === 'png' ||\n                         ext === 'ogv' || ext === 'webm' || ext === 'mp4')) {\n                        this.setUniform(match[1], match[2]);\n                    }\n                }\n                let main = lines[i].match(/\\s*void\\s*main\\s*/g);\n                if (main) {\n                    break;\n                }\n            }\n        }\n\n        let vertexShader = createShader(this, this.vertexString, this.gl.VERTEX_SHADER);\n        let fragmentShader = createShader(this, this.fragmentString, this.gl.FRAGMENT_SHADER);\n\n        // If Fragment shader fails load a empty one to sign the error\n        if (!fragmentShader) {\n            fragmentShader = createShader(this, 'void main(){\\n\\tgl_FragColor = vec4(1.0);\\n}', this.gl.FRAGMENT_SHADER);\n            this.isValid = false;\n        }\n        else {\n            this.isValid = true;\n        }\n\n        // Create and use program\n        let program = createProgram(this, [vertexShader, fragmentShader]);//, [0,1],['a_texcoord','a_position']);\n        this.gl.useProgram(program);\n\n        // Delete shaders\n        // this.gl.detachShader(program, vertexShader);\n        // this.gl.detachShader(program, fragmentShader);\n        this.gl.deleteShader(vertexShader);\n        this.gl.deleteShader(fragmentShader);\n\n        this.program = program;\n        this.change = true;\n\n        this.BUFFER_COUNT = 0;\n        const buffers = this.getBuffers(this.fragmentString);\n        if (Object.keys(buffers).length) {\n            this.loadPrograms(buffers);\n        }\n        this.buffers = buffers;\n        this.texureIndex = this.BUFFER_COUNT;\n        \n        // Trigger event\n        this.trigger('load', {});\n\n        this.forceRender = true;\n        this.render();\n    }\n\n    test (callback, fragString, vertString) {\n        // Thanks to @thespite for the help here\n        // https://www.khronos.org/registry/webgl/extensions/EXT_disjoint_timer_query/\n        let pre_test_vert = this.vertexString;\n        let pre_test_frag = this.fragmentString;\n        let pre_test_paused = this.paused;\n\n        let ext = this.gl.getExtension('EXT_disjoint_timer_query');\n        let query = ext.createQueryEXT();\n        let wasValid = this.isValid;\n\n        if (fragString || vertString) {\n            this.load(fragString, vertString);\n            wasValid = this.isValid;\n            this.forceRender = true;\n            this.render();\n        }\n\n        this.paused = true;\n        ext.beginQueryEXT(ext.TIME_ELAPSED_EXT, query);\n        this.forceRender = true;\n        this.render();\n        ext.endQueryEXT(ext.TIME_ELAPSED_EXT);\n\n        let sandbox = this;\n        function finishTest() {\n            // Revert changes... go back to normal\n            sandbox.paused = pre_test_paused;\n            if (fragString || vertString) {\n                sandbox.load(pre_test_frag, pre_test_vert);\n            }\n        }\n        function waitForTest() {\n            sandbox.forceRender = true;\n            sandbox.render();\n            let available = ext.getQueryObjectEXT(query, ext.QUERY_RESULT_AVAILABLE_EXT);\n            let disjoint = sandbox.gl.getParameter(ext.GPU_DISJOINT_EXT);\n            if (available && !disjoint) {\n                let ret = {\n                    wasValid: wasValid,\n                    frag: fragString || sandbox.fragmentString,\n                    vert: vertString || sandbox.vertexString,\n                    timeElapsedMs: ext.getQueryObjectEXT(query, ext.QUERY_RESULT_EXT)/1000000.0\n                };\n                finishTest();\n                callback(ret);\n            } else {\n                window.requestAnimationFrame(waitForTest);\n            }\n        }\n        waitForTest();\n    }\n\n    loadTexture (name, urlElementOrData, options) {\n        if (!options) {\n            options = {};\n        }\n\n        if (typeof urlElementOrData === 'string') {\n            options.url = urlElementOrData;\n        }\n        else if (typeof urlElementOrData === 'object' && urlElementOrData.data && urlElementOrData.width && urlElementOrData.height) {\n            options.data = urlElementOrData.data;\n            options.width = urlElementOrData.width;\n            options.height = urlElementOrData.height;\n        }\n        else if (typeof urlElementOrData === 'object') {\n            options.element = urlElementOrData;\n        }\n\n        if (this.textures[name]) {\n            if (this.textures[name]) {\n                this.textures[name].load(options);\n                this.textures[name].on('loaded', (args) => {\n                    this.forceRender = true;\n                });\n            }\n        }\n        else {\n            this.textures[name] = new Texture(this.gl, name, options);\n            this.textures[name].on('loaded', (args) => {\n                this.forceRender = true;\n            });\n        }\n\n    }\n\n    refreshUniforms() {\n        this.uniforms = {};\n    }\n\n    setUniform(name, ...value) {\n        let u = {};\n        u[name] = value;\n        this.setUniforms(u);\n    }\n\n    setUniforms(uniforms) {\n        let parsed = parseUniforms(uniforms);\n        // Set each uniform\n        for (let u in parsed) {\n            if (parsed[u].type === 'sampler2D') {\n                // For textures, we need to track texture units, so we have a special setter\n                // this.uniformTexture(parsed[u].name, parsed[u].value[0]);\n                this.loadTexture(parsed[u].name, parsed[u].value[0]);\n            }\n            else {\n                this.uniform(parsed[u].method, parsed[u].type, parsed[u].name, parsed[u].value);\n            }\n        }\n        this.forceRender = true;\n    }\n\n    setMouse(mouse) {\n        // set the mouse uniform\n        let rect = this.canvas.getBoundingClientRect();\n        if (mouse &&\n            mouse.x && mouse.x >= rect.left && mouse.x <= rect.right &&\n            mouse.y && mouse.y >= rect.top && mouse.y <= rect.bottom) {\n\n            let mouse_x = (mouse.x - rect.left ) * this.realToCSSPixels;\n            let mouse_y = (this.canvas.height - (mouse.y - rect.top) * this.realToCSSPixels);\n\n            this.uniform('2f', 'vec2', 'u_mouse', mouse_x, mouse_y);\n        }\n    }\n\n    // ex: program.uniform('3f', 'position', x, y, z);\n    uniform (method, type, name, ...value) { // 'value' is a method-appropriate arguments list\n        this.uniforms[name] = this.uniforms[name] || {}; \n        let uniform = this.uniforms[name];\n        let change = isDiff(uniform.value, value);\n\n        // remember and keep track of uniforms location to save calls\n        if (change || this.change || !uniform.location || !uniform.value) {\n            uniform.name = name;\n            uniform.type = type;\n            uniform.value = value;\n            uniform.method = 'uniform' + method;\n            this.gl.useProgram(this.program);\n            uniform.location = this.gl.getUniformLocation(this.program, name);\n            this.gl[uniform.method].apply(this.gl, [uniform.location].concat(uniform.value));\n            // If there is change update and there is buffer update manually one by one\n            for (let key in this.buffers) {\n                let buffer = this.buffers[key];\n                this.gl.useProgram(buffer.program);\n                let location = this.gl.getUniformLocation(buffer.program, name);\n                this.gl[uniform.method].apply(this.gl, [location].concat(uniform.value));\n            }\n        }\n    }\n\n    uniformTexture(name, texture, options) {\n        if (this.textures[name] === undefined) {\n            this.loadTexture(name, texture, options);\n        }\n        else {\n            this.uniform('1i', 'sampler2D', name, this.texureIndex)\n\n            for (let key in this.buffers) {\n                const buffer = this.buffers[key];\n                this.gl.useProgram(buffer.program);\n                this.gl.activeTexture(this.gl.TEXTURE0 + this.texureIndex);\n                this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[name].texture);\n            }\n            this.gl.useProgram(this.program);\n            this.gl.activeTexture(this.gl.TEXTURE0 + this.texureIndex);\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[name].texture);\n            this.uniform('2f', 'vec2', name + 'Resolution', this.textures[name].width, this.textures[name].height);\n        }\n    }\n\n    resize() {\n        if (this.width !== this.canvas.clientWidth ||\n            this.height !== this.canvas.clientHeight) {\n            this.realToCSSPixels = window.devicePixelRatio || 1;\n\n            // Lookup the size the browser is displaying the canvas in CSS pixels\n            // and compute a size needed to make our drawingbuffer match it in\n            // device pixels.\n            let displayWidth = Math.floor(this.gl.canvas.clientWidth * this.realToCSSPixels);\n            let displayHeight = Math.floor(this.gl.canvas.clientHeight * this.realToCSSPixels);\n\n            // Check if the canvas is not the same size.\n            if (this.gl.canvas.width !== displayWidth ||\n                this.gl.canvas.height !== displayHeight) {\n                // Make the canvas the same size\n                this.gl.canvas.width = displayWidth;\n                this.gl.canvas.height = displayHeight;\n                // Set the viewport to match\n                this.gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n            }\n            this.width = this.canvas.clientWidth;\n            this.height = this.canvas.clientHeight;\n            this.resizeSwappableBuffers();\n            return true;\n        } else {\n            return false;\n        }\n    }\n\n    render () {\n        this.visible = isCanvasVisible(this.canvas);\n        if ( this.forceRender || this.change ||\n            (this.animated && this.visible && ! this.paused) ) {\n\n            // Update Uniforms when are need\n            let date = new Date();\n            let now = performance.now();\n            this.timeDelta =  (now - this.timePrev) / 1000.0;\n            this.timePrev = now;\n            if (this.nDelta > 1) {\n                // set the delta time uniform\n                this.uniform('1f', 'float', 'u_delta', this.timeDelta);\n            }\n\n            if (this.nTime > 1 ) {\n                // set the elapsed time uniform\n                this.uniform('1f', 'float', 'u_time', (now - this.timeLoad) / 1000.0);\n            }\n\n            if (this.nDate) {\n                // Set date uniform: year/month/day/time_in_sec\n                this.uniform('4f', 'float', 'u_date', date.getFullYear(), date.getMonth(), date.getDate(), date.getHours() * 3600 + date.getMinutes() * 60 + date.getSeconds() + date.getMilliseconds() * 0.001 );\n            }\n\n            // set the resolution uniform\n            this.uniform('2f', 'vec2', 'u_resolution', this.canvas.width, this.canvas.height);\n\n            for (let key in this.buffers) {\n                const buffer = this.buffers[key];\n                this.uniform('1i', 'sampler2D', buffer.name, buffer.bundle.input.index);\n            }\n\n            this.texureIndex = this.BUFFER_COUNT;\n            for (let tex in this.textures) {\n                this.uniformTexture(tex);\n                this.texureIndex++;\n            }\n\n            this.renderPrograms();\n\n            // Trigger event\n            this.trigger('render', {});\n            this.change = false;\n            this.forceRender = false;\n        }\n    }\n\n    pause () {\n        this.paused = true;\n    }\n\n    play () {\n        this.paused = false;\n    }\n\n    // render main and buffers programs\n    renderPrograms() {\n        const gl = this.gl;\n        const W = gl.canvas.width;\n        const H = gl.canvas.height;\n\n        gl.viewport(0, 0, W, H);\n\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            buffer.bundle.render(W, H, buffer.program, buffer.name);\n            gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n        }\n\n        gl.useProgram(this.program);\n        gl.drawArrays(gl.TRIANGLES, 0, 6);\n    }\n\n    // parse input strings\n    getBuffers(fragString) {\n        let buffers = {};\n        if (fragString) {\n            fragString.replace(/(?:^\\s*)((?:#if|#elif)(?:\\s*)(defined\\s*\\(\\s*BUFFER_)(\\d+)(?:\\s*\\))|(?:#ifdef)(?:\\s*BUFFER_)(\\d+)(?:\\s*))/gm, function () {\n                const i = arguments[3] || arguments[4];\n                buffers['u_buffer' + i] = {\n                    fragment: '#define BUFFER_' + i + '\\n' + fragString\n                };\n            });\n        }\n        return buffers;\n    }\n\n    // load buffers programs\n    loadPrograms(buffers) {\n        const glsl = this;\n        const gl = this.gl;\n        const vertex = createShader(glsl, glsl.vertexString, gl.VERTEX_SHADER);\n        for (let key in buffers) {\n            const buffer = buffers[key];\n            let fragment = createShader(glsl, buffer.fragment, gl.FRAGMENT_SHADER, 1);\n            if (!fragment) {\n                fragment = createShader(glsl, 'void main(){\\n\\tgl_FragColor = vec4(1.0);\\n}', gl.FRAGMENT_SHADER);\n                glsl.isValid = false;\n            } else {\n                glsl.isValid = true;\n            }\n            const program = createProgram(glsl, [vertex, fragment]);\n            buffer.name = key;\n            buffer.program = program;\n            buffer.bundle = glsl.createSwappableBuffer(glsl.canvas.width, glsl.canvas.height, program);\n            gl.deleteShader(fragment);\n        }\n        gl.deleteShader(vertex);\n    }\n\n    // create an input / output swappable buffer\n    createSwappableBuffer(W, H, program) {\n        var input = this.createBuffer(W, H, program);\n        var output = this.createBuffer(W, H, program);\n        const gl = this.gl;\n        return {\n            input: input,\n            output: output,\n            swap: function() {\n                var temp = input;\n                input = output;\n                output = temp;\n                this.input = input;\n                this.output = output;\n            },\n            render: function (W, H, program, name) {\n                gl.useProgram(program);\n                gl.viewport(0, 0, W, H);\n                gl.bindFramebuffer(gl.FRAMEBUFFER, this.input.buffer);\n                gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.output.texture, 0);\n                gl.drawArrays(gl.TRIANGLES, 0, 6);\n                this.swap();\n            },\n            resize: function (W, H, program, name) {\n                gl.useProgram(program);\n                gl.viewport(0, 0, W, H);\n                this.input.resize(W, H);\n                this.output.resize(W, H);\n            },\n        };\n    }\n\n    // create a buffers\n    createBuffer(W, H, program) {\n        const gl = this.gl;\n        let index = this.BUFFER_COUNT;\n        this.BUFFER_COUNT += 2;\n        gl.getExtension('OES_texture_float');\n        var texture = gl.createTexture();\n        gl.activeTexture(gl.TEXTURE0 + index);\n        gl.bindTexture(gl.TEXTURE_2D, texture);\n        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.FLOAT, null);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n        var buffer = gl.createFramebuffer();\n        return {\n            index: index,\n            texture: texture,\n            buffer: buffer,\n            W: W,\n            H: H,\n            resize: function(W, H) {\n                gl.bindFramebuffer(gl.FRAMEBUFFER, buffer);\n                var minW = Math.min(W, this.W);\n                var minH = Math.min(H, this.H);\n                var pixels = new Float32Array(minW * minH * 4);\n                gl.readPixels(0, 0, minW, minH, gl.RGBA, gl.FLOAT, pixels);\n                gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n                var newIndex = index + 1;\n                var newTexture = gl.createTexture();\n                gl.activeTexture(gl.TEXTURE0 + newIndex);\n                gl.bindTexture(gl.TEXTURE_2D, newTexture);\n                gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.FLOAT, null);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n                gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, minW, minH, gl.RGBA, gl.FLOAT, pixels);\n                var newBuffer = gl.createFramebuffer();\n                gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n                gl.deleteTexture(texture);\n                gl.activeTexture(gl.TEXTURE0 + index);\n                gl.bindTexture(gl.TEXTURE_2D, newTexture);\n                index = this.index = index;\n                texture = this.texture = newTexture;\n                buffer = this.buffer = newBuffer;\n                this.W = W;\n                this.H = H;\n            },\n        };\n    }\n\n    // resize buffers on canvas resize\n    // consider applying a throttle of 50 ms on canvas resize\n    // to avoid requestAnimationFrame and Gl violations\n    resizeSwappableBuffers() {\n        const gl = this.gl;\n        const W = gl.canvas.width,\n            H = gl.canvas.height;\n        gl.viewport(0, 0, W, H);\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            buffer.bundle.resize(W, H, buffer.program, buffer.name);\n        }\n        gl.useProgram(this.program);\n    }\n\n    version() {\n        return '0.1.7';\n    }\n}\n\nfunction loadAllGlslCanvas() {\n    var list = document.getElementsByClassName('glslCanvas');\n    if (list.length > 0) {\n        window.glslCanvases = [];\n        for (var i = 0; i < list.length; i++) {\n            var sandbox = new GlslCanvas(list[i]);\n            if (sandbox.isValid) {\n                window.glslCanvases.push(sandbox);\n            }\n        }\n    }\n}\n\nwindow.addEventListener('load', function () {\n    loadAllGlslCanvas();\n});"],"names":["window","global","self","fn","string","toString","call","setTimeout","alert","confirm","prompt","Object","prototype","exports","module","str","replace","list","iterator","context","isFunction","TypeError","arguments","length","this","array","i","len","hasOwnProperty","forEachArray","charAt","forEachString","object","k","forEachObject","headers","result","forEach","trim","split","row","arg","index","indexOf","key","slice","toLowerCase","value","push","target","source","createXHR","initParams","uri","options","callback","params","xtend","_createXHR","Error","called","err","response","body","errorFunc","evt","clearTimeout","timeoutTimer","statusCode","failureResponse","loadFunc","aborted","status","useXDR","undefined","xhr","responseText","responseType","responseXML","firefoxBugTakenEffect","documentElement","nodeName","e","getXml","isJson","JSON","parse","getBody","method","url","rawRequest","getAllResponseHeaders","parseHeaders","cors","XDomainRequest","XMLHttpRequest","data","sync","json","stringify","onreadystatechange","readyState","onload","onerror","onprogress","onabort","ontimeout","open","username","password","withCredentials","timeout","abort","code","setRequestHeader","obj","isEmpty","beforeSend","send","toUpperCase","lastError","GET_A_WEBGL_BROWSER","OTHER_PROBLEM","ERROR_BROWSER_SUPPORT","ERROR_OTHER","setupWebGL","canvas","optAttribs","onError","handleError","errorCode","msg","container","parentNode","innerHTML","WebGLRenderingContext","names","ii","getContext","create3DContext","getExtension","createShader","main","type","offset","gl","shader","shaderSource","compileShader","getShaderParameter","COMPILE_STATUS","getShaderInfoLog","error","trigger","deleteShader","createProgram","shaders","optLocations","program","attachShader","bindAttribLocation","linkProgram","getProgramParameter","LINK_STATUS","getProgramInfoLog","log","deleteProgram","isPowerOf2","subscribeMixin","listeners","Set","assign","f","listener","add","delete","item","keys","clear","event","Texture","name","texture","createTexture","valid","bind","sourceType","loading","setData","Uint8Array","filtering","setFiltering","load","deleteTexture","unit","activeUnit","activeTexture","TEXTURE0","bindTexture","TEXTURE_2D","setUrl","element","setElement","width","height","Promise","resolve","reject","ext","pop","isVideo","document","createElement","autoplay","Image","_this","test","navigator","userAgent","crossOrigin","src","update","el","querySelector","HTMLCanvasElement","HTMLImageElement","HTMLVideoElement","addEventListener","intervalID","setInterval","currentTime","play","pixelStorei","UNPACK_FLIP_Y_WEBGL","UNPACK_PREMULTIPLY_ALPHA_WEBGL","complete","videoWidth","videoHeight","texImage2D","RGBA","UNSIGNED_BYTE","powerOf2","defualtFilter","texParameteri","TEXTURE_WRAP_S","repeat","REPEAT","CLAMP_TO_EDGE","TEXTURE_WRAP_T","TEXTURE_MIN_FILTER","LINEAR_MIPMAP_LINEAR","TEXTURE_MAG_FILTER","LINEAR","generateMipmap","NEAREST","getMaxTextureSize","getParameter","MAX_TEXTURE_SIZE","GlslCanvas","contextOptions","hasAttribute","getAttribute","clientWidth","clientHeight","innerWidth","innerHeight","textures","buffers","uniforms","vbo","isValid","animationFrameRequest","BUFFER_COUNT","vertexString","fragmentString","timeLoad","timePrev","performance","now","timeDelta","forceRender","paused","realToCSSPixels","devicePixelRatio","style","backgroundColor","get","texCoordsLoc","getAttribLocation","texCoords","createBuffer","bindBuffer","ARRAY_BUFFER","bufferData","Float32Array","STATIC_DRAW","enableVertexAttribArray","vertexAttribPointer","FLOAT","verticesLoc","vertices","imgList","nImg","setUniform","mouse","x","clientX","pageX","y","clientY","pageY","sandbox","setMouse","RenderLoop","nMouse","resize","render","requestAnimationFrame","tex","animated","destroy","att","attribs","deleteBuffer","useProgram","buffer","fragString","vertString","nDelta","match","nTime","nDate","search","lines","vertexShader","VERTEX_SHADER","fragmentShader","FRAGMENT_SHADER","change","getBuffers","loadPrograms","texureIndex","pre_test_vert","pre_test_frag","pre_test_paused","query","createQueryEXT","wasValid","beginQueryEXT","TIME_ELAPSED_EXT","endQueryEXT","waitForTest","available","getQueryObjectEXT","QUERY_RESULT_AVAILABLE_EXT","disjoint","GPU_DISJOINT_EXT","ret","QUERY_RESULT_EXT","urlElementOrData","on","args","u","setUniforms","parsed","parseUniforms","prefix","uniform","Array","isArray","babelHelpers.typeof","loadTexture","rect","getBoundingClientRect","left","right","top","bottom","mouse_x","mouse_y","a","b","location","getUniformLocation","apply","concat","displayWidth","Math","floor","displayHeight","viewport","resizeSwappableBuffers","visible","date","Date","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","bundle","input","uniformTexture","renderPrograms","W","H","bindFramebuffer","FRAMEBUFFER","drawArrays","TRIANGLES","vertex","fragment","createSwappableBuffer","output","temp","framebufferTexture2D","COLOR_ATTACHMENT0","swap","createFramebuffer","minW","min","minH","pixels","readPixels","newIndex","newTexture","texSubImage2D","newBuffer","getElementsByClassName","glslCanvases"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"GlslCanvas.min.js","sources":["../node_modules/global/window.js","../node_modules/is-function/index.js","../node_modules/trim/index.js","../node_modules/for-each/index.js","../node_modules/parse-headers/parse-headers.js","../node_modules/xtend/immutable.js","../node_modules/xhr/index.js","../src/gl/gl.js","../src/tools/common.js","../src/tools/mixin.js","../src/gl/Texture.js","../src/GlslCanvas.js"],"sourcesContent":["var win;\n\nif (typeof window !== \"undefined\") {\n    win = window;\n} else if (typeof global !== \"undefined\") {\n    win = global;\n} else if (typeof self !== \"undefined\"){\n    win = self;\n} else {\n    win = {};\n}\n\nmodule.exports = win;\n","module.exports = isFunction\n\nvar toString = Object.prototype.toString\n\nfunction isFunction (fn) {\n  var string = toString.call(fn)\n  return string === '[object Function]' ||\n    (typeof fn === 'function' && string !== '[object RegExp]') ||\n    (typeof window !== 'undefined' &&\n     // IE8 and below\n     (fn === window.setTimeout ||\n      fn === window.alert ||\n      fn === window.confirm ||\n      fn === window.prompt))\n};\n","\nexports = module.exports = trim;\n\nfunction trim(str){\n  return str.replace(/^\\s*|\\s*$/g, '');\n}\n\nexports.left = function(str){\n  return str.replace(/^\\s*/, '');\n};\n\nexports.right = function(str){\n  return str.replace(/\\s*$/, '');\n};\n","var isFunction = require('is-function')\n\nmodule.exports = forEach\n\nvar toString = Object.prototype.toString\nvar hasOwnProperty = Object.prototype.hasOwnProperty\n\nfunction forEach(list, iterator, context) {\n    if (!isFunction(iterator)) {\n        throw new TypeError('iterator must be a function')\n    }\n\n    if (arguments.length < 3) {\n        context = this\n    }\n    \n    if (toString.call(list) === '[object Array]')\n        forEachArray(list, iterator, context)\n    else if (typeof list === 'string')\n        forEachString(list, iterator, context)\n    else\n        forEachObject(list, iterator, context)\n}\n\nfunction forEachArray(array, iterator, context) {\n    for (var i = 0, len = array.length; i < len; i++) {\n        if (hasOwnProperty.call(array, i)) {\n            iterator.call(context, array[i], i, array)\n        }\n    }\n}\n\nfunction forEachString(string, iterator, context) {\n    for (var i = 0, len = string.length; i < len; i++) {\n        // no such thing as a sparse string.\n        iterator.call(context, string.charAt(i), i, string)\n    }\n}\n\nfunction forEachObject(object, iterator, context) {\n    for (var k in object) {\n        if (hasOwnProperty.call(object, k)) {\n            iterator.call(context, object[k], k, object)\n        }\n    }\n}\n","var trim = require('trim')\n  , forEach = require('for-each')\n  , isArray = function(arg) {\n      return Object.prototype.toString.call(arg) === '[object Array]';\n    }\n\nmodule.exports = function (headers) {\n  if (!headers)\n    return {}\n\n  var result = {}\n\n  forEach(\n      trim(headers).split('\\n')\n    , function (row) {\n        var index = row.indexOf(':')\n          , key = trim(row.slice(0, index)).toLowerCase()\n          , value = trim(row.slice(index + 1))\n\n        if (typeof(result[key]) === 'undefined') {\n          result[key] = value\n        } else if (isArray(result[key])) {\n          result[key].push(value)\n        } else {\n          result[key] = [ result[key], value ]\n        }\n      }\n  )\n\n  return result\n}","module.exports = extend\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\nfunction extend() {\n    var target = {}\n\n    for (var i = 0; i < arguments.length; i++) {\n        var source = arguments[i]\n\n        for (var key in source) {\n            if (hasOwnProperty.call(source, key)) {\n                target[key] = source[key]\n            }\n        }\n    }\n\n    return target\n}\n","\"use strict\";\nvar window = require(\"global/window\")\nvar isFunction = require(\"is-function\")\nvar parseHeaders = require(\"parse-headers\")\nvar xtend = require(\"xtend\")\n\nmodule.exports = createXHR\n// Allow use of default import syntax in TypeScript\nmodule.exports.default = createXHR;\ncreateXHR.XMLHttpRequest = window.XMLHttpRequest || noop\ncreateXHR.XDomainRequest = \"withCredentials\" in (new createXHR.XMLHttpRequest()) ? createXHR.XMLHttpRequest : window.XDomainRequest\n\nforEachArray([\"get\", \"put\", \"post\", \"patch\", \"head\", \"delete\"], function(method) {\n    createXHR[method === \"delete\" ? \"del\" : method] = function(uri, options, callback) {\n        options = initParams(uri, options, callback)\n        options.method = method.toUpperCase()\n        return _createXHR(options)\n    }\n})\n\nfunction forEachArray(array, iterator) {\n    for (var i = 0; i < array.length; i++) {\n        iterator(array[i])\n    }\n}\n\nfunction isEmpty(obj){\n    for(var i in obj){\n        if(obj.hasOwnProperty(i)) return false\n    }\n    return true\n}\n\nfunction initParams(uri, options, callback) {\n    var params = uri\n\n    if (isFunction(options)) {\n        callback = options\n        if (typeof uri === \"string\") {\n            params = {uri:uri}\n        }\n    } else {\n        params = xtend(options, {uri: uri})\n    }\n\n    params.callback = callback\n    return params\n}\n\nfunction createXHR(uri, options, callback) {\n    options = initParams(uri, options, callback)\n    return _createXHR(options)\n}\n\nfunction _createXHR(options) {\n    if(typeof options.callback === \"undefined\"){\n        throw new Error(\"callback argument missing\")\n    }\n\n    var called = false\n    var callback = function cbOnce(err, response, body){\n        if(!called){\n            called = true\n            options.callback(err, response, body)\n        }\n    }\n\n    function readystatechange() {\n        if (xhr.readyState === 4) {\n            setTimeout(loadFunc, 0)\n        }\n    }\n\n    function getBody() {\n        // Chrome with requestType=blob throws errors arround when even testing access to responseText\n        var body = undefined\n\n        if (xhr.response) {\n            body = xhr.response\n        } else {\n            body = xhr.responseText || getXml(xhr)\n        }\n\n        if (isJson) {\n            try {\n                body = JSON.parse(body)\n            } catch (e) {}\n        }\n\n        return body\n    }\n\n    function errorFunc(evt) {\n        clearTimeout(timeoutTimer)\n        if(!(evt instanceof Error)){\n            evt = new Error(\"\" + (evt || \"Unknown XMLHttpRequest Error\") )\n        }\n        evt.statusCode = 0\n        return callback(evt, failureResponse)\n    }\n\n    // will load the data & process the response in a special response object\n    function loadFunc() {\n        if (aborted) return\n        var status\n        clearTimeout(timeoutTimer)\n        if(options.useXDR && xhr.status===undefined) {\n            //IE8 CORS GET successful response doesn't have a status field, but body is fine\n            status = 200\n        } else {\n            status = (xhr.status === 1223 ? 204 : xhr.status)\n        }\n        var response = failureResponse\n        var err = null\n\n        if (status !== 0){\n            response = {\n                body: getBody(),\n                statusCode: status,\n                method: method,\n                headers: {},\n                url: uri,\n                rawRequest: xhr\n            }\n            if(xhr.getAllResponseHeaders){ //remember xhr can in fact be XDR for CORS in IE\n                response.headers = parseHeaders(xhr.getAllResponseHeaders())\n            }\n        } else {\n            err = new Error(\"Internal XMLHttpRequest Error\")\n        }\n        return callback(err, response, response.body)\n    }\n\n    var xhr = options.xhr || null\n\n    if (!xhr) {\n        if (options.cors || options.useXDR) {\n            xhr = new createXHR.XDomainRequest()\n        }else{\n            xhr = new createXHR.XMLHttpRequest()\n        }\n    }\n\n    var key\n    var aborted\n    var uri = xhr.url = options.uri || options.url\n    var method = xhr.method = options.method || \"GET\"\n    var body = options.body || options.data\n    var headers = xhr.headers = options.headers || {}\n    var sync = !!options.sync\n    var isJson = false\n    var timeoutTimer\n    var failureResponse = {\n        body: undefined,\n        headers: {},\n        statusCode: 0,\n        method: method,\n        url: uri,\n        rawRequest: xhr\n    }\n\n    if (\"json\" in options && options.json !== false) {\n        isJson = true\n        headers[\"accept\"] || headers[\"Accept\"] || (headers[\"Accept\"] = \"application/json\") //Don't override existing accept header declared by user\n        if (method !== \"GET\" && method !== \"HEAD\") {\n            headers[\"content-type\"] || headers[\"Content-Type\"] || (headers[\"Content-Type\"] = \"application/json\") //Don't override existing accept header declared by user\n            body = JSON.stringify(options.json === true ? body : options.json)\n        }\n    }\n\n    xhr.onreadystatechange = readystatechange\n    xhr.onload = loadFunc\n    xhr.onerror = errorFunc\n    // IE9 must have onprogress be set to a unique function.\n    xhr.onprogress = function () {\n        // IE must die\n    }\n    xhr.onabort = function(){\n        aborted = true;\n    }\n    xhr.ontimeout = errorFunc\n    xhr.open(method, uri, !sync, options.username, options.password)\n    //has to be after open\n    if(!sync) {\n        xhr.withCredentials = !!options.withCredentials\n    }\n    // Cannot set timeout with sync request\n    // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly\n    // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent\n    if (!sync && options.timeout > 0 ) {\n        timeoutTimer = setTimeout(function(){\n            if (aborted) return\n            aborted = true//IE9 may still call readystatechange\n            xhr.abort(\"timeout\")\n            var e = new Error(\"XMLHttpRequest timeout\")\n            e.code = \"ETIMEDOUT\"\n            errorFunc(e)\n        }, options.timeout )\n    }\n\n    if (xhr.setRequestHeader) {\n        for(key in headers){\n            if(headers.hasOwnProperty(key)){\n                xhr.setRequestHeader(key, headers[key])\n            }\n        }\n    } else if (options.headers && !isEmpty(options.headers)) {\n        throw new Error(\"Headers cannot be set on an XDomainRequest object\")\n    }\n\n    if (\"responseType\" in options) {\n        xhr.responseType = options.responseType\n    }\n\n    if (\"beforeSend\" in options &&\n        typeof options.beforeSend === \"function\"\n    ) {\n        options.beforeSend(xhr)\n    }\n\n    // Microsoft Edge browser sends \"undefined\" when send is called with undefined value.\n    // XMLHttpRequest spec says to pass null as body to indicate no body\n    // See https://github.com/naugtur/xhr/issues/100.\n    xhr.send(body || null)\n\n    return xhr\n\n\n}\n\nfunction getXml(xhr) {\n    // xhr.responseXML will throw Exception \"InvalidStateError\" or \"DOMException\"\n    // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML.\n    try {\n        if (xhr.responseType === \"document\") {\n            return xhr.responseXML\n        }\n        var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === \"parsererror\"\n        if (xhr.responseType === \"\" && !firefoxBugTakenEffect) {\n            return xhr.responseXML\n        }\n    } catch (e) {}\n\n    return null\n}\n\nfunction noop() {}\n","let lastError = '';\n\n/**\n * Creates the HTLM for a failure message\n * @param {string} canvasContainerId id of container of th\n *        canvas.\n * @return {string} The html.\n */\nfunction makeFailHTML(msg) {\n    return `\n<table style=\"background-color: #8CE; width: 100%; height: 100%;\"><tr>\n<td align=\"center\">\n<div style=\"display: table-cell; vertical-align: middle;\">\n<div style=\"\">` + msg + `</div>\n</div>\n</td></tr></table>\n`;\n}\n\n/**\n * Message for getting a webgl browser\n * @type {string}\n */\nlet GET_A_WEBGL_BROWSER = `\n\tThis page requires a browser that supports WebGL.<br/>\n\t<a href=\"http://get.webgl.org\">Click here to upgrade your browser.</a>\n`;\n\n/**\n * Message for need better hardware\n * @type {string}\n */\nlet OTHER_PROBLEM = `\n\tIt does not appear your computer can support WebGL.<br/>\n\t<a href=\"http://get.webgl.org/troubleshooting/\">Click here for more information.</a>\n`;\n\n/**\n * Code to return in `onError` callback when the browser doesn't support webgl\n * @type {number}\n */\nexport const ERROR_BROWSER_SUPPORT = 1;\n\n/**\n * Code to return in `onError` callback there's any other problem related to webgl\n * @type {number}\n */\nexport const ERROR_OTHER = 2;\n\n/**\n * Creates a webgl context. If creation fails it will\n * change the contents of the container of the <canvas>\n * tag to an error message with the correct links for WebGL,\n * unless `onError` option is defined to a callback,\n * which allows for custom error handling..\n * @param {Element} canvas. The canvas element to create a\n *     context from.\n * @param {WebGLContextCreationAttributes} optAttribs Any\n *     creation attributes you want to pass in.\n * @return {WebGLRenderingContext} The created context.\n */\nexport function setupWebGL (canvas, optAttribs, onError) {\n    function showLink(str) {\n        let container = canvas.parentNode;\n        if (container) {\n            container.innerHTML = makeFailHTML(str);\n        }\n    }\n\n    function handleError(errorCode, msg) {\n        if (typeof onError === 'function') {\n            onError(errorCode);\n        } else {\n            showLink(msg);\n        }\n    }\n\n    if (!window.WebGLRenderingContext) {\n        handleError(ERROR_BROWSER_SUPPORT, GET_A_WEBGL_BROWSER);\n        return null;\n    }\n\n    let context = create3DContext(canvas, optAttribs);\n    if (!context) {\n        handleError(ERROR_OTHER, OTHER_PROBLEM);\n    } else {\n        context.getExtension('OES_standard_derivatives');\n    }\n    return context;\n}\n\n/**\n * Creates a webgl context.\n * @param {!Canvas} canvas The canvas tag to get context\n *     from. If one is not passed in one will be created.\n * @return {!WebGLContext} The created context.\n */\nexport function create3DContext(canvas, optAttribs) {\n    let names = ['webgl', 'experimental-webgl'];\n    let context = null;\n    for (var ii = 0; ii < names.length; ++ii) {\n        try {\n            context = canvas.getContext(names[ii], optAttribs);\n        } catch(e) {\n            if (context) {\n                break;\n            }\n        }\n    }\n    return context;\n}\n\n/*\n *\tCreate a Vertex of a specific type (gl.VERTEX_SHADER/)\n */\nexport function createShader(main, source, type, offset) {\n    let gl = main.gl;\n\n    let shader = gl.createShader(type);\n    gl.shaderSource(shader, source);\n    gl.compileShader(shader);\n\n    let compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);\n\n    if (!compiled) {\n        // Something went wrong during compilation; get the error\n        lastError = gl.getShaderInfoLog(shader);\n        console.error('*** Error compiling shader ' + shader + ':' + lastError);\n        main.trigger('error', {\n            shader: shader,\n            source: source,\n            type: type,\n            error: lastError,\n            offset: offset || 0\n        });\n        gl.deleteShader(shader);\n        return null;\n    }\n\n    return shader;\n}\n\n/**\n * Loads a shader.\n * @param {!WebGLContext} gl The WebGLContext to use.\n * @param {string} shaderSource The shader source.\n * @param {number} shaderType The type of shader.\n * @param {function(string): void) opt_errorCallback callback for errors.\n * @return {!WebGLShader} The created shader.\n */\nexport function createProgram(main, shaders, optAttribs, optLocations) {\n    let gl = main.gl;\n\n    let program = gl.createProgram();\n    for (let ii = 0; ii < shaders.length; ++ii) {\n        gl.attachShader(program, shaders[ii]);\n    }\n    if (optAttribs) {\n        for (let ii = 0; ii < optAttribs.length; ++ii) {\n            gl.bindAttribLocation(\n            program,\n            optLocations ? optLocations[ii] : ii,\n            optAttribs[ii]);\n        }\n    }\n    gl.linkProgram(program);\n\n    // Check the link status\n    let linked = gl.getProgramParameter(program, gl.LINK_STATUS);\n    if (!linked) {\n        // something went wrong with the link\n        lastError = gl.getProgramInfoLog(program);\n        console.log('Error in program linking:' + lastError);\n        gl.deleteProgram(program);\n        return null;\n    }\n    return program;\n}\n\n// By Brett Camber on\n// https://github.com/tangrams/tangram/blob/master/src/gl/glsl.js\nexport function parseUniforms(uniforms, prefix = null) {\n    let parsed = [];\n\n    for (let name in uniforms) {\n        let uniform = uniforms[name];\n        let u;\n\n        if (prefix) {\n            name = prefix + '.' + name;\n        }\n\n        // Single float\n        if (typeof uniform === 'number') {\n            parsed.push({\n                type: 'float',\n                method: '1f',\n                name,\n                value: uniform\n            });\n        }\n        // Array: vector, array of floats, array of textures, or array of structs\n        else if (Array.isArray(uniform)) {\n            // Numeric values\n            if (typeof uniform[0] === 'number') {\n                // float vectors (vec2, vec3, vec4)\n                if (uniform.length === 1) {\n                    parsed.push({\n                        type: 'float',\n                        method: '1f',\n                        name,\n                        value: uniform\n                    });\n                }\n                // float vectors (vec2, vec3, vec4)\n                else if (uniform.length >= 2 && uniform.length <= 4) {\n                    parsed.push({\n                        type: 'vec' + uniform.length,\n                        method: uniform.length + 'fv',\n                        name,\n                        value: uniform\n                    });\n                }\n                // float array\n                else if (uniform.length > 4) {\n                    parsed.push({\n                        type: 'float[]',\n                        method: '1fv',\n                        name: name + '[0]',\n                        value: uniform\n                    });\n                }\n                // TODO: assume matrix for (typeof == Float32Array && length == 16)?\n            }\n            // Array of textures\n            else if (typeof uniform[0] === 'string') {\n                parsed.push({\n                    type: 'sampler2D',\n                    method: '1i',\n                    name: name,\n                    value: uniform\n                });\n            }\n            // Array of arrays - but only arrays of vectors are allowed in this case\n            else if (Array.isArray(uniform[0]) && typeof uniform[0][0] === 'number') {\n                // float vectors (vec2, vec3, vec4)\n                if (uniform[0].length >= 2 && uniform[0].length <= 4) {\n                    // Set each vector in the array\n                    for (u = 0; u < uniform.length; u++) {\n                        parsed.push({\n                            type: 'vec' + uniform[0].length,\n                            method: uniform[u].length + 'fv',\n                            name: name + '[' + u + ']',\n                            value: uniform[u]\n                        });\n                    }\n                }\n                // else error?\n            }\n            // Array of structures\n            else if (typeof uniform[0] === 'object') {\n                for (u = 0; u < uniform.length; u++) {\n                    // Set each struct in the array\n                    parsed.push(...parseUniforms(uniform[u], name + '[' + u + ']'));\n                }\n            }\n        }\n        // Boolean\n        else if (typeof uniform === 'boolean') {\n            parsed.push({\n                type: 'bool',\n                method: '1i',\n                name,\n                value: uniform\n            });\n        }\n        // Texture\n        else if (typeof uniform === 'string') {\n            parsed.push({\n                type: 'sampler2D',\n                method: '1i',\n                name,\n                value: uniform\n            });\n        }\n        // Structure\n        else if (typeof uniform === 'object') {\n            // Set each field in the struct\n            parsed.push(...parseUniforms(uniform, name));\n        }\n        // TODO: support other non-float types? (int, etc.)\n    }\n    return parsed;\n}\n","export function isCanvasVisible(canvas) {\n    return\t((canvas.getBoundingClientRect().top + canvas.height) > 0) &&\n        (canvas.getBoundingClientRect().top < (window.innerHeight || document.documentElement.clientHeight));\n}\n\nexport function isPowerOf2(value) {\n    return (value & (value - 1)) === 0;\n}\n\nexport function isSafari () {\n    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n};\n\nexport function nextHighestPowerOfTwo(x) {\n    --x;\n    for (let i = 1; i < 32; i <<= 1) {\n        x = x | x >> i;\n    }\n    return x + 1;\n}\n\nexport function FormatNumberLength(num, length) {\n    let r = num.toString();\n    while (r.length < length) {\n        r = '0' + r;\n    }\n    return r;\n}\n\nexport function getMousePos(canvas, evt) {\n    let rect = canvas.getBoundingClientRect();\n    return {\n        x: evt.clientX - rect.left,\n        y: evt.clientY - rect.top\n    };\n}\n\nexport function isDiff(a, b) {\n    if (a && b) {\n        return a.toString() !== b.toString();\n    }\n    return false;\n}\n\nexport function subscribeMixin (target) {\n    var listeners = new Set();\n\n    return Object.assign(target, {\n\n        subscribe(listener) {\n            listeners.add(listener);\n        },\n\n        on(type, f) {\n            let listener = {};\n            listener[type] = f;\n            listeners.add(listener);\n        },\n\n        unsubscribe(listener) {\n            listeners.delete(listener);\n        },\n\n        unsubscribeAll() {\n            listeners.clear();\n        },\n\n        trigger(event, ...data) {\n            for (var listener of listeners) {\n                if (typeof listener[event] === 'function') {\n                    listener[event](...data);\n                }\n            }\n        }\n    });\n}\n","export function subscribeMixin (target) {\n    var listeners = new Set();\n\n    return Object.assign(target, {\n\n        on(type, f) {\n            let listener = {};\n            listener[type] = f;\n            listeners.add(listener);\n        },\n\n        off(type, f) {\n            if (f) {\n                let listener = {};\n                listener[type] = f;\n                listeners.delete(listener);\n            }\n            else {\n                for (let item of listeners) {\n                    for (let key of Object.keys(item)) {\n                        if (key === type) {\n                            listeners.delete(item);\n                            return;\n                        }\n                    }\n                }\n            }\n        },\n\n        listSubscriptions() {\n            for (let item of listeners) {\n                console.log(item);\n            }\n        },\n\n        subscribe(listener) {\n            listeners.add(listener);\n        },\n\n        unsubscribe(listener) {\n            listeners.delete(listener);\n        },\n\n        unsubscribeAll() {\n            listeners.clear();\n        },\n\n        trigger(event, ...data) {\n            for (var listener of listeners) {\n                if (typeof listener[event] === 'function') {\n                    listener[event](...data);\n                }\n            }\n        }\n    });\n}\n","// Texture management\nimport { isPowerOf2, isSafari } from '../tools/common';\nimport { subscribeMixin } from '../tools/mixin';\n\n// GL texture wrapper object for keeping track of a global set of textures, keyed by a unique user-defined name\nexport default class Texture {\n    constructor(gl, name, options = {}) {\n        subscribeMixin(this);\n\n        this.gl = gl;\n        this.texture = gl.createTexture();\n        if (this.texture) {\n            this.valid = true;\n        }\n        this.bind();\n\n        this.name = name;\n        this.source = null;\n        this.sourceType = null;\n        this.loading = null; // a Promise object to track the loading state of this texture\n\n        // Default to a 1-pixel black texture so we can safely render while we wait for an image to load\n        // See: http://stackoverflow.com/questions/19722247/webgl-wait-for-texture-to-load\n        this.setData(1, 1, new Uint8Array([0, 0, 0, 255]), { filtering: 'linear' });\n        this.setFiltering(options.filtering);\n\n        this.load(options);\n    }\n\n    // Destroy a single texture instance\n    destroy() {\n        if (!this.valid) {\n            return;\n        }\n        this.gl.deleteTexture(this.texture);\n        this.texture = null;\n        delete this.data;\n        this.data = null;\n        this.valid = false;\n    }\n\n    bind(unit) {\n        if (!this.valid) {\n            return;\n        }\n        if (typeof unit === 'number') {\n            if (Texture.activeUnit !== unit) {\n                this.gl.activeTexture(this.gl.TEXTURE0 + unit);\n                Texture.activeUnit = unit;\n            }\n        }\n        if (Texture.activeTexture !== this.texture) {\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.texture);\n            Texture.activeTexture = this.texture;\n        }\n    }\n\n    load(options = {}) {\n        this.loading = null;\n\n        if (typeof options.url === 'string') {\n            if (this.url === undefined || options.url !== this.url) {\n                this.setUrl(options.url, options);\n            }\n        }\n        else if (options.element) {\n            this.setElement(options.element, options);\n        }\n        else if (options.data && options.width && options.height) {\n            this.setData(options.width, options.height, options.data, options);\n        }\n    }\n\n    // Sets texture from an url\n    setUrl(url, options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.url = url; // save URL reference (will be overwritten when element is loaded below)\n        this.source = this.url;\n        this.sourceType = 'url';\n\n        this.loading = new Promise((resolve, reject) => {\n            let ext = url.split('.').pop().toLowerCase();\n            let isVideo = (ext === 'ogv' || ext === 'webm' || ext === 'mp4');\n\n            let element = undefined\n            if (isVideo) {\n                element = document.createElement('video');\n                element.autoplay = true;\n                options.filtering = 'nearest';\n                // element.preload = 'auto';\n                // element.style.display = 'none';\n                // document.body.appendChild(element);\n            } else {\n                element = new Image();\n            }\n\n            element.onload = () => {\n                try {\n                    this.setElement(element, options);\n                }\n                catch (e) {\n                    console.log(`Texture '${this.name}': failed to load url: '${this.source}'`, e, options);\n                }\n                resolve(this);\n            };\n            element.onerror = e => {\n                // Warn and resolve on error\n                console.log(`Texture '${this.name}': failed to load url: '${this.source}'`, e, options);\n                resolve(this);\n            };\n\n            // Safari has a bug loading data-URL elements with CORS enabled, so it must be disabled in that case\n            // https://bugs.webkit.org/show_bug.cgi?id=123978\n            if (!(isSafari() && this.source.slice(0, 5) === 'data:')) {\n                element.crossOrigin = 'anonymous';\n            }\n\n            element.src = this.source;\n            if (isVideo) {\n                this.setElement(element, options);\n            }\n        });\n        return this.loading;\n    }\n\n    // Sets texture to a raw image buffer\n    setData(width, height, data, options = {}) {\n        this.width = width;\n        this.height = height;\n\n        this.source = data;\n        this.sourceType = 'data';\n\n        this.update(options);\n        this.setFiltering(options);\n\n        this.loading = Promise.resolve(this);\n        return this.loading;\n    }\n\n    // Sets the texture to track a element (canvas/image)\n    setElement(element, options) {\n        let el = element;\n\n        // a string element is interpeted as a CSS selector\n        if (typeof element === 'string') {\n            element = document.querySelector(element);\n        }\n\n        if (element instanceof HTMLCanvasElement ||\n            element instanceof HTMLImageElement ||\n            element instanceof HTMLVideoElement) {\n            this.source = element;\n            this.sourceType = 'element';\n\n            if (element instanceof HTMLVideoElement) {\n                element.addEventListener('canplaythrough', () => {\n                    this.intervalID = setInterval(()=>{\n                        this.update(options);\n                    }, 15);\n                }, true);\n                element.addEventListener('ended', () => {\n                    element.currentTime = 0;\n                    element.play();\n                }, true);\n            } else {\n                this.update(options);\n            }            \n            this.setFiltering(options);\n        }\n        else {\n            let msg = `the 'element' parameter (\\`element: ${JSON.stringify(el)}\\`) must be a CSS `;\n            msg += `selector string, or a <canvas>, <image> or <video> object`;\n            console.log(`Texture '${this.name}': ${msg}`, options);\n        }\n\n        this.loading = Promise.resolve(this);\n        return this.loading;\n    }\n\n    // Uploads current image or buffer to the GPU (can be used to update animated textures on the fly)\n    update(options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.bind();\n        this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL, (options.UNPACK_FLIP_Y_WEBGL === false ? false : true));\n        this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, options.UNPACK_PREMULTIPLY_ALPHA_WEBGL || false);\n\n        // Image or Canvas element\n        if (this.sourceType === 'element' &&\n            ((this.source instanceof HTMLCanvasElement) || \n             (this.source instanceof HTMLVideoElement) ||\n             (this.source instanceof HTMLImageElement && this.source.complete))) {\n            if (this.source instanceof HTMLVideoElement) {\n                this.width = this.source.videoWidth;\n                this.height = this.source.videoHeight;\n            } else {\n                this.width = this.source.width;\n                this.height = this.source.height;\n            }\n            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.source);\n        }\n        // Raw image buffer\n        else if (this.sourceType === 'data') {\n            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.width, this.height, 0, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.source);\n        }\n        this.trigger('loaded', this);\n    }\n\n    // Determines appropriate filtering mode\n    setFiltering (options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.powerOf2 = isPowerOf2(this.width) && isPowerOf2(this.height);\n        let defualtFilter = (this.powerOf2 ? 'mipmap' : 'linear');\n        this.filtering = options.filtering || defualtFilter;\n\n        var gl = this.gl;\n        this.bind();\n\n        // For power-of-2 textures, the following presets are available:\n        // mipmap: linear blend from nearest mip\n        // linear: linear blend from original image (no mips)\n        // nearest: nearest pixel from original image (no mips, 'blocky' look)\n        if (this.powerOf2) {\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, options.TEXTURE_WRAP_S || (options.repeat && gl.REPEAT) || gl.CLAMP_TO_EDGE);\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, options.TEXTURE_WRAP_T || (options.repeat && gl.REPEAT) || gl.CLAMP_TO_EDGE);\n\n            if (this.filtering === 'mipmap') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR); // TODO: use trilinear filtering by defualt instead?\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n                gl.generateMipmap(gl.TEXTURE_2D);\n            }\n            else if (this.filtering === 'linear') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n            }\n            else if (this.filtering === 'nearest') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n            }\n        }\n        else {\n            // WebGL has strict requirements on non-power-of-2 textures:\n            // No mipmaps and must clamp to edge\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n\n            if (this.filtering === 'mipmap') {\n                this.filtering = 'linear';\n            }\n\n            if (this.filtering === 'nearest') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n            }\n            else { // default to linear for non-power-of-2 textures\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n            }\n        }\n    }\n}\n\n// Report max texture size for a GL context\nTexture.getMaxTextureSize = function (gl) {\n    return gl.getParameter(gl.MAX_TEXTURE_SIZE);\n};\n\n// Global set of textures, by name\nTexture.activeUnit = -1;\n","/*\nThe MIT License (MIT)\n\nCopyright (c) 2015 Patricio Gonzalez Vivo ( http://www.patriciogonzalezvivo.com )\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the 'Software'), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n*/\n\nimport xhr from 'xhr';\nimport { createProgram, createShader, parseUniforms, setupWebGL } from './gl/gl';\nimport Texture from './gl/Texture';\nimport { isCanvasVisible, isDiff } from './tools/common';\nimport { subscribeMixin } from './tools/mixin';\n\nexport default class GlslCanvas {\n    constructor(canvas, contextOptions, options) {\n        subscribeMixin(this);\n\n        contextOptions = contextOptions || {};\n        options = options || {};\n\n        if (canvas.hasAttribute('data-fullscreen') &&\n            (canvas.getAttribute('data-fullscreen') == \"1\" ||\n            canvas.getAttribute('data-fullscreen') == \"true\" )\n        ) {\n            this.width = window.innerWidth;\n            this.height = window.innerHeight;\n            canvas.width = window.innerWidth;\n            canvas.height = window.innerHeight;\n        } else {\n            this.width = canvas.clientWidth;\n            this.height = canvas.clientHeight;\n        }\n\n        this.canvas = canvas;\n        this.gl = undefined;\n        this.program = undefined;\n        this.textures = {};\n        this.buffers = {};\n        this.uniforms = {};\n        this.vbo = {};\n        this.isValid = false;\n        this.animationFrameRequest = undefined;\n\n        this.BUFFER_COUNT = 0;\n        // this.TEXTURE_COUNT = 0;\n\n        this.vertexString = contextOptions.vertexString || `\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nattribute vec2 a_position;\nattribute vec2 a_texcoord;\n\nvarying vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n`;\n        this.fragmentString = contextOptions.fragmentString || `\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying vec2 v_texcoord;\n\nvoid main(){\n    gl_FragColor = vec4(0.0);\n}\n`;\n\n        // GL Context\n        let gl = setupWebGL(canvas, contextOptions, options.onError);\n        if (!gl) {\n            return;\n        }\n        this.gl = gl;\n        this.timeLoad = this.timePrev = performance.now();\n        this.timeDelta = 0.0;\n        this.forceRender = true;\n        this.paused = false;\n        this.realToCSSPixels = window.devicePixelRatio || 1;\n\n        // Allow alpha\n        canvas.style.backgroundColor = contextOptions.backgroundColor || 'rgba(1,1,1,0)';\n\n        // Load shader\n        if (canvas.hasAttribute('data-fragment')) {\n            this.fragmentString = canvas.getAttribute('data-fragment');\n        }\n        else if (canvas.hasAttribute('data-fragment-url')) {\n            let source = canvas.getAttribute('data-fragment-url');\n            xhr.get(source, (error, response, body) => {\n                this.load(body, this.vertexString);\n            });\n        }\n\n        // Load shader\n        if (canvas.hasAttribute('data-vertex')) {\n            this.vertexString = canvas.getAttribute('data-vertex');\n        }\n        else if (canvas.hasAttribute('data-vertex-url')) {\n            let source = canvas.getAttribute('data-vertex-url');\n            xhr.get(source, (error, response, body) => {\n                this.load(this.fragmentString, body);\n            });\n        }\n\n        this.load();\n\n        if (!this.program) {\n            return;\n        }\n\n        // Define Vertex buffer\n        let texCoordsLoc = gl.getAttribLocation(this.program, 'a_texcoord');\n        this.vbo.texCoords = gl.createBuffer();\n        this.gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo.texCoords);\n        this.gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 1.0, 1.0, 0.0, 1.0, 1.0]), gl.STATIC_DRAW);\n        this.gl.enableVertexAttribArray(texCoordsLoc);\n        this.gl.vertexAttribPointer(texCoordsLoc, 2, gl.FLOAT, false, 0, 0);\n\n        let verticesLoc = gl.getAttribLocation(this.program, 'a_position');\n        this.vbo.vertices = gl.createBuffer();\n        this.gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo.vertices);\n        this.gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1.0, -1.0, 1.0, -1.0, -1.0, 1.0, -1.0, 1.0, 1.0, -1.0, 1.0, 1.0]), gl.STATIC_DRAW);\n        this.gl.enableVertexAttribArray(verticesLoc);\n        this.gl.vertexAttribPointer(verticesLoc, 2, gl.FLOAT, false, 0, 0);\n\n        // load TEXTURES\n        if (canvas.hasAttribute('data-textures')) {\n            let imgList = canvas.getAttribute('data-textures').split(',');\n            for (let nImg in imgList) {\n                this.setUniform('u_tex' + nImg, imgList[nImg]);\n            }\n        }\n\n        // ========================== EVENTS\n        let mouse = {\n            x: 0,\n            y: 0\n        };\n        document.addEventListener('mousemove', (e) => {\n            mouse.x = e.clientX || e.pageX;\n            mouse.y = e.clientY || e.pageY;\n        }, false);\n\n        let sandbox = this;\n        function RenderLoop() {\n            if (sandbox.nMouse > 1) {\n                sandbox.setMouse(mouse);\n            }\n\n            if (sandbox.resize()) {\n                sandbox.forceRender = true;\n            }\n            \n            sandbox.render();\n            sandbox.animationFrameRequest = window.requestAnimationFrame(RenderLoop);\n        }\n\n        // Start\n        this.setMouse({ x: 0, y: 0 });\n        RenderLoop();\n        return this;\n    }\n\n    destroy() {\n        // Stop the animation\n        cancelAnimationFrame(this.animationFrameRequest);\n\n        this.animated = false;\n        this.isValid = false;\n        for (let tex in this.textures) {\n            if (tex.destroy){\n                tex.destroy();\n            }\n        }\n        this.textures = {};\n        for (let att in this.attribs) {\n            this.gl.deleteBuffer(this.attribs[att]);\n        }\n        this.gl.useProgram(null);\n        this.gl.deleteProgram(this.program);\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            this.gl.deleteProgram(buffer.program);\n        }\n\n        // Try and clear the WebGL Context\n        let loseContext = this.gl.getExtension('WEBGL_lose_context');\n        if (loseContext) {\n            loseContext.loseContext();\n        }\n\n        this.program = null;\n        this.gl = null;\n    }\n\n    load (fragString, vertString) {\n\n        // Load vertex shader if there is one\n        if (vertString) {\n            this.vertexString = vertString;\n        }\n\n        // Load fragment shader if there is one\n        if (fragString) {\n            this.fragmentString = fragString;\n        }\n\n        this.animated = false;\n        this.nDelta = (this.fragmentString.match(/u_delta/g) || []).length;\n        this.nTime = (this.fragmentString.match(/u_time/g) || []).length;\n        this.nDate = (this.fragmentString.match(/u_date/g) || []).length;\n        this.nMouse = (this.fragmentString.match(/u_mouse/g) || []).length;\n        this.animated = this.nDate > 1 || this.nTime > 1 || this.nMouse > 1;\n\n        let nTextures = this.fragmentString.search(/sampler2D/g);\n        if (nTextures) {\n            let lines = this.fragmentString.split('\\n');\n            for (let i = 0; i < lines.length; i++) {\n                let match = lines[i].match(/uniform\\s*sampler2D\\s*([\\w]*);\\s*\\/\\/\\s*([\\w|\\:\\/\\/|\\.|\\-|\\_]*)/i);\n                if (match) {\n                    let ext = match[2].split('.').pop().toLowerCase();\n                    if (match[1] && match[2] &&\n                        (ext === 'jpg' || ext === 'jpeg' || ext === 'png' ||\n                         ext === 'ogv' || ext === 'webm' || ext === 'mp4')) {\n                        this.setUniform(match[1], match[2]);\n                    }\n                }\n                let main = lines[i].match(/\\s*void\\s*main\\s*/g);\n                if (main) {\n                    break;\n                }\n            }\n        }\n\n        let vertexShader = createShader(this, this.vertexString, this.gl.VERTEX_SHADER);\n        let fragmentShader = createShader(this, this.fragmentString, this.gl.FRAGMENT_SHADER);\n\n        // If Fragment shader fails load a empty one to sign the error\n        if (!fragmentShader) {\n            fragmentShader = createShader(this, 'void main(){\\n\\tgl_FragColor = vec4(1.0);\\n}', this.gl.FRAGMENT_SHADER);\n            this.isValid = false;\n        }\n        else {\n            this.isValid = true;\n        }\n\n        // Create and use program\n        let program = createProgram(this, [vertexShader, fragmentShader]);//, [0,1],['a_texcoord','a_position']);\n        this.gl.useProgram(program);\n\n        // Delete shaders\n        // this.gl.detachShader(program, vertexShader);\n        // this.gl.detachShader(program, fragmentShader);\n        this.gl.deleteShader(vertexShader);\n        this.gl.deleteShader(fragmentShader);\n\n        this.program = program;\n        this.change = true;\n\n        this.BUFFER_COUNT = 0;\n        const buffers = this.getBuffers(this.fragmentString);\n        if (Object.keys(buffers).length) {\n            this.loadPrograms(buffers);\n        }\n        this.buffers = buffers;\n        this.texureIndex = this.BUFFER_COUNT;\n        \n        // Trigger event\n        this.trigger('load', {});\n\n        this.forceRender = true;\n        this.render();\n    }\n\n    test (callback, fragString, vertString) {\n        // Thanks to @thespite for the help here\n        // https://www.khronos.org/registry/webgl/extensions/EXT_disjoint_timer_query/\n        let pre_test_vert = this.vertexString;\n        let pre_test_frag = this.fragmentString;\n        let pre_test_paused = this.paused;\n\n        let ext = this.gl.getExtension('EXT_disjoint_timer_query');\n        let query = ext.createQueryEXT();\n        let wasValid = this.isValid;\n\n        if (fragString || vertString) {\n            this.load(fragString, vertString);\n            wasValid = this.isValid;\n            this.forceRender = true;\n            this.render();\n        }\n\n        this.paused = true;\n        ext.beginQueryEXT(ext.TIME_ELAPSED_EXT, query);\n        this.forceRender = true;\n        this.render();\n        ext.endQueryEXT(ext.TIME_ELAPSED_EXT);\n\n        let sandbox = this;\n        function finishTest() {\n            // Revert changes... go back to normal\n            sandbox.paused = pre_test_paused;\n            if (fragString || vertString) {\n                sandbox.load(pre_test_frag, pre_test_vert);\n            }\n        }\n        function waitForTest() {\n            sandbox.forceRender = true;\n            sandbox.render();\n            let available = ext.getQueryObjectEXT(query, ext.QUERY_RESULT_AVAILABLE_EXT);\n            let disjoint = sandbox.gl.getParameter(ext.GPU_DISJOINT_EXT);\n            if (available && !disjoint) {\n                let ret = {\n                    wasValid: wasValid,\n                    frag: fragString || sandbox.fragmentString,\n                    vert: vertString || sandbox.vertexString,\n                    timeElapsedMs: ext.getQueryObjectEXT(query, ext.QUERY_RESULT_EXT)/1000000.0\n                };\n                finishTest();\n                callback(ret);\n            } else {\n                window.requestAnimationFrame(waitForTest);\n            }\n        }\n        waitForTest();\n    }\n\n    loadTexture (name, urlElementOrData, options) {\n        if (!options) {\n            options = {};\n        }\n\n        if (typeof urlElementOrData === 'string') {\n            options.url = urlElementOrData;\n        }\n        else if (typeof urlElementOrData === 'object' && urlElementOrData.data && urlElementOrData.width && urlElementOrData.height) {\n            options.data = urlElementOrData.data;\n            options.width = urlElementOrData.width;\n            options.height = urlElementOrData.height;\n        }\n        else if (typeof urlElementOrData === 'object') {\n            options.element = urlElementOrData;\n        }\n\n        if (this.textures[name]) {\n            if (this.textures[name]) {\n                this.textures[name].load(options);\n                this.textures[name].on('loaded', (args) => {\n                    this.forceRender = true;\n                });\n            }\n        }\n        else {\n            this.textures[name] = new Texture(this.gl, name, options);\n            this.textures[name].on('loaded', (args) => {\n                this.forceRender = true;\n            });\n        }\n\n    }\n\n    refreshUniforms() {\n        this.uniforms = {};\n    }\n\n    setUniform(name, ...value) {\n        let u = {};\n        u[name] = value;\n        this.setUniforms(u);\n    }\n\n    setUniforms(uniforms) {\n        let parsed = parseUniforms(uniforms);\n        // Set each uniform\n        for (let u in parsed) {\n            if (parsed[u].type === 'sampler2D') {\n                // For textures, we need to track texture units, so we have a special setter\n                // this.uniformTexture(parsed[u].name, parsed[u].value[0]);\n                this.loadTexture(parsed[u].name, parsed[u].value[0]);\n            }\n            else {\n                this.uniform(parsed[u].method, parsed[u].type, parsed[u].name, parsed[u].value);\n            }\n        }\n        this.forceRender = true;\n    }\n\n    setMouse(mouse) {\n        // set the mouse uniform\n        let rect = this.canvas.getBoundingClientRect();\n        if (mouse &&\n            mouse.x && mouse.x >= rect.left && mouse.x <= rect.right &&\n            mouse.y && mouse.y >= rect.top && mouse.y <= rect.bottom) {\n\n            let mouse_x = (mouse.x - rect.left ) * this.realToCSSPixels;\n            let mouse_y = (this.canvas.height - (mouse.y - rect.top) * this.realToCSSPixels);\n\n            this.uniform('2f', 'vec2', 'u_mouse', mouse_x, mouse_y);\n        }\n    }\n\n    // ex: program.uniform('3f', 'position', x, y, z);\n    uniform (method, type, name, ...value) { // 'value' is a method-appropriate arguments list\n        this.uniforms[name] = this.uniforms[name] || {}; \n        let uniform = this.uniforms[name];\n        let change = isDiff(uniform.value, value);\n\n        // remember and keep track of uniforms location to save calls\n        if (change || this.change || !uniform.location || !uniform.value) {\n            uniform.name = name;\n            uniform.type = type;\n            uniform.value = value;\n            uniform.method = 'uniform' + method;\n            this.gl.useProgram(this.program);\n            uniform.location = this.gl.getUniformLocation(this.program, name);\n            this.gl[uniform.method].apply(this.gl, [uniform.location].concat(uniform.value));\n            // If there is change update and there is buffer update manually one by one\n            for (let key in this.buffers) {\n                let buffer = this.buffers[key];\n                this.gl.useProgram(buffer.program);\n                let location = this.gl.getUniformLocation(buffer.program, name);\n                this.gl[uniform.method].apply(this.gl, [location].concat(uniform.value));\n            }\n        }\n    }\n\n    uniformTexture(name, texture, options) {\n        if (this.textures[name] === undefined) {\n            this.loadTexture(name, texture, options);\n        }\n        else {\n            this.uniform('1i', 'sampler2D', name, this.texureIndex)\n\n            for (let key in this.buffers) {\n                const buffer = this.buffers[key];\n                this.gl.useProgram(buffer.program);\n                this.gl.activeTexture(this.gl.TEXTURE0 + this.texureIndex);\n                this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[name].texture);\n            }\n            this.gl.useProgram(this.program);\n            this.gl.activeTexture(this.gl.TEXTURE0 + this.texureIndex);\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[name].texture);\n            this.uniform('2f', 'vec2', name + 'Resolution', this.textures[name].width, this.textures[name].height);\n        }\n    }\n\n    resize() {\n        if (this.width !== this.canvas.clientWidth ||\n            this.height !== this.canvas.clientHeight) {\n            this.realToCSSPixels = window.devicePixelRatio || 1;\n\n            // Lookup the size the browser is displaying the canvas in CSS pixels\n            // and compute a size needed to make our drawingbuffer match it in\n            // device pixels.\n            let displayWidth = Math.floor(this.gl.canvas.clientWidth * this.realToCSSPixels);\n            let displayHeight = Math.floor(this.gl.canvas.clientHeight * this.realToCSSPixels);\n\n            // Check if the canvas is not the same size.\n            if (this.gl.canvas.width !== displayWidth ||\n                this.gl.canvas.height !== displayHeight) {\n                // Make the canvas the same size\n                this.gl.canvas.width = displayWidth;\n                this.gl.canvas.height = displayHeight;\n                // Set the viewport to match\n                this.gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n            }\n            this.width = this.canvas.clientWidth;\n            this.height = this.canvas.clientHeight;\n            this.resizeSwappableBuffers();\n            return true;\n        } else {\n            return false;\n        }\n    }\n\n    render () {\n        this.visible = isCanvasVisible(this.canvas);\n        if ( this.forceRender || this.change ||\n            (this.animated && this.visible && ! this.paused) ) {\n\n            // Update Uniforms when are need\n            let date = new Date();\n            let now = performance.now();\n            this.timeDelta =  (now - this.timePrev) / 1000.0;\n            this.timePrev = now;\n            if (this.nDelta > 1) {\n                // set the delta time uniform\n                this.uniform('1f', 'float', 'u_delta', this.timeDelta);\n            }\n\n            if (this.nTime > 1 ) {\n                // set the elapsed time uniform\n                this.uniform('1f', 'float', 'u_time', (now - this.timeLoad) / 1000.0);\n            }\n\n            if (this.nDate) {\n                // Set date uniform: year/month/day/time_in_sec\n                this.uniform('4f', 'float', 'u_date', date.getFullYear(), date.getMonth(), date.getDate(), date.getHours() * 3600 + date.getMinutes() * 60 + date.getSeconds() + date.getMilliseconds() * 0.001 );\n            }\n\n            // set the resolution uniform\n            this.uniform('2f', 'vec2', 'u_resolution', this.canvas.width, this.canvas.height);\n\n            for (let key in this.buffers) {\n                const buffer = this.buffers[key];\n                this.uniform('1i', 'sampler2D', buffer.name, buffer.bundle.input.index);\n            }\n\n            this.texureIndex = this.BUFFER_COUNT;\n            for (let tex in this.textures) {\n                this.uniformTexture(tex);\n                this.texureIndex++;\n            }\n\n            this.renderPrograms();\n\n            // Trigger event\n            this.trigger('render', {});\n            this.change = false;\n            this.forceRender = false;\n        }\n    }\n\n    pause () {\n        this.paused = true;\n    }\n\n    play () {\n        this.paused = false;\n    }\n\n    // render main and buffers programs\n    renderPrograms() {\n        const gl = this.gl;\n        const W = gl.canvas.width;\n        const H = gl.canvas.height;\n\n        gl.viewport(0, 0, W, H);\n\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            buffer.bundle.render(W, H, buffer.program, buffer.name);\n            gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n        }\n\n        gl.useProgram(this.program);\n        gl.drawArrays(gl.TRIANGLES, 0, 6);\n    }\n\n    // parse input strings\n    getBuffers(fragString) {\n        let buffers = {};\n        if (fragString) {\n            fragString.replace(/(?:^\\s*)((?:#if|#elif)(?:\\s*)(defined\\s*\\(\\s*BUFFER_)(\\d+)(?:\\s*\\))|(?:#ifdef)(?:\\s*BUFFER_)(\\d+)(?:\\s*))/gm, function () {\n                const i = arguments[3] || arguments[4];\n                buffers['u_buffer' + i] = {\n                    fragment: '#define BUFFER_' + i + '\\n' + fragString\n                };\n            });\n        }\n        return buffers;\n    }\n\n    // load buffers programs\n    loadPrograms(buffers) {\n        const glsl = this;\n        const gl = this.gl;\n        const vertex = createShader(glsl, glsl.vertexString, gl.VERTEX_SHADER);\n        for (let key in buffers) {\n            const buffer = buffers[key];\n            let fragment = createShader(glsl, buffer.fragment, gl.FRAGMENT_SHADER, 1);\n            if (!fragment) {\n                fragment = createShader(glsl, 'void main(){\\n\\tgl_FragColor = vec4(1.0);\\n}', gl.FRAGMENT_SHADER);\n                glsl.isValid = false;\n            } else {\n                glsl.isValid = true;\n            }\n            const program = createProgram(glsl, [vertex, fragment]);\n            buffer.name = key;\n            buffer.program = program;\n            buffer.bundle = glsl.createSwappableBuffer(glsl.canvas.width, glsl.canvas.height, program);\n            gl.deleteShader(fragment);\n        }\n        gl.deleteShader(vertex);\n    }\n\n    // create an input / output swappable buffer\n    createSwappableBuffer(W, H, program) {\n        var input = this.createBuffer(W, H, program);\n        var output = this.createBuffer(W, H, program);\n        const gl = this.gl;\n        return {\n            input: input,\n            output: output,\n            swap: function() {\n                var temp = input;\n                input = output;\n                output = temp;\n                this.input = input;\n                this.output = output;\n            },\n            render: function (W, H, program, name) {\n                gl.useProgram(program);\n                gl.viewport(0, 0, W, H);\n                gl.bindFramebuffer(gl.FRAMEBUFFER, this.input.buffer);\n                gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.output.texture, 0);\n                gl.drawArrays(gl.TRIANGLES, 0, 6);\n                this.swap();\n            },\n            resize: function (W, H, program, name) {\n                gl.useProgram(program);\n                gl.viewport(0, 0, W, H);\n                this.input.resize(W, H);\n                this.output.resize(W, H);\n            },\n        };\n    }\n\n    // create a buffers\n    createBuffer(W, H, program) {\n        const gl = this.gl;\n        let index = this.BUFFER_COUNT;\n        this.BUFFER_COUNT += 2;\n        gl.getExtension('OES_texture_float');\n        var texture = gl.createTexture();\n        gl.activeTexture(gl.TEXTURE0 + index);\n        gl.bindTexture(gl.TEXTURE_2D, texture);\n        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.FLOAT, null);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n        var buffer = gl.createFramebuffer();\n        return {\n            index: index,\n            texture: texture,\n            buffer: buffer,\n            W: W,\n            H: H,\n            resize: function(W, H) {\n                gl.bindFramebuffer(gl.FRAMEBUFFER, buffer);\n                var minW = Math.min(W, this.W);\n                var minH = Math.min(H, this.H);\n                var pixels = new Float32Array(minW * minH * 4);\n                gl.readPixels(0, 0, minW, minH, gl.RGBA, gl.FLOAT, pixels);\n                gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n                var newIndex = index + 1;\n                var newTexture = gl.createTexture();\n                gl.activeTexture(gl.TEXTURE0 + newIndex);\n                gl.bindTexture(gl.TEXTURE_2D, newTexture);\n                gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.FLOAT, null);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n                gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, minW, minH, gl.RGBA, gl.FLOAT, pixels);\n                var newBuffer = gl.createFramebuffer();\n                gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n                gl.deleteTexture(texture);\n                gl.activeTexture(gl.TEXTURE0 + index);\n                gl.bindTexture(gl.TEXTURE_2D, newTexture);\n                index = this.index = index;\n                texture = this.texture = newTexture;\n                buffer = this.buffer = newBuffer;\n                this.W = W;\n                this.H = H;\n            },\n        };\n    }\n\n    // resize buffers on canvas resize\n    // consider applying a throttle of 50 ms on canvas resize\n    // to avoid requestAnimationFrame and Gl violations\n    resizeSwappableBuffers() {\n        const gl = this.gl;\n        const W = gl.canvas.width,\n            H = gl.canvas.height;\n        gl.viewport(0, 0, W, H);\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            buffer.bundle.resize(W, H, buffer.program, buffer.name);\n        }\n        gl.useProgram(this.program);\n    }\n\n    version() {\n        return '0.1.7';\n    }\n}\n\nfunction loadAllGlslCanvas() {\n    var list = document.getElementsByClassName('glslCanvas');\n    if (list.length > 0) {\n        window.glslCanvases = [];\n        for (var i = 0; i < list.length; i++) {\n            var sandbox = new GlslCanvas(list[i]);\n            if (sandbox.isValid) {\n                window.glslCanvases.push(sandbox);\n            }\n        }\n    }\n}\n\nwindow.addEventListener('load', function () {\n    loadAllGlslCanvas();\n});"],"names":["window","global","self","fn","string","toString","call","setTimeout","alert","confirm","prompt","Object","prototype","exports","module","str","replace","list","iterator","context","isFunction","TypeError","arguments","length","this","array","i","len","hasOwnProperty","forEachArray","charAt","forEachString","object","k","forEachObject","headers","result","forEach","trim","split","row","arg","index","indexOf","key","slice","toLowerCase","value","push","target","source","createXHR","initParams","uri","options","callback","params","xtend","_createXHR","Error","called","err","response","body","errorFunc","evt","clearTimeout","timeoutTimer","statusCode","failureResponse","loadFunc","aborted","status","useXDR","undefined","xhr","responseText","responseType","responseXML","firefoxBugTakenEffect","documentElement","nodeName","e","getXml","isJson","JSON","parse","getBody","method","url","rawRequest","getAllResponseHeaders","parseHeaders","cors","XDomainRequest","XMLHttpRequest","data","sync","json","stringify","onreadystatechange","readyState","onload","onerror","onprogress","onabort","ontimeout","open","username","password","withCredentials","timeout","abort","code","setRequestHeader","obj","isEmpty","beforeSend","send","toUpperCase","lastError","GET_A_WEBGL_BROWSER","OTHER_PROBLEM","ERROR_BROWSER_SUPPORT","ERROR_OTHER","setupWebGL","canvas","optAttribs","onError","handleError","errorCode","msg","container","parentNode","innerHTML","WebGLRenderingContext","names","ii","getContext","create3DContext","getExtension","createShader","main","type","offset","gl","shader","shaderSource","compileShader","getShaderParameter","COMPILE_STATUS","getShaderInfoLog","error","trigger","deleteShader","createProgram","shaders","optLocations","program","attachShader","bindAttribLocation","linkProgram","getProgramParameter","LINK_STATUS","getProgramInfoLog","log","deleteProgram","isPowerOf2","subscribeMixin","listeners","Set","assign","f","listener","add","delete","item","keys","clear","event","Texture","name","texture","createTexture","valid","bind","sourceType","loading","setData","Uint8Array","filtering","setFiltering","load","deleteTexture","unit","activeUnit","activeTexture","TEXTURE0","bindTexture","TEXTURE_2D","setUrl","element","setElement","width","height","Promise","resolve","reject","ext","pop","isVideo","document","createElement","autoplay","Image","_this","test","navigator","userAgent","crossOrigin","src","update","el","querySelector","HTMLCanvasElement","HTMLImageElement","HTMLVideoElement","addEventListener","intervalID","setInterval","currentTime","play","pixelStorei","UNPACK_FLIP_Y_WEBGL","UNPACK_PREMULTIPLY_ALPHA_WEBGL","complete","videoWidth","videoHeight","texImage2D","RGBA","UNSIGNED_BYTE","powerOf2","defualtFilter","texParameteri","TEXTURE_WRAP_S","repeat","REPEAT","CLAMP_TO_EDGE","TEXTURE_WRAP_T","TEXTURE_MIN_FILTER","LINEAR_MIPMAP_LINEAR","TEXTURE_MAG_FILTER","LINEAR","generateMipmap","NEAREST","getMaxTextureSize","getParameter","MAX_TEXTURE_SIZE","GlslCanvas","contextOptions","hasAttribute","getAttribute","clientWidth","clientHeight","innerWidth","innerHeight","textures","buffers","uniforms","vbo","isValid","animationFrameRequest","BUFFER_COUNT","vertexString","fragmentString","timeLoad","timePrev","performance","now","timeDelta","forceRender","paused","realToCSSPixels","devicePixelRatio","style","backgroundColor","get","texCoordsLoc","getAttribLocation","texCoords","createBuffer","bindBuffer","ARRAY_BUFFER","bufferData","Float32Array","STATIC_DRAW","enableVertexAttribArray","vertexAttribPointer","FLOAT","verticesLoc","vertices","imgList","nImg","setUniform","mouse","x","clientX","pageX","y","clientY","pageY","sandbox","setMouse","RenderLoop","nMouse","resize","render","requestAnimationFrame","tex","animated","destroy","att","attribs","deleteBuffer","useProgram","buffer","loseContext","fragString","vertString","nDelta","match","nTime","nDate","search","lines","vertexShader","VERTEX_SHADER","fragmentShader","FRAGMENT_SHADER","change","getBuffers","loadPrograms","texureIndex","pre_test_vert","pre_test_frag","pre_test_paused","query","createQueryEXT","wasValid","beginQueryEXT","TIME_ELAPSED_EXT","endQueryEXT","waitForTest","available","getQueryObjectEXT","QUERY_RESULT_AVAILABLE_EXT","disjoint","GPU_DISJOINT_EXT","ret","QUERY_RESULT_EXT","urlElementOrData","on","args","u","setUniforms","parsed","parseUniforms","prefix","uniform","Array","isArray","babelHelpers.typeof","loadTexture","rect","getBoundingClientRect","left","right","top","bottom","mouse_x","mouse_y","a","b","location","getUniformLocation","apply","concat","displayWidth","Math","floor","displayHeight","viewport","resizeSwappableBuffers","visible","date","Date","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","bundle","input","uniformTexture","renderPrograms","W","H","bindFramebuffer","FRAMEBUFFER","drawArrays","TRIANGLES","vertex","fragment","createSwappableBuffer","output","temp","framebufferTexture2D","COLOR_ATTACHMENT0","swap","createFramebuffer","minW","min","minH","pixels","readPixels","newIndex","newTexture","texSubImage2D","newBuffer","getElementsByClassName","glslCanvases"],"mappings":"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"}
\ No newline at end of file
diff --git a/lib/GlslCanvas.js b/lib/GlslCanvas.js
index 1388d3d..9625377 100644
--- a/lib/GlslCanvas.js
+++ b/lib/GlslCanvas.js
@@ -1506,6 +1506,7 @@ var GlslCanvas = function () {
     createClass(GlslCanvas, [{
         key: 'destroy',
         value: function destroy() {
+            // Stop the animation
             cancelAnimationFrame(this.animationFrameRequest);
 
             this.animated = false;
@@ -1525,6 +1526,13 @@ var GlslCanvas = function () {
                 var buffer = this.buffers[key];
                 this.gl.deleteProgram(buffer.program);
             }
+
+            // Try and clear the WebGL Context
+            var loseContext = this.gl.getExtension('WEBGL_lose_context');
+            if (loseContext) {
+                loseContext.loseContext();
+            }
+
             this.program = null;
             this.gl = null;
         }

From b978576abed5d3e078c0c088edc3ee02ac8dca09 Mon Sep 17 00:00:00 2001
From: John Chipps-Harding <john@signal-noise.co.uk>
Date: Sun, 20 Oct 2019 22:49:27 +0100
Subject: [PATCH 5/5] Undo lose context (no affect)

---
 dist/GlslCanvas.es.js      | 6 ------
 dist/GlslCanvas.js         | 6 ------
 dist/GlslCanvas.min.js     | 2 +-
 dist/GlslCanvas.min.js.map | 2 +-
 lib/GlslCanvas.js          | 6 ------
 src/GlslCanvas.js          | 6 ------
 6 files changed, 2 insertions(+), 26 deletions(-)

diff --git a/dist/GlslCanvas.es.js b/dist/GlslCanvas.es.js
index ecaa2a7..0f0977c 100644
--- a/dist/GlslCanvas.es.js
+++ b/dist/GlslCanvas.es.js
@@ -1126,12 +1126,6 @@ var GlslCanvas = function () {
                 this.gl.deleteProgram(buffer.program);
             }
 
-            // Try and clear the WebGL Context
-            var loseContext = this.gl.getExtension('WEBGL_lose_context');
-            if (loseContext) {
-                loseContext.loseContext();
-            }
-
             this.program = null;
             this.gl = null;
         }
diff --git a/dist/GlslCanvas.js b/dist/GlslCanvas.js
index a0d4ddc..618e99f 100644
--- a/dist/GlslCanvas.js
+++ b/dist/GlslCanvas.js
@@ -1531,12 +1531,6 @@ var GlslCanvas = function () {
                 this.gl.deleteProgram(buffer.program);
             }
 
-            // Try and clear the WebGL Context
-            var loseContext = this.gl.getExtension('WEBGL_lose_context');
-            if (loseContext) {
-                loseContext.loseContext();
-            }
-
             this.program = null;
             this.gl = null;
         }
diff --git a/dist/GlslCanvas.min.js b/dist/GlslCanvas.min.js
index fd212a1..5151500 100644
--- a/dist/GlslCanvas.min.js
+++ b/dist/GlslCanvas.min.js
@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.GlslCanvas=t()}(this,function(){"use strict";var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var t="undefined"!=typeof window?window:void 0!==e?e:"undefined"!=typeof self?self:{},r=function(e){var t=i.call(e);return"[object Function]"===t||"function"==typeof e&&"[object RegExp]"!==t||"undefined"!=typeof window&&(e===window.setTimeout||e===window.alert||e===window.confirm||e===window.prompt)},i=Object.prototype.toString;var n,a=(function(e,t){(t=e.exports=function(e){return e.replace(/^\s*|\s*$/g,"")}).left=function(e){return e.replace(/^\s*/,"")},t.right=function(e){return e.replace(/\s*$/,"")}}(n={exports:{}},n.exports),n.exports),s=function(e,t,i){if(!r(t))throw new TypeError("iterator must be a function");arguments.length<3&&(i=this);"[object Array]"===o.call(e)?function(e,t,r){for(var i=0,n=e.length;i<n;i++)u.call(e,i)&&t.call(r,e[i],i,e)}(e,t,i):"string"==typeof e?function(e,t,r){for(var i=0,n=e.length;i<n;i++)t.call(r,e.charAt(i),i,e)}(e,t,i):function(e,t,r){for(var i in e)u.call(e,i)&&t.call(r,e[i],i,e)}(e,t,i)},o=Object.prototype.toString,u=Object.prototype.hasOwnProperty;var h=function(e){if(!e)return{};var t={};return s(a(e).split("\n"),function(e){var r,i=e.indexOf(":"),n=a(e.slice(0,i)).toLowerCase(),s=a(e.slice(i+1));void 0===t[n]?t[n]=s:(r=t[n],"[object Array]"===Object.prototype.toString.call(r)?t[n].push(s):t[n]=[t[n],s])}),t},l=function(){for(var e={},t=0;t<arguments.length;t++){var r=arguments[t];for(var i in r)f.call(r,i)&&(e[i]=r[i])}return e},f=Object.prototype.hasOwnProperty;var d=v,c=v;function g(e,t,i){var n=e;return r(t)?(i=t,"string"==typeof e&&(n={uri:e})):n=l(t,{uri:e}),n.callback=i,n}function v(e,t,r){return m(t=g(e,t,r))}function m(e){if(void 0===e.callback)throw new Error("callback argument missing");var t=!1,r=function(r,i,n){t||(t=!0,e.callback(r,i,n))};function i(e){return clearTimeout(u),e instanceof Error||(e=new Error(""+(e||"Unknown XMLHttpRequest Error"))),e.statusCode=0,r(e,E)}function n(){if(!s){var t;clearTimeout(u),t=e.useXDR&&void 0===o.status?200:1223===o.status?204:o.status;var i=E,n=null;return 0!==t?(i={body:function(){var e=void 0;if(e=o.response?o.response:o.responseText||function(e){try{if("document"===e.responseType)return e.responseXML;var t=e.responseXML&&"parsererror"===e.responseXML.documentElement.nodeName;if(""===e.responseType&&!t)return e.responseXML}catch(e){}return null}(o),m)try{e=JSON.parse(e)}catch(e){}return e}(),statusCode:t,method:f,headers:{},url:l,rawRequest:o},o.getAllResponseHeaders&&(i.headers=h(o.getAllResponseHeaders()))):n=new Error("Internal XMLHttpRequest Error"),r(n,i,i.body)}}var a,s,o=e.xhr||null;o||(o=e.cors||e.useXDR?new v.XDomainRequest:new v.XMLHttpRequest);var u,l=o.url=e.uri||e.url,f=o.method=e.method||"GET",d=e.body||e.data,c=o.headers=e.headers||{},g=!!e.sync,m=!1,E={body:void 0,headers:{},statusCode:0,method:f,url:l,rawRequest:o};if("json"in e&&!1!==e.json&&(m=!0,c.accept||c.Accept||(c.Accept="application/json"),"GET"!==f&&"HEAD"!==f&&(c["content-type"]||c["Content-Type"]||(c["Content-Type"]="application/json"),d=JSON.stringify(!0===e.json?d:e.json))),o.onreadystatechange=function(){4===o.readyState&&setTimeout(n,0)},o.onload=n,o.onerror=i,o.onprogress=function(){},o.onabort=function(){s=!0},o.ontimeout=i,o.open(f,l,!g,e.username,e.password),g||(o.withCredentials=!!e.withCredentials),!g&&e.timeout>0&&(u=setTimeout(function(){if(!s){s=!0,o.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",i(e)}},e.timeout)),o.setRequestHeader)for(a in c)c.hasOwnProperty(a)&&o.setRequestHeader(a,c[a]);else if(e.headers&&!function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}(e.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in e&&(o.responseType=e.responseType),"beforeSend"in e&&"function"==typeof e.beforeSend&&e.beforeSend(o),o.send(d||null),o}v.XMLHttpRequest=t.XMLHttpRequest||function(){},v.XDomainRequest="withCredentials"in new v.XMLHttpRequest?v.XMLHttpRequest:t.XDomainRequest,function(e,t){for(var r=0;r<e.length;r++)t(e[r])}(["get","put","post","patch","head","delete"],function(e){v["delete"===e?"del":e]=function(t,r,i){return(r=g(t,r,i)).method=e.toUpperCase(),m(r)}}),d.default=c;var E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T=(function(){function e(e){this.value=e}function t(t){var r,i;function n(r,i){try{var s=t[r](i),o=s.value;o instanceof e?Promise.resolve(o.value).then(function(e){n("next",e)},function(e){n("throw",e)}):a(s.done?"return":"normal",s.value)}catch(e){a("throw",e)}}function a(e,t){switch(e){case"return":r.resolve({value:t,done:!0});break;case"throw":r.reject(t);break;default:r.resolve({value:t,done:!1})}(r=r.next)?n(r.key,r.arg):i=null}this._invoke=function(e,t){return new Promise(function(a,s){var o={key:e,arg:t,resolve:a,reject:s,next:null};i?i=i.next=o:(r=i=o,n(e,t))})},"function"!=typeof t.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(t.prototype[Symbol.asyncIterator]=function(){return this}),t.prototype.next=function(e){return this._invoke("next",e)},t.prototype.throw=function(e){return this._invoke("throw",e)},t.prototype.return=function(e){return this._invoke("return",e)}}(),function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}),p=function(){function e(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,r,i){return r&&e(t.prototype,r),i&&e(t,i),t}}(),y=function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)},R="";var _='\n\tThis page requires a browser that supports WebGL.<br/>\n\t<a href="http://get.webgl.org">Click here to upgrade your browser.</a>\n',b='\n\tIt does not appear your computer can support WebGL.<br/>\n\t<a href="http://get.webgl.org/troubleshooting/">Click here for more information.</a>\n',x=1,A=2;function w(e,t,r){function i(t,i){var n,a;"function"==typeof r?r(t):(n=i,(a=e.parentNode)&&(a.innerHTML='\n<table style="background-color: #8CE; width: 100%; height: 100%;"><tr>\n<td align="center">\n<div style="display: table-cell; vertical-align: middle;">\n<div style="">'+n+"</div>\n</div>\n</td></tr></table>\n"))}if(!window.WebGLRenderingContext)return i(x,_),null;var n=function(e,t){for(var r=["webgl","experimental-webgl"],i=null,n=0;n<r.length;++n)try{i=e.getContext(r[n],t)}catch(e){if(i)break}return i}(e,t);return n?n.getExtension("OES_standard_derivatives"):i(A,b),n}function S(e,t,r,i){var n=e.gl,a=n.createShader(r);return n.shaderSource(a,t),n.compileShader(a),n.getShaderParameter(a,n.COMPILE_STATUS)?a:(R=n.getShaderInfoLog(a),console.error("*** Error compiling shader "+a+":"+R),e.trigger("error",{shader:a,source:t,type:r,error:R,offset:i||0}),n.deleteShader(a),null)}function U(e,t,r,i){for(var n=e.gl,a=n.createProgram(),s=0;s<t.length;++s)n.attachShader(a,t[s]);if(r)for(var o=0;o<r.length;++o)n.bindAttribLocation(a,i?i[o]:o,r[o]);return n.linkProgram(a),n.getProgramParameter(a,n.LINK_STATUS)?a:(R=n.getProgramInfoLog(a),console.log("Error in program linking:"+R),n.deleteProgram(a),null)}function P(e){return 0==(e&e-1)}function L(e){var t=new Set;return Object.assign(e,{on:function(e,r){var i={};i[e]=r,t.add(i)},off:function(e,r){if(r){var i={};i[e]=r,t.delete(i)}else{var n=!0,a=!1,s=void 0;try{for(var o,u=t[Symbol.iterator]();!(n=(o=u.next()).done);n=!0){var h=o.value,l=!0,f=!1,d=void 0;try{for(var c,g=Object.keys(h)[Symbol.iterator]();!(l=(c=g.next()).done);l=!0){if(c.value===e)return void t.delete(h)}}catch(e){f=!0,d=e}finally{try{!l&&g.return&&g.return()}finally{if(f)throw d}}}}catch(e){a=!0,s=e}finally{try{!n&&u.return&&u.return()}finally{if(a)throw s}}}},listSubscriptions:function(){var e=!0,r=!1,i=void 0;try{for(var n,a=t[Symbol.iterator]();!(e=(n=a.next()).done);e=!0){var s=n.value;console.log(s)}}catch(e){r=!0,i=e}finally{try{!e&&a.return&&a.return()}finally{if(r)throw i}}},subscribe:function(e){t.add(e)},unsubscribe:function(e){t.delete(e)},unsubscribeAll:function(){t.clear()},trigger:function(e){for(var r=arguments.length,i=Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];var a=!0,s=!1,o=void 0;try{for(var u,h=t[Symbol.iterator]();!(a=(u=h.next()).done);a=!0){var l=u.value;"function"==typeof l[e]&&l[e].apply(l,y(i))}}catch(e){s=!0,o=e}finally{try{!a&&h.return&&h.return()}finally{if(s)throw o}}}})}var X=function(){function e(t,r){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};T(this,e),L(this),this.gl=t,this.texture=t.createTexture(),this.texture&&(this.valid=!0),this.bind(),this.name=r,this.source=null,this.sourceType=null,this.loading=null,this.setData(1,1,new Uint8Array([0,0,0,255]),{filtering:"linear"}),this.setFiltering(i.filtering),this.load(i)}return p(e,[{key:"destroy",value:function(){this.valid&&(this.gl.deleteTexture(this.texture),this.texture=null,delete this.data,this.data=null,this.valid=!1)}},{key:"bind",value:function(t){this.valid&&("number"==typeof t&&e.activeUnit!==t&&(this.gl.activeTexture(this.gl.TEXTURE0+t),e.activeUnit=t),e.activeTexture!==this.texture&&(this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),e.activeTexture=this.texture))}},{key:"load",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.loading=null,"string"==typeof e.url?void 0!==this.url&&e.url===this.url||this.setUrl(e.url,e):e.element?this.setElement(e.element,e):e.data&&e.width&&e.height&&this.setData(e.width,e.height,e.data,e)}},{key:"setUrl",value:function(e){var t=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.valid)return this.url=e,this.source=this.url,this.sourceType="url",this.loading=new Promise(function(i,n){var a=e.split(".").pop().toLowerCase(),s="ogv"===a||"webm"===a||"mp4"===a,o=void 0;s?((o=document.createElement("video")).autoplay=!0,r.filtering="nearest"):o=new Image,o.onload=function(){try{t.setElement(o,r)}catch(e){console.log("Texture '"+t.name+"': failed to load url: '"+t.source+"'",e,r)}i(t)},o.onerror=function(e){console.log("Texture '"+t.name+"': failed to load url: '"+t.source+"'",e,r),i(t)},/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&"data:"===t.source.slice(0,5)||(o.crossOrigin="anonymous"),o.src=t.source,s&&t.setElement(o,r)}),this.loading}},{key:"setData",value:function(e,t,r){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return this.width=e,this.height=t,this.source=r,this.sourceType="data",this.update(i),this.setFiltering(i),this.loading=Promise.resolve(this),this.loading}},{key:"setElement",value:function(e,t){var r=this,i=e;if("string"==typeof e&&(e=document.querySelector(e)),e instanceof HTMLCanvasElement||e instanceof HTMLImageElement||e instanceof HTMLVideoElement)this.source=e,this.sourceType="element",e instanceof HTMLVideoElement?(e.addEventListener("canplaythrough",function(){r.intervalID=setInterval(function(){r.update(t)},15)},!0),e.addEventListener("ended",function(){e.currentTime=0,e.play()},!0)):this.update(t),this.setFiltering(t);else{var n="the 'element' parameter (`element: "+JSON.stringify(i)+"`) must be a CSS ";n+="selector string, or a <canvas>, <image> or <video> object",console.log("Texture '"+this.name+"': "+n,t)}return this.loading=Promise.resolve(this),this.loading}},{key:"update",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.valid&&(this.bind(),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!1!==e.UNPACK_FLIP_Y_WEBGL),this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,e.UNPACK_PREMULTIPLY_ALPHA_WEBGL||!1),"element"===this.sourceType&&(this.source instanceof HTMLCanvasElement||this.source instanceof HTMLVideoElement||this.source instanceof HTMLImageElement&&this.source.complete)?(this.source instanceof HTMLVideoElement?(this.width=this.source.videoWidth,this.height=this.source.videoHeight):(this.width=this.source.width,this.height=this.source.height),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source)):"data"===this.sourceType&&this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.width,this.height,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.trigger("loaded",this))}},{key:"setFiltering",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.valid){this.powerOf2=P(this.width)&&P(this.height);var t=this.powerOf2?"mipmap":"linear";this.filtering=e.filtering||t;var r=this.gl;this.bind(),this.powerOf2?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,e.TEXTURE_WRAP_S||e.repeat&&r.REPEAT||r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,e.TEXTURE_WRAP_T||e.repeat&&r.REPEAT||r.CLAMP_TO_EDGE),"mipmap"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR_MIPMAP_LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR),r.generateMipmap(r.TEXTURE_2D)):"linear"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR)):"nearest"===this.filtering&&(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST))):(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,r.CLAMP_TO_EDGE),"mipmap"===this.filtering&&(this.filtering="linear"),"nearest"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST)):(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR)))}}}]),e}();X.getMaxTextureSize=function(e){return e.getParameter(e.MAX_TEXTURE_SIZE)},X.activeUnit=-1;var F=function(){function e(t,r,i){var n=this;T(this,e),L(this),r=r||{},i=i||{},!t.hasAttribute("data-fullscreen")||"1"!=t.getAttribute("data-fullscreen")&&"true"!=t.getAttribute("data-fullscreen")?(this.width=t.clientWidth,this.height=t.clientHeight):(this.width=window.innerWidth,this.height=window.innerHeight,t.width=window.innerWidth,t.height=window.innerHeight),this.canvas=t,this.gl=void 0,this.program=void 0,this.textures={},this.buffers={},this.uniforms={},this.vbo={},this.isValid=!1,this.animationFrameRequest=void 0,this.BUFFER_COUNT=0,this.vertexString=r.vertexString||"\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nattribute vec2 a_position;\nattribute vec2 a_texcoord;\n\nvarying vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n",this.fragmentString=r.fragmentString||"\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying vec2 v_texcoord;\n\nvoid main(){\n    gl_FragColor = vec4(0.0);\n}\n";var a=w(t,r,i.onError);if(a){if(this.gl=a,this.timeLoad=this.timePrev=performance.now(),this.timeDelta=0,this.forceRender=!0,this.paused=!1,this.realToCSSPixels=window.devicePixelRatio||1,t.style.backgroundColor=r.backgroundColor||"rgba(1,1,1,0)",t.hasAttribute("data-fragment"))this.fragmentString=t.getAttribute("data-fragment");else if(t.hasAttribute("data-fragment-url")){var s=t.getAttribute("data-fragment-url");d.get(s,function(e,t,r){n.load(r,n.vertexString)})}if(t.hasAttribute("data-vertex"))this.vertexString=t.getAttribute("data-vertex");else if(t.hasAttribute("data-vertex-url")){var o=t.getAttribute("data-vertex-url");d.get(o,function(e,t,r){n.load(n.fragmentString,r)})}if(this.load(),this.program){var u=a.getAttribLocation(this.program,"a_texcoord");this.vbo.texCoords=a.createBuffer(),this.gl.bindBuffer(a.ARRAY_BUFFER,this.vbo.texCoords),this.gl.bufferData(a.ARRAY_BUFFER,new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1]),a.STATIC_DRAW),this.gl.enableVertexAttribArray(u),this.gl.vertexAttribPointer(u,2,a.FLOAT,!1,0,0);var h=a.getAttribLocation(this.program,"a_position");if(this.vbo.vertices=a.createBuffer(),this.gl.bindBuffer(a.ARRAY_BUFFER,this.vbo.vertices),this.gl.bufferData(a.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),a.STATIC_DRAW),this.gl.enableVertexAttribArray(h),this.gl.vertexAttribPointer(h,2,a.FLOAT,!1,0,0),t.hasAttribute("data-textures")){var l=t.getAttribute("data-textures").split(",");for(var f in l)this.setUniform("u_tex"+f,l[f])}var c={x:0,y:0};document.addEventListener("mousemove",function(e){c.x=e.clientX||e.pageX,c.y=e.clientY||e.pageY},!1);var g=this;return this.setMouse({x:0,y:0}),function e(){g.nMouse>1&&g.setMouse(c),g.resize()&&(g.forceRender=!0),g.render(),g.animationFrameRequest=window.requestAnimationFrame(e)}(),this}}}return p(e,[{key:"destroy",value:function(){for(var e in cancelAnimationFrame(this.animationFrameRequest),this.animated=!1,this.isValid=!1,this.textures)e.destroy&&e.destroy();for(var t in this.textures={},this.attribs)this.gl.deleteBuffer(this.attribs[t]);for(var r in this.gl.useProgram(null),this.gl.deleteProgram(this.program),this.buffers){var i=this.buffers[r];this.gl.deleteProgram(i.program)}var n=this.gl.getExtension("WEBGL_lose_context");n&&n.loseContext(),this.program=null,this.gl=null}},{key:"load",value:function(e,t){if(t&&(this.vertexString=t),e&&(this.fragmentString=e),this.animated=!1,this.nDelta=(this.fragmentString.match(/u_delta/g)||[]).length,this.nTime=(this.fragmentString.match(/u_time/g)||[]).length,this.nDate=(this.fragmentString.match(/u_date/g)||[]).length,this.nMouse=(this.fragmentString.match(/u_mouse/g)||[]).length,this.animated=this.nDate>1||this.nTime>1||this.nMouse>1,this.fragmentString.search(/sampler2D/g))for(var r=this.fragmentString.split("\n"),i=0;i<r.length;i++){var n=r[i].match(/uniform\s*sampler2D\s*([\w]*);\s*\/\/\s*([\w|\:\/\/|\.|\-|\_]*)/i);if(n){var a=n[2].split(".").pop().toLowerCase();n[1]&&n[2]&&("jpg"===a||"jpeg"===a||"png"===a||"ogv"===a||"webm"===a||"mp4"===a)&&this.setUniform(n[1],n[2])}if(r[i].match(/\s*void\s*main\s*/g))break}var s=S(this,this.vertexString,this.gl.VERTEX_SHADER),o=S(this,this.fragmentString,this.gl.FRAGMENT_SHADER);o?this.isValid=!0:(o=S(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",this.gl.FRAGMENT_SHADER),this.isValid=!1);var u=U(this,[s,o]);this.gl.useProgram(u),this.gl.deleteShader(s),this.gl.deleteShader(o),this.program=u,this.change=!0,this.BUFFER_COUNT=0;var h=this.getBuffers(this.fragmentString);Object.keys(h).length&&this.loadPrograms(h),this.buffers=h,this.texureIndex=this.BUFFER_COUNT,this.trigger("load",{}),this.forceRender=!0,this.render()}},{key:"test",value:function(e,t,r){var i=this.vertexString,n=this.fragmentString,a=this.paused,s=this.gl.getExtension("EXT_disjoint_timer_query"),o=s.createQueryEXT(),u=this.isValid;(t||r)&&(this.load(t,r),u=this.isValid,this.forceRender=!0,this.render()),this.paused=!0,s.beginQueryEXT(s.TIME_ELAPSED_EXT,o),this.forceRender=!0,this.render(),s.endQueryEXT(s.TIME_ELAPSED_EXT);var h=this;!function l(){h.forceRender=!0,h.render();var f=s.getQueryObjectEXT(o,s.QUERY_RESULT_AVAILABLE_EXT),d=h.gl.getParameter(s.GPU_DISJOINT_EXT);if(f&&!d){var c={wasValid:u,frag:t||h.fragmentString,vert:r||h.vertexString,timeElapsedMs:s.getQueryObjectEXT(o,s.QUERY_RESULT_EXT)/1e6};h.paused=a,(t||r)&&h.load(n,i),e(c)}else window.requestAnimationFrame(l)}()}},{key:"loadTexture",value:function(e,t,r){var i=this;r||(r={}),"string"==typeof t?r.url=t:"object"===(void 0===t?"undefined":E(t))&&t.data&&t.width&&t.height?(r.data=t.data,r.width=t.width,r.height=t.height):"object"===(void 0===t?"undefined":E(t))&&(r.element=t),this.textures[e]?this.textures[e]&&(this.textures[e].load(r),this.textures[e].on("loaded",function(e){i.forceRender=!0})):(this.textures[e]=new X(this.gl,e,r),this.textures[e].on("loaded",function(e){i.forceRender=!0}))}},{key:"refreshUniforms",value:function(){this.uniforms={}}},{key:"setUniform",value:function(e){for(var t={},r=arguments.length,i=Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];t[e]=i,this.setUniforms(t)}},{key:"setUniforms",value:function(e){var t=function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=[];for(var n in t){var a=t[n],s=void 0;if(r&&(n=r+"."+n),"number"==typeof a)i.push({type:"float",method:"1f",name:n,value:a});else if(Array.isArray(a)){if("number"==typeof a[0])1===a.length?i.push({type:"float",method:"1f",name:n,value:a}):a.length>=2&&a.length<=4?i.push({type:"vec"+a.length,method:a.length+"fv",name:n,value:a}):a.length>4&&i.push({type:"float[]",method:"1fv",name:n+"[0]",value:a});else if("string"==typeof a[0])i.push({type:"sampler2D",method:"1i",name:n,value:a});else if(Array.isArray(a[0])&&"number"==typeof a[0][0]){if(a[0].length>=2&&a[0].length<=4)for(s=0;s<a.length;s++)i.push({type:"vec"+a[0].length,method:a[s].length+"fv",name:n+"["+s+"]",value:a[s]})}else if("object"===E(a[0]))for(s=0;s<a.length;s++)i.push.apply(i,y(e(a[s],n+"["+s+"]")))}else"boolean"==typeof a?i.push({type:"bool",method:"1i",name:n,value:a}):"string"==typeof a?i.push({type:"sampler2D",method:"1i",name:n,value:a}):"object"===(void 0===a?"undefined":E(a))&&i.push.apply(i,y(e(a,n)))}return i}(e);for(var r in t)"sampler2D"===t[r].type?this.loadTexture(t[r].name,t[r].value[0]):this.uniform(t[r].method,t[r].type,t[r].name,t[r].value);this.forceRender=!0}},{key:"setMouse",value:function(e){var t=this.canvas.getBoundingClientRect();if(e&&e.x&&e.x>=t.left&&e.x<=t.right&&e.y&&e.y>=t.top&&e.y<=t.bottom){var r=(e.x-t.left)*this.realToCSSPixels,i=this.canvas.height-(e.y-t.top)*this.realToCSSPixels;this.uniform("2f","vec2","u_mouse",r,i)}}},{key:"uniform",value:function(e,t,r){this.uniforms[r]=this.uniforms[r]||{};for(var i=this.uniforms[r],n=arguments.length,a=Array(n>3?n-3:0),s=3;s<n;s++)a[s-3]=arguments[s];var o,u;if((o=i.value,u=a,!(!o||!u)&&o.toString()!==u.toString())||this.change||!i.location||!i.value)for(var h in i.name=r,i.type=t,i.value=a,i.method="uniform"+e,this.gl.useProgram(this.program),i.location=this.gl.getUniformLocation(this.program,r),this.gl[i.method].apply(this.gl,[i.location].concat(i.value)),this.buffers){var l=this.buffers[h];this.gl.useProgram(l.program);var f=this.gl.getUniformLocation(l.program,r);this.gl[i.method].apply(this.gl,[f].concat(i.value))}}},{key:"uniformTexture",value:function(e,t,r){if(void 0===this.textures[e])this.loadTexture(e,t,r);else{for(var i in this.uniform("1i","sampler2D",e,this.texureIndex),this.buffers){var n=this.buffers[i];this.gl.useProgram(n.program),this.gl.activeTexture(this.gl.TEXTURE0+this.texureIndex),this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[e].texture)}this.gl.useProgram(this.program),this.gl.activeTexture(this.gl.TEXTURE0+this.texureIndex),this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[e].texture),this.uniform("2f","vec2",e+"Resolution",this.textures[e].width,this.textures[e].height)}}},{key:"resize",value:function(){if(this.width!==this.canvas.clientWidth||this.height!==this.canvas.clientHeight){this.realToCSSPixels=window.devicePixelRatio||1;var e=Math.floor(this.gl.canvas.clientWidth*this.realToCSSPixels),t=Math.floor(this.gl.canvas.clientHeight*this.realToCSSPixels);return this.gl.canvas.width===e&&this.gl.canvas.height===t||(this.gl.canvas.width=e,this.gl.canvas.height=t,this.gl.viewport(0,0,this.gl.canvas.width,this.gl.canvas.height)),this.width=this.canvas.clientWidth,this.height=this.canvas.clientHeight,this.resizeSwappableBuffers(),!0}return!1}},{key:"render",value:function(){var e;if(this.visible=(e=this.canvas).getBoundingClientRect().top+e.height>0&&e.getBoundingClientRect().top<(window.innerHeight||document.documentElement.clientHeight),this.forceRender||this.change||this.animated&&this.visible&&!this.paused){var t=new Date,r=performance.now();for(var i in this.timeDelta=(r-this.timePrev)/1e3,this.timePrev=r,this.nDelta>1&&this.uniform("1f","float","u_delta",this.timeDelta),this.nTime>1&&this.uniform("1f","float","u_time",(r-this.timeLoad)/1e3),this.nDate&&this.uniform("4f","float","u_date",t.getFullYear(),t.getMonth(),t.getDate(),3600*t.getHours()+60*t.getMinutes()+t.getSeconds()+.001*t.getMilliseconds()),this.uniform("2f","vec2","u_resolution",this.canvas.width,this.canvas.height),this.buffers){var n=this.buffers[i];this.uniform("1i","sampler2D",n.name,n.bundle.input.index)}for(var a in this.texureIndex=this.BUFFER_COUNT,this.textures)this.uniformTexture(a),this.texureIndex++;this.renderPrograms(),this.trigger("render",{}),this.change=!1,this.forceRender=!1}}},{key:"pause",value:function(){this.paused=!0}},{key:"play",value:function(){this.paused=!1}},{key:"renderPrograms",value:function(){var e=this.gl,t=e.canvas.width,r=e.canvas.height;for(var i in e.viewport(0,0,t,r),this.buffers){var n=this.buffers[i];n.bundle.render(t,r,n.program,n.name),e.bindFramebuffer(e.FRAMEBUFFER,null)}e.useProgram(this.program),e.drawArrays(e.TRIANGLES,0,6)}},{key:"getBuffers",value:function(e){var t={};return e&&e.replace(/(?:^\s*)((?:#if|#elif)(?:\s*)(defined\s*\(\s*BUFFER_)(\d+)(?:\s*\))|(?:#ifdef)(?:\s*BUFFER_)(\d+)(?:\s*))/gm,function(){var r=arguments[3]||arguments[4];t["u_buffer"+r]={fragment:"#define BUFFER_"+r+"\n"+e}}),t}},{key:"loadPrograms",value:function(e){var t=this.gl,r=S(this,this.vertexString,t.VERTEX_SHADER);for(var i in e){var n=e[i],a=S(this,n.fragment,t.FRAGMENT_SHADER,1);a?this.isValid=!0:(a=S(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",t.FRAGMENT_SHADER),this.isValid=!1);var s=U(this,[r,a]);n.name=i,n.program=s,n.bundle=this.createSwappableBuffer(this.canvas.width,this.canvas.height,s),t.deleteShader(a)}t.deleteShader(r)}},{key:"createSwappableBuffer",value:function(e,t,r){var i=this.createBuffer(e,t,r),n=this.createBuffer(e,t,r),a=this.gl;return{input:i,output:n,swap:function(){var e=i;i=n,n=e,this.input=i,this.output=n},render:function(e,t,r,i){a.useProgram(r),a.viewport(0,0,e,t),a.bindFramebuffer(a.FRAMEBUFFER,this.input.buffer),a.framebufferTexture2D(a.FRAMEBUFFER,a.COLOR_ATTACHMENT0,a.TEXTURE_2D,this.output.texture,0),a.drawArrays(a.TRIANGLES,0,6),this.swap()},resize:function(e,t,r,i){a.useProgram(r),a.viewport(0,0,e,t),this.input.resize(e,t),this.output.resize(e,t)}}}},{key:"createBuffer",value:function(e,t,r){var i=this.gl,n=this.BUFFER_COUNT;this.BUFFER_COUNT+=2,i.getExtension("OES_texture_float");var a=i.createTexture();i.activeTexture(i.TEXTURE0+n),i.bindTexture(i.TEXTURE_2D,a),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,e,t,0,i.RGBA,i.FLOAT,null),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE);var s=i.createFramebuffer();return{index:n,texture:a,buffer:s,W:e,H:t,resize:function(e,t){i.bindFramebuffer(i.FRAMEBUFFER,s);var r=Math.min(e,this.W),o=Math.min(t,this.H),u=new Float32Array(r*o*4);i.readPixels(0,0,r,o,i.RGBA,i.FLOAT,u),i.bindFramebuffer(i.FRAMEBUFFER,null);var h=n+1,l=i.createTexture();i.activeTexture(i.TEXTURE0+h),i.bindTexture(i.TEXTURE_2D,l),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,e,t,0,i.RGBA,i.FLOAT,null),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE),i.texSubImage2D(i.TEXTURE_2D,0,0,0,r,o,i.RGBA,i.FLOAT,u);var f=i.createFramebuffer();i.bindFramebuffer(i.FRAMEBUFFER,null),i.deleteTexture(a),i.activeTexture(i.TEXTURE0+n),i.bindTexture(i.TEXTURE_2D,l),n=this.index=n,a=this.texture=l,s=this.buffer=f,this.W=e,this.H=t}}}},{key:"resizeSwappableBuffers",value:function(){var e=this.gl,t=e.canvas.width,r=e.canvas.height;for(var i in e.viewport(0,0,t,r),this.buffers){var n=this.buffers[i];n.bundle.resize(t,r,n.program,n.name)}e.useProgram(this.program)}},{key:"version",value:function(){return"0.1.7"}}]),e}();return window.addEventListener("load",function(){!function(){var e=document.getElementsByClassName("glslCanvas");if(e.length>0){window.glslCanvases=[];for(var t=0;t<e.length;t++){var r=new F(e[t]);r.isValid&&window.glslCanvases.push(r)}}}()}),F});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.GlslCanvas=t()}(this,function(){"use strict";var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var t="undefined"!=typeof window?window:void 0!==e?e:"undefined"!=typeof self?self:{},r=function(e){var t=i.call(e);return"[object Function]"===t||"function"==typeof e&&"[object RegExp]"!==t||"undefined"!=typeof window&&(e===window.setTimeout||e===window.alert||e===window.confirm||e===window.prompt)},i=Object.prototype.toString;var n,a=(function(e,t){(t=e.exports=function(e){return e.replace(/^\s*|\s*$/g,"")}).left=function(e){return e.replace(/^\s*/,"")},t.right=function(e){return e.replace(/\s*$/,"")}}(n={exports:{}},n.exports),n.exports),s=function(e,t,i){if(!r(t))throw new TypeError("iterator must be a function");arguments.length<3&&(i=this);"[object Array]"===o.call(e)?function(e,t,r){for(var i=0,n=e.length;i<n;i++)u.call(e,i)&&t.call(r,e[i],i,e)}(e,t,i):"string"==typeof e?function(e,t,r){for(var i=0,n=e.length;i<n;i++)t.call(r,e.charAt(i),i,e)}(e,t,i):function(e,t,r){for(var i in e)u.call(e,i)&&t.call(r,e[i],i,e)}(e,t,i)},o=Object.prototype.toString,u=Object.prototype.hasOwnProperty;var h=function(e){if(!e)return{};var t={};return s(a(e).split("\n"),function(e){var r,i=e.indexOf(":"),n=a(e.slice(0,i)).toLowerCase(),s=a(e.slice(i+1));void 0===t[n]?t[n]=s:(r=t[n],"[object Array]"===Object.prototype.toString.call(r)?t[n].push(s):t[n]=[t[n],s])}),t},l=function(){for(var e={},t=0;t<arguments.length;t++){var r=arguments[t];for(var i in r)f.call(r,i)&&(e[i]=r[i])}return e},f=Object.prototype.hasOwnProperty;var d=v,c=v;function g(e,t,i){var n=e;return r(t)?(i=t,"string"==typeof e&&(n={uri:e})):n=l(t,{uri:e}),n.callback=i,n}function v(e,t,r){return m(t=g(e,t,r))}function m(e){if(void 0===e.callback)throw new Error("callback argument missing");var t=!1,r=function(r,i,n){t||(t=!0,e.callback(r,i,n))};function i(e){return clearTimeout(u),e instanceof Error||(e=new Error(""+(e||"Unknown XMLHttpRequest Error"))),e.statusCode=0,r(e,E)}function n(){if(!s){var t;clearTimeout(u),t=e.useXDR&&void 0===o.status?200:1223===o.status?204:o.status;var i=E,n=null;return 0!==t?(i={body:function(){var e=void 0;if(e=o.response?o.response:o.responseText||function(e){try{if("document"===e.responseType)return e.responseXML;var t=e.responseXML&&"parsererror"===e.responseXML.documentElement.nodeName;if(""===e.responseType&&!t)return e.responseXML}catch(e){}return null}(o),m)try{e=JSON.parse(e)}catch(e){}return e}(),statusCode:t,method:f,headers:{},url:l,rawRequest:o},o.getAllResponseHeaders&&(i.headers=h(o.getAllResponseHeaders()))):n=new Error("Internal XMLHttpRequest Error"),r(n,i,i.body)}}var a,s,o=e.xhr||null;o||(o=e.cors||e.useXDR?new v.XDomainRequest:new v.XMLHttpRequest);var u,l=o.url=e.uri||e.url,f=o.method=e.method||"GET",d=e.body||e.data,c=o.headers=e.headers||{},g=!!e.sync,m=!1,E={body:void 0,headers:{},statusCode:0,method:f,url:l,rawRequest:o};if("json"in e&&!1!==e.json&&(m=!0,c.accept||c.Accept||(c.Accept="application/json"),"GET"!==f&&"HEAD"!==f&&(c["content-type"]||c["Content-Type"]||(c["Content-Type"]="application/json"),d=JSON.stringify(!0===e.json?d:e.json))),o.onreadystatechange=function(){4===o.readyState&&setTimeout(n,0)},o.onload=n,o.onerror=i,o.onprogress=function(){},o.onabort=function(){s=!0},o.ontimeout=i,o.open(f,l,!g,e.username,e.password),g||(o.withCredentials=!!e.withCredentials),!g&&e.timeout>0&&(u=setTimeout(function(){if(!s){s=!0,o.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",i(e)}},e.timeout)),o.setRequestHeader)for(a in c)c.hasOwnProperty(a)&&o.setRequestHeader(a,c[a]);else if(e.headers&&!function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}(e.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in e&&(o.responseType=e.responseType),"beforeSend"in e&&"function"==typeof e.beforeSend&&e.beforeSend(o),o.send(d||null),o}v.XMLHttpRequest=t.XMLHttpRequest||function(){},v.XDomainRequest="withCredentials"in new v.XMLHttpRequest?v.XMLHttpRequest:t.XDomainRequest,function(e,t){for(var r=0;r<e.length;r++)t(e[r])}(["get","put","post","patch","head","delete"],function(e){v["delete"===e?"del":e]=function(t,r,i){return(r=g(t,r,i)).method=e.toUpperCase(),m(r)}}),d.default=c;var E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T=(function(){function e(e){this.value=e}function t(t){var r,i;function n(r,i){try{var s=t[r](i),o=s.value;o instanceof e?Promise.resolve(o.value).then(function(e){n("next",e)},function(e){n("throw",e)}):a(s.done?"return":"normal",s.value)}catch(e){a("throw",e)}}function a(e,t){switch(e){case"return":r.resolve({value:t,done:!0});break;case"throw":r.reject(t);break;default:r.resolve({value:t,done:!1})}(r=r.next)?n(r.key,r.arg):i=null}this._invoke=function(e,t){return new Promise(function(a,s){var o={key:e,arg:t,resolve:a,reject:s,next:null};i?i=i.next=o:(r=i=o,n(e,t))})},"function"!=typeof t.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(t.prototype[Symbol.asyncIterator]=function(){return this}),t.prototype.next=function(e){return this._invoke("next",e)},t.prototype.throw=function(e){return this._invoke("throw",e)},t.prototype.return=function(e){return this._invoke("return",e)}}(),function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}),p=function(){function e(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,r,i){return r&&e(t.prototype,r),i&&e(t,i),t}}(),y=function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)},R="";var _='\n\tThis page requires a browser that supports WebGL.<br/>\n\t<a href="http://get.webgl.org">Click here to upgrade your browser.</a>\n',b='\n\tIt does not appear your computer can support WebGL.<br/>\n\t<a href="http://get.webgl.org/troubleshooting/">Click here for more information.</a>\n',x=1,A=2;function w(e,t,r){function i(t,i){var n,a;"function"==typeof r?r(t):(n=i,(a=e.parentNode)&&(a.innerHTML='\n<table style="background-color: #8CE; width: 100%; height: 100%;"><tr>\n<td align="center">\n<div style="display: table-cell; vertical-align: middle;">\n<div style="">'+n+"</div>\n</div>\n</td></tr></table>\n"))}if(!window.WebGLRenderingContext)return i(x,_),null;var n=function(e,t){for(var r=["webgl","experimental-webgl"],i=null,n=0;n<r.length;++n)try{i=e.getContext(r[n],t)}catch(e){if(i)break}return i}(e,t);return n?n.getExtension("OES_standard_derivatives"):i(A,b),n}function S(e,t,r,i){var n=e.gl,a=n.createShader(r);return n.shaderSource(a,t),n.compileShader(a),n.getShaderParameter(a,n.COMPILE_STATUS)?a:(R=n.getShaderInfoLog(a),console.error("*** Error compiling shader "+a+":"+R),e.trigger("error",{shader:a,source:t,type:r,error:R,offset:i||0}),n.deleteShader(a),null)}function U(e,t,r,i){for(var n=e.gl,a=n.createProgram(),s=0;s<t.length;++s)n.attachShader(a,t[s]);if(r)for(var o=0;o<r.length;++o)n.bindAttribLocation(a,i?i[o]:o,r[o]);return n.linkProgram(a),n.getProgramParameter(a,n.LINK_STATUS)?a:(R=n.getProgramInfoLog(a),console.log("Error in program linking:"+R),n.deleteProgram(a),null)}function P(e){return 0==(e&e-1)}function L(e){var t=new Set;return Object.assign(e,{on:function(e,r){var i={};i[e]=r,t.add(i)},off:function(e,r){if(r){var i={};i[e]=r,t.delete(i)}else{var n=!0,a=!1,s=void 0;try{for(var o,u=t[Symbol.iterator]();!(n=(o=u.next()).done);n=!0){var h=o.value,l=!0,f=!1,d=void 0;try{for(var c,g=Object.keys(h)[Symbol.iterator]();!(l=(c=g.next()).done);l=!0){if(c.value===e)return void t.delete(h)}}catch(e){f=!0,d=e}finally{try{!l&&g.return&&g.return()}finally{if(f)throw d}}}}catch(e){a=!0,s=e}finally{try{!n&&u.return&&u.return()}finally{if(a)throw s}}}},listSubscriptions:function(){var e=!0,r=!1,i=void 0;try{for(var n,a=t[Symbol.iterator]();!(e=(n=a.next()).done);e=!0){var s=n.value;console.log(s)}}catch(e){r=!0,i=e}finally{try{!e&&a.return&&a.return()}finally{if(r)throw i}}},subscribe:function(e){t.add(e)},unsubscribe:function(e){t.delete(e)},unsubscribeAll:function(){t.clear()},trigger:function(e){for(var r=arguments.length,i=Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];var a=!0,s=!1,o=void 0;try{for(var u,h=t[Symbol.iterator]();!(a=(u=h.next()).done);a=!0){var l=u.value;"function"==typeof l[e]&&l[e].apply(l,y(i))}}catch(e){s=!0,o=e}finally{try{!a&&h.return&&h.return()}finally{if(s)throw o}}}})}var X=function(){function e(t,r){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};T(this,e),L(this),this.gl=t,this.texture=t.createTexture(),this.texture&&(this.valid=!0),this.bind(),this.name=r,this.source=null,this.sourceType=null,this.loading=null,this.setData(1,1,new Uint8Array([0,0,0,255]),{filtering:"linear"}),this.setFiltering(i.filtering),this.load(i)}return p(e,[{key:"destroy",value:function(){this.valid&&(this.gl.deleteTexture(this.texture),this.texture=null,delete this.data,this.data=null,this.valid=!1)}},{key:"bind",value:function(t){this.valid&&("number"==typeof t&&e.activeUnit!==t&&(this.gl.activeTexture(this.gl.TEXTURE0+t),e.activeUnit=t),e.activeTexture!==this.texture&&(this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),e.activeTexture=this.texture))}},{key:"load",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.loading=null,"string"==typeof e.url?void 0!==this.url&&e.url===this.url||this.setUrl(e.url,e):e.element?this.setElement(e.element,e):e.data&&e.width&&e.height&&this.setData(e.width,e.height,e.data,e)}},{key:"setUrl",value:function(e){var t=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.valid)return this.url=e,this.source=this.url,this.sourceType="url",this.loading=new Promise(function(i,n){var a=e.split(".").pop().toLowerCase(),s="ogv"===a||"webm"===a||"mp4"===a,o=void 0;s?((o=document.createElement("video")).autoplay=!0,r.filtering="nearest"):o=new Image,o.onload=function(){try{t.setElement(o,r)}catch(e){console.log("Texture '"+t.name+"': failed to load url: '"+t.source+"'",e,r)}i(t)},o.onerror=function(e){console.log("Texture '"+t.name+"': failed to load url: '"+t.source+"'",e,r),i(t)},/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&"data:"===t.source.slice(0,5)||(o.crossOrigin="anonymous"),o.src=t.source,s&&t.setElement(o,r)}),this.loading}},{key:"setData",value:function(e,t,r){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return this.width=e,this.height=t,this.source=r,this.sourceType="data",this.update(i),this.setFiltering(i),this.loading=Promise.resolve(this),this.loading}},{key:"setElement",value:function(e,t){var r=this,i=e;if("string"==typeof e&&(e=document.querySelector(e)),e instanceof HTMLCanvasElement||e instanceof HTMLImageElement||e instanceof HTMLVideoElement)this.source=e,this.sourceType="element",e instanceof HTMLVideoElement?(e.addEventListener("canplaythrough",function(){r.intervalID=setInterval(function(){r.update(t)},15)},!0),e.addEventListener("ended",function(){e.currentTime=0,e.play()},!0)):this.update(t),this.setFiltering(t);else{var n="the 'element' parameter (`element: "+JSON.stringify(i)+"`) must be a CSS ";n+="selector string, or a <canvas>, <image> or <video> object",console.log("Texture '"+this.name+"': "+n,t)}return this.loading=Promise.resolve(this),this.loading}},{key:"update",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.valid&&(this.bind(),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!1!==e.UNPACK_FLIP_Y_WEBGL),this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,e.UNPACK_PREMULTIPLY_ALPHA_WEBGL||!1),"element"===this.sourceType&&(this.source instanceof HTMLCanvasElement||this.source instanceof HTMLVideoElement||this.source instanceof HTMLImageElement&&this.source.complete)?(this.source instanceof HTMLVideoElement?(this.width=this.source.videoWidth,this.height=this.source.videoHeight):(this.width=this.source.width,this.height=this.source.height),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source)):"data"===this.sourceType&&this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.width,this.height,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.trigger("loaded",this))}},{key:"setFiltering",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.valid){this.powerOf2=P(this.width)&&P(this.height);var t=this.powerOf2?"mipmap":"linear";this.filtering=e.filtering||t;var r=this.gl;this.bind(),this.powerOf2?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,e.TEXTURE_WRAP_S||e.repeat&&r.REPEAT||r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,e.TEXTURE_WRAP_T||e.repeat&&r.REPEAT||r.CLAMP_TO_EDGE),"mipmap"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR_MIPMAP_LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR),r.generateMipmap(r.TEXTURE_2D)):"linear"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR)):"nearest"===this.filtering&&(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST))):(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_S,r.CLAMP_TO_EDGE),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_WRAP_T,r.CLAMP_TO_EDGE),"mipmap"===this.filtering&&(this.filtering="linear"),"nearest"===this.filtering?(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.NEAREST),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.NEAREST)):(r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MAG_FILTER,r.LINEAR)))}}}]),e}();X.getMaxTextureSize=function(e){return e.getParameter(e.MAX_TEXTURE_SIZE)},X.activeUnit=-1;var F=function(){function e(t,r,i){var n=this;T(this,e),L(this),r=r||{},i=i||{},!t.hasAttribute("data-fullscreen")||"1"!=t.getAttribute("data-fullscreen")&&"true"!=t.getAttribute("data-fullscreen")?(this.width=t.clientWidth,this.height=t.clientHeight):(this.width=window.innerWidth,this.height=window.innerHeight,t.width=window.innerWidth,t.height=window.innerHeight),this.canvas=t,this.gl=void 0,this.program=void 0,this.textures={},this.buffers={},this.uniforms={},this.vbo={},this.isValid=!1,this.animationFrameRequest=void 0,this.BUFFER_COUNT=0,this.vertexString=r.vertexString||"\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nattribute vec2 a_position;\nattribute vec2 a_texcoord;\n\nvarying vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n",this.fragmentString=r.fragmentString||"\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying vec2 v_texcoord;\n\nvoid main(){\n    gl_FragColor = vec4(0.0);\n}\n";var a=w(t,r,i.onError);if(a){if(this.gl=a,this.timeLoad=this.timePrev=performance.now(),this.timeDelta=0,this.forceRender=!0,this.paused=!1,this.realToCSSPixels=window.devicePixelRatio||1,t.style.backgroundColor=r.backgroundColor||"rgba(1,1,1,0)",t.hasAttribute("data-fragment"))this.fragmentString=t.getAttribute("data-fragment");else if(t.hasAttribute("data-fragment-url")){var s=t.getAttribute("data-fragment-url");d.get(s,function(e,t,r){n.load(r,n.vertexString)})}if(t.hasAttribute("data-vertex"))this.vertexString=t.getAttribute("data-vertex");else if(t.hasAttribute("data-vertex-url")){var o=t.getAttribute("data-vertex-url");d.get(o,function(e,t,r){n.load(n.fragmentString,r)})}if(this.load(),this.program){var u=a.getAttribLocation(this.program,"a_texcoord");this.vbo.texCoords=a.createBuffer(),this.gl.bindBuffer(a.ARRAY_BUFFER,this.vbo.texCoords),this.gl.bufferData(a.ARRAY_BUFFER,new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1]),a.STATIC_DRAW),this.gl.enableVertexAttribArray(u),this.gl.vertexAttribPointer(u,2,a.FLOAT,!1,0,0);var h=a.getAttribLocation(this.program,"a_position");if(this.vbo.vertices=a.createBuffer(),this.gl.bindBuffer(a.ARRAY_BUFFER,this.vbo.vertices),this.gl.bufferData(a.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),a.STATIC_DRAW),this.gl.enableVertexAttribArray(h),this.gl.vertexAttribPointer(h,2,a.FLOAT,!1,0,0),t.hasAttribute("data-textures")){var l=t.getAttribute("data-textures").split(",");for(var f in l)this.setUniform("u_tex"+f,l[f])}var c={x:0,y:0};document.addEventListener("mousemove",function(e){c.x=e.clientX||e.pageX,c.y=e.clientY||e.pageY},!1);var g=this;return this.setMouse({x:0,y:0}),function e(){g.nMouse>1&&g.setMouse(c),g.resize()&&(g.forceRender=!0),g.render(),g.animationFrameRequest=window.requestAnimationFrame(e)}(),this}}}return p(e,[{key:"destroy",value:function(){for(var e in cancelAnimationFrame(this.animationFrameRequest),this.animated=!1,this.isValid=!1,this.textures)e.destroy&&e.destroy();for(var t in this.textures={},this.attribs)this.gl.deleteBuffer(this.attribs[t]);for(var r in this.gl.useProgram(null),this.gl.deleteProgram(this.program),this.buffers){var i=this.buffers[r];this.gl.deleteProgram(i.program)}this.program=null,this.gl=null}},{key:"load",value:function(e,t){if(t&&(this.vertexString=t),e&&(this.fragmentString=e),this.animated=!1,this.nDelta=(this.fragmentString.match(/u_delta/g)||[]).length,this.nTime=(this.fragmentString.match(/u_time/g)||[]).length,this.nDate=(this.fragmentString.match(/u_date/g)||[]).length,this.nMouse=(this.fragmentString.match(/u_mouse/g)||[]).length,this.animated=this.nDate>1||this.nTime>1||this.nMouse>1,this.fragmentString.search(/sampler2D/g))for(var r=this.fragmentString.split("\n"),i=0;i<r.length;i++){var n=r[i].match(/uniform\s*sampler2D\s*([\w]*);\s*\/\/\s*([\w|\:\/\/|\.|\-|\_]*)/i);if(n){var a=n[2].split(".").pop().toLowerCase();n[1]&&n[2]&&("jpg"===a||"jpeg"===a||"png"===a||"ogv"===a||"webm"===a||"mp4"===a)&&this.setUniform(n[1],n[2])}if(r[i].match(/\s*void\s*main\s*/g))break}var s=S(this,this.vertexString,this.gl.VERTEX_SHADER),o=S(this,this.fragmentString,this.gl.FRAGMENT_SHADER);o?this.isValid=!0:(o=S(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",this.gl.FRAGMENT_SHADER),this.isValid=!1);var u=U(this,[s,o]);this.gl.useProgram(u),this.gl.deleteShader(s),this.gl.deleteShader(o),this.program=u,this.change=!0,this.BUFFER_COUNT=0;var h=this.getBuffers(this.fragmentString);Object.keys(h).length&&this.loadPrograms(h),this.buffers=h,this.texureIndex=this.BUFFER_COUNT,this.trigger("load",{}),this.forceRender=!0,this.render()}},{key:"test",value:function(e,t,r){var i=this.vertexString,n=this.fragmentString,a=this.paused,s=this.gl.getExtension("EXT_disjoint_timer_query"),o=s.createQueryEXT(),u=this.isValid;(t||r)&&(this.load(t,r),u=this.isValid,this.forceRender=!0,this.render()),this.paused=!0,s.beginQueryEXT(s.TIME_ELAPSED_EXT,o),this.forceRender=!0,this.render(),s.endQueryEXT(s.TIME_ELAPSED_EXT);var h=this;!function l(){h.forceRender=!0,h.render();var f=s.getQueryObjectEXT(o,s.QUERY_RESULT_AVAILABLE_EXT),d=h.gl.getParameter(s.GPU_DISJOINT_EXT);if(f&&!d){var c={wasValid:u,frag:t||h.fragmentString,vert:r||h.vertexString,timeElapsedMs:s.getQueryObjectEXT(o,s.QUERY_RESULT_EXT)/1e6};h.paused=a,(t||r)&&h.load(n,i),e(c)}else window.requestAnimationFrame(l)}()}},{key:"loadTexture",value:function(e,t,r){var i=this;r||(r={}),"string"==typeof t?r.url=t:"object"===(void 0===t?"undefined":E(t))&&t.data&&t.width&&t.height?(r.data=t.data,r.width=t.width,r.height=t.height):"object"===(void 0===t?"undefined":E(t))&&(r.element=t),this.textures[e]?this.textures[e]&&(this.textures[e].load(r),this.textures[e].on("loaded",function(e){i.forceRender=!0})):(this.textures[e]=new X(this.gl,e,r),this.textures[e].on("loaded",function(e){i.forceRender=!0}))}},{key:"refreshUniforms",value:function(){this.uniforms={}}},{key:"setUniform",value:function(e){for(var t={},r=arguments.length,i=Array(r>1?r-1:0),n=1;n<r;n++)i[n-1]=arguments[n];t[e]=i,this.setUniforms(t)}},{key:"setUniforms",value:function(e){var t=function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=[];for(var n in t){var a=t[n],s=void 0;if(r&&(n=r+"."+n),"number"==typeof a)i.push({type:"float",method:"1f",name:n,value:a});else if(Array.isArray(a)){if("number"==typeof a[0])1===a.length?i.push({type:"float",method:"1f",name:n,value:a}):a.length>=2&&a.length<=4?i.push({type:"vec"+a.length,method:a.length+"fv",name:n,value:a}):a.length>4&&i.push({type:"float[]",method:"1fv",name:n+"[0]",value:a});else if("string"==typeof a[0])i.push({type:"sampler2D",method:"1i",name:n,value:a});else if(Array.isArray(a[0])&&"number"==typeof a[0][0]){if(a[0].length>=2&&a[0].length<=4)for(s=0;s<a.length;s++)i.push({type:"vec"+a[0].length,method:a[s].length+"fv",name:n+"["+s+"]",value:a[s]})}else if("object"===E(a[0]))for(s=0;s<a.length;s++)i.push.apply(i,y(e(a[s],n+"["+s+"]")))}else"boolean"==typeof a?i.push({type:"bool",method:"1i",name:n,value:a}):"string"==typeof a?i.push({type:"sampler2D",method:"1i",name:n,value:a}):"object"===(void 0===a?"undefined":E(a))&&i.push.apply(i,y(e(a,n)))}return i}(e);for(var r in t)"sampler2D"===t[r].type?this.loadTexture(t[r].name,t[r].value[0]):this.uniform(t[r].method,t[r].type,t[r].name,t[r].value);this.forceRender=!0}},{key:"setMouse",value:function(e){var t=this.canvas.getBoundingClientRect();if(e&&e.x&&e.x>=t.left&&e.x<=t.right&&e.y&&e.y>=t.top&&e.y<=t.bottom){var r=(e.x-t.left)*this.realToCSSPixels,i=this.canvas.height-(e.y-t.top)*this.realToCSSPixels;this.uniform("2f","vec2","u_mouse",r,i)}}},{key:"uniform",value:function(e,t,r){this.uniforms[r]=this.uniforms[r]||{};for(var i=this.uniforms[r],n=arguments.length,a=Array(n>3?n-3:0),s=3;s<n;s++)a[s-3]=arguments[s];var o,u;if((o=i.value,u=a,!(!o||!u)&&o.toString()!==u.toString())||this.change||!i.location||!i.value)for(var h in i.name=r,i.type=t,i.value=a,i.method="uniform"+e,this.gl.useProgram(this.program),i.location=this.gl.getUniformLocation(this.program,r),this.gl[i.method].apply(this.gl,[i.location].concat(i.value)),this.buffers){var l=this.buffers[h];this.gl.useProgram(l.program);var f=this.gl.getUniformLocation(l.program,r);this.gl[i.method].apply(this.gl,[f].concat(i.value))}}},{key:"uniformTexture",value:function(e,t,r){if(void 0===this.textures[e])this.loadTexture(e,t,r);else{for(var i in this.uniform("1i","sampler2D",e,this.texureIndex),this.buffers){var n=this.buffers[i];this.gl.useProgram(n.program),this.gl.activeTexture(this.gl.TEXTURE0+this.texureIndex),this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[e].texture)}this.gl.useProgram(this.program),this.gl.activeTexture(this.gl.TEXTURE0+this.texureIndex),this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[e].texture),this.uniform("2f","vec2",e+"Resolution",this.textures[e].width,this.textures[e].height)}}},{key:"resize",value:function(){if(this.width!==this.canvas.clientWidth||this.height!==this.canvas.clientHeight){this.realToCSSPixels=window.devicePixelRatio||1;var e=Math.floor(this.gl.canvas.clientWidth*this.realToCSSPixels),t=Math.floor(this.gl.canvas.clientHeight*this.realToCSSPixels);return this.gl.canvas.width===e&&this.gl.canvas.height===t||(this.gl.canvas.width=e,this.gl.canvas.height=t,this.gl.viewport(0,0,this.gl.canvas.width,this.gl.canvas.height)),this.width=this.canvas.clientWidth,this.height=this.canvas.clientHeight,this.resizeSwappableBuffers(),!0}return!1}},{key:"render",value:function(){var e;if(this.visible=(e=this.canvas).getBoundingClientRect().top+e.height>0&&e.getBoundingClientRect().top<(window.innerHeight||document.documentElement.clientHeight),this.forceRender||this.change||this.animated&&this.visible&&!this.paused){var t=new Date,r=performance.now();for(var i in this.timeDelta=(r-this.timePrev)/1e3,this.timePrev=r,this.nDelta>1&&this.uniform("1f","float","u_delta",this.timeDelta),this.nTime>1&&this.uniform("1f","float","u_time",(r-this.timeLoad)/1e3),this.nDate&&this.uniform("4f","float","u_date",t.getFullYear(),t.getMonth(),t.getDate(),3600*t.getHours()+60*t.getMinutes()+t.getSeconds()+.001*t.getMilliseconds()),this.uniform("2f","vec2","u_resolution",this.canvas.width,this.canvas.height),this.buffers){var n=this.buffers[i];this.uniform("1i","sampler2D",n.name,n.bundle.input.index)}for(var a in this.texureIndex=this.BUFFER_COUNT,this.textures)this.uniformTexture(a),this.texureIndex++;this.renderPrograms(),this.trigger("render",{}),this.change=!1,this.forceRender=!1}}},{key:"pause",value:function(){this.paused=!0}},{key:"play",value:function(){this.paused=!1}},{key:"renderPrograms",value:function(){var e=this.gl,t=e.canvas.width,r=e.canvas.height;for(var i in e.viewport(0,0,t,r),this.buffers){var n=this.buffers[i];n.bundle.render(t,r,n.program,n.name),e.bindFramebuffer(e.FRAMEBUFFER,null)}e.useProgram(this.program),e.drawArrays(e.TRIANGLES,0,6)}},{key:"getBuffers",value:function(e){var t={};return e&&e.replace(/(?:^\s*)((?:#if|#elif)(?:\s*)(defined\s*\(\s*BUFFER_)(\d+)(?:\s*\))|(?:#ifdef)(?:\s*BUFFER_)(\d+)(?:\s*))/gm,function(){var r=arguments[3]||arguments[4];t["u_buffer"+r]={fragment:"#define BUFFER_"+r+"\n"+e}}),t}},{key:"loadPrograms",value:function(e){var t=this.gl,r=S(this,this.vertexString,t.VERTEX_SHADER);for(var i in e){var n=e[i],a=S(this,n.fragment,t.FRAGMENT_SHADER,1);a?this.isValid=!0:(a=S(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",t.FRAGMENT_SHADER),this.isValid=!1);var s=U(this,[r,a]);n.name=i,n.program=s,n.bundle=this.createSwappableBuffer(this.canvas.width,this.canvas.height,s),t.deleteShader(a)}t.deleteShader(r)}},{key:"createSwappableBuffer",value:function(e,t,r){var i=this.createBuffer(e,t,r),n=this.createBuffer(e,t,r),a=this.gl;return{input:i,output:n,swap:function(){var e=i;i=n,n=e,this.input=i,this.output=n},render:function(e,t,r,i){a.useProgram(r),a.viewport(0,0,e,t),a.bindFramebuffer(a.FRAMEBUFFER,this.input.buffer),a.framebufferTexture2D(a.FRAMEBUFFER,a.COLOR_ATTACHMENT0,a.TEXTURE_2D,this.output.texture,0),a.drawArrays(a.TRIANGLES,0,6),this.swap()},resize:function(e,t,r,i){a.useProgram(r),a.viewport(0,0,e,t),this.input.resize(e,t),this.output.resize(e,t)}}}},{key:"createBuffer",value:function(e,t,r){var i=this.gl,n=this.BUFFER_COUNT;this.BUFFER_COUNT+=2,i.getExtension("OES_texture_float");var a=i.createTexture();i.activeTexture(i.TEXTURE0+n),i.bindTexture(i.TEXTURE_2D,a),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,e,t,0,i.RGBA,i.FLOAT,null),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE);var s=i.createFramebuffer();return{index:n,texture:a,buffer:s,W:e,H:t,resize:function(e,t){i.bindFramebuffer(i.FRAMEBUFFER,s);var r=Math.min(e,this.W),o=Math.min(t,this.H),u=new Float32Array(r*o*4);i.readPixels(0,0,r,o,i.RGBA,i.FLOAT,u),i.bindFramebuffer(i.FRAMEBUFFER,null);var h=n+1,l=i.createTexture();i.activeTexture(i.TEXTURE0+h),i.bindTexture(i.TEXTURE_2D,l),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,e,t,0,i.RGBA,i.FLOAT,null),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,i.NEAREST),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE),i.texSubImage2D(i.TEXTURE_2D,0,0,0,r,o,i.RGBA,i.FLOAT,u);var f=i.createFramebuffer();i.bindFramebuffer(i.FRAMEBUFFER,null),i.deleteTexture(a),i.activeTexture(i.TEXTURE0+n),i.bindTexture(i.TEXTURE_2D,l),n=this.index=n,a=this.texture=l,s=this.buffer=f,this.W=e,this.H=t}}}},{key:"resizeSwappableBuffers",value:function(){var e=this.gl,t=e.canvas.width,r=e.canvas.height;for(var i in e.viewport(0,0,t,r),this.buffers){var n=this.buffers[i];n.bundle.resize(t,r,n.program,n.name)}e.useProgram(this.program)}},{key:"version",value:function(){return"0.1.7"}}]),e}();return window.addEventListener("load",function(){!function(){var e=document.getElementsByClassName("glslCanvas");if(e.length>0){window.glslCanvases=[];for(var t=0;t<e.length;t++){var r=new F(e[t]);r.isValid&&window.glslCanvases.push(r)}}}()}),F});
 //# sourceMappingURL=GlslCanvas.min.js.map
diff --git a/dist/GlslCanvas.min.js.map b/dist/GlslCanvas.min.js.map
index 1658dbb..bd53545 100644
--- a/dist/GlslCanvas.min.js.map
+++ b/dist/GlslCanvas.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"GlslCanvas.min.js","sources":["../node_modules/global/window.js","../node_modules/is-function/index.js","../node_modules/trim/index.js","../node_modules/for-each/index.js","../node_modules/parse-headers/parse-headers.js","../node_modules/xtend/immutable.js","../node_modules/xhr/index.js","../src/gl/gl.js","../src/tools/common.js","../src/tools/mixin.js","../src/gl/Texture.js","../src/GlslCanvas.js"],"sourcesContent":["var win;\n\nif (typeof window !== \"undefined\") {\n    win = window;\n} else if (typeof global !== \"undefined\") {\n    win = global;\n} else if (typeof self !== \"undefined\"){\n    win = self;\n} else {\n    win = {};\n}\n\nmodule.exports = win;\n","module.exports = isFunction\n\nvar toString = Object.prototype.toString\n\nfunction isFunction (fn) {\n  var string = toString.call(fn)\n  return string === '[object Function]' ||\n    (typeof fn === 'function' && string !== '[object RegExp]') ||\n    (typeof window !== 'undefined' &&\n     // IE8 and below\n     (fn === window.setTimeout ||\n      fn === window.alert ||\n      fn === window.confirm ||\n      fn === window.prompt))\n};\n","\nexports = module.exports = trim;\n\nfunction trim(str){\n  return str.replace(/^\\s*|\\s*$/g, '');\n}\n\nexports.left = function(str){\n  return str.replace(/^\\s*/, '');\n};\n\nexports.right = function(str){\n  return str.replace(/\\s*$/, '');\n};\n","var isFunction = require('is-function')\n\nmodule.exports = forEach\n\nvar toString = Object.prototype.toString\nvar hasOwnProperty = Object.prototype.hasOwnProperty\n\nfunction forEach(list, iterator, context) {\n    if (!isFunction(iterator)) {\n        throw new TypeError('iterator must be a function')\n    }\n\n    if (arguments.length < 3) {\n        context = this\n    }\n    \n    if (toString.call(list) === '[object Array]')\n        forEachArray(list, iterator, context)\n    else if (typeof list === 'string')\n        forEachString(list, iterator, context)\n    else\n        forEachObject(list, iterator, context)\n}\n\nfunction forEachArray(array, iterator, context) {\n    for (var i = 0, len = array.length; i < len; i++) {\n        if (hasOwnProperty.call(array, i)) {\n            iterator.call(context, array[i], i, array)\n        }\n    }\n}\n\nfunction forEachString(string, iterator, context) {\n    for (var i = 0, len = string.length; i < len; i++) {\n        // no such thing as a sparse string.\n        iterator.call(context, string.charAt(i), i, string)\n    }\n}\n\nfunction forEachObject(object, iterator, context) {\n    for (var k in object) {\n        if (hasOwnProperty.call(object, k)) {\n            iterator.call(context, object[k], k, object)\n        }\n    }\n}\n","var trim = require('trim')\n  , forEach = require('for-each')\n  , isArray = function(arg) {\n      return Object.prototype.toString.call(arg) === '[object Array]';\n    }\n\nmodule.exports = function (headers) {\n  if (!headers)\n    return {}\n\n  var result = {}\n\n  forEach(\n      trim(headers).split('\\n')\n    , function (row) {\n        var index = row.indexOf(':')\n          , key = trim(row.slice(0, index)).toLowerCase()\n          , value = trim(row.slice(index + 1))\n\n        if (typeof(result[key]) === 'undefined') {\n          result[key] = value\n        } else if (isArray(result[key])) {\n          result[key].push(value)\n        } else {\n          result[key] = [ result[key], value ]\n        }\n      }\n  )\n\n  return result\n}","module.exports = extend\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\nfunction extend() {\n    var target = {}\n\n    for (var i = 0; i < arguments.length; i++) {\n        var source = arguments[i]\n\n        for (var key in source) {\n            if (hasOwnProperty.call(source, key)) {\n                target[key] = source[key]\n            }\n        }\n    }\n\n    return target\n}\n","\"use strict\";\nvar window = require(\"global/window\")\nvar isFunction = require(\"is-function\")\nvar parseHeaders = require(\"parse-headers\")\nvar xtend = require(\"xtend\")\n\nmodule.exports = createXHR\n// Allow use of default import syntax in TypeScript\nmodule.exports.default = createXHR;\ncreateXHR.XMLHttpRequest = window.XMLHttpRequest || noop\ncreateXHR.XDomainRequest = \"withCredentials\" in (new createXHR.XMLHttpRequest()) ? createXHR.XMLHttpRequest : window.XDomainRequest\n\nforEachArray([\"get\", \"put\", \"post\", \"patch\", \"head\", \"delete\"], function(method) {\n    createXHR[method === \"delete\" ? \"del\" : method] = function(uri, options, callback) {\n        options = initParams(uri, options, callback)\n        options.method = method.toUpperCase()\n        return _createXHR(options)\n    }\n})\n\nfunction forEachArray(array, iterator) {\n    for (var i = 0; i < array.length; i++) {\n        iterator(array[i])\n    }\n}\n\nfunction isEmpty(obj){\n    for(var i in obj){\n        if(obj.hasOwnProperty(i)) return false\n    }\n    return true\n}\n\nfunction initParams(uri, options, callback) {\n    var params = uri\n\n    if (isFunction(options)) {\n        callback = options\n        if (typeof uri === \"string\") {\n            params = {uri:uri}\n        }\n    } else {\n        params = xtend(options, {uri: uri})\n    }\n\n    params.callback = callback\n    return params\n}\n\nfunction createXHR(uri, options, callback) {\n    options = initParams(uri, options, callback)\n    return _createXHR(options)\n}\n\nfunction _createXHR(options) {\n    if(typeof options.callback === \"undefined\"){\n        throw new Error(\"callback argument missing\")\n    }\n\n    var called = false\n    var callback = function cbOnce(err, response, body){\n        if(!called){\n            called = true\n            options.callback(err, response, body)\n        }\n    }\n\n    function readystatechange() {\n        if (xhr.readyState === 4) {\n            setTimeout(loadFunc, 0)\n        }\n    }\n\n    function getBody() {\n        // Chrome with requestType=blob throws errors arround when even testing access to responseText\n        var body = undefined\n\n        if (xhr.response) {\n            body = xhr.response\n        } else {\n            body = xhr.responseText || getXml(xhr)\n        }\n\n        if (isJson) {\n            try {\n                body = JSON.parse(body)\n            } catch (e) {}\n        }\n\n        return body\n    }\n\n    function errorFunc(evt) {\n        clearTimeout(timeoutTimer)\n        if(!(evt instanceof Error)){\n            evt = new Error(\"\" + (evt || \"Unknown XMLHttpRequest Error\") )\n        }\n        evt.statusCode = 0\n        return callback(evt, failureResponse)\n    }\n\n    // will load the data & process the response in a special response object\n    function loadFunc() {\n        if (aborted) return\n        var status\n        clearTimeout(timeoutTimer)\n        if(options.useXDR && xhr.status===undefined) {\n            //IE8 CORS GET successful response doesn't have a status field, but body is fine\n            status = 200\n        } else {\n            status = (xhr.status === 1223 ? 204 : xhr.status)\n        }\n        var response = failureResponse\n        var err = null\n\n        if (status !== 0){\n            response = {\n                body: getBody(),\n                statusCode: status,\n                method: method,\n                headers: {},\n                url: uri,\n                rawRequest: xhr\n            }\n            if(xhr.getAllResponseHeaders){ //remember xhr can in fact be XDR for CORS in IE\n                response.headers = parseHeaders(xhr.getAllResponseHeaders())\n            }\n        } else {\n            err = new Error(\"Internal XMLHttpRequest Error\")\n        }\n        return callback(err, response, response.body)\n    }\n\n    var xhr = options.xhr || null\n\n    if (!xhr) {\n        if (options.cors || options.useXDR) {\n            xhr = new createXHR.XDomainRequest()\n        }else{\n            xhr = new createXHR.XMLHttpRequest()\n        }\n    }\n\n    var key\n    var aborted\n    var uri = xhr.url = options.uri || options.url\n    var method = xhr.method = options.method || \"GET\"\n    var body = options.body || options.data\n    var headers = xhr.headers = options.headers || {}\n    var sync = !!options.sync\n    var isJson = false\n    var timeoutTimer\n    var failureResponse = {\n        body: undefined,\n        headers: {},\n        statusCode: 0,\n        method: method,\n        url: uri,\n        rawRequest: xhr\n    }\n\n    if (\"json\" in options && options.json !== false) {\n        isJson = true\n        headers[\"accept\"] || headers[\"Accept\"] || (headers[\"Accept\"] = \"application/json\") //Don't override existing accept header declared by user\n        if (method !== \"GET\" && method !== \"HEAD\") {\n            headers[\"content-type\"] || headers[\"Content-Type\"] || (headers[\"Content-Type\"] = \"application/json\") //Don't override existing accept header declared by user\n            body = JSON.stringify(options.json === true ? body : options.json)\n        }\n    }\n\n    xhr.onreadystatechange = readystatechange\n    xhr.onload = loadFunc\n    xhr.onerror = errorFunc\n    // IE9 must have onprogress be set to a unique function.\n    xhr.onprogress = function () {\n        // IE must die\n    }\n    xhr.onabort = function(){\n        aborted = true;\n    }\n    xhr.ontimeout = errorFunc\n    xhr.open(method, uri, !sync, options.username, options.password)\n    //has to be after open\n    if(!sync) {\n        xhr.withCredentials = !!options.withCredentials\n    }\n    // Cannot set timeout with sync request\n    // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly\n    // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent\n    if (!sync && options.timeout > 0 ) {\n        timeoutTimer = setTimeout(function(){\n            if (aborted) return\n            aborted = true//IE9 may still call readystatechange\n            xhr.abort(\"timeout\")\n            var e = new Error(\"XMLHttpRequest timeout\")\n            e.code = \"ETIMEDOUT\"\n            errorFunc(e)\n        }, options.timeout )\n    }\n\n    if (xhr.setRequestHeader) {\n        for(key in headers){\n            if(headers.hasOwnProperty(key)){\n                xhr.setRequestHeader(key, headers[key])\n            }\n        }\n    } else if (options.headers && !isEmpty(options.headers)) {\n        throw new Error(\"Headers cannot be set on an XDomainRequest object\")\n    }\n\n    if (\"responseType\" in options) {\n        xhr.responseType = options.responseType\n    }\n\n    if (\"beforeSend\" in options &&\n        typeof options.beforeSend === \"function\"\n    ) {\n        options.beforeSend(xhr)\n    }\n\n    // Microsoft Edge browser sends \"undefined\" when send is called with undefined value.\n    // XMLHttpRequest spec says to pass null as body to indicate no body\n    // See https://github.com/naugtur/xhr/issues/100.\n    xhr.send(body || null)\n\n    return xhr\n\n\n}\n\nfunction getXml(xhr) {\n    // xhr.responseXML will throw Exception \"InvalidStateError\" or \"DOMException\"\n    // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML.\n    try {\n        if (xhr.responseType === \"document\") {\n            return xhr.responseXML\n        }\n        var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === \"parsererror\"\n        if (xhr.responseType === \"\" && !firefoxBugTakenEffect) {\n            return xhr.responseXML\n        }\n    } catch (e) {}\n\n    return null\n}\n\nfunction noop() {}\n","let lastError = '';\n\n/**\n * Creates the HTLM for a failure message\n * @param {string} canvasContainerId id of container of th\n *        canvas.\n * @return {string} The html.\n */\nfunction makeFailHTML(msg) {\n    return `\n<table style=\"background-color: #8CE; width: 100%; height: 100%;\"><tr>\n<td align=\"center\">\n<div style=\"display: table-cell; vertical-align: middle;\">\n<div style=\"\">` + msg + `</div>\n</div>\n</td></tr></table>\n`;\n}\n\n/**\n * Message for getting a webgl browser\n * @type {string}\n */\nlet GET_A_WEBGL_BROWSER = `\n\tThis page requires a browser that supports WebGL.<br/>\n\t<a href=\"http://get.webgl.org\">Click here to upgrade your browser.</a>\n`;\n\n/**\n * Message for need better hardware\n * @type {string}\n */\nlet OTHER_PROBLEM = `\n\tIt does not appear your computer can support WebGL.<br/>\n\t<a href=\"http://get.webgl.org/troubleshooting/\">Click here for more information.</a>\n`;\n\n/**\n * Code to return in `onError` callback when the browser doesn't support webgl\n * @type {number}\n */\nexport const ERROR_BROWSER_SUPPORT = 1;\n\n/**\n * Code to return in `onError` callback there's any other problem related to webgl\n * @type {number}\n */\nexport const ERROR_OTHER = 2;\n\n/**\n * Creates a webgl context. If creation fails it will\n * change the contents of the container of the <canvas>\n * tag to an error message with the correct links for WebGL,\n * unless `onError` option is defined to a callback,\n * which allows for custom error handling..\n * @param {Element} canvas. The canvas element to create a\n *     context from.\n * @param {WebGLContextCreationAttributes} optAttribs Any\n *     creation attributes you want to pass in.\n * @return {WebGLRenderingContext} The created context.\n */\nexport function setupWebGL (canvas, optAttribs, onError) {\n    function showLink(str) {\n        let container = canvas.parentNode;\n        if (container) {\n            container.innerHTML = makeFailHTML(str);\n        }\n    }\n\n    function handleError(errorCode, msg) {\n        if (typeof onError === 'function') {\n            onError(errorCode);\n        } else {\n            showLink(msg);\n        }\n    }\n\n    if (!window.WebGLRenderingContext) {\n        handleError(ERROR_BROWSER_SUPPORT, GET_A_WEBGL_BROWSER);\n        return null;\n    }\n\n    let context = create3DContext(canvas, optAttribs);\n    if (!context) {\n        handleError(ERROR_OTHER, OTHER_PROBLEM);\n    } else {\n        context.getExtension('OES_standard_derivatives');\n    }\n    return context;\n}\n\n/**\n * Creates a webgl context.\n * @param {!Canvas} canvas The canvas tag to get context\n *     from. If one is not passed in one will be created.\n * @return {!WebGLContext} The created context.\n */\nexport function create3DContext(canvas, optAttribs) {\n    let names = ['webgl', 'experimental-webgl'];\n    let context = null;\n    for (var ii = 0; ii < names.length; ++ii) {\n        try {\n            context = canvas.getContext(names[ii], optAttribs);\n        } catch(e) {\n            if (context) {\n                break;\n            }\n        }\n    }\n    return context;\n}\n\n/*\n *\tCreate a Vertex of a specific type (gl.VERTEX_SHADER/)\n */\nexport function createShader(main, source, type, offset) {\n    let gl = main.gl;\n\n    let shader = gl.createShader(type);\n    gl.shaderSource(shader, source);\n    gl.compileShader(shader);\n\n    let compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);\n\n    if (!compiled) {\n        // Something went wrong during compilation; get the error\n        lastError = gl.getShaderInfoLog(shader);\n        console.error('*** Error compiling shader ' + shader + ':' + lastError);\n        main.trigger('error', {\n            shader: shader,\n            source: source,\n            type: type,\n            error: lastError,\n            offset: offset || 0\n        });\n        gl.deleteShader(shader);\n        return null;\n    }\n\n    return shader;\n}\n\n/**\n * Loads a shader.\n * @param {!WebGLContext} gl The WebGLContext to use.\n * @param {string} shaderSource The shader source.\n * @param {number} shaderType The type of shader.\n * @param {function(string): void) opt_errorCallback callback for errors.\n * @return {!WebGLShader} The created shader.\n */\nexport function createProgram(main, shaders, optAttribs, optLocations) {\n    let gl = main.gl;\n\n    let program = gl.createProgram();\n    for (let ii = 0; ii < shaders.length; ++ii) {\n        gl.attachShader(program, shaders[ii]);\n    }\n    if (optAttribs) {\n        for (let ii = 0; ii < optAttribs.length; ++ii) {\n            gl.bindAttribLocation(\n            program,\n            optLocations ? optLocations[ii] : ii,\n            optAttribs[ii]);\n        }\n    }\n    gl.linkProgram(program);\n\n    // Check the link status\n    let linked = gl.getProgramParameter(program, gl.LINK_STATUS);\n    if (!linked) {\n        // something went wrong with the link\n        lastError = gl.getProgramInfoLog(program);\n        console.log('Error in program linking:' + lastError);\n        gl.deleteProgram(program);\n        return null;\n    }\n    return program;\n}\n\n// By Brett Camber on\n// https://github.com/tangrams/tangram/blob/master/src/gl/glsl.js\nexport function parseUniforms(uniforms, prefix = null) {\n    let parsed = [];\n\n    for (let name in uniforms) {\n        let uniform = uniforms[name];\n        let u;\n\n        if (prefix) {\n            name = prefix + '.' + name;\n        }\n\n        // Single float\n        if (typeof uniform === 'number') {\n            parsed.push({\n                type: 'float',\n                method: '1f',\n                name,\n                value: uniform\n            });\n        }\n        // Array: vector, array of floats, array of textures, or array of structs\n        else if (Array.isArray(uniform)) {\n            // Numeric values\n            if (typeof uniform[0] === 'number') {\n                // float vectors (vec2, vec3, vec4)\n                if (uniform.length === 1) {\n                    parsed.push({\n                        type: 'float',\n                        method: '1f',\n                        name,\n                        value: uniform\n                    });\n                }\n                // float vectors (vec2, vec3, vec4)\n                else if (uniform.length >= 2 && uniform.length <= 4) {\n                    parsed.push({\n                        type: 'vec' + uniform.length,\n                        method: uniform.length + 'fv',\n                        name,\n                        value: uniform\n                    });\n                }\n                // float array\n                else if (uniform.length > 4) {\n                    parsed.push({\n                        type: 'float[]',\n                        method: '1fv',\n                        name: name + '[0]',\n                        value: uniform\n                    });\n                }\n                // TODO: assume matrix for (typeof == Float32Array && length == 16)?\n            }\n            // Array of textures\n            else if (typeof uniform[0] === 'string') {\n                parsed.push({\n                    type: 'sampler2D',\n                    method: '1i',\n                    name: name,\n                    value: uniform\n                });\n            }\n            // Array of arrays - but only arrays of vectors are allowed in this case\n            else if (Array.isArray(uniform[0]) && typeof uniform[0][0] === 'number') {\n                // float vectors (vec2, vec3, vec4)\n                if (uniform[0].length >= 2 && uniform[0].length <= 4) {\n                    // Set each vector in the array\n                    for (u = 0; u < uniform.length; u++) {\n                        parsed.push({\n                            type: 'vec' + uniform[0].length,\n                            method: uniform[u].length + 'fv',\n                            name: name + '[' + u + ']',\n                            value: uniform[u]\n                        });\n                    }\n                }\n                // else error?\n            }\n            // Array of structures\n            else if (typeof uniform[0] === 'object') {\n                for (u = 0; u < uniform.length; u++) {\n                    // Set each struct in the array\n                    parsed.push(...parseUniforms(uniform[u], name + '[' + u + ']'));\n                }\n            }\n        }\n        // Boolean\n        else if (typeof uniform === 'boolean') {\n            parsed.push({\n                type: 'bool',\n                method: '1i',\n                name,\n                value: uniform\n            });\n        }\n        // Texture\n        else if (typeof uniform === 'string') {\n            parsed.push({\n                type: 'sampler2D',\n                method: '1i',\n                name,\n                value: uniform\n            });\n        }\n        // Structure\n        else if (typeof uniform === 'object') {\n            // Set each field in the struct\n            parsed.push(...parseUniforms(uniform, name));\n        }\n        // TODO: support other non-float types? (int, etc.)\n    }\n    return parsed;\n}\n","export function isCanvasVisible(canvas) {\n    return\t((canvas.getBoundingClientRect().top + canvas.height) > 0) &&\n        (canvas.getBoundingClientRect().top < (window.innerHeight || document.documentElement.clientHeight));\n}\n\nexport function isPowerOf2(value) {\n    return (value & (value - 1)) === 0;\n}\n\nexport function isSafari () {\n    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n};\n\nexport function nextHighestPowerOfTwo(x) {\n    --x;\n    for (let i = 1; i < 32; i <<= 1) {\n        x = x | x >> i;\n    }\n    return x + 1;\n}\n\nexport function FormatNumberLength(num, length) {\n    let r = num.toString();\n    while (r.length < length) {\n        r = '0' + r;\n    }\n    return r;\n}\n\nexport function getMousePos(canvas, evt) {\n    let rect = canvas.getBoundingClientRect();\n    return {\n        x: evt.clientX - rect.left,\n        y: evt.clientY - rect.top\n    };\n}\n\nexport function isDiff(a, b) {\n    if (a && b) {\n        return a.toString() !== b.toString();\n    }\n    return false;\n}\n\nexport function subscribeMixin (target) {\n    var listeners = new Set();\n\n    return Object.assign(target, {\n\n        subscribe(listener) {\n            listeners.add(listener);\n        },\n\n        on(type, f) {\n            let listener = {};\n            listener[type] = f;\n            listeners.add(listener);\n        },\n\n        unsubscribe(listener) {\n            listeners.delete(listener);\n        },\n\n        unsubscribeAll() {\n            listeners.clear();\n        },\n\n        trigger(event, ...data) {\n            for (var listener of listeners) {\n                if (typeof listener[event] === 'function') {\n                    listener[event](...data);\n                }\n            }\n        }\n    });\n}\n","export function subscribeMixin (target) {\n    var listeners = new Set();\n\n    return Object.assign(target, {\n\n        on(type, f) {\n            let listener = {};\n            listener[type] = f;\n            listeners.add(listener);\n        },\n\n        off(type, f) {\n            if (f) {\n                let listener = {};\n                listener[type] = f;\n                listeners.delete(listener);\n            }\n            else {\n                for (let item of listeners) {\n                    for (let key of Object.keys(item)) {\n                        if (key === type) {\n                            listeners.delete(item);\n                            return;\n                        }\n                    }\n                }\n            }\n        },\n\n        listSubscriptions() {\n            for (let item of listeners) {\n                console.log(item);\n            }\n        },\n\n        subscribe(listener) {\n            listeners.add(listener);\n        },\n\n        unsubscribe(listener) {\n            listeners.delete(listener);\n        },\n\n        unsubscribeAll() {\n            listeners.clear();\n        },\n\n        trigger(event, ...data) {\n            for (var listener of listeners) {\n                if (typeof listener[event] === 'function') {\n                    listener[event](...data);\n                }\n            }\n        }\n    });\n}\n","// Texture management\nimport { isPowerOf2, isSafari } from '../tools/common';\nimport { subscribeMixin } from '../tools/mixin';\n\n// GL texture wrapper object for keeping track of a global set of textures, keyed by a unique user-defined name\nexport default class Texture {\n    constructor(gl, name, options = {}) {\n        subscribeMixin(this);\n\n        this.gl = gl;\n        this.texture = gl.createTexture();\n        if (this.texture) {\n            this.valid = true;\n        }\n        this.bind();\n\n        this.name = name;\n        this.source = null;\n        this.sourceType = null;\n        this.loading = null; // a Promise object to track the loading state of this texture\n\n        // Default to a 1-pixel black texture so we can safely render while we wait for an image to load\n        // See: http://stackoverflow.com/questions/19722247/webgl-wait-for-texture-to-load\n        this.setData(1, 1, new Uint8Array([0, 0, 0, 255]), { filtering: 'linear' });\n        this.setFiltering(options.filtering);\n\n        this.load(options);\n    }\n\n    // Destroy a single texture instance\n    destroy() {\n        if (!this.valid) {\n            return;\n        }\n        this.gl.deleteTexture(this.texture);\n        this.texture = null;\n        delete this.data;\n        this.data = null;\n        this.valid = false;\n    }\n\n    bind(unit) {\n        if (!this.valid) {\n            return;\n        }\n        if (typeof unit === 'number') {\n            if (Texture.activeUnit !== unit) {\n                this.gl.activeTexture(this.gl.TEXTURE0 + unit);\n                Texture.activeUnit = unit;\n            }\n        }\n        if (Texture.activeTexture !== this.texture) {\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.texture);\n            Texture.activeTexture = this.texture;\n        }\n    }\n\n    load(options = {}) {\n        this.loading = null;\n\n        if (typeof options.url === 'string') {\n            if (this.url === undefined || options.url !== this.url) {\n                this.setUrl(options.url, options);\n            }\n        }\n        else if (options.element) {\n            this.setElement(options.element, options);\n        }\n        else if (options.data && options.width && options.height) {\n            this.setData(options.width, options.height, options.data, options);\n        }\n    }\n\n    // Sets texture from an url\n    setUrl(url, options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.url = url; // save URL reference (will be overwritten when element is loaded below)\n        this.source = this.url;\n        this.sourceType = 'url';\n\n        this.loading = new Promise((resolve, reject) => {\n            let ext = url.split('.').pop().toLowerCase();\n            let isVideo = (ext === 'ogv' || ext === 'webm' || ext === 'mp4');\n\n            let element = undefined\n            if (isVideo) {\n                element = document.createElement('video');\n                element.autoplay = true;\n                options.filtering = 'nearest';\n                // element.preload = 'auto';\n                // element.style.display = 'none';\n                // document.body.appendChild(element);\n            } else {\n                element = new Image();\n            }\n\n            element.onload = () => {\n                try {\n                    this.setElement(element, options);\n                }\n                catch (e) {\n                    console.log(`Texture '${this.name}': failed to load url: '${this.source}'`, e, options);\n                }\n                resolve(this);\n            };\n            element.onerror = e => {\n                // Warn and resolve on error\n                console.log(`Texture '${this.name}': failed to load url: '${this.source}'`, e, options);\n                resolve(this);\n            };\n\n            // Safari has a bug loading data-URL elements with CORS enabled, so it must be disabled in that case\n            // https://bugs.webkit.org/show_bug.cgi?id=123978\n            if (!(isSafari() && this.source.slice(0, 5) === 'data:')) {\n                element.crossOrigin = 'anonymous';\n            }\n\n            element.src = this.source;\n            if (isVideo) {\n                this.setElement(element, options);\n            }\n        });\n        return this.loading;\n    }\n\n    // Sets texture to a raw image buffer\n    setData(width, height, data, options = {}) {\n        this.width = width;\n        this.height = height;\n\n        this.source = data;\n        this.sourceType = 'data';\n\n        this.update(options);\n        this.setFiltering(options);\n\n        this.loading = Promise.resolve(this);\n        return this.loading;\n    }\n\n    // Sets the texture to track a element (canvas/image)\n    setElement(element, options) {\n        let el = element;\n\n        // a string element is interpeted as a CSS selector\n        if (typeof element === 'string') {\n            element = document.querySelector(element);\n        }\n\n        if (element instanceof HTMLCanvasElement ||\n            element instanceof HTMLImageElement ||\n            element instanceof HTMLVideoElement) {\n            this.source = element;\n            this.sourceType = 'element';\n\n            if (element instanceof HTMLVideoElement) {\n                element.addEventListener('canplaythrough', () => {\n                    this.intervalID = setInterval(()=>{\n                        this.update(options);\n                    }, 15);\n                }, true);\n                element.addEventListener('ended', () => {\n                    element.currentTime = 0;\n                    element.play();\n                }, true);\n            } else {\n                this.update(options);\n            }            \n            this.setFiltering(options);\n        }\n        else {\n            let msg = `the 'element' parameter (\\`element: ${JSON.stringify(el)}\\`) must be a CSS `;\n            msg += `selector string, or a <canvas>, <image> or <video> object`;\n            console.log(`Texture '${this.name}': ${msg}`, options);\n        }\n\n        this.loading = Promise.resolve(this);\n        return this.loading;\n    }\n\n    // Uploads current image or buffer to the GPU (can be used to update animated textures on the fly)\n    update(options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.bind();\n        this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL, (options.UNPACK_FLIP_Y_WEBGL === false ? false : true));\n        this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, options.UNPACK_PREMULTIPLY_ALPHA_WEBGL || false);\n\n        // Image or Canvas element\n        if (this.sourceType === 'element' &&\n            ((this.source instanceof HTMLCanvasElement) || \n             (this.source instanceof HTMLVideoElement) ||\n             (this.source instanceof HTMLImageElement && this.source.complete))) {\n            if (this.source instanceof HTMLVideoElement) {\n                this.width = this.source.videoWidth;\n                this.height = this.source.videoHeight;\n            } else {\n                this.width = this.source.width;\n                this.height = this.source.height;\n            }\n            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.source);\n        }\n        // Raw image buffer\n        else if (this.sourceType === 'data') {\n            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.width, this.height, 0, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.source);\n        }\n        this.trigger('loaded', this);\n    }\n\n    // Determines appropriate filtering mode\n    setFiltering (options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.powerOf2 = isPowerOf2(this.width) && isPowerOf2(this.height);\n        let defualtFilter = (this.powerOf2 ? 'mipmap' : 'linear');\n        this.filtering = options.filtering || defualtFilter;\n\n        var gl = this.gl;\n        this.bind();\n\n        // For power-of-2 textures, the following presets are available:\n        // mipmap: linear blend from nearest mip\n        // linear: linear blend from original image (no mips)\n        // nearest: nearest pixel from original image (no mips, 'blocky' look)\n        if (this.powerOf2) {\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, options.TEXTURE_WRAP_S || (options.repeat && gl.REPEAT) || gl.CLAMP_TO_EDGE);\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, options.TEXTURE_WRAP_T || (options.repeat && gl.REPEAT) || gl.CLAMP_TO_EDGE);\n\n            if (this.filtering === 'mipmap') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR); // TODO: use trilinear filtering by defualt instead?\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n                gl.generateMipmap(gl.TEXTURE_2D);\n            }\n            else if (this.filtering === 'linear') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n            }\n            else if (this.filtering === 'nearest') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n            }\n        }\n        else {\n            // WebGL has strict requirements on non-power-of-2 textures:\n            // No mipmaps and must clamp to edge\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n\n            if (this.filtering === 'mipmap') {\n                this.filtering = 'linear';\n            }\n\n            if (this.filtering === 'nearest') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n            }\n            else { // default to linear for non-power-of-2 textures\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n            }\n        }\n    }\n}\n\n// Report max texture size for a GL context\nTexture.getMaxTextureSize = function (gl) {\n    return gl.getParameter(gl.MAX_TEXTURE_SIZE);\n};\n\n// Global set of textures, by name\nTexture.activeUnit = -1;\n","/*\nThe MIT License (MIT)\n\nCopyright (c) 2015 Patricio Gonzalez Vivo ( http://www.patriciogonzalezvivo.com )\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the 'Software'), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n*/\n\nimport xhr from 'xhr';\nimport { createProgram, createShader, parseUniforms, setupWebGL } from './gl/gl';\nimport Texture from './gl/Texture';\nimport { isCanvasVisible, isDiff } from './tools/common';\nimport { subscribeMixin } from './tools/mixin';\n\nexport default class GlslCanvas {\n    constructor(canvas, contextOptions, options) {\n        subscribeMixin(this);\n\n        contextOptions = contextOptions || {};\n        options = options || {};\n\n        if (canvas.hasAttribute('data-fullscreen') &&\n            (canvas.getAttribute('data-fullscreen') == \"1\" ||\n            canvas.getAttribute('data-fullscreen') == \"true\" )\n        ) {\n            this.width = window.innerWidth;\n            this.height = window.innerHeight;\n            canvas.width = window.innerWidth;\n            canvas.height = window.innerHeight;\n        } else {\n            this.width = canvas.clientWidth;\n            this.height = canvas.clientHeight;\n        }\n\n        this.canvas = canvas;\n        this.gl = undefined;\n        this.program = undefined;\n        this.textures = {};\n        this.buffers = {};\n        this.uniforms = {};\n        this.vbo = {};\n        this.isValid = false;\n        this.animationFrameRequest = undefined;\n\n        this.BUFFER_COUNT = 0;\n        // this.TEXTURE_COUNT = 0;\n\n        this.vertexString = contextOptions.vertexString || `\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nattribute vec2 a_position;\nattribute vec2 a_texcoord;\n\nvarying vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n`;\n        this.fragmentString = contextOptions.fragmentString || `\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying vec2 v_texcoord;\n\nvoid main(){\n    gl_FragColor = vec4(0.0);\n}\n`;\n\n        // GL Context\n        let gl = setupWebGL(canvas, contextOptions, options.onError);\n        if (!gl) {\n            return;\n        }\n        this.gl = gl;\n        this.timeLoad = this.timePrev = performance.now();\n        this.timeDelta = 0.0;\n        this.forceRender = true;\n        this.paused = false;\n        this.realToCSSPixels = window.devicePixelRatio || 1;\n\n        // Allow alpha\n        canvas.style.backgroundColor = contextOptions.backgroundColor || 'rgba(1,1,1,0)';\n\n        // Load shader\n        if (canvas.hasAttribute('data-fragment')) {\n            this.fragmentString = canvas.getAttribute('data-fragment');\n        }\n        else if (canvas.hasAttribute('data-fragment-url')) {\n            let source = canvas.getAttribute('data-fragment-url');\n            xhr.get(source, (error, response, body) => {\n                this.load(body, this.vertexString);\n            });\n        }\n\n        // Load shader\n        if (canvas.hasAttribute('data-vertex')) {\n            this.vertexString = canvas.getAttribute('data-vertex');\n        }\n        else if (canvas.hasAttribute('data-vertex-url')) {\n            let source = canvas.getAttribute('data-vertex-url');\n            xhr.get(source, (error, response, body) => {\n                this.load(this.fragmentString, body);\n            });\n        }\n\n        this.load();\n\n        if (!this.program) {\n            return;\n        }\n\n        // Define Vertex buffer\n        let texCoordsLoc = gl.getAttribLocation(this.program, 'a_texcoord');\n        this.vbo.texCoords = gl.createBuffer();\n        this.gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo.texCoords);\n        this.gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 1.0, 1.0, 0.0, 1.0, 1.0]), gl.STATIC_DRAW);\n        this.gl.enableVertexAttribArray(texCoordsLoc);\n        this.gl.vertexAttribPointer(texCoordsLoc, 2, gl.FLOAT, false, 0, 0);\n\n        let verticesLoc = gl.getAttribLocation(this.program, 'a_position');\n        this.vbo.vertices = gl.createBuffer();\n        this.gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo.vertices);\n        this.gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1.0, -1.0, 1.0, -1.0, -1.0, 1.0, -1.0, 1.0, 1.0, -1.0, 1.0, 1.0]), gl.STATIC_DRAW);\n        this.gl.enableVertexAttribArray(verticesLoc);\n        this.gl.vertexAttribPointer(verticesLoc, 2, gl.FLOAT, false, 0, 0);\n\n        // load TEXTURES\n        if (canvas.hasAttribute('data-textures')) {\n            let imgList = canvas.getAttribute('data-textures').split(',');\n            for (let nImg in imgList) {\n                this.setUniform('u_tex' + nImg, imgList[nImg]);\n            }\n        }\n\n        // ========================== EVENTS\n        let mouse = {\n            x: 0,\n            y: 0\n        };\n        document.addEventListener('mousemove', (e) => {\n            mouse.x = e.clientX || e.pageX;\n            mouse.y = e.clientY || e.pageY;\n        }, false);\n\n        let sandbox = this;\n        function RenderLoop() {\n            if (sandbox.nMouse > 1) {\n                sandbox.setMouse(mouse);\n            }\n\n            if (sandbox.resize()) {\n                sandbox.forceRender = true;\n            }\n            \n            sandbox.render();\n            sandbox.animationFrameRequest = window.requestAnimationFrame(RenderLoop);\n        }\n\n        // Start\n        this.setMouse({ x: 0, y: 0 });\n        RenderLoop();\n        return this;\n    }\n\n    destroy() {\n        // Stop the animation\n        cancelAnimationFrame(this.animationFrameRequest);\n\n        this.animated = false;\n        this.isValid = false;\n        for (let tex in this.textures) {\n            if (tex.destroy){\n                tex.destroy();\n            }\n        }\n        this.textures = {};\n        for (let att in this.attribs) {\n            this.gl.deleteBuffer(this.attribs[att]);\n        }\n        this.gl.useProgram(null);\n        this.gl.deleteProgram(this.program);\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            this.gl.deleteProgram(buffer.program);\n        }\n\n        // Try and clear the WebGL Context\n        let loseContext = this.gl.getExtension('WEBGL_lose_context');\n        if (loseContext) {\n            loseContext.loseContext();\n        }\n\n        this.program = null;\n        this.gl = null;\n    }\n\n    load (fragString, vertString) {\n\n        // Load vertex shader if there is one\n        if (vertString) {\n            this.vertexString = vertString;\n        }\n\n        // Load fragment shader if there is one\n        if (fragString) {\n            this.fragmentString = fragString;\n        }\n\n        this.animated = false;\n        this.nDelta = (this.fragmentString.match(/u_delta/g) || []).length;\n        this.nTime = (this.fragmentString.match(/u_time/g) || []).length;\n        this.nDate = (this.fragmentString.match(/u_date/g) || []).length;\n        this.nMouse = (this.fragmentString.match(/u_mouse/g) || []).length;\n        this.animated = this.nDate > 1 || this.nTime > 1 || this.nMouse > 1;\n\n        let nTextures = this.fragmentString.search(/sampler2D/g);\n        if (nTextures) {\n            let lines = this.fragmentString.split('\\n');\n            for (let i = 0; i < lines.length; i++) {\n                let match = lines[i].match(/uniform\\s*sampler2D\\s*([\\w]*);\\s*\\/\\/\\s*([\\w|\\:\\/\\/|\\.|\\-|\\_]*)/i);\n                if (match) {\n                    let ext = match[2].split('.').pop().toLowerCase();\n                    if (match[1] && match[2] &&\n                        (ext === 'jpg' || ext === 'jpeg' || ext === 'png' ||\n                         ext === 'ogv' || ext === 'webm' || ext === 'mp4')) {\n                        this.setUniform(match[1], match[2]);\n                    }\n                }\n                let main = lines[i].match(/\\s*void\\s*main\\s*/g);\n                if (main) {\n                    break;\n                }\n            }\n        }\n\n        let vertexShader = createShader(this, this.vertexString, this.gl.VERTEX_SHADER);\n        let fragmentShader = createShader(this, this.fragmentString, this.gl.FRAGMENT_SHADER);\n\n        // If Fragment shader fails load a empty one to sign the error\n        if (!fragmentShader) {\n            fragmentShader = createShader(this, 'void main(){\\n\\tgl_FragColor = vec4(1.0);\\n}', this.gl.FRAGMENT_SHADER);\n            this.isValid = false;\n        }\n        else {\n            this.isValid = true;\n        }\n\n        // Create and use program\n        let program = createProgram(this, [vertexShader, fragmentShader]);//, [0,1],['a_texcoord','a_position']);\n        this.gl.useProgram(program);\n\n        // Delete shaders\n        // this.gl.detachShader(program, vertexShader);\n        // this.gl.detachShader(program, fragmentShader);\n        this.gl.deleteShader(vertexShader);\n        this.gl.deleteShader(fragmentShader);\n\n        this.program = program;\n        this.change = true;\n\n        this.BUFFER_COUNT = 0;\n        const buffers = this.getBuffers(this.fragmentString);\n        if (Object.keys(buffers).length) {\n            this.loadPrograms(buffers);\n        }\n        this.buffers = buffers;\n        this.texureIndex = this.BUFFER_COUNT;\n        \n        // Trigger event\n        this.trigger('load', {});\n\n        this.forceRender = true;\n        this.render();\n    }\n\n    test (callback, fragString, vertString) {\n        // Thanks to @thespite for the help here\n        // https://www.khronos.org/registry/webgl/extensions/EXT_disjoint_timer_query/\n        let pre_test_vert = this.vertexString;\n        let pre_test_frag = this.fragmentString;\n        let pre_test_paused = this.paused;\n\n        let ext = this.gl.getExtension('EXT_disjoint_timer_query');\n        let query = ext.createQueryEXT();\n        let wasValid = this.isValid;\n\n        if (fragString || vertString) {\n            this.load(fragString, vertString);\n            wasValid = this.isValid;\n            this.forceRender = true;\n            this.render();\n        }\n\n        this.paused = true;\n        ext.beginQueryEXT(ext.TIME_ELAPSED_EXT, query);\n        this.forceRender = true;\n        this.render();\n        ext.endQueryEXT(ext.TIME_ELAPSED_EXT);\n\n        let sandbox = this;\n        function finishTest() {\n            // Revert changes... go back to normal\n            sandbox.paused = pre_test_paused;\n            if (fragString || vertString) {\n                sandbox.load(pre_test_frag, pre_test_vert);\n            }\n        }\n        function waitForTest() {\n            sandbox.forceRender = true;\n            sandbox.render();\n            let available = ext.getQueryObjectEXT(query, ext.QUERY_RESULT_AVAILABLE_EXT);\n            let disjoint = sandbox.gl.getParameter(ext.GPU_DISJOINT_EXT);\n            if (available && !disjoint) {\n                let ret = {\n                    wasValid: wasValid,\n                    frag: fragString || sandbox.fragmentString,\n                    vert: vertString || sandbox.vertexString,\n                    timeElapsedMs: ext.getQueryObjectEXT(query, ext.QUERY_RESULT_EXT)/1000000.0\n                };\n                finishTest();\n                callback(ret);\n            } else {\n                window.requestAnimationFrame(waitForTest);\n            }\n        }\n        waitForTest();\n    }\n\n    loadTexture (name, urlElementOrData, options) {\n        if (!options) {\n            options = {};\n        }\n\n        if (typeof urlElementOrData === 'string') {\n            options.url = urlElementOrData;\n        }\n        else if (typeof urlElementOrData === 'object' && urlElementOrData.data && urlElementOrData.width && urlElementOrData.height) {\n            options.data = urlElementOrData.data;\n            options.width = urlElementOrData.width;\n            options.height = urlElementOrData.height;\n        }\n        else if (typeof urlElementOrData === 'object') {\n            options.element = urlElementOrData;\n        }\n\n        if (this.textures[name]) {\n            if (this.textures[name]) {\n                this.textures[name].load(options);\n                this.textures[name].on('loaded', (args) => {\n                    this.forceRender = true;\n                });\n            }\n        }\n        else {\n            this.textures[name] = new Texture(this.gl, name, options);\n            this.textures[name].on('loaded', (args) => {\n                this.forceRender = true;\n            });\n        }\n\n    }\n\n    refreshUniforms() {\n        this.uniforms = {};\n    }\n\n    setUniform(name, ...value) {\n        let u = {};\n        u[name] = value;\n        this.setUniforms(u);\n    }\n\n    setUniforms(uniforms) {\n        let parsed = parseUniforms(uniforms);\n        // Set each uniform\n        for (let u in parsed) {\n            if (parsed[u].type === 'sampler2D') {\n                // For textures, we need to track texture units, so we have a special setter\n                // this.uniformTexture(parsed[u].name, parsed[u].value[0]);\n                this.loadTexture(parsed[u].name, parsed[u].value[0]);\n            }\n            else {\n                this.uniform(parsed[u].method, parsed[u].type, parsed[u].name, parsed[u].value);\n            }\n        }\n        this.forceRender = true;\n    }\n\n    setMouse(mouse) {\n        // set the mouse uniform\n        let rect = this.canvas.getBoundingClientRect();\n        if (mouse &&\n            mouse.x && mouse.x >= rect.left && mouse.x <= rect.right &&\n            mouse.y && mouse.y >= rect.top && mouse.y <= rect.bottom) {\n\n            let mouse_x = (mouse.x - rect.left ) * this.realToCSSPixels;\n            let mouse_y = (this.canvas.height - (mouse.y - rect.top) * this.realToCSSPixels);\n\n            this.uniform('2f', 'vec2', 'u_mouse', mouse_x, mouse_y);\n        }\n    }\n\n    // ex: program.uniform('3f', 'position', x, y, z);\n    uniform (method, type, name, ...value) { // 'value' is a method-appropriate arguments list\n        this.uniforms[name] = this.uniforms[name] || {}; \n        let uniform = this.uniforms[name];\n        let change = isDiff(uniform.value, value);\n\n        // remember and keep track of uniforms location to save calls\n        if (change || this.change || !uniform.location || !uniform.value) {\n            uniform.name = name;\n            uniform.type = type;\n            uniform.value = value;\n            uniform.method = 'uniform' + method;\n            this.gl.useProgram(this.program);\n            uniform.location = this.gl.getUniformLocation(this.program, name);\n            this.gl[uniform.method].apply(this.gl, [uniform.location].concat(uniform.value));\n            // If there is change update and there is buffer update manually one by one\n            for (let key in this.buffers) {\n                let buffer = this.buffers[key];\n                this.gl.useProgram(buffer.program);\n                let location = this.gl.getUniformLocation(buffer.program, name);\n                this.gl[uniform.method].apply(this.gl, [location].concat(uniform.value));\n            }\n        }\n    }\n\n    uniformTexture(name, texture, options) {\n        if (this.textures[name] === undefined) {\n            this.loadTexture(name, texture, options);\n        }\n        else {\n            this.uniform('1i', 'sampler2D', name, this.texureIndex)\n\n            for (let key in this.buffers) {\n                const buffer = this.buffers[key];\n                this.gl.useProgram(buffer.program);\n                this.gl.activeTexture(this.gl.TEXTURE0 + this.texureIndex);\n                this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[name].texture);\n            }\n            this.gl.useProgram(this.program);\n            this.gl.activeTexture(this.gl.TEXTURE0 + this.texureIndex);\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[name].texture);\n            this.uniform('2f', 'vec2', name + 'Resolution', this.textures[name].width, this.textures[name].height);\n        }\n    }\n\n    resize() {\n        if (this.width !== this.canvas.clientWidth ||\n            this.height !== this.canvas.clientHeight) {\n            this.realToCSSPixels = window.devicePixelRatio || 1;\n\n            // Lookup the size the browser is displaying the canvas in CSS pixels\n            // and compute a size needed to make our drawingbuffer match it in\n            // device pixels.\n            let displayWidth = Math.floor(this.gl.canvas.clientWidth * this.realToCSSPixels);\n            let displayHeight = Math.floor(this.gl.canvas.clientHeight * this.realToCSSPixels);\n\n            // Check if the canvas is not the same size.\n            if (this.gl.canvas.width !== displayWidth ||\n                this.gl.canvas.height !== displayHeight) {\n                // Make the canvas the same size\n                this.gl.canvas.width = displayWidth;\n                this.gl.canvas.height = displayHeight;\n                // Set the viewport to match\n                this.gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n            }\n            this.width = this.canvas.clientWidth;\n            this.height = this.canvas.clientHeight;\n            this.resizeSwappableBuffers();\n            return true;\n        } else {\n            return false;\n        }\n    }\n\n    render () {\n        this.visible = isCanvasVisible(this.canvas);\n        if ( this.forceRender || this.change ||\n            (this.animated && this.visible && ! this.paused) ) {\n\n            // Update Uniforms when are need\n            let date = new Date();\n            let now = performance.now();\n            this.timeDelta =  (now - this.timePrev) / 1000.0;\n            this.timePrev = now;\n            if (this.nDelta > 1) {\n                // set the delta time uniform\n                this.uniform('1f', 'float', 'u_delta', this.timeDelta);\n            }\n\n            if (this.nTime > 1 ) {\n                // set the elapsed time uniform\n                this.uniform('1f', 'float', 'u_time', (now - this.timeLoad) / 1000.0);\n            }\n\n            if (this.nDate) {\n                // Set date uniform: year/month/day/time_in_sec\n                this.uniform('4f', 'float', 'u_date', date.getFullYear(), date.getMonth(), date.getDate(), date.getHours() * 3600 + date.getMinutes() * 60 + date.getSeconds() + date.getMilliseconds() * 0.001 );\n            }\n\n            // set the resolution uniform\n            this.uniform('2f', 'vec2', 'u_resolution', this.canvas.width, this.canvas.height);\n\n            for (let key in this.buffers) {\n                const buffer = this.buffers[key];\n                this.uniform('1i', 'sampler2D', buffer.name, buffer.bundle.input.index);\n            }\n\n            this.texureIndex = this.BUFFER_COUNT;\n            for (let tex in this.textures) {\n                this.uniformTexture(tex);\n                this.texureIndex++;\n            }\n\n            this.renderPrograms();\n\n            // Trigger event\n            this.trigger('render', {});\n            this.change = false;\n            this.forceRender = false;\n        }\n    }\n\n    pause () {\n        this.paused = true;\n    }\n\n    play () {\n        this.paused = false;\n    }\n\n    // render main and buffers programs\n    renderPrograms() {\n        const gl = this.gl;\n        const W = gl.canvas.width;\n        const H = gl.canvas.height;\n\n        gl.viewport(0, 0, W, H);\n\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            buffer.bundle.render(W, H, buffer.program, buffer.name);\n            gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n        }\n\n        gl.useProgram(this.program);\n        gl.drawArrays(gl.TRIANGLES, 0, 6);\n    }\n\n    // parse input strings\n    getBuffers(fragString) {\n        let buffers = {};\n        if (fragString) {\n            fragString.replace(/(?:^\\s*)((?:#if|#elif)(?:\\s*)(defined\\s*\\(\\s*BUFFER_)(\\d+)(?:\\s*\\))|(?:#ifdef)(?:\\s*BUFFER_)(\\d+)(?:\\s*))/gm, function () {\n                const i = arguments[3] || arguments[4];\n                buffers['u_buffer' + i] = {\n                    fragment: '#define BUFFER_' + i + '\\n' + fragString\n                };\n            });\n        }\n        return buffers;\n    }\n\n    // load buffers programs\n    loadPrograms(buffers) {\n        const glsl = this;\n        const gl = this.gl;\n        const vertex = createShader(glsl, glsl.vertexString, gl.VERTEX_SHADER);\n        for (let key in buffers) {\n            const buffer = buffers[key];\n            let fragment = createShader(glsl, buffer.fragment, gl.FRAGMENT_SHADER, 1);\n            if (!fragment) {\n                fragment = createShader(glsl, 'void main(){\\n\\tgl_FragColor = vec4(1.0);\\n}', gl.FRAGMENT_SHADER);\n                glsl.isValid = false;\n            } else {\n                glsl.isValid = true;\n            }\n            const program = createProgram(glsl, [vertex, fragment]);\n            buffer.name = key;\n            buffer.program = program;\n            buffer.bundle = glsl.createSwappableBuffer(glsl.canvas.width, glsl.canvas.height, program);\n            gl.deleteShader(fragment);\n        }\n        gl.deleteShader(vertex);\n    }\n\n    // create an input / output swappable buffer\n    createSwappableBuffer(W, H, program) {\n        var input = this.createBuffer(W, H, program);\n        var output = this.createBuffer(W, H, program);\n        const gl = this.gl;\n        return {\n            input: input,\n            output: output,\n            swap: function() {\n                var temp = input;\n                input = output;\n                output = temp;\n                this.input = input;\n                this.output = output;\n            },\n            render: function (W, H, program, name) {\n                gl.useProgram(program);\n                gl.viewport(0, 0, W, H);\n                gl.bindFramebuffer(gl.FRAMEBUFFER, this.input.buffer);\n                gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.output.texture, 0);\n                gl.drawArrays(gl.TRIANGLES, 0, 6);\n                this.swap();\n            },\n            resize: function (W, H, program, name) {\n                gl.useProgram(program);\n                gl.viewport(0, 0, W, H);\n                this.input.resize(W, H);\n                this.output.resize(W, H);\n            },\n        };\n    }\n\n    // create a buffers\n    createBuffer(W, H, program) {\n        const gl = this.gl;\n        let index = this.BUFFER_COUNT;\n        this.BUFFER_COUNT += 2;\n        gl.getExtension('OES_texture_float');\n        var texture = gl.createTexture();\n        gl.activeTexture(gl.TEXTURE0 + index);\n        gl.bindTexture(gl.TEXTURE_2D, texture);\n        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.FLOAT, null);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n        var buffer = gl.createFramebuffer();\n        return {\n            index: index,\n            texture: texture,\n            buffer: buffer,\n            W: W,\n            H: H,\n            resize: function(W, H) {\n                gl.bindFramebuffer(gl.FRAMEBUFFER, buffer);\n                var minW = Math.min(W, this.W);\n                var minH = Math.min(H, this.H);\n                var pixels = new Float32Array(minW * minH * 4);\n                gl.readPixels(0, 0, minW, minH, gl.RGBA, gl.FLOAT, pixels);\n                gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n                var newIndex = index + 1;\n                var newTexture = gl.createTexture();\n                gl.activeTexture(gl.TEXTURE0 + newIndex);\n                gl.bindTexture(gl.TEXTURE_2D, newTexture);\n                gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.FLOAT, null);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n                gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, minW, minH, gl.RGBA, gl.FLOAT, pixels);\n                var newBuffer = gl.createFramebuffer();\n                gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n                gl.deleteTexture(texture);\n                gl.activeTexture(gl.TEXTURE0 + index);\n                gl.bindTexture(gl.TEXTURE_2D, newTexture);\n                index = this.index = index;\n                texture = this.texture = newTexture;\n                buffer = this.buffer = newBuffer;\n                this.W = W;\n                this.H = H;\n            },\n        };\n    }\n\n    // resize buffers on canvas resize\n    // consider applying a throttle of 50 ms on canvas resize\n    // to avoid requestAnimationFrame and Gl violations\n    resizeSwappableBuffers() {\n        const gl = this.gl;\n        const W = gl.canvas.width,\n            H = gl.canvas.height;\n        gl.viewport(0, 0, W, H);\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            buffer.bundle.resize(W, H, buffer.program, buffer.name);\n        }\n        gl.useProgram(this.program);\n    }\n\n    version() {\n        return '0.1.7';\n    }\n}\n\nfunction loadAllGlslCanvas() {\n    var list = document.getElementsByClassName('glslCanvas');\n    if (list.length > 0) {\n        window.glslCanvases = [];\n        for (var i = 0; i < list.length; i++) {\n            var sandbox = new GlslCanvas(list[i]);\n            if (sandbox.isValid) {\n                window.glslCanvases.push(sandbox);\n            }\n        }\n    }\n}\n\nwindow.addEventListener('load', function () {\n    loadAllGlslCanvas();\n});"],"names":["window","global","self","fn","string","toString","call","setTimeout","alert","confirm","prompt","Object","prototype","exports","module","str","replace","list","iterator","context","isFunction","TypeError","arguments","length","this","array","i","len","hasOwnProperty","forEachArray","charAt","forEachString","object","k","forEachObject","headers","result","forEach","trim","split","row","arg","index","indexOf","key","slice","toLowerCase","value","push","target","source","createXHR","initParams","uri","options","callback","params","xtend","_createXHR","Error","called","err","response","body","errorFunc","evt","clearTimeout","timeoutTimer","statusCode","failureResponse","loadFunc","aborted","status","useXDR","undefined","xhr","responseText","responseType","responseXML","firefoxBugTakenEffect","documentElement","nodeName","e","getXml","isJson","JSON","parse","getBody","method","url","rawRequest","getAllResponseHeaders","parseHeaders","cors","XDomainRequest","XMLHttpRequest","data","sync","json","stringify","onreadystatechange","readyState","onload","onerror","onprogress","onabort","ontimeout","open","username","password","withCredentials","timeout","abort","code","setRequestHeader","obj","isEmpty","beforeSend","send","toUpperCase","lastError","GET_A_WEBGL_BROWSER","OTHER_PROBLEM","ERROR_BROWSER_SUPPORT","ERROR_OTHER","setupWebGL","canvas","optAttribs","onError","handleError","errorCode","msg","container","parentNode","innerHTML","WebGLRenderingContext","names","ii","getContext","create3DContext","getExtension","createShader","main","type","offset","gl","shader","shaderSource","compileShader","getShaderParameter","COMPILE_STATUS","getShaderInfoLog","error","trigger","deleteShader","createProgram","shaders","optLocations","program","attachShader","bindAttribLocation","linkProgram","getProgramParameter","LINK_STATUS","getProgramInfoLog","log","deleteProgram","isPowerOf2","subscribeMixin","listeners","Set","assign","f","listener","add","delete","item","keys","clear","event","Texture","name","texture","createTexture","valid","bind","sourceType","loading","setData","Uint8Array","filtering","setFiltering","load","deleteTexture","unit","activeUnit","activeTexture","TEXTURE0","bindTexture","TEXTURE_2D","setUrl","element","setElement","width","height","Promise","resolve","reject","ext","pop","isVideo","document","createElement","autoplay","Image","_this","test","navigator","userAgent","crossOrigin","src","update","el","querySelector","HTMLCanvasElement","HTMLImageElement","HTMLVideoElement","addEventListener","intervalID","setInterval","currentTime","play","pixelStorei","UNPACK_FLIP_Y_WEBGL","UNPACK_PREMULTIPLY_ALPHA_WEBGL","complete","videoWidth","videoHeight","texImage2D","RGBA","UNSIGNED_BYTE","powerOf2","defualtFilter","texParameteri","TEXTURE_WRAP_S","repeat","REPEAT","CLAMP_TO_EDGE","TEXTURE_WRAP_T","TEXTURE_MIN_FILTER","LINEAR_MIPMAP_LINEAR","TEXTURE_MAG_FILTER","LINEAR","generateMipmap","NEAREST","getMaxTextureSize","getParameter","MAX_TEXTURE_SIZE","GlslCanvas","contextOptions","hasAttribute","getAttribute","clientWidth","clientHeight","innerWidth","innerHeight","textures","buffers","uniforms","vbo","isValid","animationFrameRequest","BUFFER_COUNT","vertexString","fragmentString","timeLoad","timePrev","performance","now","timeDelta","forceRender","paused","realToCSSPixels","devicePixelRatio","style","backgroundColor","get","texCoordsLoc","getAttribLocation","texCoords","createBuffer","bindBuffer","ARRAY_BUFFER","bufferData","Float32Array","STATIC_DRAW","enableVertexAttribArray","vertexAttribPointer","FLOAT","verticesLoc","vertices","imgList","nImg","setUniform","mouse","x","clientX","pageX","y","clientY","pageY","sandbox","setMouse","RenderLoop","nMouse","resize","render","requestAnimationFrame","tex","animated","destroy","att","attribs","deleteBuffer","useProgram","buffer","loseContext","fragString","vertString","nDelta","match","nTime","nDate","search","lines","vertexShader","VERTEX_SHADER","fragmentShader","FRAGMENT_SHADER","change","getBuffers","loadPrograms","texureIndex","pre_test_vert","pre_test_frag","pre_test_paused","query","createQueryEXT","wasValid","beginQueryEXT","TIME_ELAPSED_EXT","endQueryEXT","waitForTest","available","getQueryObjectEXT","QUERY_RESULT_AVAILABLE_EXT","disjoint","GPU_DISJOINT_EXT","ret","QUERY_RESULT_EXT","urlElementOrData","on","args","u","setUniforms","parsed","parseUniforms","prefix","uniform","Array","isArray","babelHelpers.typeof","loadTexture","rect","getBoundingClientRect","left","right","top","bottom","mouse_x","mouse_y","a","b","location","getUniformLocation","apply","concat","displayWidth","Math","floor","displayHeight","viewport","resizeSwappableBuffers","visible","date","Date","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","bundle","input","uniformTexture","renderPrograms","W","H","bindFramebuffer","FRAMEBUFFER","drawArrays","TRIANGLES","vertex","fragment","createSwappableBuffer","output","temp","framebufferTexture2D","COLOR_ATTACHMENT0","swap","createFramebuffer","minW","min","minH","pixels","readPixels","newIndex","newTexture","texSubImage2D","newBuffer","getElementsByClassName","glslCanvases"],"mappings":"iSAYA,MAVsB,oBAAXA,OACDA,YACmB,IAAXC,EACRA,EACiB,oBAATC,KACRA,UCHV,SAAqBC,GACnB,IAAIC,EAASC,EAASC,KAAKH,GAC3B,MAAkB,sBAAXC,GACU,mBAAPD,GAAgC,oBAAXC,GACV,oBAAXJ,SAENG,IAAOH,OAAOO,YACdJ,IAAOH,OAAOQ,OACdL,IAAOH,OAAOS,SACdN,IAAOH,OAAOU,SAXhBL,EAAWM,OAAOC,UAAUP,iCCDhCQ,EAAUC,UAEV,SAAcC,GACZ,OAAOA,EAAIC,QAAQ,aAAc,WAGpB,SAASD,GACtB,OAAOA,EAAIC,QAAQ,OAAQ,KAG7BH,QAAgB,SAASE,GACvB,OAAOA,EAAIC,QAAQ,OAAQ,6CCL7B,SAAiBC,EAAMC,EAAUC,GAC7B,IAAKC,EAAWF,GACZ,MAAM,IAAIG,UAAU,+BAGpBC,UAAUC,OAAS,IACnBJ,EAAUK,MAGc,mBAAxBnB,EAASC,KAAKW,GAQtB,SAAsBQ,EAAOP,EAAUC,GACnC,IAAK,IAAIO,EAAI,EAAGC,EAAMF,EAAMF,OAAQG,EAAIC,EAAKD,IACrCE,EAAetB,KAAKmB,EAAOC,IAC3BR,EAASZ,KAAKa,EAASM,EAAMC,GAAIA,EAAGD,GAVxCI,CAAaZ,EAAMC,EAAUC,GACR,iBAATF,EAcpB,SAAuBb,EAAQc,EAAUC,GACrC,IAAK,IAAIO,EAAI,EAAGC,EAAMvB,EAAOmB,OAAQG,EAAIC,EAAKD,IAE1CR,EAASZ,KAAKa,EAASf,EAAO0B,OAAOJ,GAAIA,EAAGtB,GAhB5C2B,CAAcd,EAAMC,EAAUC,GAoBtC,SAAuBa,EAAQd,EAAUC,GACrC,IAAK,IAAIc,KAAKD,EACNJ,EAAetB,KAAK0B,EAAQC,IAC5Bf,EAASZ,KAAKa,EAASa,EAAOC,GAAIA,EAAGD,GArBzCE,CAAcjB,EAAMC,EAAUC,IAjBlCd,EAAWM,OAAOC,UAAUP,SAC5BuB,EAAiBjB,OAAOC,UAAUgB,eCLtC,MAMiB,SAAUO,GACzB,IAAKA,EACH,SAEF,IAAIC,KAmBJ,OAjBAC,EACIC,EAAKH,GAASI,MAAM,MACpB,SAAUC,GACR,IAbeC,EAaXC,EAAQF,EAAIG,QAAQ,KACpBC,EAAMN,EAAKE,EAAIK,MAAM,EAAGH,IAAQI,cAChCC,EAAQT,EAAKE,EAAIK,MAAMH,EAAQ,SAEP,IAAjBN,EAAOQ,GAChBR,EAAOQ,GAAOG,GAlBDN,EAmBIL,EAAOQ,GAlBmB,mBAAxCjC,OAAOC,UAAUP,SAASC,KAAKmC,GAmBlCL,EAAOQ,GAAKI,KAAKD,GAEjBX,EAAOQ,IAASR,EAAOQ,GAAMG,MAK9BX,KCzBT,WAGI,IAFA,IAAIa,KAEKvB,EAAI,EAAGA,EAAIJ,UAAUC,OAAQG,IAAK,CACvC,IAAIwB,EAAS5B,UAAUI,GAEvB,IAAK,IAAIkB,KAAOM,EACRtB,EAAetB,KAAK4C,EAAQN,KAC5BK,EAAOL,GAAOM,EAAON,IAKjC,OAAOK,GAfPrB,EAAiBjB,OAAOC,UAAUgB,eCItC,MAAiBuB,IAEQA,EAyBzB,SAASC,EAAWC,EAAKC,EAASC,GAC9B,IAAIC,EAASH,EAYb,OAVIjC,EAAWkC,IACXC,EAAWD,EACQ,iBAARD,IACPG,GAAUH,IAAIA,KAGlBG,EAASC,EAAMH,GAAUD,IAAKA,IAGlCG,EAAOD,SAAWA,EACXC,EAGX,SAASL,EAAUE,EAAKC,EAASC,GAE7B,OAAOG,EADPJ,EAAUF,EAAWC,EAAKC,EAASC,IAIvC,SAASG,EAAWJ,GAChB,QAA+B,IAArBA,EAAQC,SACd,MAAM,IAAII,MAAM,6BAGpB,IAAIC,GAAS,EACTL,EAAW,SAAgBM,EAAKC,EAAUC,GACtCH,IACAA,GAAS,EACTN,EAAQC,SAASM,EAAKC,EAAUC,KA6BxC,SAASC,EAAUC,GAMf,OALAC,aAAaC,GACRF,aAAeN,QAChBM,EAAM,IAAIN,MAAM,IAAMM,GAAO,kCAEjCA,EAAIG,WAAa,EACVb,EAASU,EAAKI,GAIzB,SAASC,IACL,IAAIC,EAAJ,CACA,IAAIC,EACJN,aAAaC,GAGTK,EAFDlB,EAAQmB,aAAuBC,IAAbC,EAAIH,OAEZ,IAEgB,OAAfG,EAAIH,OAAkB,IAAMG,EAAIH,OAE9C,IAAIV,EAAWO,EACXR,EAAM,KAiBV,OAfe,IAAXW,GACAV,GACIC,KA5CZ,WAEI,IAAIA,OAAOW,EAQX,GALIX,EADAY,EAAIb,SACGa,EAAIb,SAEJa,EAAIC,cAsJvB,SAAgBD,GAGZ,IACI,GAAyB,aAArBA,EAAIE,aACJ,OAAOF,EAAIG,YAEf,IAAIC,EAAwBJ,EAAIG,aAA4D,gBAA7CH,EAAIG,YAAYE,gBAAgBC,SAC/E,GAAyB,KAArBN,EAAIE,eAAwBE,EAC5B,OAAOJ,EAAIG,YAEjB,MAAOI,IAET,OAAO,KAnK4BC,CAAOR,GAGlCS,EACA,IACIrB,EAAOsB,KAAKC,MAAMvB,GACpB,MAAOmB,IAGb,OAAOnB,EA4BOwB,GACNnB,WAAYI,EACZgB,OAAQA,EACRrD,WACAsD,IAAKpC,EACLqC,WAAYf,GAEbA,EAAIgB,wBACH7B,EAAS3B,QAAUyD,EAAajB,EAAIgB,2BAGxC9B,EAAM,IAAIF,MAAM,iCAEbJ,EAASM,EAAKC,EAAUA,EAASC,OAG5C,IAUInB,EACA2B,EAXAI,EAAMrB,EAAQqB,KAAO,KAEpBA,IAEGA,EADArB,EAAQuC,MAAQvC,EAAQmB,OAClB,IAAItB,EAAU2C,eAEd,IAAI3C,EAAU4C,gBAM5B,IAMI5B,EANAd,EAAMsB,EAAIc,IAAMnC,EAAQD,KAAOC,EAAQmC,IACvCD,EAASb,EAAIa,OAASlC,EAAQkC,QAAU,MACxCzB,EAAOT,EAAQS,MAAQT,EAAQ0C,KAC/B7D,EAAUwC,EAAIxC,QAAUmB,EAAQnB,YAChC8D,IAAS3C,EAAQ2C,KACjBb,GAAS,EAETf,GACAN,UAAMW,EACNvC,WACAiC,WAAY,EACZoB,OAAQA,EACRC,IAAKpC,EACLqC,WAAYf,GA0ChB,GAvCI,SAAUrB,IAA4B,IAAjBA,EAAQ4C,OAC7Bd,GAAS,EACTjD,EAAgB,QAAKA,EAAgB,SAAMA,EAAgB,OAAI,oBAChD,QAAXqD,GAA+B,SAAXA,IACpBrD,EAAQ,iBAAmBA,EAAQ,kBAAoBA,EAAQ,gBAAkB,oBACjF4B,EAAOsB,KAAKc,WAA2B,IAAjB7C,EAAQ4C,KAAgBnC,EAAOT,EAAQ4C,QAIrEvB,EAAIyB,mBAvGJ,WAC2B,IAAnBzB,EAAI0B,YACJ9F,WAAW+D,EAAU,IAsG7BK,EAAI2B,OAAShC,EACbK,EAAI4B,QAAUvC,EAEdW,EAAI6B,WAAa,aAGjB7B,EAAI8B,QAAU,WACVlC,GAAU,GAEdI,EAAI+B,UAAY1C,EAChBW,EAAIgC,KAAKnB,EAAQnC,GAAM4C,EAAM3C,EAAQsD,SAAUtD,EAAQuD,UAEnDZ,IACAtB,EAAImC,kBAAoBxD,EAAQwD,kBAK/Bb,GAAQ3C,EAAQyD,QAAU,IAC3B5C,EAAe5D,WAAW,WACtB,IAAIgE,EAAJ,CACAA,GAAU,EACVI,EAAIqC,MAAM,WACV,IAAI9B,EAAI,IAAIvB,MAAM,0BAClBuB,EAAE+B,KAAO,YACTjD,EAAUkB,KACX5B,EAAQyD,UAGXpC,EAAIuC,iBACJ,IAAItE,KAAOT,EACJA,EAAQP,eAAegB,IACtB+B,EAAIuC,iBAAiBtE,EAAKT,EAAQS,SAGvC,GAAIU,EAAQnB,UApLvB,SAAiBgF,GACb,IAAI,IAAIzF,KAAKyF,EACT,GAAGA,EAAIvF,eAAeF,GAAI,OAAO,EAErC,OAAO,EAgLwB0F,CAAQ9D,EAAQnB,SAC3C,MAAM,IAAIwB,MAAM,qDAkBpB,MAfI,iBAAkBL,IAClBqB,EAAIE,aAAevB,EAAQuB,cAG3B,eAAgBvB,GACc,mBAAvBA,EAAQ+D,YAEf/D,EAAQ+D,WAAW1C,GAMvBA,EAAI2C,KAAKvD,GAAQ,MAEVY,EAxNXxB,EAAU4C,eAAiB/F,EAAO+F,gBA6OlC,aA5OA5C,EAAU2C,eAAiB,wBAA0B3C,EAAU4C,eAAoB5C,EAAU4C,eAAiB/F,EAAO8F,eAUrH,SAAsBrE,EAAOP,GACzB,IAAK,IAAIQ,EAAI,EAAGA,EAAID,EAAMF,OAAQG,IAC9BR,EAASO,EAAMC,IAVvBG,EAAc,MAAO,MAAO,OAAQ,QAAS,OAAQ,UAAW,SAAS2D,GACrErC,EAAqB,WAAXqC,EAAsB,MAAQA,GAAU,SAASnC,EAAKC,EAASC,GAGrE,OAFAD,EAAUF,EAAWC,EAAKC,EAASC,IAC3BiC,OAASA,EAAO+B,cACjB7D,EAAWJ,2kDChBtBkE,EAAY,GAuBhB,IAAIC,2IASAC,2JASSC,EAAwB,EAMxBC,EAAc,EAc3B,SAAgBC,EAAYC,EAAQC,EAAYC,YAQnCC,EAAYC,EAAWC,OAPdpH,EACVqH,EAOmB,mBAAZJ,IACCE,IATEnH,EAWDoH,GAVTC,EAAYN,EAAOO,gBAETC,UAxDX,4KAwDoCvH,+CAYtCf,OAAOuI,+BACIZ,EAAuBF,GAC5B,SAGPtG,EAeR,SAAgC2G,EAAQC,WAChCS,GAAS,QAAS,sBAClBrH,EAAU,KACLsH,EAAK,EAAGA,EAAKD,EAAMjH,SAAUkH,QAEpBX,EAAOY,WAAWF,EAAMC,GAAKV,GACzC,MAAM7C,MACA/D,eAKLA,EA3BOwH,CAAgBb,EAAQC,UACjC5G,IAGOyH,aAAa,8BAFThB,EAAaF,GAItBvG,EA2BX,SAAgB0H,EAAaC,EAAM5F,EAAQ6F,EAAMC,OACzCC,EAAKH,EAAKG,GAEVC,EAASD,EAAGJ,aAAaE,YAC1BI,aAAaD,EAAQhG,KACrBkG,cAAcF,GAEFD,EAAGI,mBAAmBH,EAAQD,EAAGK,gBAiBzCJ,KAbSD,EAAGM,iBAAiBL,WACxBM,MAAM,8BAAgCN,EAAS,IAAM1B,KACxDiC,QAAQ,gBACDP,SACAhG,OACF6F,QACCvB,SACCwB,GAAU,MAEnBU,aAAaR,GACT,MAcf,SAAgBS,EAAcb,EAAMc,EAAS7B,EAAY8B,WACjDZ,EAAKH,EAAKG,GAEVa,EAAUb,EAAGU,gBACRlB,EAAK,EAAGA,EAAKmB,EAAQrI,SAAUkH,IACjCsB,aAAaD,EAASF,EAAQnB,OAEjCV,MACK,IAAIU,EAAK,EAAGA,EAAKV,EAAWxG,SAAUkH,IACpCuB,mBACHF,EACAD,EAAeA,EAAapB,GAAMA,EAClCV,EAAWU,aAGhBwB,YAAYH,GAGFb,EAAGiB,oBAAoBJ,EAASb,EAAGkB,aAQzCL,KALSb,EAAGmB,kBAAkBN,WACzBO,IAAI,4BAA8B7C,KACvC8C,cAAcR,GACV,MCzKf,SAAgBS,EAAWxH,UACU,IAAzBA,EAASA,EAAQ,GCNtB,SAASyH,EAAgBvH,OACxBwH,EAAY,IAAIC,WAEb/J,OAAOgK,OAAO1H,eAEd8F,EAAM6B,OACDC,OACK9B,GAAQ6B,IACPE,IAAID,iBAGd9B,EAAM6B,MACFA,EAAG,KACCC,OACK9B,GAAQ6B,IACPG,OAAOF,OAEhB,wCACgBJ,iDAAW,KAAnBO,6CACWrK,OAAOsK,KAAKD,kDAAO,cACnBjC,gBACEgC,OAAOC,uOAShBP,iDAAW,KAAnBO,kBACGX,IAAIW,sGAIVH,KACIC,IAAID,yBAGNA,KACEE,OAAOF,gCAIPK,0BAGNC,8BAAUnF,0FACOyE,iDAAW,KAAvBI,UAC0B,mBAApBA,EAASM,MACPA,aAAUnF,0FC7ClBoF,wBACLnC,EAAIoC,OAAM/H,wEACH9B,WAEVyH,GAAKA,OACLqC,QAAUrC,EAAGsC,gBACd/J,KAAK8J,eACAE,OAAQ,QAEZC,YAEAJ,KAAOA,OACPnI,OAAS,UACTwI,WAAa,UACbC,QAAU,UAIVC,QAAQ,EAAG,EAAG,IAAIC,YAAY,EAAG,EAAG,EAAG,OAASC,UAAW,gBAC3DC,aAAazI,EAAQwI,gBAErBE,KAAK1I,+CAKL9B,KAAKgK,aAGLvC,GAAGgD,cAAczK,KAAK8J,cACtBA,QAAU,YACR9J,KAAKwE,UACPA,KAAO,UACPwF,OAAQ,gCAGZU,GACI1K,KAAKgK,QAGU,iBAATU,GACHd,EAAQe,aAAeD,SAClBjD,GAAGmD,cAAc5K,KAAKyH,GAAGoD,SAAWH,KACjCC,WAAaD,GAGzBd,EAAQgB,gBAAkB5K,KAAK8J,eAC1BrC,GAAGqD,YAAY9K,KAAKyH,GAAGsD,WAAY/K,KAAK8J,WACrCc,cAAgB5K,KAAK8J,6CAIhChI,iEACIqI,QAAU,KAEY,iBAAhBrI,EAAQmC,SACEf,IAAblD,KAAKiE,KAAqBnC,EAAQmC,MAAQjE,KAAKiE,UAC1C+G,OAAOlJ,EAAQmC,IAAKnC,GAGxBA,EAAQmJ,aACRC,WAAWpJ,EAAQmJ,QAASnJ,GAE5BA,EAAQ0C,MAAQ1C,EAAQqJ,OAASrJ,EAAQsJ,aACzChB,QAAQtI,EAAQqJ,MAAOrJ,EAAQsJ,OAAQtJ,EAAQ0C,KAAM1C,kCAK3DmC,cAAKnC,+DACH9B,KAAKgK,kBAIL/F,IAAMA,OACNvC,OAAS1B,KAAKiE,SACdiG,WAAa,WAEbC,QAAU,IAAIkB,QAAQ,SAACC,EAASC,OAC7BC,EAAMvH,EAAIlD,MAAM,KAAK0K,MAAMnK,cAC3BoK,EAAmB,QAARF,GAAyB,SAARA,GAA0B,QAARA,EAE9CP,OAAU/H,EACVwI,MACUC,SAASC,cAAc,UACzBC,UAAW,IACXvB,UAAY,aAKV,IAAIwB,QAGVhH,OAAS,iBAEJoG,WAAWD,EAASnJ,GAE7B,MAAO4B,WACKmF,gBAAgBkD,EAAKlC,gCAA+BkC,EAAKrK,WAAWgC,EAAG5B,KAE3EiK,MAEJhH,QAAU,oBAEN8D,gBAAgBkD,EAAKlC,gCAA+BkC,EAAKrK,WAAWgC,EAAG5B,KACvEiK,qCFrGoBC,KAAKC,UAAUC,YE0GC,UAA5BH,EAAKrK,OAAOL,MAAM,EAAG,OAC7B8K,YAAc,eAGlBC,IAAML,EAAKrK,OACfgK,KACKR,WAAWD,EAASnJ,KAG1B9B,KAAKmK,wCAIRgB,EAAOC,EAAQ5G,OAAM1C,wEACpBqJ,MAAQA,OACRC,OAASA,OAET1J,OAAS8C,OACT0F,WAAa,YAEbmC,OAAOvK,QACPyI,aAAazI,QAEbqI,QAAUkB,QAAQC,QAAQtL,MACxBA,KAAKmK,2CAILc,EAASnJ,cACZwK,EAAKrB,KAGc,iBAAZA,MACGU,SAASY,cAActB,IAGjCA,aAAmBuB,mBACnBvB,aAAmBwB,kBACnBxB,aAAmByB,sBACdhL,OAASuJ,OACTf,WAAa,UAEde,aAAmByB,oBACXC,iBAAiB,iBAAkB,aAClCC,WAAaC,YAAY,aACrBR,OAAOvK,IACb,MACJ,KACK6K,iBAAiB,QAAS,aACtBG,YAAc,IACdC,SACT,SAEEV,OAAOvK,QAEXyI,aAAazI,OAEjB,KACG6E,wCAA6C9C,KAAKc,UAAU2H,8FAExDzD,gBAAgB7I,KAAK6J,WAAUlD,EAAO7E,eAG7CqI,QAAUkB,QAAQC,QAAQtL,MACxBA,KAAKmK,6CAITrI,4DACE9B,KAAKgK,aAILC,YACAxC,GAAGuF,YAAYhN,KAAKyH,GAAGwF,qBAAsD,IAAhCnL,EAAQmL,0BACrDxF,GAAGuF,YAAYhN,KAAKyH,GAAGyF,+BAAgCpL,EAAQoL,iCAAkC,GAG9E,YAApBlN,KAAKkK,aACHlK,KAAK0B,kBAAkB8K,mBACvBxM,KAAK0B,kBAAkBgL,kBACvB1M,KAAK0B,kBAAkB+K,kBAAoBzM,KAAK0B,OAAOyL,WACrDnN,KAAK0B,kBAAkBgL,uBAClBvB,MAAQnL,KAAK0B,OAAO0L,gBACpBhC,OAASpL,KAAK0B,OAAO2L,mBAErBlC,MAAQnL,KAAK0B,OAAOyJ,WACpBC,OAASpL,KAAK0B,OAAO0J,aAEzB3D,GAAG6F,WAAWtN,KAAKyH,GAAGsD,WAAY,EAAG/K,KAAKyH,GAAG8F,KAAMvN,KAAKyH,GAAG8F,KAAMvN,KAAKyH,GAAG+F,cAAexN,KAAK0B,SAGzE,SAApB1B,KAAKkK,iBACLzC,GAAG6F,WAAWtN,KAAKyH,GAAGsD,WAAY,EAAG/K,KAAKyH,GAAG8F,KAAMvN,KAAKmL,MAAOnL,KAAKoL,OAAQ,EAAGpL,KAAKyH,GAAG8F,KAAMvN,KAAKyH,GAAG+F,cAAexN,KAAK0B,aAE7HuG,QAAQ,SAAUjI,kDAIb8B,+DACL9B,KAAKgK,YAILyD,SAAW1E,EAAW/I,KAAKmL,QAAUpC,EAAW/I,KAAKoL,YACtDsC,EAAiB1N,KAAKyN,SAAW,SAAW,cAC3CnD,UAAYxI,EAAQwI,WAAaoD,MAElCjG,EAAKzH,KAAKyH,QACTwC,OAMDjK,KAAKyN,YACFE,cAAclG,EAAGsD,WAAYtD,EAAGmG,eAAgB9L,EAAQ8L,gBAAmB9L,EAAQ+L,QAAUpG,EAAGqG,QAAWrG,EAAGsG,iBAC9GJ,cAAclG,EAAGsD,WAAYtD,EAAGuG,eAAgBlM,EAAQkM,gBAAmBlM,EAAQ+L,QAAUpG,EAAGqG,QAAWrG,EAAGsG,eAE1F,WAAnB/N,KAAKsK,aACFqD,cAAclG,EAAGsD,WAAYtD,EAAGwG,mBAAoBxG,EAAGyG,wBACvDP,cAAclG,EAAGsD,WAAYtD,EAAG0G,mBAAoB1G,EAAG2G,UACvDC,eAAe5G,EAAGsD,aAEG,WAAnB/K,KAAKsK,aACPqD,cAAclG,EAAGsD,WAAYtD,EAAGwG,mBAAoBxG,EAAG2G,UACvDT,cAAclG,EAAGsD,WAAYtD,EAAG0G,mBAAoB1G,EAAG2G,SAElC,YAAnBpO,KAAKsK,cACPqD,cAAclG,EAAGsD,WAAYtD,EAAGwG,mBAAoBxG,EAAG6G,WACvDX,cAAclG,EAAGsD,WAAYtD,EAAG0G,mBAAoB1G,EAAG6G,cAM3DX,cAAclG,EAAGsD,WAAYtD,EAAGmG,eAAgBnG,EAAGsG,iBACnDJ,cAAclG,EAAGsD,WAAYtD,EAAGuG,eAAgBvG,EAAGsG,eAE/B,WAAnB/N,KAAKsK,iBACAA,UAAY,UAGE,YAAnBtK,KAAKsK,aACFqD,cAAclG,EAAGsD,WAAYtD,EAAGwG,mBAAoBxG,EAAG6G,WACvDX,cAAclG,EAAGsD,WAAYtD,EAAG0G,mBAAoB1G,EAAG6G,aAGvDX,cAAclG,EAAGsD,WAAYtD,EAAGwG,mBAAoBxG,EAAG2G,UACvDT,cAAclG,EAAGsD,WAAYtD,EAAG0G,mBAAoB1G,EAAG2G,oBAM1ExE,EACQ2E,kBAAoB,SAAU9G,UAC3BA,EAAG+G,aAAa/G,EAAGgH,mBAI9B7E,EAAQe,YAAc,EC9PtB,IAMqB+D,wBACLpI,EAAQqI,EAAgB7M,0BACjB9B,QAEE2O,QACP7M,OAENwE,EAAOsI,aAAa,oBACuB,KAA1CtI,EAAOuI,aAAa,oBACqB,QAA1CvI,EAAOuI,aAAa,yBAOf1D,MAAQ7E,EAAOwI,iBACf1D,OAAS9E,EAAOyI,oBANhB5D,MAAQ3M,OAAOwQ,gBACf5D,OAAS5M,OAAOyQ,cACd9D,MAAQ3M,OAAOwQ,aACf5D,OAAS5M,OAAOyQ,kBAMtB3I,OAASA,OACTmB,QAAKvE,OACLoF,aAAUpF,OACVgM,iBACAC,gBACAC,iBACAC,YACAC,SAAU,OACVC,2BAAwBrM,OAExBsM,aAAe,OAGfC,aAAed,EAAec,+PAe9BC,eAAiBf,EAAee,uJAajCjI,EAAKpB,EAAWC,EAAQqI,EAAgB7M,EAAQ0E,YAC/CiB,WAGAA,GAAKA,OACLkI,SAAW3P,KAAK4P,SAAWC,YAAYC,WACvCC,UAAY,OACZC,aAAc,OACdC,QAAS,OACTC,gBAAkB1R,OAAO2R,kBAAoB,IAG3CC,MAAMC,gBAAkB1B,EAAe0B,iBAAmB,gBAG7D/J,EAAOsI,aAAa,sBACfc,eAAiBpJ,EAAOuI,aAAa,sBAEzC,GAAIvI,EAAOsI,aAAa,qBAAsB,KAC3ClN,EAAS4E,EAAOuI,aAAa,uBAC7ByB,IAAI5O,EAAQ,SAACsG,EAAO1F,EAAUC,KACzBiI,KAAKjI,EAAMwJ,EAAK0D,mBAKzBnJ,EAAOsI,aAAa,oBACfa,aAAenJ,EAAOuI,aAAa,oBAEvC,GAAIvI,EAAOsI,aAAa,mBAAoB,KACzClN,EAAS4E,EAAOuI,aAAa,qBAC7ByB,IAAI5O,EAAQ,SAACsG,EAAO1F,EAAUC,KACzBiI,KAAKuB,EAAK2D,eAAgBnN,aAIlCiI,OAEAxK,KAAKsI,aAKNiI,EAAe9I,EAAG+I,kBAAkBxQ,KAAKsI,QAAS,mBACjD+G,IAAIoB,UAAYhJ,EAAGiJ,oBACnBjJ,GAAGkJ,WAAWlJ,EAAGmJ,aAAc5Q,KAAKqP,IAAIoB,gBACxChJ,GAAGoJ,WAAWpJ,EAAGmJ,aAAc,IAAIE,cAAc,EAAK,EAAK,EAAK,EAAK,EAAK,EAAK,EAAK,EAAK,EAAK,EAAK,EAAK,IAAOrJ,EAAGsJ,kBAClHtJ,GAAGuJ,wBAAwBT,QAC3B9I,GAAGwJ,oBAAoBV,EAAc,EAAG9I,EAAGyJ,OAAO,EAAO,EAAG,OAE7DC,EAAc1J,EAAG+I,kBAAkBxQ,KAAKsI,QAAS,sBAChD+G,IAAI+B,SAAW3J,EAAGiJ,oBAClBjJ,GAAGkJ,WAAWlJ,EAAGmJ,aAAc5Q,KAAKqP,IAAI+B,eACxC3J,GAAGoJ,WAAWpJ,EAAGmJ,aAAc,IAAIE,eAAe,GAAM,EAAK,GAAM,GAAM,EAAK,GAAM,EAAK,EAAK,GAAM,EAAK,EAAK,IAAOrJ,EAAGsJ,kBACxHtJ,GAAGuJ,wBAAwBG,QAC3B1J,GAAGwJ,oBAAoBE,EAAa,EAAG1J,EAAGyJ,OAAO,EAAO,EAAG,GAG5D5K,EAAOsI,aAAa,iBAAkB,KAClCyC,EAAU/K,EAAOuI,aAAa,iBAAiB9N,MAAM,SACpD,IAAIuQ,KAAQD,OACRE,WAAW,QAAUD,EAAMD,EAAQC,QAK5CE,KACG,IACA,YAEE7E,iBAAiB,YAAa,SAACjJ,KAC9B+N,EAAI/N,EAAEgO,SAAWhO,EAAEiO,QACnBC,EAAIlO,EAAEmO,SAAWnO,EAAEoO,QAC1B,OAECC,EAAU/R,iBAeTgS,UAAWP,EAAG,EAAGG,EAAG,aAdhBK,IACDF,EAAQG,OAAS,KACTF,SAASR,GAGjBO,EAAQI,aACAnC,aAAc,KAGlBoC,WACA7C,sBAAwB/Q,OAAO6T,sBAAsBJ,MAM1DjS,uDASF,IAAIsS,0BAJYtS,KAAKuP,4BAErBgD,UAAW,OACXjD,SAAU,EACCtP,KAAKkP,SACboD,EAAIE,WACAA,cAIP,IAAIC,UADJvD,YACWlP,KAAK0S,aACZjL,GAAGkL,aAAa3S,KAAK0S,QAAQD,QAIjC,IAAIrR,UAFJqG,GAAGmL,WAAW,WACdnL,GAAGqB,cAAc9I,KAAKsI,SACXtI,KAAKmP,QAAS,KACpB0D,EAAS7S,KAAKmP,QAAQ/N,QACvBqG,GAAGqB,cAAc+J,EAAOvK,aAI7BwK,EAAc9S,KAAKyH,GAAGL,aAAa,sBACnC0L,KACYA,mBAGXxK,QAAU,UACVb,GAAK,kCAGRsL,EAAYC,MAGVA,SACKvD,aAAeuD,GAIpBD,SACKrD,eAAiBqD,QAGrBR,UAAW,OACXU,QAAUjT,KAAK0P,eAAewD,MAAM,iBAAmBnT,YACvDoT,OAASnT,KAAK0P,eAAewD,MAAM,gBAAkBnT,YACrDqT,OAASpT,KAAK0P,eAAewD,MAAM,gBAAkBnT,YACrDmS,QAAUlS,KAAK0P,eAAewD,MAAM,iBAAmBnT,YACvDwS,SAAWvS,KAAKoT,MAAQ,GAAKpT,KAAKmT,MAAQ,GAAKnT,KAAKkS,OAAS,EAElDlS,KAAK0P,eAAe2D,OAAO,sBAEnCC,EAAQtT,KAAK0P,eAAe3O,MAAM,MAC7Bb,EAAI,EAAGA,EAAIoT,EAAMvT,OAAQG,IAAK,KAC/BgT,EAAQI,EAAMpT,GAAGgT,MAAM,uEACvBA,EAAO,KACH1H,EAAM0H,EAAM,GAAGnS,MAAM,KAAK0K,MAAMnK,cAChC4R,EAAM,IAAMA,EAAM,KACT,QAAR1H,GAAyB,SAARA,GAA0B,QAARA,GAC3B,QAARA,GAAyB,SAARA,GAA0B,QAARA,SAC/B+F,WAAW2B,EAAM,GAAIA,EAAM,OAG7BI,EAAMpT,GAAGgT,MAAM,gCAO9BK,EAAelM,EAAarH,KAAMA,KAAKyP,aAAczP,KAAKyH,GAAG+L,eAC7DC,EAAiBpM,EAAarH,KAAMA,KAAK0P,eAAgB1P,KAAKyH,GAAGiM,iBAGhED,OAKInE,SAAU,KAJEjI,EAAarH,KAAM,+CAAgDA,KAAKyH,GAAGiM,sBACvFpE,SAAU,OAOfhH,EAAUH,EAAcnI,MAAOuT,EAAcE,SAC5ChM,GAAGmL,WAAWtK,QAKdb,GAAGS,aAAaqL,QAChB9L,GAAGS,aAAauL,QAEhBnL,QAAUA,OACVqL,QAAS,OAETnE,aAAe,MACdL,EAAUnP,KAAK4T,WAAW5T,KAAK0P,gBACjCvQ,OAAOsK,KAAK0F,GAASpP,aAChB8T,aAAa1E,QAEjBA,QAAUA,OACV2E,YAAc9T,KAAKwP,kBAGnBvH,QAAQ,gBAER+H,aAAc,OACdoC,sCAGHrQ,EAAUgR,EAAYC,OAGpBe,EAAgB/T,KAAKyP,aACrBuE,EAAgBhU,KAAK0P,eACrBuE,EAAkBjU,KAAKiQ,OAEvBzE,EAAMxL,KAAKyH,GAAGL,aAAa,4BAC3B8M,EAAQ1I,EAAI2I,iBACZC,EAAWpU,KAAKsP,SAEhByD,GAAcC,UACTxI,KAAKuI,EAAYC,KACXhT,KAAKsP,aACXU,aAAc,OACdoC,eAGJnC,QAAS,IACVoE,cAAc7I,EAAI8I,iBAAkBJ,QACnClE,aAAc,OACdoC,WACDmC,YAAY/I,EAAI8I,sBAEhBvC,EAAU/R,eAQLwU,MACGxE,aAAc,IACdoC,aACJqC,EAAYjJ,EAAIkJ,kBAAkBR,EAAO1I,EAAImJ,4BAC7CC,EAAW7C,EAAQtK,GAAG+G,aAAahD,EAAIqJ,qBACvCJ,IAAcG,EAAU,KACpBE,YACUV,OACJrB,GAAchB,EAAQrC,oBACtBsD,GAAcjB,EAAQtC,2BACbjE,EAAIkJ,kBAAkBR,EAAO1I,EAAIuJ,kBAAkB,OAflE9E,OAASgE,GACblB,GAAcC,MACNxI,KAAKwJ,EAAeD,KAgBnBe,eAEFzC,sBAAsBmC,0CAM5B3K,EAAMmL,EAAkBlT,cAC5BA,UAI2B,iBAArBkT,IACC/Q,IAAM+Q,EAEmB,qBAArBA,gBAAAA,KAAiCA,EAAiBxQ,MAAQwQ,EAAiB7J,OAAS6J,EAAiB5J,UACzG5G,KAAOwQ,EAAiBxQ,OACxB2G,MAAQ6J,EAAiB7J,QACzBC,OAAS4J,EAAiB5J,QAED,qBAArB4J,gBAAAA,QACJ/J,QAAU+J,GAGlBhV,KAAKkP,SAASrF,GACV7J,KAAKkP,SAASrF,UACTqF,SAASrF,GAAMW,KAAK1I,QACpBoN,SAASrF,GAAMoL,GAAG,SAAU,SAACC,KACzBlF,aAAc,WAKtBd,SAASrF,GAAQ,IAAID,EAAQ5J,KAAKyH,GAAIoC,EAAM/H,QAC5CoN,SAASrF,GAAMoL,GAAG,SAAU,SAACC,KACzBlF,aAAc,oDAOtBZ,+CAGEvF,WACHsL,wBADY5T,qDAEdsI,GAAQtI,OACL6T,YAAYD,uCAGT/F,OACJiG,EJrNZ,SAAgBC,EAAclG,OAAUmG,yDAAS,KACzCF,SAEC,IAAIxL,KAAQuF,EAAU,KACnBoG,EAAUpG,EAASvF,GACnBsL,YAEAI,MACOA,EAAS,IAAM1L,GAIH,iBAAZ2L,IACAhU,WACG,eACE,kBAEDgU,SAIV,GAAIC,MAAMC,QAAQF,OAEO,iBAAfA,EAAQ,GAEQ,IAAnBA,EAAQzV,SACDyB,WACG,eACE,kBAEDgU,IAINA,EAAQzV,QAAU,GAAKyV,EAAQzV,QAAU,IACvCyB,WACG,MAAQgU,EAAQzV,cACdyV,EAAQzV,OAAS,kBAElByV,IAINA,EAAQzV,OAAS,KACfyB,WACG,iBACE,WACFqI,EAAO,YACN2L,SAMd,GAA0B,iBAAfA,EAAQ,KACbhU,WACG,mBACE,UACFqI,QACC2L,SAIV,GAAIC,MAAMC,QAAQF,EAAQ,KAAgC,iBAAlBA,EAAQ,GAAG,OAEhDA,EAAQ,GAAGzV,QAAU,GAAKyV,EAAQ,GAAGzV,QAAU,MAE1CoV,EAAI,EAAGA,EAAIK,EAAQzV,OAAQoV,MACrB3T,WACG,MAAQgU,EAAQ,GAAGzV,cACjByV,EAAQL,GAAGpV,OAAS,UACtB8J,EAAO,IAAMsL,EAAI,UAChBK,EAAQL,UAO1B,GAA0B,WAAtBQ,EAAOH,EAAQ,QACfL,EAAI,EAAGA,EAAIK,EAAQzV,OAAQoV,MAErB3T,eAAQ8T,EAAcE,EAAQL,GAAItL,EAAO,IAAMsL,EAAI,WAK1C,kBAAZK,IACLhU,WACG,cACE,kBAEDgU,IAIa,iBAAZA,IACLhU,WACG,mBACE,kBAEDgU,IAIa,qBAAZA,gBAAAA,OAELhU,eAAQ8T,EAAcE,EAAS3L,YAIvCwL,EIsGUC,CAAclG,OAEtB,IAAI+F,KAAKE,EACa,cAAnBA,EAAOF,GAAG5N,UAGLqO,YAAYP,EAAOF,GAAGtL,KAAMwL,EAAOF,GAAG5T,MAAM,SAG5CiU,QAAQH,EAAOF,GAAGnR,OAAQqR,EAAOF,GAAG5N,KAAM8N,EAAOF,GAAGtL,KAAMwL,EAAOF,GAAG5T,YAG5EyO,aAAc,mCAGdwB,OAEDqE,EAAO7V,KAAKsG,OAAOwP,2BACnBtE,GACAA,EAAMC,GAAKD,EAAMC,GAAKoE,EAAKE,MAAQvE,EAAMC,GAAKoE,EAAKG,OACnDxE,EAAMI,GAAKJ,EAAMI,GAAKiE,EAAKI,KAAOzE,EAAMI,GAAKiE,EAAKK,OAAQ,KAEtDC,GAAW3E,EAAMC,EAAIoE,EAAKE,MAAS/V,KAAKkQ,gBACxCkG,EAAWpW,KAAKsG,OAAO8E,QAAUoG,EAAMI,EAAIiE,EAAKI,KAAOjW,KAAKkQ,qBAE3DsF,QAAQ,KAAM,OAAQ,UAAWW,EAASC,oCAK9CpS,EAAQuD,EAAMsC,QACduF,SAASvF,GAAQ7J,KAAKoP,SAASvF,eAChC2L,EAAUxV,KAAKoP,SAASvF,sBAFAtI,uDHnYb8U,EAAGC,MAAHD,EGsYKb,EAAQjU,MHtYV+U,EGsYiB/U,KHrYnC8U,IAAKC,IACED,EAAExX,aAAeyX,EAAEzX,aGuYZmB,KAAK2T,SAAW6B,EAAQe,WAAaf,EAAQjU,UASlD,IAAIH,OARDyI,KAAOA,IACPtC,KAAOA,IACPhG,MAAQA,IACRyC,OAAS,UAAYA,OACxByD,GAAGmL,WAAW5S,KAAKsI,WAChBiO,SAAWvW,KAAKyH,GAAG+O,mBAAmBxW,KAAKsI,QAASuB,QACvDpC,GAAG+N,EAAQxR,QAAQyS,MAAMzW,KAAKyH,IAAK+N,EAAQe,UAAUG,OAAOlB,EAAQjU,QAEzDvB,KAAKmP,QAAS,KACtB0D,EAAS7S,KAAKmP,QAAQ/N,QACrBqG,GAAGmL,WAAWC,EAAOvK,aACtBiO,EAAWvW,KAAKyH,GAAG+O,mBAAmB3D,EAAOvK,QAASuB,QACrDpC,GAAG+N,EAAQxR,QAAQyS,MAAMzW,KAAKyH,IAAK8O,GAAUG,OAAOlB,EAAQjU,gDAK9DsI,EAAMC,EAAShI,WACEoB,IAAxBlD,KAAKkP,SAASrF,QACT+L,YAAY/L,EAAMC,EAAShI,OAE/B,KAGI,IAAIV,UAFJoU,QAAQ,KAAM,YAAa3L,EAAM7J,KAAK8T,aAE3B9T,KAAKmP,QAAS,KACpB0D,EAAS7S,KAAKmP,QAAQ/N,QACvBqG,GAAGmL,WAAWC,EAAOvK,cACrBb,GAAGmD,cAAc5K,KAAKyH,GAAGoD,SAAW7K,KAAK8T,kBACzCrM,GAAGqD,YAAY9K,KAAKyH,GAAGsD,WAAY/K,KAAKkP,SAASrF,GAAMC,cAE3DrC,GAAGmL,WAAW5S,KAAKsI,cACnBb,GAAGmD,cAAc5K,KAAKyH,GAAGoD,SAAW7K,KAAK8T,kBACzCrM,GAAGqD,YAAY9K,KAAKyH,GAAGsD,WAAY/K,KAAKkP,SAASrF,GAAMC,cACvD0L,QAAQ,KAAM,OAAQ3L,EAAO,aAAc7J,KAAKkP,SAASrF,GAAMsB,MAAOnL,KAAKkP,SAASrF,GAAMuB,6CAK/FpL,KAAKmL,QAAUnL,KAAKsG,OAAOwI,aAC3B9O,KAAKoL,SAAWpL,KAAKsG,OAAOyI,aAAc,MACrCmB,gBAAkB1R,OAAO2R,kBAAoB,MAK9CwG,EAAeC,KAAKC,MAAM7W,KAAKyH,GAAGnB,OAAOwI,YAAc9O,KAAKkQ,iBAC5D4G,EAAgBF,KAAKC,MAAM7W,KAAKyH,GAAGnB,OAAOyI,aAAe/O,KAAKkQ,wBAG9DlQ,KAAKyH,GAAGnB,OAAO6E,QAAUwL,GACzB3W,KAAKyH,GAAGnB,OAAO8E,SAAW0L,SAErBrP,GAAGnB,OAAO6E,MAAQwL,OAClBlP,GAAGnB,OAAO8E,OAAS0L,OAEnBrP,GAAGsP,SAAS,EAAG,EAAG/W,KAAKyH,GAAGnB,OAAO6E,MAAOnL,KAAKyH,GAAGnB,OAAO8E,cAE3DD,MAAQnL,KAAKsG,OAAOwI,iBACpB1D,OAASpL,KAAKsG,OAAOyI,kBACrBiI,0BACE,SAEA,mCH7eZ,IAAyB1Q,UGkfnB2Q,SHlfmB3Q,EGkfOtG,KAAKsG,QHjfxBwP,wBAAwBG,IAAM3P,EAAO8E,OAAU,GAC1D9E,EAAOwP,wBAAwBG,KAAOzX,OAAOyQ,aAAetD,SAASnI,gBAAgBuL,cGifjF/O,KAAKgQ,aAAehQ,KAAK2T,QACzB3T,KAAKuS,UAAYvS,KAAKiX,UAAajX,KAAKiQ,OAAU,KAG/CiH,EAAO,IAAIC,KACXrH,EAAMD,YAAYC,UAqBjB,IAAI1O,UApBJ2O,WAAcD,EAAM9P,KAAK4P,UAAY,SACrCA,SAAWE,EACZ9P,KAAKiT,OAAS,QAETuC,QAAQ,KAAM,QAAS,UAAWxV,KAAK+P,WAG5C/P,KAAKmT,MAAQ,QAERqC,QAAQ,KAAM,QAAS,UAAW1F,EAAM9P,KAAK2P,UAAY,KAG9D3P,KAAKoT,YAEAoC,QAAQ,KAAM,QAAS,SAAU0B,EAAKE,cAAeF,EAAKG,WAAYH,EAAKI,UAA6B,KAAlBJ,EAAKK,WAAwC,GAApBL,EAAKM,aAAoBN,EAAKO,aAAwC,KAAzBP,EAAKQ,wBAIrKlC,QAAQ,KAAM,OAAQ,eAAgBxV,KAAKsG,OAAO6E,MAAOnL,KAAKsG,OAAO8E,QAE1DpL,KAAKmP,QAAS,KACpB0D,EAAS7S,KAAKmP,QAAQ/N,QACvBoU,QAAQ,KAAM,YAAa3C,EAAOhJ,KAAMgJ,EAAO8E,OAAOC,MAAM1W,WAIhE,IAAIoR,UADJwB,YAAc9T,KAAKwP,aACRxP,KAAKkP,cACZ2I,eAAevF,QACfwB,mBAGJgE,sBAGA7P,QAAQ,kBACR0L,QAAS,OACT3D,aAAc,wCAKlBC,QAAS,sCAITA,QAAS,+CAKRxI,EAAKzH,KAAKyH,GACVsQ,EAAItQ,EAAGnB,OAAO6E,MACd6M,EAAIvQ,EAAGnB,OAAO8E,WAIf,IAAIhK,OAFN2V,SAAS,EAAG,EAAGgB,EAAGC,GAELhY,KAAKmP,QAAS,KACpB0D,EAAS7S,KAAKmP,QAAQ/N,KACrBuW,OAAOvF,OAAO2F,EAAGC,EAAGnF,EAAOvK,QAASuK,EAAOhJ,QAC/CoO,gBAAgBxQ,EAAGyQ,YAAa,QAGpCtF,WAAW5S,KAAKsI,WAChB6P,WAAW1Q,EAAG2Q,UAAW,EAAG,sCAIxBrF,OACH5D,YACA4D,KACWvT,QAAQ,8GAA+G,eACxHU,EAAIJ,UAAU,IAAMA,UAAU,KAC5B,WAAaI,aACP,kBAAoBA,EAAI,KAAO6S,KAI9C5D,uCAIEA,OAEH1H,EAAKzH,KAAKyH,GACV4Q,EAAShR,EAFFrH,KAAAA,KAE0ByP,aAAchI,EAAG+L,mBACnD,IAAIpS,KAAO+N,EAAS,KACf0D,EAAS1D,EAAQ/N,GACnBkX,EAAWjR,EALNrH,KAKyB6S,EAAOyF,SAAU7Q,EAAGiM,gBAAiB,GAClE4E,EANItY,KAUAsP,SAAU,KAHJjI,EAPNrH,KAOyB,+CAAgDyH,EAAGiM,iBAP5E1T,KAQAsP,SAAU,OAIbhH,EAAUH,EAZPnI,MAY4BqY,EAAQC,MACtCzO,KAAOzI,IACPkH,QAAUA,IACVqP,OAfE3X,KAeYuY,sBAfZvY,KAeuCsG,OAAO6E,MAf9CnL,KAe0DsG,OAAO8E,OAAQ9C,KAC/EJ,aAAaoQ,KAEjBpQ,aAAamQ,iDAIEN,EAAGC,EAAG1P,OACpBsP,EAAQ5X,KAAK0Q,aAAaqH,EAAGC,EAAG1P,GAChCkQ,EAASxY,KAAK0Q,aAAaqH,EAAGC,EAAG1P,GAC/Bb,EAAKzH,KAAKyH,gBAELmQ,SACCY,OACF,eACEC,EAAOb,IACHY,IACCC,OACJb,MAAQA,OACRY,OAASA,UAEV,SAAUT,EAAGC,EAAG1P,EAASuB,KAC1B+I,WAAWtK,KACXyO,SAAS,EAAG,EAAGgB,EAAGC,KAClBC,gBAAgBxQ,EAAGyQ,YAAalY,KAAK4X,MAAM/E,UAC3C6F,qBAAqBjR,EAAGyQ,YAAazQ,EAAGkR,kBAAmBlR,EAAGsD,WAAY/K,KAAKwY,OAAO1O,QAAS,KAC/FqO,WAAW1Q,EAAG2Q,UAAW,EAAG,QAC1BQ,eAED,SAAUb,EAAGC,EAAG1P,EAASuB,KAC1B+I,WAAWtK,KACXyO,SAAS,EAAG,EAAGgB,EAAGC,QAChBJ,MAAMzF,OAAO4F,EAAGC,QAChBQ,OAAOrG,OAAO4F,EAAGC,0CAMrBD,EAAGC,EAAG1P,OACTb,EAAKzH,KAAKyH,GACZvG,EAAQlB,KAAKwP,kBACZA,cAAgB,IAClBpI,aAAa,yBACZ0C,EAAUrC,EAAGsC,kBACda,cAAcnD,EAAGoD,SAAW3J,KAC5B4J,YAAYrD,EAAGsD,WAAYjB,KAC3BwD,WAAW7F,EAAGsD,WAAY,EAAGtD,EAAG8F,KAAMwK,EAAGC,EAAG,EAAGvQ,EAAG8F,KAAM9F,EAAGyJ,MAAO,QAClEvD,cAAclG,EAAGsD,WAAYtD,EAAGwG,mBAAoBxG,EAAG6G,WACvDX,cAAclG,EAAGsD,WAAYtD,EAAG0G,mBAAoB1G,EAAG6G,WACvDX,cAAclG,EAAGsD,WAAYtD,EAAGmG,eAAgBnG,EAAGsG,iBACnDJ,cAAclG,EAAGsD,WAAYtD,EAAGuG,eAAgBvG,EAAGsG,mBAClD8E,EAASpL,EAAGoR,iCAEL3X,UACE4I,SACD+I,IACLkF,IACAC,SACK,SAASD,EAAGC,KACbC,gBAAgBxQ,EAAGyQ,YAAarF,OAC/BiG,EAAOlC,KAAKmC,IAAIhB,EAAG/X,KAAK+X,GACxBiB,EAAOpC,KAAKmC,IAAIf,EAAGhY,KAAKgY,GACxBiB,EAAS,IAAInI,aAAagI,EAAOE,EAAO,KACzCE,WAAW,EAAG,EAAGJ,EAAME,EAAMvR,EAAG8F,KAAM9F,EAAGyJ,MAAO+H,KAChDhB,gBAAgBxQ,EAAGyQ,YAAa,UAC/BiB,EAAWjY,EAAQ,EACnBkY,EAAa3R,EAAGsC,kBACjBa,cAAcnD,EAAGoD,SAAWsO,KAC5BrO,YAAYrD,EAAGsD,WAAYqO,KAC3B9L,WAAW7F,EAAGsD,WAAY,EAAGtD,EAAG8F,KAAMwK,EAAGC,EAAG,EAAGvQ,EAAG8F,KAAM9F,EAAGyJ,MAAO,QAClEvD,cAAclG,EAAGsD,WAAYtD,EAAGwG,mBAAoBxG,EAAG6G,WACvDX,cAAclG,EAAGsD,WAAYtD,EAAG0G,mBAAoB1G,EAAG6G,WACvDX,cAAclG,EAAGsD,WAAYtD,EAAGmG,eAAgBnG,EAAGsG,iBACnDJ,cAAclG,EAAGsD,WAAYtD,EAAGuG,eAAgBvG,EAAGsG,iBACnDsL,cAAc5R,EAAGsD,WAAY,EAAG,EAAG,EAAG+N,EAAME,EAAMvR,EAAG8F,KAAM9F,EAAGyJ,MAAO+H,OACpEK,EAAY7R,EAAGoR,sBAChBZ,gBAAgBxQ,EAAGyQ,YAAa,QAChCzN,cAAcX,KACdc,cAAcnD,EAAGoD,SAAW3J,KAC5B4J,YAAYrD,EAAGsD,WAAYqO,KACtBpZ,KAAKkB,MAAQA,IACXlB,KAAK8J,QAAUsP,IAChBpZ,KAAK6S,OAASyG,OAClBvB,EAAIA,OACJC,EAAIA,yDASXvQ,EAAKzH,KAAKyH,GACVsQ,EAAItQ,EAAGnB,OAAO6E,MAChB6M,EAAIvQ,EAAGnB,OAAO8E,WAEb,IAAIhK,OADN2V,SAAS,EAAG,EAAGgB,EAAGC,GACLhY,KAAKmP,QAAS,KACpB0D,EAAS7S,KAAKmP,QAAQ/N,KACrBuW,OAAOxF,OAAO4F,EAAGC,EAAGnF,EAAOvK,QAASuK,EAAOhJ,QAEnD+I,WAAW5S,KAAKsI,iDAIZ,wBAiBf9J,OAAOmO,iBAAiB,OAAQ,2BAZxBlN,EAAOkM,SAAS4N,uBAAuB,iBACvC9Z,EAAKM,OAAS,EAAG,QACVyZ,oBACF,IAAItZ,EAAI,EAAGA,EAAIT,EAAKM,OAAQG,IAAK,KAC9B6R,EAAU,IAAIrD,EAAWjP,EAAKS,IAC9B6R,EAAQzC,gBACDkK,aAAahY,KAAKuQ"}
\ No newline at end of file
+{"version":3,"file":"GlslCanvas.min.js","sources":["../node_modules/global/window.js","../node_modules/is-function/index.js","../node_modules/trim/index.js","../node_modules/for-each/index.js","../node_modules/parse-headers/parse-headers.js","../node_modules/xtend/immutable.js","../node_modules/xhr/index.js","../src/gl/gl.js","../src/tools/common.js","../src/tools/mixin.js","../src/gl/Texture.js","../src/GlslCanvas.js"],"sourcesContent":["var win;\n\nif (typeof window !== \"undefined\") {\n    win = window;\n} else if (typeof global !== \"undefined\") {\n    win = global;\n} else if (typeof self !== \"undefined\"){\n    win = self;\n} else {\n    win = {};\n}\n\nmodule.exports = win;\n","module.exports = isFunction\n\nvar toString = Object.prototype.toString\n\nfunction isFunction (fn) {\n  var string = toString.call(fn)\n  return string === '[object Function]' ||\n    (typeof fn === 'function' && string !== '[object RegExp]') ||\n    (typeof window !== 'undefined' &&\n     // IE8 and below\n     (fn === window.setTimeout ||\n      fn === window.alert ||\n      fn === window.confirm ||\n      fn === window.prompt))\n};\n","\nexports = module.exports = trim;\n\nfunction trim(str){\n  return str.replace(/^\\s*|\\s*$/g, '');\n}\n\nexports.left = function(str){\n  return str.replace(/^\\s*/, '');\n};\n\nexports.right = function(str){\n  return str.replace(/\\s*$/, '');\n};\n","var isFunction = require('is-function')\n\nmodule.exports = forEach\n\nvar toString = Object.prototype.toString\nvar hasOwnProperty = Object.prototype.hasOwnProperty\n\nfunction forEach(list, iterator, context) {\n    if (!isFunction(iterator)) {\n        throw new TypeError('iterator must be a function')\n    }\n\n    if (arguments.length < 3) {\n        context = this\n    }\n    \n    if (toString.call(list) === '[object Array]')\n        forEachArray(list, iterator, context)\n    else if (typeof list === 'string')\n        forEachString(list, iterator, context)\n    else\n        forEachObject(list, iterator, context)\n}\n\nfunction forEachArray(array, iterator, context) {\n    for (var i = 0, len = array.length; i < len; i++) {\n        if (hasOwnProperty.call(array, i)) {\n            iterator.call(context, array[i], i, array)\n        }\n    }\n}\n\nfunction forEachString(string, iterator, context) {\n    for (var i = 0, len = string.length; i < len; i++) {\n        // no such thing as a sparse string.\n        iterator.call(context, string.charAt(i), i, string)\n    }\n}\n\nfunction forEachObject(object, iterator, context) {\n    for (var k in object) {\n        if (hasOwnProperty.call(object, k)) {\n            iterator.call(context, object[k], k, object)\n        }\n    }\n}\n","var trim = require('trim')\n  , forEach = require('for-each')\n  , isArray = function(arg) {\n      return Object.prototype.toString.call(arg) === '[object Array]';\n    }\n\nmodule.exports = function (headers) {\n  if (!headers)\n    return {}\n\n  var result = {}\n\n  forEach(\n      trim(headers).split('\\n')\n    , function (row) {\n        var index = row.indexOf(':')\n          , key = trim(row.slice(0, index)).toLowerCase()\n          , value = trim(row.slice(index + 1))\n\n        if (typeof(result[key]) === 'undefined') {\n          result[key] = value\n        } else if (isArray(result[key])) {\n          result[key].push(value)\n        } else {\n          result[key] = [ result[key], value ]\n        }\n      }\n  )\n\n  return result\n}","module.exports = extend\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\nfunction extend() {\n    var target = {}\n\n    for (var i = 0; i < arguments.length; i++) {\n        var source = arguments[i]\n\n        for (var key in source) {\n            if (hasOwnProperty.call(source, key)) {\n                target[key] = source[key]\n            }\n        }\n    }\n\n    return target\n}\n","\"use strict\";\nvar window = require(\"global/window\")\nvar isFunction = require(\"is-function\")\nvar parseHeaders = require(\"parse-headers\")\nvar xtend = require(\"xtend\")\n\nmodule.exports = createXHR\n// Allow use of default import syntax in TypeScript\nmodule.exports.default = createXHR;\ncreateXHR.XMLHttpRequest = window.XMLHttpRequest || noop\ncreateXHR.XDomainRequest = \"withCredentials\" in (new createXHR.XMLHttpRequest()) ? createXHR.XMLHttpRequest : window.XDomainRequest\n\nforEachArray([\"get\", \"put\", \"post\", \"patch\", \"head\", \"delete\"], function(method) {\n    createXHR[method === \"delete\" ? \"del\" : method] = function(uri, options, callback) {\n        options = initParams(uri, options, callback)\n        options.method = method.toUpperCase()\n        return _createXHR(options)\n    }\n})\n\nfunction forEachArray(array, iterator) {\n    for (var i = 0; i < array.length; i++) {\n        iterator(array[i])\n    }\n}\n\nfunction isEmpty(obj){\n    for(var i in obj){\n        if(obj.hasOwnProperty(i)) return false\n    }\n    return true\n}\n\nfunction initParams(uri, options, callback) {\n    var params = uri\n\n    if (isFunction(options)) {\n        callback = options\n        if (typeof uri === \"string\") {\n            params = {uri:uri}\n        }\n    } else {\n        params = xtend(options, {uri: uri})\n    }\n\n    params.callback = callback\n    return params\n}\n\nfunction createXHR(uri, options, callback) {\n    options = initParams(uri, options, callback)\n    return _createXHR(options)\n}\n\nfunction _createXHR(options) {\n    if(typeof options.callback === \"undefined\"){\n        throw new Error(\"callback argument missing\")\n    }\n\n    var called = false\n    var callback = function cbOnce(err, response, body){\n        if(!called){\n            called = true\n            options.callback(err, response, body)\n        }\n    }\n\n    function readystatechange() {\n        if (xhr.readyState === 4) {\n            setTimeout(loadFunc, 0)\n        }\n    }\n\n    function getBody() {\n        // Chrome with requestType=blob throws errors arround when even testing access to responseText\n        var body = undefined\n\n        if (xhr.response) {\n            body = xhr.response\n        } else {\n            body = xhr.responseText || getXml(xhr)\n        }\n\n        if (isJson) {\n            try {\n                body = JSON.parse(body)\n            } catch (e) {}\n        }\n\n        return body\n    }\n\n    function errorFunc(evt) {\n        clearTimeout(timeoutTimer)\n        if(!(evt instanceof Error)){\n            evt = new Error(\"\" + (evt || \"Unknown XMLHttpRequest Error\") )\n        }\n        evt.statusCode = 0\n        return callback(evt, failureResponse)\n    }\n\n    // will load the data & process the response in a special response object\n    function loadFunc() {\n        if (aborted) return\n        var status\n        clearTimeout(timeoutTimer)\n        if(options.useXDR && xhr.status===undefined) {\n            //IE8 CORS GET successful response doesn't have a status field, but body is fine\n            status = 200\n        } else {\n            status = (xhr.status === 1223 ? 204 : xhr.status)\n        }\n        var response = failureResponse\n        var err = null\n\n        if (status !== 0){\n            response = {\n                body: getBody(),\n                statusCode: status,\n                method: method,\n                headers: {},\n                url: uri,\n                rawRequest: xhr\n            }\n            if(xhr.getAllResponseHeaders){ //remember xhr can in fact be XDR for CORS in IE\n                response.headers = parseHeaders(xhr.getAllResponseHeaders())\n            }\n        } else {\n            err = new Error(\"Internal XMLHttpRequest Error\")\n        }\n        return callback(err, response, response.body)\n    }\n\n    var xhr = options.xhr || null\n\n    if (!xhr) {\n        if (options.cors || options.useXDR) {\n            xhr = new createXHR.XDomainRequest()\n        }else{\n            xhr = new createXHR.XMLHttpRequest()\n        }\n    }\n\n    var key\n    var aborted\n    var uri = xhr.url = options.uri || options.url\n    var method = xhr.method = options.method || \"GET\"\n    var body = options.body || options.data\n    var headers = xhr.headers = options.headers || {}\n    var sync = !!options.sync\n    var isJson = false\n    var timeoutTimer\n    var failureResponse = {\n        body: undefined,\n        headers: {},\n        statusCode: 0,\n        method: method,\n        url: uri,\n        rawRequest: xhr\n    }\n\n    if (\"json\" in options && options.json !== false) {\n        isJson = true\n        headers[\"accept\"] || headers[\"Accept\"] || (headers[\"Accept\"] = \"application/json\") //Don't override existing accept header declared by user\n        if (method !== \"GET\" && method !== \"HEAD\") {\n            headers[\"content-type\"] || headers[\"Content-Type\"] || (headers[\"Content-Type\"] = \"application/json\") //Don't override existing accept header declared by user\n            body = JSON.stringify(options.json === true ? body : options.json)\n        }\n    }\n\n    xhr.onreadystatechange = readystatechange\n    xhr.onload = loadFunc\n    xhr.onerror = errorFunc\n    // IE9 must have onprogress be set to a unique function.\n    xhr.onprogress = function () {\n        // IE must die\n    }\n    xhr.onabort = function(){\n        aborted = true;\n    }\n    xhr.ontimeout = errorFunc\n    xhr.open(method, uri, !sync, options.username, options.password)\n    //has to be after open\n    if(!sync) {\n        xhr.withCredentials = !!options.withCredentials\n    }\n    // Cannot set timeout with sync request\n    // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly\n    // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent\n    if (!sync && options.timeout > 0 ) {\n        timeoutTimer = setTimeout(function(){\n            if (aborted) return\n            aborted = true//IE9 may still call readystatechange\n            xhr.abort(\"timeout\")\n            var e = new Error(\"XMLHttpRequest timeout\")\n            e.code = \"ETIMEDOUT\"\n            errorFunc(e)\n        }, options.timeout )\n    }\n\n    if (xhr.setRequestHeader) {\n        for(key in headers){\n            if(headers.hasOwnProperty(key)){\n                xhr.setRequestHeader(key, headers[key])\n            }\n        }\n    } else if (options.headers && !isEmpty(options.headers)) {\n        throw new Error(\"Headers cannot be set on an XDomainRequest object\")\n    }\n\n    if (\"responseType\" in options) {\n        xhr.responseType = options.responseType\n    }\n\n    if (\"beforeSend\" in options &&\n        typeof options.beforeSend === \"function\"\n    ) {\n        options.beforeSend(xhr)\n    }\n\n    // Microsoft Edge browser sends \"undefined\" when send is called with undefined value.\n    // XMLHttpRequest spec says to pass null as body to indicate no body\n    // See https://github.com/naugtur/xhr/issues/100.\n    xhr.send(body || null)\n\n    return xhr\n\n\n}\n\nfunction getXml(xhr) {\n    // xhr.responseXML will throw Exception \"InvalidStateError\" or \"DOMException\"\n    // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML.\n    try {\n        if (xhr.responseType === \"document\") {\n            return xhr.responseXML\n        }\n        var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === \"parsererror\"\n        if (xhr.responseType === \"\" && !firefoxBugTakenEffect) {\n            return xhr.responseXML\n        }\n    } catch (e) {}\n\n    return null\n}\n\nfunction noop() {}\n","let lastError = '';\n\n/**\n * Creates the HTLM for a failure message\n * @param {string} canvasContainerId id of container of th\n *        canvas.\n * @return {string} The html.\n */\nfunction makeFailHTML(msg) {\n    return `\n<table style=\"background-color: #8CE; width: 100%; height: 100%;\"><tr>\n<td align=\"center\">\n<div style=\"display: table-cell; vertical-align: middle;\">\n<div style=\"\">` + msg + `</div>\n</div>\n</td></tr></table>\n`;\n}\n\n/**\n * Message for getting a webgl browser\n * @type {string}\n */\nlet GET_A_WEBGL_BROWSER = `\n\tThis page requires a browser that supports WebGL.<br/>\n\t<a href=\"http://get.webgl.org\">Click here to upgrade your browser.</a>\n`;\n\n/**\n * Message for need better hardware\n * @type {string}\n */\nlet OTHER_PROBLEM = `\n\tIt does not appear your computer can support WebGL.<br/>\n\t<a href=\"http://get.webgl.org/troubleshooting/\">Click here for more information.</a>\n`;\n\n/**\n * Code to return in `onError` callback when the browser doesn't support webgl\n * @type {number}\n */\nexport const ERROR_BROWSER_SUPPORT = 1;\n\n/**\n * Code to return in `onError` callback there's any other problem related to webgl\n * @type {number}\n */\nexport const ERROR_OTHER = 2;\n\n/**\n * Creates a webgl context. If creation fails it will\n * change the contents of the container of the <canvas>\n * tag to an error message with the correct links for WebGL,\n * unless `onError` option is defined to a callback,\n * which allows for custom error handling..\n * @param {Element} canvas. The canvas element to create a\n *     context from.\n * @param {WebGLContextCreationAttributes} optAttribs Any\n *     creation attributes you want to pass in.\n * @return {WebGLRenderingContext} The created context.\n */\nexport function setupWebGL (canvas, optAttribs, onError) {\n    function showLink(str) {\n        let container = canvas.parentNode;\n        if (container) {\n            container.innerHTML = makeFailHTML(str);\n        }\n    }\n\n    function handleError(errorCode, msg) {\n        if (typeof onError === 'function') {\n            onError(errorCode);\n        } else {\n            showLink(msg);\n        }\n    }\n\n    if (!window.WebGLRenderingContext) {\n        handleError(ERROR_BROWSER_SUPPORT, GET_A_WEBGL_BROWSER);\n        return null;\n    }\n\n    let context = create3DContext(canvas, optAttribs);\n    if (!context) {\n        handleError(ERROR_OTHER, OTHER_PROBLEM);\n    } else {\n        context.getExtension('OES_standard_derivatives');\n    }\n    return context;\n}\n\n/**\n * Creates a webgl context.\n * @param {!Canvas} canvas The canvas tag to get context\n *     from. If one is not passed in one will be created.\n * @return {!WebGLContext} The created context.\n */\nexport function create3DContext(canvas, optAttribs) {\n    let names = ['webgl', 'experimental-webgl'];\n    let context = null;\n    for (var ii = 0; ii < names.length; ++ii) {\n        try {\n            context = canvas.getContext(names[ii], optAttribs);\n        } catch(e) {\n            if (context) {\n                break;\n            }\n        }\n    }\n    return context;\n}\n\n/*\n *\tCreate a Vertex of a specific type (gl.VERTEX_SHADER/)\n */\nexport function createShader(main, source, type, offset) {\n    let gl = main.gl;\n\n    let shader = gl.createShader(type);\n    gl.shaderSource(shader, source);\n    gl.compileShader(shader);\n\n    let compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);\n\n    if (!compiled) {\n        // Something went wrong during compilation; get the error\n        lastError = gl.getShaderInfoLog(shader);\n        console.error('*** Error compiling shader ' + shader + ':' + lastError);\n        main.trigger('error', {\n            shader: shader,\n            source: source,\n            type: type,\n            error: lastError,\n            offset: offset || 0\n        });\n        gl.deleteShader(shader);\n        return null;\n    }\n\n    return shader;\n}\n\n/**\n * Loads a shader.\n * @param {!WebGLContext} gl The WebGLContext to use.\n * @param {string} shaderSource The shader source.\n * @param {number} shaderType The type of shader.\n * @param {function(string): void) opt_errorCallback callback for errors.\n * @return {!WebGLShader} The created shader.\n */\nexport function createProgram(main, shaders, optAttribs, optLocations) {\n    let gl = main.gl;\n\n    let program = gl.createProgram();\n    for (let ii = 0; ii < shaders.length; ++ii) {\n        gl.attachShader(program, shaders[ii]);\n    }\n    if (optAttribs) {\n        for (let ii = 0; ii < optAttribs.length; ++ii) {\n            gl.bindAttribLocation(\n            program,\n            optLocations ? optLocations[ii] : ii,\n            optAttribs[ii]);\n        }\n    }\n    gl.linkProgram(program);\n\n    // Check the link status\n    let linked = gl.getProgramParameter(program, gl.LINK_STATUS);\n    if (!linked) {\n        // something went wrong with the link\n        lastError = gl.getProgramInfoLog(program);\n        console.log('Error in program linking:' + lastError);\n        gl.deleteProgram(program);\n        return null;\n    }\n    return program;\n}\n\n// By Brett Camber on\n// https://github.com/tangrams/tangram/blob/master/src/gl/glsl.js\nexport function parseUniforms(uniforms, prefix = null) {\n    let parsed = [];\n\n    for (let name in uniforms) {\n        let uniform = uniforms[name];\n        let u;\n\n        if (prefix) {\n            name = prefix + '.' + name;\n        }\n\n        // Single float\n        if (typeof uniform === 'number') {\n            parsed.push({\n                type: 'float',\n                method: '1f',\n                name,\n                value: uniform\n            });\n        }\n        // Array: vector, array of floats, array of textures, or array of structs\n        else if (Array.isArray(uniform)) {\n            // Numeric values\n            if (typeof uniform[0] === 'number') {\n                // float vectors (vec2, vec3, vec4)\n                if (uniform.length === 1) {\n                    parsed.push({\n                        type: 'float',\n                        method: '1f',\n                        name,\n                        value: uniform\n                    });\n                }\n                // float vectors (vec2, vec3, vec4)\n                else if (uniform.length >= 2 && uniform.length <= 4) {\n                    parsed.push({\n                        type: 'vec' + uniform.length,\n                        method: uniform.length + 'fv',\n                        name,\n                        value: uniform\n                    });\n                }\n                // float array\n                else if (uniform.length > 4) {\n                    parsed.push({\n                        type: 'float[]',\n                        method: '1fv',\n                        name: name + '[0]',\n                        value: uniform\n                    });\n                }\n                // TODO: assume matrix for (typeof == Float32Array && length == 16)?\n            }\n            // Array of textures\n            else if (typeof uniform[0] === 'string') {\n                parsed.push({\n                    type: 'sampler2D',\n                    method: '1i',\n                    name: name,\n                    value: uniform\n                });\n            }\n            // Array of arrays - but only arrays of vectors are allowed in this case\n            else if (Array.isArray(uniform[0]) && typeof uniform[0][0] === 'number') {\n                // float vectors (vec2, vec3, vec4)\n                if (uniform[0].length >= 2 && uniform[0].length <= 4) {\n                    // Set each vector in the array\n                    for (u = 0; u < uniform.length; u++) {\n                        parsed.push({\n                            type: 'vec' + uniform[0].length,\n                            method: uniform[u].length + 'fv',\n                            name: name + '[' + u + ']',\n                            value: uniform[u]\n                        });\n                    }\n                }\n                // else error?\n            }\n            // Array of structures\n            else if (typeof uniform[0] === 'object') {\n                for (u = 0; u < uniform.length; u++) {\n                    // Set each struct in the array\n                    parsed.push(...parseUniforms(uniform[u], name + '[' + u + ']'));\n                }\n            }\n        }\n        // Boolean\n        else if (typeof uniform === 'boolean') {\n            parsed.push({\n                type: 'bool',\n                method: '1i',\n                name,\n                value: uniform\n            });\n        }\n        // Texture\n        else if (typeof uniform === 'string') {\n            parsed.push({\n                type: 'sampler2D',\n                method: '1i',\n                name,\n                value: uniform\n            });\n        }\n        // Structure\n        else if (typeof uniform === 'object') {\n            // Set each field in the struct\n            parsed.push(...parseUniforms(uniform, name));\n        }\n        // TODO: support other non-float types? (int, etc.)\n    }\n    return parsed;\n}\n","export function isCanvasVisible(canvas) {\n    return\t((canvas.getBoundingClientRect().top + canvas.height) > 0) &&\n        (canvas.getBoundingClientRect().top < (window.innerHeight || document.documentElement.clientHeight));\n}\n\nexport function isPowerOf2(value) {\n    return (value & (value - 1)) === 0;\n}\n\nexport function isSafari () {\n    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n};\n\nexport function nextHighestPowerOfTwo(x) {\n    --x;\n    for (let i = 1; i < 32; i <<= 1) {\n        x = x | x >> i;\n    }\n    return x + 1;\n}\n\nexport function FormatNumberLength(num, length) {\n    let r = num.toString();\n    while (r.length < length) {\n        r = '0' + r;\n    }\n    return r;\n}\n\nexport function getMousePos(canvas, evt) {\n    let rect = canvas.getBoundingClientRect();\n    return {\n        x: evt.clientX - rect.left,\n        y: evt.clientY - rect.top\n    };\n}\n\nexport function isDiff(a, b) {\n    if (a && b) {\n        return a.toString() !== b.toString();\n    }\n    return false;\n}\n\nexport function subscribeMixin (target) {\n    var listeners = new Set();\n\n    return Object.assign(target, {\n\n        subscribe(listener) {\n            listeners.add(listener);\n        },\n\n        on(type, f) {\n            let listener = {};\n            listener[type] = f;\n            listeners.add(listener);\n        },\n\n        unsubscribe(listener) {\n            listeners.delete(listener);\n        },\n\n        unsubscribeAll() {\n            listeners.clear();\n        },\n\n        trigger(event, ...data) {\n            for (var listener of listeners) {\n                if (typeof listener[event] === 'function') {\n                    listener[event](...data);\n                }\n            }\n        }\n    });\n}\n","export function subscribeMixin (target) {\n    var listeners = new Set();\n\n    return Object.assign(target, {\n\n        on(type, f) {\n            let listener = {};\n            listener[type] = f;\n            listeners.add(listener);\n        },\n\n        off(type, f) {\n            if (f) {\n                let listener = {};\n                listener[type] = f;\n                listeners.delete(listener);\n            }\n            else {\n                for (let item of listeners) {\n                    for (let key of Object.keys(item)) {\n                        if (key === type) {\n                            listeners.delete(item);\n                            return;\n                        }\n                    }\n                }\n            }\n        },\n\n        listSubscriptions() {\n            for (let item of listeners) {\n                console.log(item);\n            }\n        },\n\n        subscribe(listener) {\n            listeners.add(listener);\n        },\n\n        unsubscribe(listener) {\n            listeners.delete(listener);\n        },\n\n        unsubscribeAll() {\n            listeners.clear();\n        },\n\n        trigger(event, ...data) {\n            for (var listener of listeners) {\n                if (typeof listener[event] === 'function') {\n                    listener[event](...data);\n                }\n            }\n        }\n    });\n}\n","// Texture management\nimport { isPowerOf2, isSafari } from '../tools/common';\nimport { subscribeMixin } from '../tools/mixin';\n\n// GL texture wrapper object for keeping track of a global set of textures, keyed by a unique user-defined name\nexport default class Texture {\n    constructor(gl, name, options = {}) {\n        subscribeMixin(this);\n\n        this.gl = gl;\n        this.texture = gl.createTexture();\n        if (this.texture) {\n            this.valid = true;\n        }\n        this.bind();\n\n        this.name = name;\n        this.source = null;\n        this.sourceType = null;\n        this.loading = null; // a Promise object to track the loading state of this texture\n\n        // Default to a 1-pixel black texture so we can safely render while we wait for an image to load\n        // See: http://stackoverflow.com/questions/19722247/webgl-wait-for-texture-to-load\n        this.setData(1, 1, new Uint8Array([0, 0, 0, 255]), { filtering: 'linear' });\n        this.setFiltering(options.filtering);\n\n        this.load(options);\n    }\n\n    // Destroy a single texture instance\n    destroy() {\n        if (!this.valid) {\n            return;\n        }\n        this.gl.deleteTexture(this.texture);\n        this.texture = null;\n        delete this.data;\n        this.data = null;\n        this.valid = false;\n    }\n\n    bind(unit) {\n        if (!this.valid) {\n            return;\n        }\n        if (typeof unit === 'number') {\n            if (Texture.activeUnit !== unit) {\n                this.gl.activeTexture(this.gl.TEXTURE0 + unit);\n                Texture.activeUnit = unit;\n            }\n        }\n        if (Texture.activeTexture !== this.texture) {\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.texture);\n            Texture.activeTexture = this.texture;\n        }\n    }\n\n    load(options = {}) {\n        this.loading = null;\n\n        if (typeof options.url === 'string') {\n            if (this.url === undefined || options.url !== this.url) {\n                this.setUrl(options.url, options);\n            }\n        }\n        else if (options.element) {\n            this.setElement(options.element, options);\n        }\n        else if (options.data && options.width && options.height) {\n            this.setData(options.width, options.height, options.data, options);\n        }\n    }\n\n    // Sets texture from an url\n    setUrl(url, options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.url = url; // save URL reference (will be overwritten when element is loaded below)\n        this.source = this.url;\n        this.sourceType = 'url';\n\n        this.loading = new Promise((resolve, reject) => {\n            let ext = url.split('.').pop().toLowerCase();\n            let isVideo = (ext === 'ogv' || ext === 'webm' || ext === 'mp4');\n\n            let element = undefined\n            if (isVideo) {\n                element = document.createElement('video');\n                element.autoplay = true;\n                options.filtering = 'nearest';\n                // element.preload = 'auto';\n                // element.style.display = 'none';\n                // document.body.appendChild(element);\n            } else {\n                element = new Image();\n            }\n\n            element.onload = () => {\n                try {\n                    this.setElement(element, options);\n                }\n                catch (e) {\n                    console.log(`Texture '${this.name}': failed to load url: '${this.source}'`, e, options);\n                }\n                resolve(this);\n            };\n            element.onerror = e => {\n                // Warn and resolve on error\n                console.log(`Texture '${this.name}': failed to load url: '${this.source}'`, e, options);\n                resolve(this);\n            };\n\n            // Safari has a bug loading data-URL elements with CORS enabled, so it must be disabled in that case\n            // https://bugs.webkit.org/show_bug.cgi?id=123978\n            if (!(isSafari() && this.source.slice(0, 5) === 'data:')) {\n                element.crossOrigin = 'anonymous';\n            }\n\n            element.src = this.source;\n            if (isVideo) {\n                this.setElement(element, options);\n            }\n        });\n        return this.loading;\n    }\n\n    // Sets texture to a raw image buffer\n    setData(width, height, data, options = {}) {\n        this.width = width;\n        this.height = height;\n\n        this.source = data;\n        this.sourceType = 'data';\n\n        this.update(options);\n        this.setFiltering(options);\n\n        this.loading = Promise.resolve(this);\n        return this.loading;\n    }\n\n    // Sets the texture to track a element (canvas/image)\n    setElement(element, options) {\n        let el = element;\n\n        // a string element is interpeted as a CSS selector\n        if (typeof element === 'string') {\n            element = document.querySelector(element);\n        }\n\n        if (element instanceof HTMLCanvasElement ||\n            element instanceof HTMLImageElement ||\n            element instanceof HTMLVideoElement) {\n            this.source = element;\n            this.sourceType = 'element';\n\n            if (element instanceof HTMLVideoElement) {\n                element.addEventListener('canplaythrough', () => {\n                    this.intervalID = setInterval(()=>{\n                        this.update(options);\n                    }, 15);\n                }, true);\n                element.addEventListener('ended', () => {\n                    element.currentTime = 0;\n                    element.play();\n                }, true);\n            } else {\n                this.update(options);\n            }            \n            this.setFiltering(options);\n        }\n        else {\n            let msg = `the 'element' parameter (\\`element: ${JSON.stringify(el)}\\`) must be a CSS `;\n            msg += `selector string, or a <canvas>, <image> or <video> object`;\n            console.log(`Texture '${this.name}': ${msg}`, options);\n        }\n\n        this.loading = Promise.resolve(this);\n        return this.loading;\n    }\n\n    // Uploads current image or buffer to the GPU (can be used to update animated textures on the fly)\n    update(options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.bind();\n        this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL, (options.UNPACK_FLIP_Y_WEBGL === false ? false : true));\n        this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, options.UNPACK_PREMULTIPLY_ALPHA_WEBGL || false);\n\n        // Image or Canvas element\n        if (this.sourceType === 'element' &&\n            ((this.source instanceof HTMLCanvasElement) || \n             (this.source instanceof HTMLVideoElement) ||\n             (this.source instanceof HTMLImageElement && this.source.complete))) {\n            if (this.source instanceof HTMLVideoElement) {\n                this.width = this.source.videoWidth;\n                this.height = this.source.videoHeight;\n            } else {\n                this.width = this.source.width;\n                this.height = this.source.height;\n            }\n            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.source);\n        }\n        // Raw image buffer\n        else if (this.sourceType === 'data') {\n            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.width, this.height, 0, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.source);\n        }\n        this.trigger('loaded', this);\n    }\n\n    // Determines appropriate filtering mode\n    setFiltering (options = {}) {\n        if (!this.valid) {\n            return;\n        }\n\n        this.powerOf2 = isPowerOf2(this.width) && isPowerOf2(this.height);\n        let defualtFilter = (this.powerOf2 ? 'mipmap' : 'linear');\n        this.filtering = options.filtering || defualtFilter;\n\n        var gl = this.gl;\n        this.bind();\n\n        // For power-of-2 textures, the following presets are available:\n        // mipmap: linear blend from nearest mip\n        // linear: linear blend from original image (no mips)\n        // nearest: nearest pixel from original image (no mips, 'blocky' look)\n        if (this.powerOf2) {\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, options.TEXTURE_WRAP_S || (options.repeat && gl.REPEAT) || gl.CLAMP_TO_EDGE);\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, options.TEXTURE_WRAP_T || (options.repeat && gl.REPEAT) || gl.CLAMP_TO_EDGE);\n\n            if (this.filtering === 'mipmap') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR); // TODO: use trilinear filtering by defualt instead?\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n                gl.generateMipmap(gl.TEXTURE_2D);\n            }\n            else if (this.filtering === 'linear') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n            }\n            else if (this.filtering === 'nearest') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n            }\n        }\n        else {\n            // WebGL has strict requirements on non-power-of-2 textures:\n            // No mipmaps and must clamp to edge\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n\n            if (this.filtering === 'mipmap') {\n                this.filtering = 'linear';\n            }\n\n            if (this.filtering === 'nearest') {\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n            }\n            else { // default to linear for non-power-of-2 textures\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n            }\n        }\n    }\n}\n\n// Report max texture size for a GL context\nTexture.getMaxTextureSize = function (gl) {\n    return gl.getParameter(gl.MAX_TEXTURE_SIZE);\n};\n\n// Global set of textures, by name\nTexture.activeUnit = -1;\n","/*\nThe MIT License (MIT)\n\nCopyright (c) 2015 Patricio Gonzalez Vivo ( http://www.patriciogonzalezvivo.com )\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the 'Software'), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n*/\n\nimport xhr from 'xhr';\nimport { createProgram, createShader, parseUniforms, setupWebGL } from './gl/gl';\nimport Texture from './gl/Texture';\nimport { isCanvasVisible, isDiff } from './tools/common';\nimport { subscribeMixin } from './tools/mixin';\n\nexport default class GlslCanvas {\n    constructor(canvas, contextOptions, options) {\n        subscribeMixin(this);\n\n        contextOptions = contextOptions || {};\n        options = options || {};\n\n        if (canvas.hasAttribute('data-fullscreen') &&\n            (canvas.getAttribute('data-fullscreen') == \"1\" ||\n            canvas.getAttribute('data-fullscreen') == \"true\" )\n        ) {\n            this.width = window.innerWidth;\n            this.height = window.innerHeight;\n            canvas.width = window.innerWidth;\n            canvas.height = window.innerHeight;\n        } else {\n            this.width = canvas.clientWidth;\n            this.height = canvas.clientHeight;\n        }\n\n        this.canvas = canvas;\n        this.gl = undefined;\n        this.program = undefined;\n        this.textures = {};\n        this.buffers = {};\n        this.uniforms = {};\n        this.vbo = {};\n        this.isValid = false;\n        this.animationFrameRequest = undefined;\n\n        this.BUFFER_COUNT = 0;\n        // this.TEXTURE_COUNT = 0;\n\n        this.vertexString = contextOptions.vertexString || `\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nattribute vec2 a_position;\nattribute vec2 a_texcoord;\n\nvarying vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_texcoord;\n}\n`;\n        this.fragmentString = contextOptions.fragmentString || `\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying vec2 v_texcoord;\n\nvoid main(){\n    gl_FragColor = vec4(0.0);\n}\n`;\n\n        // GL Context\n        let gl = setupWebGL(canvas, contextOptions, options.onError);\n        if (!gl) {\n            return;\n        }\n        this.gl = gl;\n        this.timeLoad = this.timePrev = performance.now();\n        this.timeDelta = 0.0;\n        this.forceRender = true;\n        this.paused = false;\n        this.realToCSSPixels = window.devicePixelRatio || 1;\n\n        // Allow alpha\n        canvas.style.backgroundColor = contextOptions.backgroundColor || 'rgba(1,1,1,0)';\n\n        // Load shader\n        if (canvas.hasAttribute('data-fragment')) {\n            this.fragmentString = canvas.getAttribute('data-fragment');\n        }\n        else if (canvas.hasAttribute('data-fragment-url')) {\n            let source = canvas.getAttribute('data-fragment-url');\n            xhr.get(source, (error, response, body) => {\n                this.load(body, this.vertexString);\n            });\n        }\n\n        // Load shader\n        if (canvas.hasAttribute('data-vertex')) {\n            this.vertexString = canvas.getAttribute('data-vertex');\n        }\n        else if (canvas.hasAttribute('data-vertex-url')) {\n            let source = canvas.getAttribute('data-vertex-url');\n            xhr.get(source, (error, response, body) => {\n                this.load(this.fragmentString, body);\n            });\n        }\n\n        this.load();\n\n        if (!this.program) {\n            return;\n        }\n\n        // Define Vertex buffer\n        let texCoordsLoc = gl.getAttribLocation(this.program, 'a_texcoord');\n        this.vbo.texCoords = gl.createBuffer();\n        this.gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo.texCoords);\n        this.gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 1.0, 1.0, 0.0, 1.0, 1.0]), gl.STATIC_DRAW);\n        this.gl.enableVertexAttribArray(texCoordsLoc);\n        this.gl.vertexAttribPointer(texCoordsLoc, 2, gl.FLOAT, false, 0, 0);\n\n        let verticesLoc = gl.getAttribLocation(this.program, 'a_position');\n        this.vbo.vertices = gl.createBuffer();\n        this.gl.bindBuffer(gl.ARRAY_BUFFER, this.vbo.vertices);\n        this.gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1.0, -1.0, 1.0, -1.0, -1.0, 1.0, -1.0, 1.0, 1.0, -1.0, 1.0, 1.0]), gl.STATIC_DRAW);\n        this.gl.enableVertexAttribArray(verticesLoc);\n        this.gl.vertexAttribPointer(verticesLoc, 2, gl.FLOAT, false, 0, 0);\n\n        // load TEXTURES\n        if (canvas.hasAttribute('data-textures')) {\n            let imgList = canvas.getAttribute('data-textures').split(',');\n            for (let nImg in imgList) {\n                this.setUniform('u_tex' + nImg, imgList[nImg]);\n            }\n        }\n\n        // ========================== EVENTS\n        let mouse = {\n            x: 0,\n            y: 0\n        };\n        document.addEventListener('mousemove', (e) => {\n            mouse.x = e.clientX || e.pageX;\n            mouse.y = e.clientY || e.pageY;\n        }, false);\n\n        let sandbox = this;\n        function RenderLoop() {\n            if (sandbox.nMouse > 1) {\n                sandbox.setMouse(mouse);\n            }\n\n            if (sandbox.resize()) {\n                sandbox.forceRender = true;\n            }\n            \n            sandbox.render();\n            sandbox.animationFrameRequest = window.requestAnimationFrame(RenderLoop);\n        }\n\n        // Start\n        this.setMouse({ x: 0, y: 0 });\n        RenderLoop();\n        return this;\n    }\n\n    destroy() {\n        // Stop the animation\n        cancelAnimationFrame(this.animationFrameRequest);\n\n        this.animated = false;\n        this.isValid = false;\n        for (let tex in this.textures) {\n            if (tex.destroy){\n                tex.destroy();\n            }\n        }\n        this.textures = {};\n        for (let att in this.attribs) {\n            this.gl.deleteBuffer(this.attribs[att]);\n        }\n        this.gl.useProgram(null);\n        this.gl.deleteProgram(this.program);\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            this.gl.deleteProgram(buffer.program);\n        }\n\n        this.program = null;\n        this.gl = null;\n    }\n\n    load (fragString, vertString) {\n\n        // Load vertex shader if there is one\n        if (vertString) {\n            this.vertexString = vertString;\n        }\n\n        // Load fragment shader if there is one\n        if (fragString) {\n            this.fragmentString = fragString;\n        }\n\n        this.animated = false;\n        this.nDelta = (this.fragmentString.match(/u_delta/g) || []).length;\n        this.nTime = (this.fragmentString.match(/u_time/g) || []).length;\n        this.nDate = (this.fragmentString.match(/u_date/g) || []).length;\n        this.nMouse = (this.fragmentString.match(/u_mouse/g) || []).length;\n        this.animated = this.nDate > 1 || this.nTime > 1 || this.nMouse > 1;\n\n        let nTextures = this.fragmentString.search(/sampler2D/g);\n        if (nTextures) {\n            let lines = this.fragmentString.split('\\n');\n            for (let i = 0; i < lines.length; i++) {\n                let match = lines[i].match(/uniform\\s*sampler2D\\s*([\\w]*);\\s*\\/\\/\\s*([\\w|\\:\\/\\/|\\.|\\-|\\_]*)/i);\n                if (match) {\n                    let ext = match[2].split('.').pop().toLowerCase();\n                    if (match[1] && match[2] &&\n                        (ext === 'jpg' || ext === 'jpeg' || ext === 'png' ||\n                         ext === 'ogv' || ext === 'webm' || ext === 'mp4')) {\n                        this.setUniform(match[1], match[2]);\n                    }\n                }\n                let main = lines[i].match(/\\s*void\\s*main\\s*/g);\n                if (main) {\n                    break;\n                }\n            }\n        }\n\n        let vertexShader = createShader(this, this.vertexString, this.gl.VERTEX_SHADER);\n        let fragmentShader = createShader(this, this.fragmentString, this.gl.FRAGMENT_SHADER);\n\n        // If Fragment shader fails load a empty one to sign the error\n        if (!fragmentShader) {\n            fragmentShader = createShader(this, 'void main(){\\n\\tgl_FragColor = vec4(1.0);\\n}', this.gl.FRAGMENT_SHADER);\n            this.isValid = false;\n        }\n        else {\n            this.isValid = true;\n        }\n\n        // Create and use program\n        let program = createProgram(this, [vertexShader, fragmentShader]);//, [0,1],['a_texcoord','a_position']);\n        this.gl.useProgram(program);\n\n        // Delete shaders\n        // this.gl.detachShader(program, vertexShader);\n        // this.gl.detachShader(program, fragmentShader);\n        this.gl.deleteShader(vertexShader);\n        this.gl.deleteShader(fragmentShader);\n\n        this.program = program;\n        this.change = true;\n\n        this.BUFFER_COUNT = 0;\n        const buffers = this.getBuffers(this.fragmentString);\n        if (Object.keys(buffers).length) {\n            this.loadPrograms(buffers);\n        }\n        this.buffers = buffers;\n        this.texureIndex = this.BUFFER_COUNT;\n        \n        // Trigger event\n        this.trigger('load', {});\n\n        this.forceRender = true;\n        this.render();\n    }\n\n    test (callback, fragString, vertString) {\n        // Thanks to @thespite for the help here\n        // https://www.khronos.org/registry/webgl/extensions/EXT_disjoint_timer_query/\n        let pre_test_vert = this.vertexString;\n        let pre_test_frag = this.fragmentString;\n        let pre_test_paused = this.paused;\n\n        let ext = this.gl.getExtension('EXT_disjoint_timer_query');\n        let query = ext.createQueryEXT();\n        let wasValid = this.isValid;\n\n        if (fragString || vertString) {\n            this.load(fragString, vertString);\n            wasValid = this.isValid;\n            this.forceRender = true;\n            this.render();\n        }\n\n        this.paused = true;\n        ext.beginQueryEXT(ext.TIME_ELAPSED_EXT, query);\n        this.forceRender = true;\n        this.render();\n        ext.endQueryEXT(ext.TIME_ELAPSED_EXT);\n\n        let sandbox = this;\n        function finishTest() {\n            // Revert changes... go back to normal\n            sandbox.paused = pre_test_paused;\n            if (fragString || vertString) {\n                sandbox.load(pre_test_frag, pre_test_vert);\n            }\n        }\n        function waitForTest() {\n            sandbox.forceRender = true;\n            sandbox.render();\n            let available = ext.getQueryObjectEXT(query, ext.QUERY_RESULT_AVAILABLE_EXT);\n            let disjoint = sandbox.gl.getParameter(ext.GPU_DISJOINT_EXT);\n            if (available && !disjoint) {\n                let ret = {\n                    wasValid: wasValid,\n                    frag: fragString || sandbox.fragmentString,\n                    vert: vertString || sandbox.vertexString,\n                    timeElapsedMs: ext.getQueryObjectEXT(query, ext.QUERY_RESULT_EXT)/1000000.0\n                };\n                finishTest();\n                callback(ret);\n            } else {\n                window.requestAnimationFrame(waitForTest);\n            }\n        }\n        waitForTest();\n    }\n\n    loadTexture (name, urlElementOrData, options) {\n        if (!options) {\n            options = {};\n        }\n\n        if (typeof urlElementOrData === 'string') {\n            options.url = urlElementOrData;\n        }\n        else if (typeof urlElementOrData === 'object' && urlElementOrData.data && urlElementOrData.width && urlElementOrData.height) {\n            options.data = urlElementOrData.data;\n            options.width = urlElementOrData.width;\n            options.height = urlElementOrData.height;\n        }\n        else if (typeof urlElementOrData === 'object') {\n            options.element = urlElementOrData;\n        }\n\n        if (this.textures[name]) {\n            if (this.textures[name]) {\n                this.textures[name].load(options);\n                this.textures[name].on('loaded', (args) => {\n                    this.forceRender = true;\n                });\n            }\n        }\n        else {\n            this.textures[name] = new Texture(this.gl, name, options);\n            this.textures[name].on('loaded', (args) => {\n                this.forceRender = true;\n            });\n        }\n\n    }\n\n    refreshUniforms() {\n        this.uniforms = {};\n    }\n\n    setUniform(name, ...value) {\n        let u = {};\n        u[name] = value;\n        this.setUniforms(u);\n    }\n\n    setUniforms(uniforms) {\n        let parsed = parseUniforms(uniforms);\n        // Set each uniform\n        for (let u in parsed) {\n            if (parsed[u].type === 'sampler2D') {\n                // For textures, we need to track texture units, so we have a special setter\n                // this.uniformTexture(parsed[u].name, parsed[u].value[0]);\n                this.loadTexture(parsed[u].name, parsed[u].value[0]);\n            }\n            else {\n                this.uniform(parsed[u].method, parsed[u].type, parsed[u].name, parsed[u].value);\n            }\n        }\n        this.forceRender = true;\n    }\n\n    setMouse(mouse) {\n        // set the mouse uniform\n        let rect = this.canvas.getBoundingClientRect();\n        if (mouse &&\n            mouse.x && mouse.x >= rect.left && mouse.x <= rect.right &&\n            mouse.y && mouse.y >= rect.top && mouse.y <= rect.bottom) {\n\n            let mouse_x = (mouse.x - rect.left ) * this.realToCSSPixels;\n            let mouse_y = (this.canvas.height - (mouse.y - rect.top) * this.realToCSSPixels);\n\n            this.uniform('2f', 'vec2', 'u_mouse', mouse_x, mouse_y);\n        }\n    }\n\n    // ex: program.uniform('3f', 'position', x, y, z);\n    uniform (method, type, name, ...value) { // 'value' is a method-appropriate arguments list\n        this.uniforms[name] = this.uniforms[name] || {}; \n        let uniform = this.uniforms[name];\n        let change = isDiff(uniform.value, value);\n\n        // remember and keep track of uniforms location to save calls\n        if (change || this.change || !uniform.location || !uniform.value) {\n            uniform.name = name;\n            uniform.type = type;\n            uniform.value = value;\n            uniform.method = 'uniform' + method;\n            this.gl.useProgram(this.program);\n            uniform.location = this.gl.getUniformLocation(this.program, name);\n            this.gl[uniform.method].apply(this.gl, [uniform.location].concat(uniform.value));\n            // If there is change update and there is buffer update manually one by one\n            for (let key in this.buffers) {\n                let buffer = this.buffers[key];\n                this.gl.useProgram(buffer.program);\n                let location = this.gl.getUniformLocation(buffer.program, name);\n                this.gl[uniform.method].apply(this.gl, [location].concat(uniform.value));\n            }\n        }\n    }\n\n    uniformTexture(name, texture, options) {\n        if (this.textures[name] === undefined) {\n            this.loadTexture(name, texture, options);\n        }\n        else {\n            this.uniform('1i', 'sampler2D', name, this.texureIndex)\n\n            for (let key in this.buffers) {\n                const buffer = this.buffers[key];\n                this.gl.useProgram(buffer.program);\n                this.gl.activeTexture(this.gl.TEXTURE0 + this.texureIndex);\n                this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[name].texture);\n            }\n            this.gl.useProgram(this.program);\n            this.gl.activeTexture(this.gl.TEXTURE0 + this.texureIndex);\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.textures[name].texture);\n            this.uniform('2f', 'vec2', name + 'Resolution', this.textures[name].width, this.textures[name].height);\n        }\n    }\n\n    resize() {\n        if (this.width !== this.canvas.clientWidth ||\n            this.height !== this.canvas.clientHeight) {\n            this.realToCSSPixels = window.devicePixelRatio || 1;\n\n            // Lookup the size the browser is displaying the canvas in CSS pixels\n            // and compute a size needed to make our drawingbuffer match it in\n            // device pixels.\n            let displayWidth = Math.floor(this.gl.canvas.clientWidth * this.realToCSSPixels);\n            let displayHeight = Math.floor(this.gl.canvas.clientHeight * this.realToCSSPixels);\n\n            // Check if the canvas is not the same size.\n            if (this.gl.canvas.width !== displayWidth ||\n                this.gl.canvas.height !== displayHeight) {\n                // Make the canvas the same size\n                this.gl.canvas.width = displayWidth;\n                this.gl.canvas.height = displayHeight;\n                // Set the viewport to match\n                this.gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n            }\n            this.width = this.canvas.clientWidth;\n            this.height = this.canvas.clientHeight;\n            this.resizeSwappableBuffers();\n            return true;\n        } else {\n            return false;\n        }\n    }\n\n    render () {\n        this.visible = isCanvasVisible(this.canvas);\n        if ( this.forceRender || this.change ||\n            (this.animated && this.visible && ! this.paused) ) {\n\n            // Update Uniforms when are need\n            let date = new Date();\n            let now = performance.now();\n            this.timeDelta =  (now - this.timePrev) / 1000.0;\n            this.timePrev = now;\n            if (this.nDelta > 1) {\n                // set the delta time uniform\n                this.uniform('1f', 'float', 'u_delta', this.timeDelta);\n            }\n\n            if (this.nTime > 1 ) {\n                // set the elapsed time uniform\n                this.uniform('1f', 'float', 'u_time', (now - this.timeLoad) / 1000.0);\n            }\n\n            if (this.nDate) {\n                // Set date uniform: year/month/day/time_in_sec\n                this.uniform('4f', 'float', 'u_date', date.getFullYear(), date.getMonth(), date.getDate(), date.getHours() * 3600 + date.getMinutes() * 60 + date.getSeconds() + date.getMilliseconds() * 0.001 );\n            }\n\n            // set the resolution uniform\n            this.uniform('2f', 'vec2', 'u_resolution', this.canvas.width, this.canvas.height);\n\n            for (let key in this.buffers) {\n                const buffer = this.buffers[key];\n                this.uniform('1i', 'sampler2D', buffer.name, buffer.bundle.input.index);\n            }\n\n            this.texureIndex = this.BUFFER_COUNT;\n            for (let tex in this.textures) {\n                this.uniformTexture(tex);\n                this.texureIndex++;\n            }\n\n            this.renderPrograms();\n\n            // Trigger event\n            this.trigger('render', {});\n            this.change = false;\n            this.forceRender = false;\n        }\n    }\n\n    pause () {\n        this.paused = true;\n    }\n\n    play () {\n        this.paused = false;\n    }\n\n    // render main and buffers programs\n    renderPrograms() {\n        const gl = this.gl;\n        const W = gl.canvas.width;\n        const H = gl.canvas.height;\n\n        gl.viewport(0, 0, W, H);\n\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            buffer.bundle.render(W, H, buffer.program, buffer.name);\n            gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n        }\n\n        gl.useProgram(this.program);\n        gl.drawArrays(gl.TRIANGLES, 0, 6);\n    }\n\n    // parse input strings\n    getBuffers(fragString) {\n        let buffers = {};\n        if (fragString) {\n            fragString.replace(/(?:^\\s*)((?:#if|#elif)(?:\\s*)(defined\\s*\\(\\s*BUFFER_)(\\d+)(?:\\s*\\))|(?:#ifdef)(?:\\s*BUFFER_)(\\d+)(?:\\s*))/gm, function () {\n                const i = arguments[3] || arguments[4];\n                buffers['u_buffer' + i] = {\n                    fragment: '#define BUFFER_' + i + '\\n' + fragString\n                };\n            });\n        }\n        return buffers;\n    }\n\n    // load buffers programs\n    loadPrograms(buffers) {\n        const glsl = this;\n        const gl = this.gl;\n        const vertex = createShader(glsl, glsl.vertexString, gl.VERTEX_SHADER);\n        for (let key in buffers) {\n            const buffer = buffers[key];\n            let fragment = createShader(glsl, buffer.fragment, gl.FRAGMENT_SHADER, 1);\n            if (!fragment) {\n                fragment = createShader(glsl, 'void main(){\\n\\tgl_FragColor = vec4(1.0);\\n}', gl.FRAGMENT_SHADER);\n                glsl.isValid = false;\n            } else {\n                glsl.isValid = true;\n            }\n            const program = createProgram(glsl, [vertex, fragment]);\n            buffer.name = key;\n            buffer.program = program;\n            buffer.bundle = glsl.createSwappableBuffer(glsl.canvas.width, glsl.canvas.height, program);\n            gl.deleteShader(fragment);\n        }\n        gl.deleteShader(vertex);\n    }\n\n    // create an input / output swappable buffer\n    createSwappableBuffer(W, H, program) {\n        var input = this.createBuffer(W, H, program);\n        var output = this.createBuffer(W, H, program);\n        const gl = this.gl;\n        return {\n            input: input,\n            output: output,\n            swap: function() {\n                var temp = input;\n                input = output;\n                output = temp;\n                this.input = input;\n                this.output = output;\n            },\n            render: function (W, H, program, name) {\n                gl.useProgram(program);\n                gl.viewport(0, 0, W, H);\n                gl.bindFramebuffer(gl.FRAMEBUFFER, this.input.buffer);\n                gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.output.texture, 0);\n                gl.drawArrays(gl.TRIANGLES, 0, 6);\n                this.swap();\n            },\n            resize: function (W, H, program, name) {\n                gl.useProgram(program);\n                gl.viewport(0, 0, W, H);\n                this.input.resize(W, H);\n                this.output.resize(W, H);\n            },\n        };\n    }\n\n    // create a buffers\n    createBuffer(W, H, program) {\n        const gl = this.gl;\n        let index = this.BUFFER_COUNT;\n        this.BUFFER_COUNT += 2;\n        gl.getExtension('OES_texture_float');\n        var texture = gl.createTexture();\n        gl.activeTexture(gl.TEXTURE0 + index);\n        gl.bindTexture(gl.TEXTURE_2D, texture);\n        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.FLOAT, null);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n        var buffer = gl.createFramebuffer();\n        return {\n            index: index,\n            texture: texture,\n            buffer: buffer,\n            W: W,\n            H: H,\n            resize: function(W, H) {\n                gl.bindFramebuffer(gl.FRAMEBUFFER, buffer);\n                var minW = Math.min(W, this.W);\n                var minH = Math.min(H, this.H);\n                var pixels = new Float32Array(minW * minH * 4);\n                gl.readPixels(0, 0, minW, minH, gl.RGBA, gl.FLOAT, pixels);\n                gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n                var newIndex = index + 1;\n                var newTexture = gl.createTexture();\n                gl.activeTexture(gl.TEXTURE0 + newIndex);\n                gl.bindTexture(gl.TEXTURE_2D, newTexture);\n                gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, W, H, 0, gl.RGBA, gl.FLOAT, null);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n                gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, minW, minH, gl.RGBA, gl.FLOAT, pixels);\n                var newBuffer = gl.createFramebuffer();\n                gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n                gl.deleteTexture(texture);\n                gl.activeTexture(gl.TEXTURE0 + index);\n                gl.bindTexture(gl.TEXTURE_2D, newTexture);\n                index = this.index = index;\n                texture = this.texture = newTexture;\n                buffer = this.buffer = newBuffer;\n                this.W = W;\n                this.H = H;\n            },\n        };\n    }\n\n    // resize buffers on canvas resize\n    // consider applying a throttle of 50 ms on canvas resize\n    // to avoid requestAnimationFrame and Gl violations\n    resizeSwappableBuffers() {\n        const gl = this.gl;\n        const W = gl.canvas.width,\n            H = gl.canvas.height;\n        gl.viewport(0, 0, W, H);\n        for (let key in this.buffers) {\n            const buffer = this.buffers[key];\n            buffer.bundle.resize(W, H, buffer.program, buffer.name);\n        }\n        gl.useProgram(this.program);\n    }\n\n    version() {\n        return '0.1.7';\n    }\n}\n\nfunction loadAllGlslCanvas() {\n    var list = document.getElementsByClassName('glslCanvas');\n    if (list.length > 0) {\n        window.glslCanvases = [];\n        for (var i = 0; i < list.length; i++) {\n            var sandbox = new GlslCanvas(list[i]);\n            if (sandbox.isValid) {\n                window.glslCanvases.push(sandbox);\n            }\n        }\n    }\n}\n\nwindow.addEventListener('load', function () {\n    loadAllGlslCanvas();\n});"],"names":["window","global","self","fn","string","toString","call","setTimeout","alert","confirm","prompt","Object","prototype","exports","module","str","replace","list","iterator","context","isFunction","TypeError","arguments","length","this","array","i","len","hasOwnProperty","forEachArray","charAt","forEachString","object","k","forEachObject","headers","result","forEach","trim","split","row","arg","index","indexOf","key","slice","toLowerCase","value","push","target","source","createXHR","initParams","uri","options","callback","params","xtend","_createXHR","Error","called","err","response","body","errorFunc","evt","clearTimeout","timeoutTimer","statusCode","failureResponse","loadFunc","aborted","status","useXDR","undefined","xhr","responseText","responseType","responseXML","firefoxBugTakenEffect","documentElement","nodeName","e","getXml","isJson","JSON","parse","getBody","method","url","rawRequest","getAllResponseHeaders","parseHeaders","cors","XDomainRequest","XMLHttpRequest","data","sync","json","stringify","onreadystatechange","readyState","onload","onerror","onprogress","onabort","ontimeout","open","username","password","withCredentials","timeout","abort","code","setRequestHeader","obj","isEmpty","beforeSend","send","toUpperCase","lastError","GET_A_WEBGL_BROWSER","OTHER_PROBLEM","ERROR_BROWSER_SUPPORT","ERROR_OTHER","setupWebGL","canvas","optAttribs","onError","handleError","errorCode","msg","container","parentNode","innerHTML","WebGLRenderingContext","names","ii","getContext","create3DContext","getExtension","createShader","main","type","offset","gl","shader","shaderSource","compileShader","getShaderParameter","COMPILE_STATUS","getShaderInfoLog","error","trigger","deleteShader","createProgram","shaders","optLocations","program","attachShader","bindAttribLocation","linkProgram","getProgramParameter","LINK_STATUS","getProgramInfoLog","log","deleteProgram","isPowerOf2","subscribeMixin","listeners","Set","assign","f","listener","add","delete","item","keys","clear","event","Texture","name","texture","createTexture","valid","bind","sourceType","loading","setData","Uint8Array","filtering","setFiltering","load","deleteTexture","unit","activeUnit","activeTexture","TEXTURE0","bindTexture","TEXTURE_2D","setUrl","element","setElement","width","height","Promise","resolve","reject","ext","pop","isVideo","document","createElement","autoplay","Image","_this","test","navigator","userAgent","crossOrigin","src","update","el","querySelector","HTMLCanvasElement","HTMLImageElement","HTMLVideoElement","addEventListener","intervalID","setInterval","currentTime","play","pixelStorei","UNPACK_FLIP_Y_WEBGL","UNPACK_PREMULTIPLY_ALPHA_WEBGL","complete","videoWidth","videoHeight","texImage2D","RGBA","UNSIGNED_BYTE","powerOf2","defualtFilter","texParameteri","TEXTURE_WRAP_S","repeat","REPEAT","CLAMP_TO_EDGE","TEXTURE_WRAP_T","TEXTURE_MIN_FILTER","LINEAR_MIPMAP_LINEAR","TEXTURE_MAG_FILTER","LINEAR","generateMipmap","NEAREST","getMaxTextureSize","getParameter","MAX_TEXTURE_SIZE","GlslCanvas","contextOptions","hasAttribute","getAttribute","clientWidth","clientHeight","innerWidth","innerHeight","textures","buffers","uniforms","vbo","isValid","animationFrameRequest","BUFFER_COUNT","vertexString","fragmentString","timeLoad","timePrev","performance","now","timeDelta","forceRender","paused","realToCSSPixels","devicePixelRatio","style","backgroundColor","get","texCoordsLoc","getAttribLocation","texCoords","createBuffer","bindBuffer","ARRAY_BUFFER","bufferData","Float32Array","STATIC_DRAW","enableVertexAttribArray","vertexAttribPointer","FLOAT","verticesLoc","vertices","imgList","nImg","setUniform","mouse","x","clientX","pageX","y","clientY","pageY","sandbox","setMouse","RenderLoop","nMouse","resize","render","requestAnimationFrame","tex","animated","destroy","att","attribs","deleteBuffer","useProgram","buffer","fragString","vertString","nDelta","match","nTime","nDate","search","lines","vertexShader","VERTEX_SHADER","fragmentShader","FRAGMENT_SHADER","change","getBuffers","loadPrograms","texureIndex","pre_test_vert","pre_test_frag","pre_test_paused","query","createQueryEXT","wasValid","beginQueryEXT","TIME_ELAPSED_EXT","endQueryEXT","waitForTest","available","getQueryObjectEXT","QUERY_RESULT_AVAILABLE_EXT","disjoint","GPU_DISJOINT_EXT","ret","QUERY_RESULT_EXT","urlElementOrData","on","args","u","setUniforms","parsed","parseUniforms","prefix","uniform","Array","isArray","babelHelpers.typeof","loadTexture","rect","getBoundingClientRect","left","right","top","bottom","mouse_x","mouse_y","a","b","location","getUniformLocation","apply","concat","displayWidth","Math","floor","displayHeight","viewport","resizeSwappableBuffers","visible","date","Date","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","bundle","input","uniformTexture","renderPrograms","W","H","bindFramebuffer","FRAMEBUFFER","drawArrays","TRIANGLES","vertex","fragment","createSwappableBuffer","output","temp","framebufferTexture2D","COLOR_ATTACHMENT0","swap","createFramebuffer","minW","min","minH","pixels","readPixels","newIndex","newTexture","texSubImage2D","newBuffer","getElementsByClassName","glslCanvases"],"mappings":"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"}
\ No newline at end of file
diff --git a/lib/GlslCanvas.js b/lib/GlslCanvas.js
index 9625377..c224f5e 100644
--- a/lib/GlslCanvas.js
+++ b/lib/GlslCanvas.js
@@ -1527,12 +1527,6 @@ var GlslCanvas = function () {
                 this.gl.deleteProgram(buffer.program);
             }
 
-            // Try and clear the WebGL Context
-            var loseContext = this.gl.getExtension('WEBGL_lose_context');
-            if (loseContext) {
-                loseContext.loseContext();
-            }
-
             this.program = null;
             this.gl = null;
         }
diff --git a/src/GlslCanvas.js b/src/GlslCanvas.js
index 3c3f19a..26bb613 100644
--- a/src/GlslCanvas.js
+++ b/src/GlslCanvas.js
@@ -205,12 +205,6 @@ void main(){
             this.gl.deleteProgram(buffer.program);
         }
 
-        // Try and clear the WebGL Context
-        let loseContext = this.gl.getExtension('WEBGL_lose_context');
-        if (loseContext) {
-            loseContext.loseContext();
-        }
-
         this.program = null;
         this.gl = null;
     }