diff --git a/README.md b/README.md
index ac9a0ac..096f168 100644
--- a/README.md
+++ b/README.md
@@ -88,6 +88,19 @@ sandbox.setUniform("u_color",1,0,0);
 
 // Load a new texture and assign it to "uniform sampler2D u_texture"
 sandbox.setUniform("u_texture","data/texture.jpg");
+```
+### Include Files
+
+Basic include support is offered for **fragment shaders only** in the style of [glslViewer](https://github.com/patriciogonzalezvivo/glslViewer). Includes must come after your ```#ifdef GL_ES...#endif``` definition. In order to utilize this support you can define imports in your fragment shader as follows:
+
+```
+#ifdef GL_ES
+    precision mediump float;
+#endif
+
+#include data/random.glsl
+#include data/additional.glsl
+
 ```
 
 ### Quick start demo
diff --git a/data/additional.glsl b/data/additional.glsl
new file mode 100644
index 0000000..008a708
--- /dev/null
+++ b/data/additional.glsl
@@ -0,0 +1,4 @@
+float circle(vec2 st)
+{
+    return smoothstep(0.0,0.001,-(length(st-0.5)-0.33));
+}
\ No newline at end of file
diff --git a/data/random.glsl b/data/random.glsl
new file mode 100644
index 0000000..62895ec
--- /dev/null
+++ b/data/random.glsl
@@ -0,0 +1,9 @@
+float random(vec2 st){  return fract( sin( dot(st,vec2(3.678,678.90)) )*678910.0 ); }
+float random (in float x) { return fract(sin(x)*43758.5453123); }
+
+vec2 random2(vec2 st)
+{
+    st = vec2( dot(st,vec2(127.1,311.7)),
+              dot(st,vec2(269.5,183.3)) );
+    return -1.0 + 2.0*fract(sin(st)*43758.5453123);
+}
\ No newline at end of file
diff --git a/data/test.frag b/data/test.frag
new file mode 100644
index 0000000..871d041
--- /dev/null
+++ b/data/test.frag
@@ -0,0 +1,20 @@
+#ifdef GL_ES
+    precision mediump float;
+#endif
+
+#include data/random.glsl
+#include data/additional.glsl
+
+#define SECONDS 6.0
+
+uniform vec2 u_resolution;
+uniform float u_time;
+
+void main()
+{
+    vec2 st = u_resolution.xy/gl_FragCoord.xy;
+    float t = abs(fract(u_time/SECONDS)-0.5);
+    vec3 c = vec3(random(st+t));
+    c += circle(st);
+    gl_FragColor = vec4(c,1.0);
+}
\ No newline at end of file
diff --git a/dist/GlslCanvas.es.js b/dist/GlslCanvas.es.js
index 4043d02..2a5c227 100644
--- a/dist/GlslCanvas.es.js
+++ b/dist/GlslCanvas.es.js
@@ -1,4 +1,5 @@
 import xhr from 'xhr';
+import 'constants';
 
 var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
   return typeof obj;
@@ -948,6 +949,189 @@ Texture.getMaxTextureSize = function (gl) {
 // Global set of textures, by name
 Texture.activeUnit = -1;
 
+var Includes = function () {
+    function Includes() {
+        classCallCheck(this, Includes);
+
+        this.files = {};
+        this.file = '';
+    }
+
+    createClass(Includes, [{
+        key: 'fileIncluded',
+        value: function fileIncluded(file) {} // going to over-ride this as callback in super class
+
+    }, {
+        key: 'cancelPromiseCallbacks',
+        value: function cancelPromiseCallbacks() {
+            var c = Object.keys(this.files).length;
+
+            if (c <= 0) return;
+
+            var values = Object.values(this.files);
+            var _iteratorNormalCompletion = true;
+            var _didIteratorError = false;
+            var _iteratorError = undefined;
+
+            try {
+                for (var _iterator = values[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                    var value = _step.value;
+
+                    value.parse = false;
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally {
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return) {
+                        _iterator.return();
+                    }
+                } finally {
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+
+            this.files = {};
+        }
+    }, {
+        key: 'stripIncludes',
+        value: function stripIncludes(source) {
+            var _this = this;
+
+            // cancel any current promises
+            this.cancelPromiseCallbacks();
+
+            // define our file to strip here
+            this.file = source;
+
+            var exp = /^#include\s([\w].*)/igm; //previous /#include\s([\w].*)/ig;  // ^(?!\/\/).*
+            var m;
+            do {
+                m = exp.exec(source);
+                if (m) {
+                    console.log(m);
+                    if (this.isFileNew(m[1]) == false) {
+                        (function () {
+                            var src = m[1];
+                            var f = src;
+                            var p = _this.loadIncludeFile(src).then(function (data) {
+                                return { 'src': src, 'data': data };
+                            }).catch(function (res) {
+                                return console.log('include error:', src, ' ', res);
+                            });
+                            var o = {
+                                'src': f,
+                                'promise': p,
+                                'include:': '',
+                                'parse': true
+                            };
+                            _this.files[src] = o;
+                        })();
+                    }
+                }
+            } while (m);
+
+            source = source.replace(exp, "");
+            this.file = source;
+
+            var promises = Object.values(this.files).map(function (i) {
+                return i.promise;
+            });
+            var t = this;
+            Promise.all(promises).then(function (includes) {
+                includes.forEach(function (include) {
+                    t.includeFileLoaded(include.src, include.data);
+                });
+                t.fileIncluded(t.file);
+            });
+
+            return source;
+        }
+    }, {
+        key: 'injectIncludeFile',
+        value: function injectIncludeFile(src, includeSrc) {
+            var def = /\#ifdef(\s\S*)+\#endif/img;
+            var header = src.match(def);
+            src = src.replace(def, header + '\n\n' + includeSrc);
+            return src;
+        }
+    }, {
+        key: 'includeFileLoaded',
+        value: function includeFileLoaded(src, include) {
+            var f = this.files[src];
+
+            if (f.parse == false) return false;
+
+            this.files[src].include = include;
+            this.files[src].parse = false;
+
+            this.file = this.injectIncludeFile(this.file, include);
+
+            // this.fileIncluded(this.file);
+            return this.file;
+        }
+    }, {
+        key: 'loadIncludeFile',
+        value: function loadIncludeFile(src) {
+            return new Promise(function (resolve, reject) {
+                var client = new XMLHttpRequest();
+                client.open('GET', src + "?" + Date.now(), true);
+                client.overrideMimeType("text/plain");
+                client.setRequestHeader("Content-type", "text/html; charset=utf-8");
+                client.onreadystatechange = function () {
+
+                    if (client.readyState == 4) {
+                        if (client.status == 200 || client.responseText != '') // || client.status == 0
+                            resolve(client.responseText);else reject(client.type);
+                    }
+                };
+                client.onerror = function (ex) {
+                    return reject(ex);
+                };
+                client.send();
+            });
+        }
+
+        // need to recreate this based on new structure
+
+    }, {
+        key: 'isFileNew',
+        value: function isFileNew(src) {
+            var keys = Object.keys(this.files);
+            var _iteratorNormalCompletion2 = true;
+            var _didIteratorError2 = false;
+            var _iteratorError2 = undefined;
+
+            try {
+                for (var _iterator2 = keys[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                    var key = _step2.value;
+
+                    if (key === src) return true;
+                }
+            } catch (err) {
+                _didIteratorError2 = true;
+                _iteratorError2 = err;
+            } finally {
+                try {
+                    if (!_iteratorNormalCompletion2 && _iterator2.return) {
+                        _iterator2.return();
+                    }
+                } finally {
+                    if (_didIteratorError2) {
+                        throw _iteratorError2;
+                    }
+                }
+            }
+
+            return false;
+        }
+    }]);
+    return Includes;
+}();
+
 /*
 The MIT License (MIT)
 
@@ -1000,12 +1184,14 @@ var GlslCanvas = function () {
         this.uniforms = {};
         this.vbo = {};
         this.isValid = false;
+        this.includes = new Includes();
 
         this.BUFFER_COUNT = 0;
         // this.TEXTURE_COUNT = 0;
-
-        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';
-        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';
+        this.defaultVertexString = '\n        #ifdef GL_ES\n        precision mediump float;\n        #endif\n        \n        attribute vec2 a_position;\n        attribute vec2 a_texcoord;\n        \n        varying vec2 v_texcoord;\n        \n        void main() {\n            gl_Position = vec4(a_position, 0.0, 1.0);\n            v_texcoord = a_texcoord;\n        }\n        ';
+        this.defaultFragmentString = '\n        #ifdef GL_ES\n        precision mediump float;\n        #endif\n        \n        varying vec2 v_texcoord;\n        \n        void main(){\n            gl_FragColor = vec4(0.0);\n        }\n        ';
+        this.vertexString = contextOptions.vertexString || this.defaultVertexString;
+        this.fragmentString = contextOptions.fragmentString || this.defaultFragmentString;
 
         // GL Context
         var gl = setupWebGL(canvas, contextOptions, options.onError);
@@ -1017,6 +1203,7 @@ var GlslCanvas = function () {
         this.timeDelta = 0.0;
         this.forceRender = true;
         this.paused = false;
+        this.deferLoadForIncludes = false;
         this.realToCSSPixels = window.devicePixelRatio || 1;
 
         // Allow alpha
@@ -1025,6 +1212,7 @@ var GlslCanvas = function () {
         // Load shader
         if (canvas.hasAttribute('data-fragment')) {
             this.fragmentString = canvas.getAttribute('data-fragment');
+            this.load();
         } else if (canvas.hasAttribute('data-fragment-url')) {
             var source = canvas.getAttribute('data-fragment-url');
             xhr.get(source, function (error, response, body) {
@@ -1035,6 +1223,7 @@ var GlslCanvas = function () {
         // Load shader
         if (canvas.hasAttribute('data-vertex')) {
             this.vertexString = canvas.getAttribute('data-vertex');
+            this.load();
         } else if (canvas.hasAttribute('data-vertex-url')) {
             var _source = canvas.getAttribute('data-vertex-url');
             xhr.get(_source, function (error, response, body) {
@@ -1042,7 +1231,8 @@ var GlslCanvas = function () {
             });
         }
 
-        this.load();
+        // need to load our default shaders to progress through process
+        this.load_after_includes(this.defaultFragmentString, this.defaultVertexString);
 
         if (!this.program) {
             return;
@@ -1123,10 +1313,12 @@ var GlslCanvas = function () {
             }
             this.program = null;
             this.gl = null;
+            this.includes.cancelPromiseCallbacks();
         }
     }, {
         key: 'load',
         value: function load(fragString, vertString) {
+            var _this2 = this;
 
             // Load vertex shader if there is one
             if (vertString) {
@@ -1138,16 +1330,27 @@ var GlslCanvas = function () {
                 this.fragmentString = fragString;
             }
 
+            this.includes.stripIncludes(this.fragmentString);
+            this.includes.fileIncluded = function (file) {
+                _this2.fragmentString = file;
+                _this2.load_after_includes(_this2.fragmentString, _this2.vertexString);
+            };
+        }
+    }, {
+        key: 'load_after_includes',
+        value: function load_after_includes(fragString, vertString) {
+            // Should probably just strip my include and deal with shit here
+
             this.animated = false;
-            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.nDelta = (fragString.match(/u_delta/g) || []).length;
+            this.nTime = (fragString.match(/u_time/g) || []).length;
+            this.nDate = (fragString.match(/u_date/g) || []).length;
+            this.nMouse = (fragString.match(/u_mouse/g) || []).length;
             this.animated = this.nDate > 1 || this.nTime > 1 || this.nMouse > 1;
 
-            var nTextures = this.fragmentString.search(/sampler2D/g);
+            var nTextures = fragString.search(/sampler2D/g);
             if (nTextures) {
-                var lines = this.fragmentString.split('\n');
+                var lines = fragString.split('\n');
                 for (var i = 0; i < lines.length; i++) {
                     var match = lines[i].match(/uniform\s*sampler2D\s*([\w]*);\s*\/\/\s*([\w|\:\/\/|\.|\-|\_]*)/i);
                     if (match) {
@@ -1163,8 +1366,8 @@ var GlslCanvas = function () {
                 }
             }
 
-            var vertexShader = createShader(this, this.vertexString, this.gl.VERTEX_SHADER);
-            var fragmentShader = createShader(this, this.fragmentString, this.gl.FRAGMENT_SHADER);
+            var vertexShader = createShader(this, vertString, this.gl.VERTEX_SHADER);
+            var fragmentShader = createShader(this, fragString, this.gl.FRAGMENT_SHADER);
 
             // If Fragment shader fails load a empty one to sign the error
             if (!fragmentShader) {
@@ -1188,7 +1391,7 @@ var GlslCanvas = function () {
             this.change = true;
 
             this.BUFFER_COUNT = 0;
-            var buffers = this.getBuffers(this.fragmentString);
+            var buffers = this.getBuffers(fragString);
             if (Object.keys(buffers).length) {
                 this.loadPrograms(buffers);
             }
@@ -1258,7 +1461,7 @@ var GlslCanvas = function () {
     }, {
         key: 'loadTexture',
         value: function loadTexture(name, urlElementOrData, options) {
-            var _this2 = this;
+            var _this3 = this;
 
             if (!options) {
                 options = {};
@@ -1278,13 +1481,13 @@ var GlslCanvas = function () {
                 if (this.textures[name]) {
                     this.textures[name].load(options);
                     this.textures[name].on('loaded', function (args) {
-                        _this2.forceRender = true;
+                        _this3.forceRender = true;
                     });
                 }
             } else {
                 this.textures[name] = new Texture(this.gl, name, options);
                 this.textures[name].on('loaded', function (args) {
-                    _this2.forceRender = true;
+                    _this3.forceRender = true;
                 });
             }
         }
diff --git a/dist/GlslCanvas.js b/dist/GlslCanvas.js
index 9cd18ee..ae6436f 100644
--- a/dist/GlslCanvas.js
+++ b/dist/GlslCanvas.js
@@ -1,8 +1,8 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-	typeof define === 'function' && define.amd ? define(factory) :
-	(global.GlslCanvas = factory());
-}(this, (function () { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('constants')) :
+	typeof define === 'function' && define.amd ? define(['constants'], factory) :
+	(global.GlslCanvas = factory(global.constants));
+}(this, (function (constants) { 'use strict';
 
 var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1353,6 +1353,189 @@ Texture.getMaxTextureSize = function (gl) {
 // Global set of textures, by name
 Texture.activeUnit = -1;
 
+var Includes = function () {
+    function Includes() {
+        classCallCheck(this, Includes);
+
+        this.files = {};
+        this.file = '';
+    }
+
+    createClass(Includes, [{
+        key: 'fileIncluded',
+        value: function fileIncluded(file) {} // going to over-ride this as callback in super class
+
+    }, {
+        key: 'cancelPromiseCallbacks',
+        value: function cancelPromiseCallbacks() {
+            var c = Object.keys(this.files).length;
+
+            if (c <= 0) return;
+
+            var values = Object.values(this.files);
+            var _iteratorNormalCompletion = true;
+            var _didIteratorError = false;
+            var _iteratorError = undefined;
+
+            try {
+                for (var _iterator = values[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                    var value = _step.value;
+
+                    value.parse = false;
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally {
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return) {
+                        _iterator.return();
+                    }
+                } finally {
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+
+            this.files = {};
+        }
+    }, {
+        key: 'stripIncludes',
+        value: function stripIncludes(source) {
+            var _this = this;
+
+            // cancel any current promises
+            this.cancelPromiseCallbacks();
+
+            // define our file to strip here
+            this.file = source;
+
+            var exp = /^#include\s([\w].*)/igm; //previous /#include\s([\w].*)/ig;  // ^(?!\/\/).*
+            var m;
+            do {
+                m = exp.exec(source);
+                if (m) {
+                    console.log(m);
+                    if (this.isFileNew(m[1]) == false) {
+                        (function () {
+                            var src = m[1];
+                            var f = src;
+                            var p = _this.loadIncludeFile(src).then(function (data) {
+                                return { 'src': src, 'data': data };
+                            }).catch(function (res) {
+                                return console.log('include error:', src, ' ', res);
+                            });
+                            var o = {
+                                'src': f,
+                                'promise': p,
+                                'include:': '',
+                                'parse': true
+                            };
+                            _this.files[src] = o;
+                        })();
+                    }
+                }
+            } while (m);
+
+            source = source.replace(exp, "");
+            this.file = source;
+
+            var promises = Object.values(this.files).map(function (i) {
+                return i.promise;
+            });
+            var t = this;
+            Promise.all(promises).then(function (includes) {
+                includes.forEach(function (include) {
+                    t.includeFileLoaded(include.src, include.data);
+                });
+                t.fileIncluded(t.file);
+            });
+
+            return source;
+        }
+    }, {
+        key: 'injectIncludeFile',
+        value: function injectIncludeFile(src, includeSrc) {
+            var def = /\#ifdef(\s\S*)+\#endif/img;
+            var header = src.match(def);
+            src = src.replace(def, header + '\n\n' + includeSrc);
+            return src;
+        }
+    }, {
+        key: 'includeFileLoaded',
+        value: function includeFileLoaded(src, include) {
+            var f = this.files[src];
+
+            if (f.parse == false) return false;
+
+            this.files[src].include = include;
+            this.files[src].parse = false;
+
+            this.file = this.injectIncludeFile(this.file, include);
+
+            // this.fileIncluded(this.file);
+            return this.file;
+        }
+    }, {
+        key: 'loadIncludeFile',
+        value: function loadIncludeFile(src) {
+            return new Promise(function (resolve, reject) {
+                var client = new XMLHttpRequest();
+                client.open('GET', src + "?" + Date.now(), true);
+                client.overrideMimeType("text/plain");
+                client.setRequestHeader("Content-type", "text/html; charset=utf-8");
+                client.onreadystatechange = function () {
+
+                    if (client.readyState == 4) {
+                        if (client.status == 200 || client.responseText != '') // || client.status == 0
+                            resolve(client.responseText);else reject(client.type);
+                    }
+                };
+                client.onerror = function (ex) {
+                    return reject(ex);
+                };
+                client.send();
+            });
+        }
+
+        // need to recreate this based on new structure
+
+    }, {
+        key: 'isFileNew',
+        value: function isFileNew(src) {
+            var keys = Object.keys(this.files);
+            var _iteratorNormalCompletion2 = true;
+            var _didIteratorError2 = false;
+            var _iteratorError2 = undefined;
+
+            try {
+                for (var _iterator2 = keys[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                    var key = _step2.value;
+
+                    if (key === src) return true;
+                }
+            } catch (err) {
+                _didIteratorError2 = true;
+                _iteratorError2 = err;
+            } finally {
+                try {
+                    if (!_iteratorNormalCompletion2 && _iterator2.return) {
+                        _iterator2.return();
+                    }
+                } finally {
+                    if (_didIteratorError2) {
+                        throw _iteratorError2;
+                    }
+                }
+            }
+
+            return false;
+        }
+    }]);
+    return Includes;
+}();
+
 /*
 The MIT License (MIT)
 
@@ -1405,12 +1588,14 @@ var GlslCanvas = function () {
         this.uniforms = {};
         this.vbo = {};
         this.isValid = false;
+        this.includes = new Includes();
 
         this.BUFFER_COUNT = 0;
         // this.TEXTURE_COUNT = 0;
-
-        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';
-        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';
+        this.defaultVertexString = '\n        #ifdef GL_ES\n        precision mediump float;\n        #endif\n        \n        attribute vec2 a_position;\n        attribute vec2 a_texcoord;\n        \n        varying vec2 v_texcoord;\n        \n        void main() {\n            gl_Position = vec4(a_position, 0.0, 1.0);\n            v_texcoord = a_texcoord;\n        }\n        ';
+        this.defaultFragmentString = '\n        #ifdef GL_ES\n        precision mediump float;\n        #endif\n        \n        varying vec2 v_texcoord;\n        \n        void main(){\n            gl_FragColor = vec4(0.0);\n        }\n        ';
+        this.vertexString = contextOptions.vertexString || this.defaultVertexString;
+        this.fragmentString = contextOptions.fragmentString || this.defaultFragmentString;
 
         // GL Context
         var gl = setupWebGL(canvas, contextOptions, options.onError);
@@ -1422,6 +1607,7 @@ var GlslCanvas = function () {
         this.timeDelta = 0.0;
         this.forceRender = true;
         this.paused = false;
+        this.deferLoadForIncludes = false;
         this.realToCSSPixels = window.devicePixelRatio || 1;
 
         // Allow alpha
@@ -1430,6 +1616,7 @@ var GlslCanvas = function () {
         // Load shader
         if (canvas.hasAttribute('data-fragment')) {
             this.fragmentString = canvas.getAttribute('data-fragment');
+            this.load();
         } else if (canvas.hasAttribute('data-fragment-url')) {
             var source = canvas.getAttribute('data-fragment-url');
             xhr.get(source, function (error, response, body) {
@@ -1440,6 +1627,7 @@ var GlslCanvas = function () {
         // Load shader
         if (canvas.hasAttribute('data-vertex')) {
             this.vertexString = canvas.getAttribute('data-vertex');
+            this.load();
         } else if (canvas.hasAttribute('data-vertex-url')) {
             var _source = canvas.getAttribute('data-vertex-url');
             xhr.get(_source, function (error, response, body) {
@@ -1447,7 +1635,8 @@ var GlslCanvas = function () {
             });
         }
 
-        this.load();
+        // need to load our default shaders to progress through process
+        this.load_after_includes(this.defaultFragmentString, this.defaultVertexString);
 
         if (!this.program) {
             return;
@@ -1528,10 +1717,12 @@ var GlslCanvas = function () {
             }
             this.program = null;
             this.gl = null;
+            this.includes.cancelPromiseCallbacks();
         }
     }, {
         key: 'load',
         value: function load(fragString, vertString) {
+            var _this2 = this;
 
             // Load vertex shader if there is one
             if (vertString) {
@@ -1543,16 +1734,27 @@ var GlslCanvas = function () {
                 this.fragmentString = fragString;
             }
 
+            this.includes.stripIncludes(this.fragmentString);
+            this.includes.fileIncluded = function (file) {
+                _this2.fragmentString = file;
+                _this2.load_after_includes(_this2.fragmentString, _this2.vertexString);
+            };
+        }
+    }, {
+        key: 'load_after_includes',
+        value: function load_after_includes(fragString, vertString) {
+            // Should probably just strip my include and deal with shit here
+
             this.animated = false;
-            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.nDelta = (fragString.match(/u_delta/g) || []).length;
+            this.nTime = (fragString.match(/u_time/g) || []).length;
+            this.nDate = (fragString.match(/u_date/g) || []).length;
+            this.nMouse = (fragString.match(/u_mouse/g) || []).length;
             this.animated = this.nDate > 1 || this.nTime > 1 || this.nMouse > 1;
 
-            var nTextures = this.fragmentString.search(/sampler2D/g);
+            var nTextures = fragString.search(/sampler2D/g);
             if (nTextures) {
-                var lines = this.fragmentString.split('\n');
+                var lines = fragString.split('\n');
                 for (var i = 0; i < lines.length; i++) {
                     var match = lines[i].match(/uniform\s*sampler2D\s*([\w]*);\s*\/\/\s*([\w|\:\/\/|\.|\-|\_]*)/i);
                     if (match) {
@@ -1568,8 +1770,8 @@ var GlslCanvas = function () {
                 }
             }
 
-            var vertexShader = createShader(this, this.vertexString, this.gl.VERTEX_SHADER);
-            var fragmentShader = createShader(this, this.fragmentString, this.gl.FRAGMENT_SHADER);
+            var vertexShader = createShader(this, vertString, this.gl.VERTEX_SHADER);
+            var fragmentShader = createShader(this, fragString, this.gl.FRAGMENT_SHADER);
 
             // If Fragment shader fails load a empty one to sign the error
             if (!fragmentShader) {
@@ -1593,7 +1795,7 @@ var GlslCanvas = function () {
             this.change = true;
 
             this.BUFFER_COUNT = 0;
-            var buffers = this.getBuffers(this.fragmentString);
+            var buffers = this.getBuffers(fragString);
             if (Object.keys(buffers).length) {
                 this.loadPrograms(buffers);
             }
@@ -1663,7 +1865,7 @@ var GlslCanvas = function () {
     }, {
         key: 'loadTexture',
         value: function loadTexture(name, urlElementOrData, options) {
-            var _this2 = this;
+            var _this3 = this;
 
             if (!options) {
                 options = {};
@@ -1683,13 +1885,13 @@ var GlslCanvas = function () {
                 if (this.textures[name]) {
                     this.textures[name].load(options);
                     this.textures[name].on('loaded', function (args) {
-                        _this2.forceRender = true;
+                        _this3.forceRender = true;
                     });
                 }
             } else {
                 this.textures[name] = new Texture(this.gl, name, options);
                 this.textures[name].on('loaded', function (args) {
-                    _this2.forceRender = true;
+                    _this3.forceRender = true;
                 });
             }
         }
diff --git a/dist/GlslCanvas.min.js b/dist/GlslCanvas.min.js
index 6ca51fb..14b2f1a 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(require("constants")):"function"==typeof define&&define.amd?define(["constants"],t):e.GlslCanvas=t(e.constants)}(this,function(e){"use strict";function t(e,t,r){for(var i=0,n=e.length;i<n;i++)P.call(e,i)&&t.call(r,e[i],i,e)}function r(e,t,r){for(var i=0,n=e.length;i<n;i++)t.call(r,e.charAt(i),i,e)}function i(e,t,r){for(var i in e)P.call(e,i)&&t.call(r,e[i],i,e)}function n(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}function a(e,t,r){var i=e;return x(t)?(r=t,"string"==typeof e&&(i={uri:e})):i=X(t,{uri:e}),i.callback=r,i}function s(e,t,r){return t=a(e,t,r),o(t)}function o(e){function t(){var e=void 0;if(e=l.response?l.response:l.responseText||u(l),p)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,o(e,T)}function i(){if(!f){var r;clearTimeout(c),r=e.useXDR&&void 0===l.status?200:1223===l.status?204:l.status;var i=T,n=null;return 0!==r?(i={body:t(),statusCode:r,method:g,headers:{},url:d,rawRequest:l},l.getAllResponseHeaders&&(i.headers=F(l.getAllResponseHeaders()))):n=new Error("Internal XMLHttpRequest Error"),o(n,i,i.body)}}if(void 0===e.callback)throw new Error("callback argument missing");var a=!1,o=function(t,r,i){a||(a=!0,e.callback(t,r,i))},l=e.xhr||null;l||(l=e.cors||e.useXDR?new s.XDomainRequest:new s.XMLHttpRequest);var h,f,c,d=l.url=e.uri||e.url,g=l.method=e.method||"GET",v=e.body||e.data,m=l.headers=e.headers||{},E=!!e.sync,p=!1,T={body:void 0,headers:{},statusCode:0,method:g,url:d,rawRequest:l};if("json"in e&&!1!==e.json&&(p=!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))),l.onreadystatechange=function(){4===l.readyState&&setTimeout(i,0)},l.onload=i,l.onerror=r,l.onprogress=function(){},l.onabort=function(){f=!0},l.ontimeout=r,l.open(g,d,!E,e.username,e.password),E||(l.withCredentials=!!e.withCredentials),!E&&e.timeout>0&&(c=setTimeout(function(){if(!f){f=!0,l.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",r(e)}},e.timeout)),l.setRequestHeader)for(h in m)m.hasOwnProperty(h)&&l.setRequestHeader(h,m[h]);else if(e.headers&&!n(e.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in e&&(l.responseType=e.responseType),"beforeSend"in e&&"function"==typeof e.beforeSend&&e.beforeSend(l),l.send(v||null),l}function u(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 l(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=l(t))}function n(e,t){"function"==typeof r?r(e):i(t)}if(!window.WebGLRenderingContext)return n(j,G),null;var a=f(e,t);return a?a.getExtension("OES_standard_derivatives"):n(W,H),a}function f(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 c(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 d(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 g(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"===C(n[0]))for(a=0;a<n.length;a++)r.push.apply(r,O(g(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":C(n))&&r.push.apply(r,O(g(n,i)))}return r}function v(e){return e.getBoundingClientRect().top+e.height>0&&e.getBoundingClientRect().top<(window.innerHeight||document.documentElement.clientHeight)}function m(e){return 0==(e&e-1)}function E(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function p(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 l=o.value,h=!0,f=!1,c=void 0;try{for(var d,g=Object.keys(l)[Symbol.iterator]();!(h=(d=g.next()).done);h=!0)if(d.value===e)return void t.delete(l)}catch(e){f=!0,c=e}finally{try{!h&&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,l=t[Symbol.iterator]();!(a=(u=l.next()).done);a=!0){var h=u.value;"function"==typeof h[e]&&h[e].apply(h,O(i))}}catch(e){s=!0,o=e}finally{try{!a&&l.return&&l.return()}finally{if(s)throw o}}}})}function y(){var e=document.getElementsByClassName("glslCanvas");if(e.length>0){window.glslCanvases=[];for(var t=0;t<e.length;t++){var r=new Y(e[t]);r.isValid&&window.glslCanvases.push(r)}}}var R,_="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},b=R="undefined"!=typeof window?window:void 0!==_?_:"undefined"!=typeof self?self:{},x=function(e){var t=w.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)},w=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*$/,"")}}),S=function(e,n,a){if(!x(n))throw new TypeError("iterator must be a function");arguments.length<3&&(a=this),"[object Array]"===U.call(e)?t(e,n,a):"string"==typeof e?r(e,n,a):i(e,n,a)},U=Object.prototype.toString,P=Object.prototype.hasOwnProperty,L=function(e){return"[object Array]"===Object.prototype.toString.call(e)},F=function(e){if(!e)return{};var t={};return S(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:L(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)D.call(r,i)&&(e[i]=r[i])}return e},D=Object.prototype.hasOwnProperty,M=s,I=s;s.XMLHttpRequest=b.XMLHttpRequest||function(){},s.XDomainRequest="withCredentials"in new s.XMLHttpRequest?s.XMLHttpRequest:b.XDomainRequest,function(e,t){for(var r=0;r<e.length;r++)t(e[r])}(["get","put","post","patch","head","delete"],function(e){s["delete"===e?"del":e]=function(t,r,i){return r=a(t,r,i),r.method=e.toUpperCase(),o(r)}}),M.default=I;var C="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},k=(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")}),B=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}}(),O=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="",G='\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',H='\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',j=1,W=2,q=function(){function e(t,r){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};k(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 B(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)},E()&&"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=m(this.width)&&m(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}();q.getMaxTextureSize=function(e){return e.getParameter(e.MAX_TEXTURE_SIZE)},q.activeUnit=-1;var V=function(){function e(){k(this,e),this.files={},this.file=""}return B(e,[{key:"fileIncluded",value:function(e){}},{key:"cancelPromiseCallbacks",value:function(){if(!(Object.keys(this.files).length<=0)){var e=Object.values(this.files),t=!0,r=!1,i=void 0;try{for(var n,a=e[Symbol.iterator]();!(t=(n=a.next()).done);t=!0)n.value.parse=!1}catch(e){r=!0,i=e}finally{try{!t&&a.return&&a.return()}finally{if(r)throw i}}this.files={}}}},{key:"stripIncludes",value:function(e){var t=this;this.cancelPromiseCallbacks(),this.file=e;var r,i=/^#include\s([\w].*)/gim;do{(r=i.exec(e))&&(console.log(r),0==this.isFileNew(r[1])&&function(){var e=r[1],i={src:e,promise:t.loadIncludeFile(e).then(function(t){return{src:e,data:t}}).catch(function(t){return console.log("include error:",e," ",t)}),"include:":"",parse:!0};t.files[e]=i}())}while(r);e=e.replace(i,""),this.file=e;var n=Object.values(this.files).map(function(e){return e.promise}),a=this;return Promise.all(n).then(function(e){e.forEach(function(e){a.includeFileLoaded(e.src,e.data)}),a.fileIncluded(a.file)}),e}},{key:"injectIncludeFile",value:function(e,t){var r=/\#ifdef(\s\S*)+\#endif/gim,i=e.match(r);return e=e.replace(r,i+"\n\n"+t)}},{key:"includeFileLoaded",value:function(e,t){return 0!=this.files[e].parse&&(this.files[e].include=t,this.files[e].parse=!1,this.file=this.injectIncludeFile(this.file,t),this.file)}},{key:"loadIncludeFile",value:function(e){return new Promise(function(t,r){var i=new XMLHttpRequest;i.open("GET",e+"?"+Date.now(),!0),i.overrideMimeType("text/plain"),i.setRequestHeader("Content-type","text/html; charset=utf-8"),i.onreadystatechange=function(){4==i.readyState&&(200==i.status||""!=i.responseText?t(i.responseText):r(i.type))},i.onerror=function(e){return r(e)},i.send()})}},{key:"isFileNew",value:function(e){var t=Object.keys(this.files),r=!0,i=!1,n=void 0;try{for(var a,s=t[Symbol.iterator]();!(r=(a=s.next()).done);r=!0)if(a.value===e)return!0}catch(e){i=!0,n=e}finally{try{!r&&s.return&&s.return()}finally{if(i)throw n}}return!1}}]),e}(),Y=function(){function e(t,r,i){function n(){v.nMouse>1&&v.setMouse(g),v.resize()&&(v.forceRender=!0),v.render(),window.requestAnimationFrame(n)}var a=this;k(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.includes=new V,this.BUFFER_COUNT=0,this.defaultVertexString="\n        #ifdef GL_ES\n        precision mediump float;\n        #endif\n        \n        attribute vec2 a_position;\n        attribute vec2 a_texcoord;\n        \n        varying vec2 v_texcoord;\n        \n        void main() {\n            gl_Position = vec4(a_position, 0.0, 1.0);\n            v_texcoord = a_texcoord;\n        }\n        ",this.defaultFragmentString="\n        #ifdef GL_ES\n        precision mediump float;\n        #endif\n        \n        varying vec2 v_texcoord;\n        \n        void main(){\n            gl_FragColor = vec4(0.0);\n        }\n        ",this.vertexString=r.vertexString||this.defaultVertexString,this.fragmentString=r.fragmentString||this.defaultFragmentString;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.deferLoadForIncludes=!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"),this.load();else if(t.hasAttribute("data-fragment-url")){var o=t.getAttribute("data-fragment-url");M.get(o,function(e,t,r){a.load(r,a.vertexString)})}if(t.hasAttribute("data-vertex"))this.vertexString=t.getAttribute("data-vertex"),this.load();else if(t.hasAttribute("data-vertex-url")){var u=t.getAttribute("data-vertex-url");M.get(u,function(e,t,r){a.load(a.fragmentString,r)})}if(this.load_after_includes(this.defaultFragmentString,this.defaultVertexString),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 B(e,[{key:"destroy",value:function(){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,this.includes.cancelPromiseCallbacks()}},{key:"load",value:function(e,t){var r=this;t&&(this.vertexString=t),e&&(this.fragmentString=e),this.includes.stripIncludes(this.fragmentString),this.includes.fileIncluded=function(e){r.fragmentString=e,r.load_after_includes(r.fragmentString,r.vertexString)}}},{key:"load_after_includes",value:function(e,t){if(this.animated=!1,this.nDelta=(e.match(/u_delta/g)||[]).length,this.nTime=(e.match(/u_time/g)||[]).length,this.nDate=(e.match(/u_date/g)||[]).length,this.nMouse=(e.match(/u_mouse/g)||[]).length,this.animated=this.nDate>1||this.nTime>1||this.nMouse>1,e.search(/sampler2D/g))for(var r=e.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=c(this,t,this.gl.VERTEX_SHADER),o=c(this,e,this.gl.FRAGMENT_SHADER);o?this.isValid=!0:(o=c(this,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",this.gl.FRAGMENT_SHADER),this.isValid=!1);var u=d(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 l=this.getBuffers(e);Object.keys(l).length&&this.loadPrograms(l),this.buffers=l,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(l,u.QUERY_RESULT_AVAILABLE_EXT),s=f.gl.getParameter(u.GPU_DISJOINT_EXT);if(a&&!s){var o={wasValid:h,frag:t||f.fragmentString,vert:r||f.vertexString,timeElapsedMs:u.getQueryObjectEXT(l,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"),l=u.createQueryEXT(),h=this.isValid;(t||r)&&(this.load(t,r),h=this.isValid,this.forceRender=!0,this.render()),this.paused=!0,u.beginQueryEXT(u.TIME_ELAPSED_EXT,l),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":C(t))&&t.data&&t.width&&t.height?(r.data=t.data,r.width=t.width,r.height=t.height):"object"===(void 0===t?"undefined":C(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 q(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=g(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(p(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 l=this.gl.getUniformLocation(u.program,r);this.gl[i.method].apply(this.gl,[l].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=v(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=c(t,t.vertexString,r.VERTEX_SHADER);for(var n in e){var a=e[n],s=c(t,a.fragment,r.FRAGMENT_SHADER,1);s?t.isValid=!0:(s=c(t,"void main(){\n\tgl_FragColor = vec4(1.0);\n}",r.FRAGMENT_SHADER),t.isValid=!1);var o=d(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 l=n+1,h=i.createTexture();i.activeTexture(i.TEXTURE0+l),i.bindTexture(i.TEXTURE_2D,h),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,h),n=this.index=n,a=this.texture=h,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(){y()}),Y});
 //# sourceMappingURL=GlslCanvas.min.js.map
diff --git a/dist/GlslCanvas.min.js.map b/dist/GlslCanvas.min.js.map
index 1903792..05614c9 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/for-each/index.js","../node_modules/xhr/index.js","../src/gl/gl.js","../src/tools/common.js","../src/tools/mixin.js","../src/GlslCanvas.js","../node_modules/global/window.js","../node_modules/is-function/index.js","../node_modules/trim/index.js","../node_modules/parse-headers/parse-headers.js","../node_modules/xtend/immutable.js","../src/gl/Texture.js","../src/gl/Includes.js"],"sourcesContent":["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","\"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","/*\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';\nimport Includes from './gl/Includes';\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.includes = new Includes();\n\n        this.BUFFER_COUNT = 0;\n        // this.TEXTURE_COUNT = 0;\n        this.defaultVertexString = `\n        #ifdef GL_ES\n        precision mediump float;\n        #endif\n        \n        attribute vec2 a_position;\n        attribute vec2 a_texcoord;\n        \n        varying vec2 v_texcoord;\n        \n        void main() {\n            gl_Position = vec4(a_position, 0.0, 1.0);\n            v_texcoord = a_texcoord;\n        }\n        `;\n        this.defaultFragmentString = `\n        #ifdef GL_ES\n        precision mediump float;\n        #endif\n        \n        varying vec2 v_texcoord;\n        \n        void main(){\n            gl_FragColor = vec4(0.0);\n        }\n        `;\n        this.vertexString = contextOptions.vertexString || this.defaultVertexString;\n        this.fragmentString = contextOptions.fragmentString || this.defaultFragmentString;\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.deferLoadForIncludes = 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            this.load();\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            this.load();\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        // need to load our default shaders to progress through process\n        this.load_after_includes(this.defaultFragmentString ,this.defaultVertexString );     \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        this.includes.cancelPromiseCallbacks();\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.includes.stripIncludes(this.fragmentString);\n        this.includes.fileIncluded = (file) =>\n        {\n             this.fragmentString = file;\n             this.load_after_includes(this.fragmentString,this.vertexString);\n        }    \n    }\n\n    load_after_includes (fragString, vertString) {\n        // Should probably just strip my include and deal with shit here\n        \n        this.animated = false;\n        this.nDelta = (fragString.match(/u_delta/g) || []).length;\n        this.nTime = (fragString.match(/u_time/g) || []).length;\n        this.nDate = (fragString.match(/u_date/g) || []).length;\n        this.nMouse = (fragString.match(/u_mouse/g) || []).length;\n        this.animated = this.nDate > 1 || this.nTime > 1 || this.nMouse > 1;\n\n        let nTextures = fragString.search(/sampler2D/g);\n        if (nTextures) {\n            let lines = fragString.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, vertString, this.gl.VERTEX_SHADER);\n        let fragmentShader = createShader(this, fragString, 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(fragString);\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});","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 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","// 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","import { S_IFREG } from \"constants\";\n\nexport default class Includes {\n    constructor()\n    {\n        this.files = {};\n        this.file = '';\n    }\n\n    fileIncluded(file){}     // going to over-ride this as callback in super class\n\n    cancelPromiseCallbacks()\n    {        \n        let c = Object.keys(this.files).length;\n\n        if(c <= 0)\n            return;\n\n        const values = Object.values(this.files)\n        for (const value of values) {\n            value.parse = false;\n        }\n\n        this.files = {};\n    }\n\n    stripIncludes( source )\n    {\n        // cancel any current promises\n        this.cancelPromiseCallbacks();\n\n        // define our file to strip here\n        this.file = source;\n\n        let exp = /^#include\\s([\\w].*)/igm;     //previous /#include\\s([\\w].*)/ig;  // ^(?!\\/\\/).*\n        var m;\n        do {\n            m = exp.exec(source);\n            if (m) {\n                console.log(m);\n                if(this.isFileNew(m[1]) == false)\n                {\n                    let src = m[1];\n                    let f = src;\n                    let p = this.loadIncludeFile(src).then( (data) => {return{'src':src,'data':data} }  ).catch((res) => console.log('include error:',src,' ',res));\n                    let o = {\n                        'src':f,\n                        'promise':p,\n                        'include:':'',\n                        'parse':true\n                    };\n                    this.files[src] = o;\n                }\n            }\n        } while (m);\n    \n        source = source.replace(exp,\"\");\n        this.file = source;\n\n        let promises = Object.values(this.files).map( (i) => i.promise );\n        let t = this;\n        Promise.all(promises).then(function(includes)\n        {\n            includes.forEach((include) =>\n            {\n                t.includeFileLoaded(include.src,include.data);\n            });\n            t.fileIncluded(t.file);\n        });\n\n        return source;\n    }\n    \n    injectIncludeFile(src,includeSrc)\n    {\n        let  def = /\\#ifdef(\\s\\S*)+\\#endif/img;\n        let header = src.match(def);\n        src = src.replace(def,header+'\\n\\n'+includeSrc);\n        return src;\n    }\n\n    includeFileLoaded(src,include)\n    {\n        let f = this.files[src];\n\n        if(f.parse == false)\n            return false;\n\n        this.files[src].include = include;\n        this.files[src].parse = false;\n\n        this.file = this.injectIncludeFile(this.file,include);\n\n        // this.fileIncluded(this.file);\n        return this.file;\n    }\n\n    loadIncludeFile(src)\n    {\n        return new Promise( (resolve,reject) => {\n            var client = new XMLHttpRequest();\n            client.open('GET', src+\"?\"+Date.now(), true);\n            client.overrideMimeType(\"text/plain\");\n            client.setRequestHeader(\"Content-type\",\"text/html; charset=utf-8\");\n            client.onreadystatechange = () => {\n    \n                if (client.readyState == 4)\n                {\n                    if(client.status == 200 || client.responseText != '')        // || client.status == 0\n                        resolve( client.responseText );\n                    else\n                        reject( client.type );\n                }\n            }\n            client.onerror = (ex) => reject(ex);\n            client.send();\n        });\n    }\n\n\n    // need to recreate this based on new structure\n    isFileNew(src)\n    {\n        const keys = Object.keys(this.files)\n        for (const key of keys) {\n            if(key === src)\n                return true;\n        }\n        return false;\n    }\n}"],"names":["forEachArray","array","iterator","context","i","len","length","hasOwnProperty","call","forEachString","string","charAt","forEachObject","object","k","isEmpty","obj","initParams","uri","options","callback","params","isFunction","xtend","createXHR","_createXHR","getBody","body","undefined","xhr","response","responseText","getXml","isJson","JSON","parse","e","errorFunc","evt","clearTimeout","timeoutTimer","Error","statusCode","failureResponse","loadFunc","aborted","status","useXDR","err","method","headers","url","rawRequest","getAllResponseHeaders","parseHeaders","called","cors","XDomainRequest","XMLHttpRequest","key","data","sync","json","stringify","onreadystatechange","readyState","setTimeout","onload","onerror","onprogress","onabort","ontimeout","open","username","password","withCredentials","timeout","abort","code","setRequestHeader","responseType","beforeSend","send","responseXML","firefoxBugTakenEffect","documentElement","nodeName","makeFailHTML","msg","setupWebGL","canvas","optAttribs","onError","showLink","str","container","parentNode","innerHTML","handleError","errorCode","window","WebGLRenderingContext","ERROR_BROWSER_SUPPORT","GET_A_WEBGL_BROWSER","create3DContext","getExtension","ERROR_OTHER","OTHER_PROBLEM","names","ii","getContext","createShader","main","source","type","offset","gl","shader","shaderSource","compileShader","getShaderParameter","COMPILE_STATUS","getShaderInfoLog","error","lastError","trigger","deleteShader","createProgram","shaders","optLocations","program","attachShader","bindAttribLocation","linkProgram","getProgramParameter","LINK_STATUS","getProgramInfoLog","log","deleteProgram","parseUniforms","uniforms","prefix","parsed","name","uniform","u","push","Array","isArray","babelHelpers.typeof","isCanvasVisible","getBoundingClientRect","top","height","innerHeight","document","clientHeight","isPowerOf2","value","isSafari","test","navigator","userAgent","isDiff","a","b","toString","subscribeMixin","target","listeners","Set","Object","assign","f","listener","add","delete","item","keys","clear","event","loadAllGlslCanvas","list","getElementsByClassName","glslCanvases","sandbox","GlslCanvas","isValid","win","global","self","fn","alert","confirm","prompt","prototype","exports","module","replace","TypeError","arguments","this","arg","result","forEach","trim","split","row","index","indexOf","slice","toLowerCase","toUpperCase","Texture","texture","createTexture","valid","bind","sourceType","loading","setData","Uint8Array","filtering","setFiltering","load","deleteTexture","unit","activeUnit","activeTexture","TEXTURE0","bindTexture","TEXTURE_2D","setUrl","element","setElement","width","Promise","resolve","reject","ext","pop","isVideo","createElement","autoplay","Image","_this","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","Includes","files","file","values","cancelPromiseCallbacks","m","exp","exec","isFileNew","o","loadIncludeFile","then","catch","res","console","promises","map","promise","t","all","includes","include","includeFileLoaded","fileIncluded","includeSrc","def","header","match","injectIncludeFile","client","Date","now","overrideMimeType","ex","contextOptions","RenderLoop","nMouse","setMouse","mouse","resize","forceRender","render","requestAnimationFrame","hasAttribute","getAttribute","clientWidth","innerWidth","textures","buffers","vbo","BUFFER_COUNT","defaultVertexString","defaultFragmentString","vertexString","fragmentString","timeLoad","timePrev","performance","timeDelta","paused","deferLoadForIncludes","realToCSSPixels","devicePixelRatio","style","backgroundColor","get","load_after_includes","texCoordsLoc","getAttribLocation","texCoords","createBuffer","bindBuffer","ARRAY_BUFFER","bufferData","Float32Array","STATIC_DRAW","enableVertexAttribArray","vertexAttribPointer","FLOAT","verticesLoc","vertices","imgList","nImg","setUniform","x","clientX","pageX","y","clientY","pageY","animated","tex","destroy","att","attribs","deleteBuffer","useProgram","buffer","fragString","vertString","stripIncludes","_this2","nDelta","nTime","nDate","search","lines","vertexShader","VERTEX_SHADER","fragmentShader","FRAGMENT_SHADER","change","getBuffers","loadPrograms","texureIndex","finishTest","pre_test_paused","pre_test_frag","pre_test_vert","waitForTest","available","getQueryObjectEXT","query","QUERY_RESULT_AVAILABLE_EXT","disjoint","GPU_DISJOINT_EXT","ret","wasValid","QUERY_RESULT_EXT","createQueryEXT","beginQueryEXT","TIME_ELAPSED_EXT","endQueryEXT","urlElementOrData","on","args","setUniforms","loadTexture","rect","left","right","bottom","mouse_x","mouse_y","location","getUniformLocation","apply","concat","displayWidth","Math","floor","displayHeight","viewport","resizeSwappableBuffers","visible","date","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","bundle","input","uniformTexture","renderPrograms","W","H","bindFramebuffer","FRAMEBUFFER","drawArrays","TRIANGLES","glsl","vertex","fragment","createSwappableBuffer","output","temp","framebufferTexture2D","COLOR_ATTACHMENT0","swap","createFramebuffer","minW","min","minH","pixels","readPixels","newIndex","newTexture","texSubImage2D","newBuffer"],"mappings":"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"}
\ No newline at end of file
diff --git a/index.html b/index.html
index 48a55da..8b244d7 100644
--- a/index.html
+++ b/index.html
@@ -5,8 +5,8 @@
         <title>GlslCanvas</title>
 
         <script type="text/javascript" src="dist/GlslCanvas.js"></script>
-        <script type="text/javascript" src="https://cdn.rawgit.com/github/fetch/master/fetch.js"></script>
-
+        <!-- <script type="text/javascript" src="https://cdn.rawgit.com/github/fetch/master/fetch.js"></script> -->
+        <script type="shader" src="data/test.frag"></script>
         <style>
             body {
                 background: #101515;
@@ -56,12 +56,15 @@
 
     </head>
     <body>
+            <!-- //#include "data/random.glsl" -->
         <canvas id="glslCanvas" data-fragment="
 // Author: Patricio Gonzalez Vivo
 #ifdef GL_ES
 precision mediump float;
 #endif
 
+#include data/random.glsl
+
 #define PI 3.1415926535
 #define HALF_PI 1.57079632679
 
@@ -143,6 +146,9 @@
     st = scale(st, 2.);
     color += texture2D(u_logo, st).rgb * step(.0001,st.y) * step(st.y,.999);
 
+    // add random pixel noise via include file
+    color += vec3(0.1) * random(st);
+
     gl_FragColor = vec4(color, 1.0);
 }
 " width="800" height="600" data-textures="data/moon.jpg"></canvas>
@@ -265,6 +271,9 @@
                 }
             }
         }
+
+        // testing load/promise cancel after initial data in attribute
+        // load("data/test.frag");
     </script>
     <script>
         (function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){
diff --git a/lib/GlslCanvas.js b/lib/GlslCanvas.js
index ead85df..8c89105 100644
--- a/lib/GlslCanvas.js
+++ b/lib/GlslCanvas.js
@@ -1,5 +1,7 @@
 'use strict';
 
+require('constants');
+
 var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 
@@ -1349,6 +1351,189 @@ Texture.getMaxTextureSize = function (gl) {
 // Global set of textures, by name
 Texture.activeUnit = -1;
 
+var Includes = function () {
+    function Includes() {
+        classCallCheck(this, Includes);
+
+        this.files = {};
+        this.file = '';
+    }
+
+    createClass(Includes, [{
+        key: 'fileIncluded',
+        value: function fileIncluded(file) {} // going to over-ride this as callback in super class
+
+    }, {
+        key: 'cancelPromiseCallbacks',
+        value: function cancelPromiseCallbacks() {
+            var c = Object.keys(this.files).length;
+
+            if (c <= 0) return;
+
+            var values = Object.values(this.files);
+            var _iteratorNormalCompletion = true;
+            var _didIteratorError = false;
+            var _iteratorError = undefined;
+
+            try {
+                for (var _iterator = values[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                    var value = _step.value;
+
+                    value.parse = false;
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally {
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return) {
+                        _iterator.return();
+                    }
+                } finally {
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+
+            this.files = {};
+        }
+    }, {
+        key: 'stripIncludes',
+        value: function stripIncludes(source) {
+            var _this = this;
+
+            // cancel any current promises
+            this.cancelPromiseCallbacks();
+
+            // define our file to strip here
+            this.file = source;
+
+            var exp = /^#include\s([\w].*)/igm; //previous /#include\s([\w].*)/ig;  // ^(?!\/\/).*
+            var m;
+            do {
+                m = exp.exec(source);
+                if (m) {
+                    console.log(m);
+                    if (this.isFileNew(m[1]) == false) {
+                        (function () {
+                            var src = m[1];
+                            var f = src;
+                            var p = _this.loadIncludeFile(src).then(function (data) {
+                                return { 'src': src, 'data': data };
+                            }).catch(function (res) {
+                                return console.log('include error:', src, ' ', res);
+                            });
+                            var o = {
+                                'src': f,
+                                'promise': p,
+                                'include:': '',
+                                'parse': true
+                            };
+                            _this.files[src] = o;
+                        })();
+                    }
+                }
+            } while (m);
+
+            source = source.replace(exp, "");
+            this.file = source;
+
+            var promises = Object.values(this.files).map(function (i) {
+                return i.promise;
+            });
+            var t = this;
+            Promise.all(promises).then(function (includes) {
+                includes.forEach(function (include) {
+                    t.includeFileLoaded(include.src, include.data);
+                });
+                t.fileIncluded(t.file);
+            });
+
+            return source;
+        }
+    }, {
+        key: 'injectIncludeFile',
+        value: function injectIncludeFile(src, includeSrc) {
+            var def = /\#ifdef(\s\S*)+\#endif/img;
+            var header = src.match(def);
+            src = src.replace(def, header + '\n\n' + includeSrc);
+            return src;
+        }
+    }, {
+        key: 'includeFileLoaded',
+        value: function includeFileLoaded(src, include) {
+            var f = this.files[src];
+
+            if (f.parse == false) return false;
+
+            this.files[src].include = include;
+            this.files[src].parse = false;
+
+            this.file = this.injectIncludeFile(this.file, include);
+
+            // this.fileIncluded(this.file);
+            return this.file;
+        }
+    }, {
+        key: 'loadIncludeFile',
+        value: function loadIncludeFile(src) {
+            return new Promise(function (resolve, reject) {
+                var client = new XMLHttpRequest();
+                client.open('GET', src + "?" + Date.now(), true);
+                client.overrideMimeType("text/plain");
+                client.setRequestHeader("Content-type", "text/html; charset=utf-8");
+                client.onreadystatechange = function () {
+
+                    if (client.readyState == 4) {
+                        if (client.status == 200 || client.responseText != '') // || client.status == 0
+                            resolve(client.responseText);else reject(client.type);
+                    }
+                };
+                client.onerror = function (ex) {
+                    return reject(ex);
+                };
+                client.send();
+            });
+        }
+
+        // need to recreate this based on new structure
+
+    }, {
+        key: 'isFileNew',
+        value: function isFileNew(src) {
+            var keys = Object.keys(this.files);
+            var _iteratorNormalCompletion2 = true;
+            var _didIteratorError2 = false;
+            var _iteratorError2 = undefined;
+
+            try {
+                for (var _iterator2 = keys[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                    var key = _step2.value;
+
+                    if (key === src) return true;
+                }
+            } catch (err) {
+                _didIteratorError2 = true;
+                _iteratorError2 = err;
+            } finally {
+                try {
+                    if (!_iteratorNormalCompletion2 && _iterator2.return) {
+                        _iterator2.return();
+                    }
+                } finally {
+                    if (_didIteratorError2) {
+                        throw _iteratorError2;
+                    }
+                }
+            }
+
+            return false;
+        }
+    }]);
+    return Includes;
+}();
+
 /*
 The MIT License (MIT)
 
@@ -1401,12 +1586,14 @@ var GlslCanvas = function () {
         this.uniforms = {};
         this.vbo = {};
         this.isValid = false;
+        this.includes = new Includes();
 
         this.BUFFER_COUNT = 0;
         // this.TEXTURE_COUNT = 0;
-
-        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';
-        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';
+        this.defaultVertexString = '\n        #ifdef GL_ES\n        precision mediump float;\n        #endif\n        \n        attribute vec2 a_position;\n        attribute vec2 a_texcoord;\n        \n        varying vec2 v_texcoord;\n        \n        void main() {\n            gl_Position = vec4(a_position, 0.0, 1.0);\n            v_texcoord = a_texcoord;\n        }\n        ';
+        this.defaultFragmentString = '\n        #ifdef GL_ES\n        precision mediump float;\n        #endif\n        \n        varying vec2 v_texcoord;\n        \n        void main(){\n            gl_FragColor = vec4(0.0);\n        }\n        ';
+        this.vertexString = contextOptions.vertexString || this.defaultVertexString;
+        this.fragmentString = contextOptions.fragmentString || this.defaultFragmentString;
 
         // GL Context
         var gl = setupWebGL(canvas, contextOptions, options.onError);
@@ -1418,6 +1605,7 @@ var GlslCanvas = function () {
         this.timeDelta = 0.0;
         this.forceRender = true;
         this.paused = false;
+        this.deferLoadForIncludes = false;
         this.realToCSSPixels = window.devicePixelRatio || 1;
 
         // Allow alpha
@@ -1426,6 +1614,7 @@ var GlslCanvas = function () {
         // Load shader
         if (canvas.hasAttribute('data-fragment')) {
             this.fragmentString = canvas.getAttribute('data-fragment');
+            this.load();
         } else if (canvas.hasAttribute('data-fragment-url')) {
             var source = canvas.getAttribute('data-fragment-url');
             xhr.get(source, function (error, response, body) {
@@ -1436,6 +1625,7 @@ var GlslCanvas = function () {
         // Load shader
         if (canvas.hasAttribute('data-vertex')) {
             this.vertexString = canvas.getAttribute('data-vertex');
+            this.load();
         } else if (canvas.hasAttribute('data-vertex-url')) {
             var _source = canvas.getAttribute('data-vertex-url');
             xhr.get(_source, function (error, response, body) {
@@ -1443,7 +1633,8 @@ var GlslCanvas = function () {
             });
         }
 
-        this.load();
+        // need to load our default shaders to progress through process
+        this.load_after_includes(this.defaultFragmentString, this.defaultVertexString);
 
         if (!this.program) {
             return;
@@ -1524,10 +1715,12 @@ var GlslCanvas = function () {
             }
             this.program = null;
             this.gl = null;
+            this.includes.cancelPromiseCallbacks();
         }
     }, {
         key: 'load',
         value: function load(fragString, vertString) {
+            var _this2 = this;
 
             // Load vertex shader if there is one
             if (vertString) {
@@ -1539,16 +1732,27 @@ var GlslCanvas = function () {
                 this.fragmentString = fragString;
             }
 
+            this.includes.stripIncludes(this.fragmentString);
+            this.includes.fileIncluded = function (file) {
+                _this2.fragmentString = file;
+                _this2.load_after_includes(_this2.fragmentString, _this2.vertexString);
+            };
+        }
+    }, {
+        key: 'load_after_includes',
+        value: function load_after_includes(fragString, vertString) {
+            // Should probably just strip my include and deal with shit here
+
             this.animated = false;
-            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.nDelta = (fragString.match(/u_delta/g) || []).length;
+            this.nTime = (fragString.match(/u_time/g) || []).length;
+            this.nDate = (fragString.match(/u_date/g) || []).length;
+            this.nMouse = (fragString.match(/u_mouse/g) || []).length;
             this.animated = this.nDate > 1 || this.nTime > 1 || this.nMouse > 1;
 
-            var nTextures = this.fragmentString.search(/sampler2D/g);
+            var nTextures = fragString.search(/sampler2D/g);
             if (nTextures) {
-                var lines = this.fragmentString.split('\n');
+                var lines = fragString.split('\n');
                 for (var i = 0; i < lines.length; i++) {
                     var match = lines[i].match(/uniform\s*sampler2D\s*([\w]*);\s*\/\/\s*([\w|\:\/\/|\.|\-|\_]*)/i);
                     if (match) {
@@ -1564,8 +1768,8 @@ var GlslCanvas = function () {
                 }
             }
 
-            var vertexShader = createShader(this, this.vertexString, this.gl.VERTEX_SHADER);
-            var fragmentShader = createShader(this, this.fragmentString, this.gl.FRAGMENT_SHADER);
+            var vertexShader = createShader(this, vertString, this.gl.VERTEX_SHADER);
+            var fragmentShader = createShader(this, fragString, this.gl.FRAGMENT_SHADER);
 
             // If Fragment shader fails load a empty one to sign the error
             if (!fragmentShader) {
@@ -1589,7 +1793,7 @@ var GlslCanvas = function () {
             this.change = true;
 
             this.BUFFER_COUNT = 0;
-            var buffers = this.getBuffers(this.fragmentString);
+            var buffers = this.getBuffers(fragString);
             if (Object.keys(buffers).length) {
                 this.loadPrograms(buffers);
             }
@@ -1659,7 +1863,7 @@ var GlslCanvas = function () {
     }, {
         key: 'loadTexture',
         value: function loadTexture(name, urlElementOrData, options) {
-            var _this2 = this;
+            var _this3 = this;
 
             if (!options) {
                 options = {};
@@ -1679,13 +1883,13 @@ var GlslCanvas = function () {
                 if (this.textures[name]) {
                     this.textures[name].load(options);
                     this.textures[name].on('loaded', function (args) {
-                        _this2.forceRender = true;
+                        _this3.forceRender = true;
                     });
                 }
             } else {
                 this.textures[name] = new Texture(this.gl, name, options);
                 this.textures[name].on('loaded', function (args) {
-                    _this2.forceRender = true;
+                    _this3.forceRender = true;
                 });
             }
         }
diff --git a/src/GlslCanvas.js b/src/GlslCanvas.js
index 382041d..8203cfe 100644
--- a/src/GlslCanvas.js
+++ b/src/GlslCanvas.js
@@ -26,6 +26,7 @@ import { createProgram, createShader, parseUniforms, setupWebGL } from './gl/gl'
 import Texture from './gl/Texture';
 import { isCanvasVisible, isDiff } from './tools/common';
 import { subscribeMixin } from './tools/mixin';
+import Includes from './gl/Includes';
 
 export default class GlslCanvas {
     constructor(canvas, contextOptions, options) {
@@ -55,36 +56,38 @@ export default class GlslCanvas {
         this.uniforms = {};
         this.vbo = {};
         this.isValid = false;
+        this.includes = new Includes();
 
         this.BUFFER_COUNT = 0;
         // this.TEXTURE_COUNT = 0;
-
-        this.vertexString = contextOptions.vertexString || `
-#ifdef GL_ES
-precision mediump float;
-#endif
-
-attribute vec2 a_position;
-attribute vec2 a_texcoord;
-
-varying vec2 v_texcoord;
-
-void main() {
-    gl_Position = vec4(a_position, 0.0, 1.0);
-    v_texcoord = a_texcoord;
-}
-`;
-        this.fragmentString = contextOptions.fragmentString || `
-#ifdef GL_ES
-precision mediump float;
-#endif
-
-varying vec2 v_texcoord;
-
-void main(){
-    gl_FragColor = vec4(0.0);
-}
-`;
+        this.defaultVertexString = `
+        #ifdef GL_ES
+        precision mediump float;
+        #endif
+        
+        attribute vec2 a_position;
+        attribute vec2 a_texcoord;
+        
+        varying vec2 v_texcoord;
+        
+        void main() {
+            gl_Position = vec4(a_position, 0.0, 1.0);
+            v_texcoord = a_texcoord;
+        }
+        `;
+        this.defaultFragmentString = `
+        #ifdef GL_ES
+        precision mediump float;
+        #endif
+        
+        varying vec2 v_texcoord;
+        
+        void main(){
+            gl_FragColor = vec4(0.0);
+        }
+        `;
+        this.vertexString = contextOptions.vertexString || this.defaultVertexString;
+        this.fragmentString = contextOptions.fragmentString || this.defaultFragmentString;
 
         // GL Context
         let gl = setupWebGL(canvas, contextOptions, options.onError);
@@ -96,6 +99,7 @@ void main(){
         this.timeDelta = 0.0;
         this.forceRender = true;
         this.paused = false;
+        this.deferLoadForIncludes = false;
         this.realToCSSPixels = window.devicePixelRatio || 1;
 
         // Allow alpha
@@ -104,6 +108,7 @@ void main(){
         // Load shader
         if (canvas.hasAttribute('data-fragment')) {
             this.fragmentString = canvas.getAttribute('data-fragment');
+            this.load();
         }
         else if (canvas.hasAttribute('data-fragment-url')) {
             let source = canvas.getAttribute('data-fragment-url');
@@ -115,6 +120,7 @@ void main(){
         // Load shader
         if (canvas.hasAttribute('data-vertex')) {
             this.vertexString = canvas.getAttribute('data-vertex');
+            this.load();
         }
         else if (canvas.hasAttribute('data-vertex-url')) {
             let source = canvas.getAttribute('data-vertex-url');
@@ -123,7 +129,8 @@ void main(){
             });
         }
 
-        this.load();
+        // need to load our default shaders to progress through process
+        this.load_after_includes(this.defaultFragmentString ,this.defaultVertexString );     
 
         if (!this.program) {
             return;
@@ -202,10 +209,11 @@ void main(){
         }
         this.program = null;
         this.gl = null;
+        this.includes.cancelPromiseCallbacks();
     }
 
-    load (fragString, vertString) {
-
+    load (fragString, vertString)
+    {
         // Load vertex shader if there is one
         if (vertString) {
             this.vertexString = vertString;
@@ -216,16 +224,27 @@ void main(){
             this.fragmentString = fragString;
         }
 
+        this.includes.stripIncludes(this.fragmentString);
+        this.includes.fileIncluded = (file) =>
+        {
+             this.fragmentString = file;
+             this.load_after_includes(this.fragmentString,this.vertexString);
+        }    
+    }
+
+    load_after_includes (fragString, vertString) {
+        // Should probably just strip my include and deal with shit here
+        
         this.animated = false;
-        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.nDelta = (fragString.match(/u_delta/g) || []).length;
+        this.nTime = (fragString.match(/u_time/g) || []).length;
+        this.nDate = (fragString.match(/u_date/g) || []).length;
+        this.nMouse = (fragString.match(/u_mouse/g) || []).length;
         this.animated = this.nDate > 1 || this.nTime > 1 || this.nMouse > 1;
 
-        let nTextures = this.fragmentString.search(/sampler2D/g);
+        let nTextures = fragString.search(/sampler2D/g);
         if (nTextures) {
-            let lines = this.fragmentString.split('\n');
+            let lines = fragString.split('\n');
             for (let i = 0; i < lines.length; i++) {
                 let match = lines[i].match(/uniform\s*sampler2D\s*([\w]*);\s*\/\/\s*([\w|\:\/\/|\.|\-|\_]*)/i);
                 if (match) {
@@ -243,8 +262,8 @@ void main(){
             }
         }
 
-        let vertexShader = createShader(this, this.vertexString, this.gl.VERTEX_SHADER);
-        let fragmentShader = createShader(this, this.fragmentString, this.gl.FRAGMENT_SHADER);
+        let vertexShader = createShader(this, vertString, this.gl.VERTEX_SHADER);
+        let fragmentShader = createShader(this, fragString, this.gl.FRAGMENT_SHADER);
 
         // If Fragment shader fails load a empty one to sign the error
         if (!fragmentShader) {
@@ -269,7 +288,7 @@ void main(){
         this.change = true;
 
         this.BUFFER_COUNT = 0;
-        const buffers = this.getBuffers(this.fragmentString);
+        const buffers = this.getBuffers(fragString);
         if (Object.keys(buffers).length) {
             this.loadPrograms(buffers);
         }
diff --git a/src/gl/Includes.js b/src/gl/Includes.js
new file mode 100644
index 0000000..b903db4
--- /dev/null
+++ b/src/gl/Includes.js
@@ -0,0 +1,131 @@
+import { S_IFREG } from "constants";
+
+export default class Includes {
+    constructor()
+    {
+        this.files = {};
+        this.file = '';
+    }
+
+    fileIncluded(file){}     // going to over-ride this as callback in super class
+
+    cancelPromiseCallbacks()
+    {        
+        let c = Object.keys(this.files).length;
+
+        if(c <= 0)
+            return;
+
+        const values = Object.values(this.files)
+        for (const value of values) {
+            value.parse = false;
+        }
+
+        this.files = {};
+    }
+
+    stripIncludes( source )
+    {
+        // cancel any current promises
+        this.cancelPromiseCallbacks();
+
+        // define our file to strip here
+        this.file = source;
+
+        let exp = /^#include\s([\w].*)/igm;     //previous /#include\s([\w].*)/ig;  // ^(?!\/\/).*
+        var m;
+        do {
+            m = exp.exec(source);
+            if (m) {
+                console.log(m);
+                if(this.isFileNew(m[1]) == false)
+                {
+                    let src = m[1];
+                    let f = src;
+                    let p = this.loadIncludeFile(src).then( (data) => {return{'src':src,'data':data} }  ).catch((res) => console.log('include error:',src,' ',res));
+                    let o = {
+                        'src':f,
+                        'promise':p,
+                        'include:':'',
+                        'parse':true
+                    };
+                    this.files[src] = o;
+                }
+            }
+        } while (m);
+    
+        source = source.replace(exp,"");
+        this.file = source;
+
+        let promises = Object.values(this.files).map( (i) => i.promise );
+        let t = this;
+        Promise.all(promises).then(function(includes)
+        {
+            includes.forEach((include) =>
+            {
+                t.includeFileLoaded(include.src,include.data);
+            });
+            t.fileIncluded(t.file);
+        });
+
+        return source;
+    }
+    
+    injectIncludeFile(src,includeSrc)
+    {
+        let  def = /\#ifdef(\s\S*)+\#endif/img;
+        let header = src.match(def);
+        src = src.replace(def,header+'\n\n'+includeSrc);
+        return src;
+    }
+
+    includeFileLoaded(src,include)
+    {
+        let f = this.files[src];
+
+        if(f.parse == false)
+            return false;
+
+        this.files[src].include = include;
+        this.files[src].parse = false;
+
+        this.file = this.injectIncludeFile(this.file,include);
+
+        // this.fileIncluded(this.file);
+        return this.file;
+    }
+
+    loadIncludeFile(src)
+    {
+        return new Promise( (resolve,reject) => {
+            var client = new XMLHttpRequest();
+            client.open('GET', src+"?"+Date.now(), true);
+            client.overrideMimeType("text/plain");
+            client.setRequestHeader("Content-type","text/html; charset=utf-8");
+            client.onreadystatechange = () => {
+    
+                if (client.readyState == 4)
+                {
+                    if(client.status == 200 || client.responseText != '')        // || client.status == 0
+                        resolve( client.responseText );
+                    else
+                        reject( client.type );
+                }
+            }
+            client.onerror = (ex) => reject(ex);
+            client.send();
+        });
+    }
+
+
+    // need to recreate this based on new structure
+    isFileNew(src)
+    {
+        const keys = Object.keys(this.files)
+        for (const key of keys) {
+            if(key === src)
+                return true;
+        }
+        return false;
+    }
+}
\ No newline at end of file