diff --git a/dist/GlslCanvas.es.js b/dist/GlslCanvas.es.js
index 403924e..37ded4f 100644
--- a/dist/GlslCanvas.es.js
+++ b/dist/GlslCanvas.es.js
@@ -483,7 +483,8 @@ function parseUniforms(uniforms) {
 }
 
 function isCanvasVisible(canvas) {
-    return canvas.getBoundingClientRect().top + canvas.height > 0 && canvas.getBoundingClientRect().top < (window.innerHeight || document.documentElement.clientHeight);
+    var bound = canvas.getBoundingClientRect();
+    return bound.top + bound.height > 0 && bound.top < (window.innerHeight || document.documentElement.clientHeight);
 }
 
 function isPowerOf2(value) {
diff --git a/dist/GlslCanvas.js b/dist/GlslCanvas.js
index b83ec25..63a3ec2 100644
--- a/dist/GlslCanvas.js
+++ b/dist/GlslCanvas.js
@@ -888,7 +888,8 @@ function parseUniforms(uniforms) {
 }
 
 function isCanvasVisible(canvas) {
-    return canvas.getBoundingClientRect().top + canvas.height > 0 && canvas.getBoundingClientRect().top < (window.innerHeight || document.documentElement.clientHeight);
+    var bound = canvas.getBoundingClientRect();
+    return bound.top + bound.height > 0 && bound.top < (window.innerHeight || document.documentElement.clientHeight);
 }
 
 function isPowerOf2(value) {
diff --git a/dist/GlslCanvas.min.js b/dist/GlslCanvas.min.js
index ce9f958..37d7bc7 100644
--- a/dist/GlslCanvas.min.js
+++ b/dist/GlslCanvas.min.js
@@ -1,2 +1 @@
-!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";function e(e,t,r){for(var i=0,n=e.length;i<n;i++)U.call(e,i)&&t.call(r,e[i],i,e)}function t(e,t,r){for(var i=0,n=e.length;i<n;i++)t.call(r,e.charAt(i),i,e)}function r(e,t,r){for(var i in e)U.call(e,i)&&t.call(r,e[i],i,e)}function i(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}function n(e,t,r){var i=e;return b(t)?(r=t,"string"==typeof e&&(i={uri:e})):i=X(t,{uri:e}),i.callback=r,i}function a(e,t,r){return t=n(e,t,r),s(t)}function s(e){function t(){var e=void 0;if(e=h.response?h.response:h.responseText||o(h),T)try{e=JSON.parse(e)}catch(e){}return e}function r(e){return clearTimeout(c),e instanceof Error||(e=new Error(""+(e||"Unknown XMLHttpRequest Error"))),e.statusCode=0,u(e,p)}function n(){if(!f){var r;clearTimeout(c),r=e.useXDR&&void 0===h.status?200:1223===h.status?204:h.status;var i=p,n=null;return 0!==r?(i={body:t(),statusCode:r,method:g,headers:{},url:d,rawRequest:h},h.getAllResponseHeaders&&(i.headers=L(h.getAllResponseHeaders()))):n=new Error("Internal XMLHttpRequest Error"),u(n,i,i.body)}}if(void 0===e.callback)throw new Error("callback argument missing");var s=!1,u=function(t,r,i){s||(s=!0,e.callback(t,r,i))},h=e.xhr||null;h||(h=e.cors||e.useXDR?new a.XDomainRequest:new a.XMLHttpRequest);var l,f,c,d=h.url=e.uri||e.url,g=h.method=e.method||"GET",v=e.body||e.data,m=h.headers=e.headers||{},E=!!e.sync,T=!1,p={body:void 0,headers:{},statusCode:0,method:g,url:d,rawRequest:h};if("json"in e&&!1!==e.json&&(T=!0,m.accept||m.Accept||(m.Accept="application/json"),"GET"!==g&&"HEAD"!==g&&(m["content-type"]||m["Content-Type"]||(m["Content-Type"]="application/json"),v=JSON.stringify(!0===e.json?v:e.json))),h.onreadystatechange=function(){4===h.readyState&&setTimeout(n,0)},h.onload=n,h.onerror=r,h.onprogress=function(){},h.onabort=function(){f=!0},h.ontimeout=r,h.open(g,d,!E,e.username,e.password),E||(h.withCredentials=!!e.withCredentials),!E&&e.timeout>0&&(c=setTimeout(function(){if(!f){f=!0,h.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",r(e)}},e.timeout)),h.setRequestHeader)for(l in m)m.hasOwnProperty(l)&&h.setRequestHeader(l,m[l]);else if(e.headers&&!i(e.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in e&&(h.responseType=e.responseType),"beforeSend"in e&&"function"==typeof e.beforeSend&&e.beforeSend(h),h.send(v||null),h}function o(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}function u(e){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="">'+e+"</div>\n</div>\n</td></tr></table>\n"}function h(e,t,r){function i(t){var r=e.parentNode;r&&(r.innerHTML=u(t))}function n(e,t){"function"==typeof r?r(e):i(t)}if(!window.WebGLRenderingContext)return n(H,O),null;var a=l(e,t);return a?a.getExtension("OES_standard_derivatives"):n(j,G),a}function l(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}function f(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:(N=n.getShaderInfoLog(a),console.error("*** Error compiling shader "+a+":"+N),e.trigger("error",{shader:a,source:t,type:r,error:N,offset:i||0}),n.deleteShader(a),null)}function c(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:(N=n.getProgramInfoLog(a),console.log("Error in program linking:"+N),n.deleteProgram(a),null)}function d(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,r=[];for(var i in e){var n=e[i],a=void 0;if(t&&(i=t+"."+i),"number"==typeof n)r.push({type:"float",method:"1f",name:i,value:n});else if(Array.isArray(n)){if("number"==typeof n[0])1===n.length?r.push({type:"float",method:"1f",name:i,value:n}):n.length>=2&&n.length<=4?r.push({type:"vec"+n.length,method:n.length+"fv",name:i,value:n}):n.length>4&&r.push({type:"float[]",method:"1fv",name:i+"[0]",value:n});else if("string"==typeof n[0])r.push({type:"sampler2D",method:"1i",name:i,value:n});else if(Array.isArray(n[0])&&"number"==typeof n[0][0]){if(n[0].length>=2&&n[0].length<=4)for(a=0;a<n.length;a++)r.push({type:"vec"+n[0].length,method:n[a].length+"fv",name:i+"["+a+"]",value:n[a]})}else if("object"===I(n[0]))for(a=0;a<n.length;a++)r.push.apply(r,B(d(n[a],i+"["+a+"]")))}else"boolean"==typeof n?r.push({type:"bool",method:"1i",name:i,value:n}):"string"==typeof n?r.push({type:"sampler2D",method:"1i",name:i,value:n}):"object"===(void 0===n?"undefined":I(n))&&r.push.apply(r,B(d(n,i)))}return r}function g(e){return e.getBoundingClientRect().top+e.height>0&&e.getBoundingClientRect().top<(window.innerHeight||document.documentElement.clientHeight)}function v(e){return 0==(e&e-1)}function m(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function E(e,t){return!(!e||!t)&&e.toString()!==t.toString()}function T(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,c=void 0;try{for(var d,g=Object.keys(h)[Symbol.iterator]();!(l=(d=g.next()).done);l=!0)if(d.value===e)return void t.delete(h)}catch(e){f=!0,c=e}finally{try{!l&&g.return&&g.return()}finally{if(f)throw c}}}}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,B(i))}}catch(e){s=!0,o=e}finally{try{!a&&h.return&&h.return()}finally{if(s)throw o}}}})}function p(){var e=document.getElementsByClassName("glslCanvas");if(e.length>0){window.glslCanvases=[];for(var t=0;t<e.length;t++){var r=new q(e[t]);r.isValid&&window.glslCanvases.push(r)}}}var y,R="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},_=y="undefined"!=typeof window?window:void 0!==R?R:"undefined"!=typeof self?self:{},b=function(e){var t=x.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)},x=Object.prototype.toString,A=function(e,t){return t={exports:{}},e(t,t.exports),t.exports}(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*$/,"")}}),w=function(i,n,a){if(!b(n))throw new TypeError("iterator must be a function");arguments.length<3&&(a=this),"[object Array]"===S.call(i)?e(i,n,a):"string"==typeof i?t(i,n,a):r(i,n,a)},S=Object.prototype.toString,U=Object.prototype.hasOwnProperty,P=function(e){return"[object Array]"===Object.prototype.toString.call(e)},L=function(e){if(!e)return{};var t={};return w(A(e).split("\n"),function(e){var r=e.indexOf(":"),i=A(e.slice(0,r)).toLowerCase(),n=A(e.slice(r+1));void 0===t[i]?t[i]=n:P(t[i])?t[i].push(n):t[i]=[t[i],n]}),t},X=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,D=a,M=a;a.XMLHttpRequest=_.XMLHttpRequest||function(){},a.XDomainRequest="withCredentials"in new a.XMLHttpRequest?a.XMLHttpRequest:_.XDomainRequest,function(e,t){for(var r=0;r<e.length;r++)t(e[r])}(["get","put","post","patch","head","delete"],function(e){a["delete"===e?"del":e]=function(t,r,i){return r=n(t,r,i),r.method=e.toUpperCase(),s(r)}}),D.default=M;var I="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},C=(function(){function e(e){this.value=e}function t(t){function r(n,a){try{var s=t[n](a),o=s.value;o instanceof e?Promise.resolve(o.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(s.done?"return":"normal",s.value)}catch(e){i("throw",e)}}function i(e,t){switch(e){case"return":n.resolve({value:t,done:!0});break;case"throw":n.reject(t);break;default:n.resolve({value:t,done:!1})}(n=n.next)?r(n.key,n.arg):a=null}var n,a;this._invoke=function(e,t){return new Promise(function(i,s){var o={key:e,arg:t,resolve:i,reject:s,next:null};a?a=a.next=o:(n=a=o,r(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")}),k=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}}(),B=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)},N="",O='\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',G='\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',H=1,j=2,W=function(){function e(t,r){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};C(this,e),T(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 k(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)},m()&&"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?(this.width=this.source.videoWidth,this.height=this.source.videoHeight,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=v(this.width)&&v(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}();W.getMaxTextureSize=function(e){return e.getParameter(e.MAX_TEXTURE_SIZE)},W.activeUnit=-1;var q=function(){function e(t,r,i){function n(){v.nMouse>1&&v.setMouse(g),v.resize()&&(v.forceRender=!0),v.render(),v.animationFrameRequest=window.requestAnimationFrame(n)}var a=this;C(this,e),T(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 s=h(t,r,i.onError);if(s){if(this.gl=s,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 o=t.getAttribute("data-fragment-url");D.get(o,function(e,t,r){a.load(r,a.vertexString)})}if(t.hasAttribute("data-vertex"))this.vertexString=t.getAttribute("data-vertex");else if(t.hasAttribute("data-vertex-url")){var u=t.getAttribute("data-vertex-url");D.get(u,function(e,t,r){a.load(a.fragmentString,r)})}if(this.load(),this.program){var l=s.getAttribLocation(this.program,"a_texcoord");this.vbo.texCoords=s.createBuffer(),this.gl.bindBuffer(s.ARRAY_BUFFER,this.vbo.texCoords),this.gl.bufferData(s.ARRAY_BUFFER,new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1]),s.STATIC_DRAW),this.gl.enableVertexAttribArray(l),this.gl.vertexAttribPointer(l,2,s.FLOAT,!1,0,0);var f=s.getAttribLocation(this.program,"a_position");if(this.vbo.vertices=s.createBuffer(),this.gl.bindBuffer(s.ARRAY_BUFFER,this.vbo.vertices),this.gl.bufferData(s.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),s.STATIC_DRAW),this.gl.enableVertexAttribArray(f),this.gl.vertexAttribPointer(f,2,s.FLOAT,!1,0,0),t.hasAttribute("data-textures")){var c=t.getAttribute("data-textures").split(",");for(var d in c)this.setUniform("u_tex"+d,c[d])}var g={x:0,y:0};document.addEventListener("mousemove",function(e){g.x=e.clientX||e.pageX,g.y=e.clientY||e.pageY},!1);var v=this;return this.setMouse({x:0,y:0}),n(),this}}}return k(e,[{key:"destroy",value:function(){cancelAnimationFrame(this.animationFrameRequest),this.animated=!1,this.isValid=!1;for(var e in this.textures)e.destroy&&e.destroy();this.textures={};for(var t in this.attribs)this.gl.deleteBuffer(this.attribs[t]);this.gl.useProgram(null),this.gl.deleteProgram(this.program);for(var r in 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=f(this,this.vertexString,this.gl.VERTEX_SHADER),o=f(this,this.fragmentString,this.gl.FRAGMENT_SHADER);o?this.isValid=!0:(o=f(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",this.gl.FRAGMENT_SHADER),this.isValid=!1);var u=c(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){function i(){f.paused=o,(t||r)&&f.load(s,a)}function n(){f.forceRender=!0,f.render();var a=u.getQueryObjectEXT(h,u.QUERY_RESULT_AVAILABLE_EXT),s=f.gl.getParameter(u.GPU_DISJOINT_EXT);if(a&&!s){var o={wasValid:l,frag:t||f.fragmentString,vert:r||f.vertexString,timeElapsedMs:u.getQueryObjectEXT(h,u.QUERY_RESULT_EXT)/1e6};i(),e(o)}else window.requestAnimationFrame(n)}var a=this.vertexString,s=this.fragmentString,o=this.paused,u=this.gl.getExtension("EXT_disjoint_timer_query"),h=u.createQueryEXT(),l=this.isValid;(t||r)&&(this.load(t,r),l=this.isValid,this.forceRender=!0,this.render()),this.paused=!0,u.beginQueryEXT(u.TIME_ELAPSED_EXT,h),this.forceRender=!0,this.render(),u.endQueryEXT(u.TIME_ELAPSED_EXT);var f=this;n()}},{key:"loadTexture",value:function(e,t,r){var i=this;r||(r={}),"string"==typeof t?r.url=t:"object"===(void 0===t?"undefined":I(t))&&t.data&&t.width&&t.height?(r.data=t.data,r.width=t.width,r.height=t.height):"object"===(void 0===t?"undefined":I(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 W(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=d(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];if(E(i.value,a)||this.change||!i.location||!i.value){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));for(var o in this.buffers){var u=this.buffers[o];this.gl.useProgram(u.program);var h=this.gl.getUniformLocation(u.program,r);this.gl[i.method].apply(this.gl,[h].concat(i.value))}}}},{key:"uniformTexture",value:function(e,t,r){if(void 0===this.textures[e])this.loadTexture(e,t,r);else{this.uniform("1i","sampler2D",e,this.texureIndex);for(var i in 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(){if(this.visible=g(this.canvas),this.forceRender||this.change||this.animated&&this.visible&&!this.paused){var e=new Date,t=performance.now();this.timeDelta=(t-this.timePrev)/1e3,this.timePrev=t,this.nDelta>1&&this.uniform("1f","float","u_delta",this.timeDelta),this.nTime>1&&this.uniform("1f","float","u_time",(t-this.timeLoad)/1e3),this.nDate&&this.uniform("4f","float","u_date",e.getFullYear(),e.getMonth(),e.getDate(),3600*e.getHours()+60*e.getMinutes()+e.getSeconds()+.001*e.getMilliseconds()),this.uniform("2f","vec2","u_resolution",this.canvas.width,this.canvas.height);for(var r in this.buffers){var i=this.buffers[r];this.uniform("1i","sampler2D",i.name,i.bundle.input.index)}this.texureIndex=this.BUFFER_COUNT;for(var n in this.textures)this.uniformTexture(n),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;e.viewport(0,0,t,r);for(var i in 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,r=this.gl,i=f(t,t.vertexString,r.VERTEX_SHADER);for(var n in e){var a=e[n],s=f(t,a.fragment,r.FRAGMENT_SHADER,1);s?t.isValid=!0:(s=f(t,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",r.FRAGMENT_SHADER),t.isValid=!1);var o=c(t,[i,s]);a.name=n,a.program=o,a.bundle=t.createSwappableBuffer(t.canvas.width,t.canvas.height,o),r.deleteShader(s)}r.deleteShader(i)}},{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;e.viewport(0,0,t,r);for(var i in 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(){p()}),q});
-//# sourceMappingURL=GlslCanvas.min.js.map
+!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";function e(e,t,r){for(var i=0,n=e.length;i<n;i++)U.call(e,i)&&t.call(r,e[i],i,e)}function t(e,t,r){for(var i=0,n=e.length;i<n;i++)t.call(r,e.charAt(i),i,e)}function r(e,t,r){for(var i in e)U.call(e,i)&&t.call(r,e[i],i,e)}function i(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}function n(e,t,r){var i=e;return b(t)?(r=t,"string"==typeof e&&(i={uri:e})):i=X(t,{uri:e}),i.callback=r,i}function a(e,t,r){return t=n(e,t,r),s(t)}function s(e){function t(){var e=void 0;if(e=h.response?h.response:h.responseText||o(h),T)try{e=JSON.parse(e)}catch(e){}return e}function r(e){return clearTimeout(c),e instanceof Error||(e=new Error(""+(e||"Unknown XMLHttpRequest Error"))),e.statusCode=0,u(e,p)}function n(){if(!f){var r;clearTimeout(c),r=e.useXDR&&void 0===h.status?200:1223===h.status?204:h.status;var i=p,n=null;return 0!==r?(i={body:t(),statusCode:r,method:g,headers:{},url:d,rawRequest:h},h.getAllResponseHeaders&&(i.headers=L(h.getAllResponseHeaders()))):n=new Error("Internal XMLHttpRequest Error"),u(n,i,i.body)}}if(void 0===e.callback)throw new Error("callback argument missing");var s=!1,u=function(t,r,i){s||(s=!0,e.callback(t,r,i))},h=e.xhr||null;h||(h=e.cors||e.useXDR?new a.XDomainRequest:new a.XMLHttpRequest);var l,f,c,d=h.url=e.uri||e.url,g=h.method=e.method||"GET",v=e.body||e.data,m=h.headers=e.headers||{},E=!!e.sync,T=!1,p={body:void 0,headers:{},statusCode:0,method:g,url:d,rawRequest:h};if("json"in e&&!1!==e.json&&(T=!0,m.accept||m.Accept||(m.Accept="application/json"),"GET"!==g&&"HEAD"!==g&&(m["content-type"]||m["Content-Type"]||(m["Content-Type"]="application/json"),v=JSON.stringify(!0===e.json?v:e.json))),h.onreadystatechange=function(){4===h.readyState&&setTimeout(n,0)},h.onload=n,h.onerror=r,h.onprogress=function(){},h.onabort=function(){f=!0},h.ontimeout=r,h.open(g,d,!E,e.username,e.password),E||(h.withCredentials=!!e.withCredentials),!E&&e.timeout>0&&(c=setTimeout(function(){if(!f){f=!0,h.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",r(e)}},e.timeout)),h.setRequestHeader)for(l in m)m.hasOwnProperty(l)&&h.setRequestHeader(l,m[l]);else if(e.headers&&!i(e.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in e&&(h.responseType=e.responseType),"beforeSend"in e&&"function"==typeof e.beforeSend&&e.beforeSend(h),h.send(v||null),h}function o(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}function u(e){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="">'+e+"</div>\n</div>\n</td></tr></table>\n"}function h(e,t,r){function i(t){var r=e.parentNode;r&&(r.innerHTML=u(t))}function n(e,t){"function"==typeof r?r(e):i(t)}if(!window.WebGLRenderingContext)return n(H,O),null;var a=l(e,t);return a?a.getExtension("OES_standard_derivatives"):n(j,G),a}function l(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}function f(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:(N=n.getShaderInfoLog(a),console.error("*** Error compiling shader "+a+":"+N),e.trigger("error",{shader:a,source:t,type:r,error:N,offset:i||0}),n.deleteShader(a),null)}function c(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:(N=n.getProgramInfoLog(a),console.log("Error in program linking:"+N),n.deleteProgram(a),null)}function d(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,r=[];for(var i in e){var n=e[i],a=void 0;if(t&&(i=t+"."+i),"number"==typeof n)r.push({type:"float",method:"1f",name:i,value:n});else if(Array.isArray(n)){if("number"==typeof n[0])1===n.length?r.push({type:"float",method:"1f",name:i,value:n}):n.length>=2&&n.length<=4?r.push({type:"vec"+n.length,method:n.length+"fv",name:i,value:n}):n.length>4&&r.push({type:"float[]",method:"1fv",name:i+"[0]",value:n});else if("string"==typeof n[0])r.push({type:"sampler2D",method:"1i",name:i,value:n});else if(Array.isArray(n[0])&&"number"==typeof n[0][0]){if(n[0].length>=2&&n[0].length<=4)for(a=0;a<n.length;a++)r.push({type:"vec"+n[0].length,method:n[a].length+"fv",name:i+"["+a+"]",value:n[a]})}else if("object"===I(n[0]))for(a=0;a<n.length;a++)r.push.apply(r,B(d(n[a],i+"["+a+"]")))}else"boolean"==typeof n?r.push({type:"bool",method:"1i",name:i,value:n}):"string"==typeof n?r.push({type:"sampler2D",method:"1i",name:i,value:n}):"object"===(void 0===n?"undefined":I(n))&&r.push.apply(r,B(d(n,i)))}return r}function g(e){return e.getBoundingClientRect().top+e.height>0&&e.getBoundingClientRect().top<(window.innerHeight||document.documentElement.clientHeight)}function v(e){return 0==(e&e-1)}function m(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function E(e,t){return!(!e||!t)&&e.toString()!==t.toString()}function T(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,c=void 0;try{for(var d,g=Object.keys(h)[Symbol.iterator]();!(l=(d=g.next()).done);l=!0)if(d.value===e)return void t.delete(h)}catch(e){f=!0,c=e}finally{try{!l&&g.return&&g.return()}finally{if(f)throw c}}}}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,B(i))}}catch(e){s=!0,o=e}finally{try{!a&&h.return&&h.return()}finally{if(s)throw o}}}})}function p(){var e=document.getElementsByClassName("glslCanvas");if(e.length>0){window.glslCanvases=[];for(var t=0;t<e.length;t++){var r=new q(e[t]);r.isValid&&window.glslCanvases.push(r)}}}var y,R="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},_=y="undefined"!=typeof window?window:void 0!==R?R:"undefined"!=typeof self?self:{},b=function(e){var t=x.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)},x=Object.prototype.toString,A=function(e,t){return t={exports:{}},e(t,t.exports),t.exports}(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*$/,"")}}),w=function(i,n,a){if(!b(n))throw new TypeError("iterator must be a function");arguments.length<3&&(a=this),"[object Array]"===S.call(i)?e(i,n,a):"string"==typeof i?t(i,n,a):r(i,n,a)},S=Object.prototype.toString,U=Object.prototype.hasOwnProperty,P=function(e){return"[object Array]"===Object.prototype.toString.call(e)},L=function(e){if(!e)return{};var t={};return w(A(e).split("\n"),function(e){var r=e.indexOf(":"),i=A(e.slice(0,r)).toLowerCase(),n=A(e.slice(r+1));void 0===t[i]?t[i]=n:P(t[i])?t[i].push(n):t[i]=[t[i],n]}),t},X=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,D=a,M=a;a.XMLHttpRequest=_.XMLHttpRequest||function(){},a.XDomainRequest="withCredentials"in new a.XMLHttpRequest?a.XMLHttpRequest:_.XDomainRequest,function(e,t){for(var r=0;r<e.length;r++)t(e[r])}(["get","put","post","patch","head","delete"],function(e){a["delete"===e?"del":e]=function(t,r,i){return r=n(t,r,i),r.method=e.toUpperCase(),s(r)}}),D.default=M;var I="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},C=(function(){function e(e){this.value=e}function t(t){function r(n,a){try{var s=t[n](a),o=s.value;o instanceof e?Promise.resolve(o.value).then(function(e){r("next",e)},function(e){r("throw",e)}):i(s.done?"return":"normal",s.value)}catch(e){i("throw",e)}}function i(e,t){switch(e){case"return":n.resolve({value:t,done:!0});break;case"throw":n.reject(t);break;default:n.resolve({value:t,done:!1})}(n=n.next)?r(n.key,n.arg):a=null}var n,a;this._invoke=function(e,t){return new Promise(function(i,s){var o={key:e,arg:t,resolve:i,reject:s,next:null};a?a=a.next=o:(n=a=o,r(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")}),k=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}}(),B=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)},N="",O='\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',G='\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',H=1,j=2,W=function(){function e(t,r){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};C(this,e),T(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 k(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)},m()&&"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?(this.width=this.source.videoWidth,this.height=this.source.videoHeight,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=v(this.width)&&v(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}();W.getMaxTextureSize=function(e){return e.getParameter(e.MAX_TEXTURE_SIZE)},W.activeUnit=-1;var q=function(){function e(t,r,i){function n(){v.nMouse>1&&v.setMouse(g),v.resize()&&(v.forceRender=!0),v.render(),v.animationFrameRequest=window.requestAnimationFrame(n)}var a=this;C(this,e),T(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 s=h(t,r,i.onError);if(s){if(this.gl=s,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 o=t.getAttribute("data-fragment-url");D.get(o,function(e,t,r){a.load(r,a.vertexString)})}if(t.hasAttribute("data-vertex"))this.vertexString=t.getAttribute("data-vertex");else if(t.hasAttribute("data-vertex-url")){var u=t.getAttribute("data-vertex-url");D.get(u,function(e,t,r){a.load(a.fragmentString,r)})}if(this.load(),this.program){var l=s.getAttribLocation(this.program,"a_texcoord");this.vbo.texCoords=s.createBuffer(),this.gl.bindBuffer(s.ARRAY_BUFFER,this.vbo.texCoords),this.gl.bufferData(s.ARRAY_BUFFER,new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1]),s.STATIC_DRAW),this.gl.enableVertexAttribArray(l),this.gl.vertexAttribPointer(l,2,s.FLOAT,!1,0,0);var f=s.getAttribLocation(this.program,"a_position");if(this.vbo.vertices=s.createBuffer(),this.gl.bindBuffer(s.ARRAY_BUFFER,this.vbo.vertices),this.gl.bufferData(s.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),s.STATIC_DRAW),this.gl.enableVertexAttribArray(f),this.gl.vertexAttribPointer(f,2,s.FLOAT,!1,0,0),t.hasAttribute("data-textures")){var c=t.getAttribute("data-textures").split(",");for(var d in c)this.setUniform("u_tex"+d,c[d])}var g={x:0,y:0};document.addEventListener("mousemove",function(e){g.x=e.clientX||e.pageX,g.y=e.clientY||e.pageY},!1);var v=this;return this.setMouse({x:0,y:0}),n(),this}}}return k(e,[{key:"destroy",value:function(){cancelAnimationFrame(this.animationFrameRequest),this.animated=!1,this.isValid=!1;for(var e in this.textures)e.destroy&&e.destroy();this.textures={};for(var t in this.attribs)this.gl.deleteBuffer(this.attribs[t]);this.gl.useProgram(null),this.gl.deleteProgram(this.program);for(var r in 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=f(this,this.vertexString,this.gl.VERTEX_SHADER),o=f(this,this.fragmentString,this.gl.FRAGMENT_SHADER);o?this.isValid=!0:(o=f(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",this.gl.FRAGMENT_SHADER),this.isValid=!1);var u=c(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){function i(){f.paused=o,(t||r)&&f.load(s,a)}function n(){f.forceRender=!0,f.render();var a=u.getQueryObjectEXT(h,u.QUERY_RESULT_AVAILABLE_EXT),s=f.gl.getParameter(u.GPU_DISJOINT_EXT);if(a&&!s){var o={wasValid:l,frag:t||f.fragmentString,vert:r||f.vertexString,timeElapsedMs:u.getQueryObjectEXT(h,u.QUERY_RESULT_EXT)/1e6};i(),e(o)}else window.requestAnimationFrame(n)}var a=this.vertexString,s=this.fragmentString,o=this.paused,u=this.gl.getExtension("EXT_disjoint_timer_query"),h=u.createQueryEXT(),l=this.isValid;(t||r)&&(this.load(t,r),l=this.isValid,this.forceRender=!0,this.render()),this.paused=!0,u.beginQueryEXT(u.TIME_ELAPSED_EXT,h),this.forceRender=!0,this.render(),u.endQueryEXT(u.TIME_ELAPSED_EXT);var f=this;n()}},{key:"loadTexture",value:function(e,t,r){var i=this;r||(r={}),"string"==typeof t?r.url=t:"object"===(void 0===t?"undefined":I(t))&&t.data&&t.width&&t.height?(r.data=t.data,r.width=t.width,r.height=t.height):"object"===(void 0===t?"undefined":I(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 W(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=d(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];if(E(i.value,a)||this.change||!i.location||!i.value){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));for(var o in this.buffers){var u=this.buffers[o];this.gl.useProgram(u.program);var h=this.gl.getUniformLocation(u.program,r);this.gl[i.method].apply(this.gl,[h].concat(i.value))}}}},{key:"uniformTexture",value:function(e,t,r){if(void 0===this.textures[e])this.loadTexture(e,t,r);else{this.uniform("1i","sampler2D",e,this.texureIndex);for(var i in 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(){if(this.visible=g(this.canvas),this.forceRender||this.change||this.animated&&this.visible&&!this.paused){var e=new Date,t=performance.now();this.timeDelta=(t-this.timePrev)/1e3,this.timePrev=t,this.nDelta>1&&this.uniform("1f","float","u_delta",this.timeDelta),this.nTime>1&&this.uniform("1f","float","u_time",(t-this.timeLoad)/1e3),this.nDate&&this.uniform("4f","float","u_date",e.getFullYear(),e.getMonth(),e.getDate(),3600*e.getHours()+60*e.getMinutes()+e.getSeconds()+.001*e.getMilliseconds()),this.uniform("2f","vec2","u_resolution",this.canvas.width,this.canvas.height);for(var r in this.buffers){var i=this.buffers[r];this.uniform("1i","sampler2D",i.name,i.bundle.input.index)}this.texureIndex=this.BUFFER_COUNT;for(var n in this.textures)this.uniformTexture(n),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;e.viewport(0,0,t,r);for(var i in 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,r=this.gl,i=f(t,t.vertexString,r.VERTEX_SHADER);for(var n in e){var a=e[n],s=f(t,a.fragment,r.FRAGMENT_SHADER,1);s?t.isValid=!0:(s=f(t,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",r.FRAGMENT_SHADER),t.isValid=!1);var o=c(t,[i,s]);a.name=n,a.program=o,a.bundle=t.createSwappableBuffer(t.canvas.width,t.canvas.height,o),r.deleteShader(s)}r.deleteShader(i)}},{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;e.viewport(0,0,t,r);for(var i in 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(){p()}),q});
\ No newline at end of file
diff --git a/lib/GlslCanvas.js b/lib/GlslCanvas.js
index 53d3caa..69ec53b 100644
--- a/lib/GlslCanvas.js
+++ b/lib/GlslCanvas.js
@@ -884,7 +884,8 @@ function parseUniforms(uniforms) {
 }
 
 function isCanvasVisible(canvas) {
-    return canvas.getBoundingClientRect().top + canvas.height > 0 && canvas.getBoundingClientRect().top < (window.innerHeight || document.documentElement.clientHeight);
+    var bound = canvas.getBoundingClientRect();
+    return bound.top + bound.height > 0 && bound.top < (window.innerHeight || document.documentElement.clientHeight);
 }
 
 function isPowerOf2(value) {
diff --git a/src/tools/common.js b/src/tools/common.js
index 489b29c..263dc83 100644
--- a/src/tools/common.js
+++ b/src/tools/common.js
@@ -1,6 +1,7 @@
 export function isCanvasVisible(canvas) {
-    return	((canvas.getBoundingClientRect().top + canvas.height) > 0) &&
-        (canvas.getBoundingClientRect().top < (window.innerHeight || document.documentElement.clientHeight));
+    let bound = canvas.getBoundingClientRect();
+    return	((bound.top + bound.height) > 0) &&
+        (bound.top < (window.innerHeight || document.documentElement.clientHeight));
 }
 
 export function isPowerOf2(value) {