From 8a574062f01ba5a38227fbdeadce5245ca9e60f1 Mon Sep 17 00:00:00 2001 From: inventivetalent Date: Sat, 12 Jan 2019 16:02:11 +0100 Subject: [PATCH] add variable scroll speed to ContextMenu --- build/litegraph.js | 5 +- build/litegraph.min.js | 2191 ++++++++++++++++++++-------------------- src/litegraph.js | 5 +- 3 files changed, 1104 insertions(+), 1097 deletions(-) diff --git a/build/litegraph.js b/build/litegraph.js index b4c376180..05fa7edd3 100644 --- a/build/litegraph.js +++ b/build/litegraph.js @@ -7999,11 +7999,14 @@ function ContextMenu( values, options ) function on_mouse_wheel(e) { var pos = parseInt( root.style.top ); - root.style.top = (pos + e.deltaY * 0.1).toFixed() + "px"; + root.style.top = (pos + e.deltaY * options.scroll_speed).toFixed() + "px"; e.preventDefault(); return true; } + if(!options.scroll_speed) + options.scroll_speed = 0.1; + root.addEventListener("wheel", on_mouse_wheel, true); root.addEventListener("mousewheel", on_mouse_wheel, true); diff --git a/build/litegraph.min.js b/build/litegraph.min.js index 060e48759..309ff2d54 100755 --- a/build/litegraph.min.js +++ b/build/litegraph.min.js @@ -3,39 +3,39 @@ $jscomp.scope = {}; $jscomp.ASSUME_ES5 = !1; $jscomp.ASSUME_NO_NATIVE_MAP = !1; $jscomp.ASSUME_NO_NATIVE_SET = !1; -$jscomp.defineProperty = $jscomp.ASSUME_ES5 || "function" == typeof Object.defineProperties ? Object.defineProperty : function(v, g, k) { - v != Array.prototype && v != Object.prototype && (v[g] = k.value); +$jscomp.defineProperty = $jscomp.ASSUME_ES5 || "function" == typeof Object.defineProperties ? Object.defineProperty : function(v, k, h) { + v != Array.prototype && v != Object.prototype && (v[k] = h.value); }; $jscomp.getGlobal = function(v) { return "undefined" != typeof window && window === v ? v : "undefined" != typeof global && null != global ? global : v; }; $jscomp.global = $jscomp.getGlobal(this); -$jscomp.polyfill = function(v, g, k, q) { - if (g) { - k = $jscomp.global; +$jscomp.polyfill = function(v, k, h, q) { + if (k) { + h = $jscomp.global; v = v.split("."); for (q = 0; q < v.length - 1; q++) { var d = v[q]; - d in k || (k[d] = {}); - k = k[d]; + d in h || (h[d] = {}); + h = h[d]; } v = v[v.length - 1]; - q = k[v]; - g = g(q); - g != q && null != g && $jscomp.defineProperty(k, v, {configurable:!0, writable:!0, value:g}); + q = h[v]; + k = k(q); + k != q && null != k && $jscomp.defineProperty(h, v, {configurable:!0, writable:!0, value:k}); } }; $jscomp.polyfill("Array.prototype.fill", function(v) { - return v ? v : function(g, k, q) { + return v ? v : function(k, h, q) { var d = this.length || 0; - 0 > k && (k = Math.max(0, d + k)); + 0 > h && (h = Math.max(0, d + h)); if (null == q || q > d) { q = d; } q = Number(q); 0 > q && (q = Math.max(0, d + q)); - for (k = Number(k || 0); k < q; k++) { - this[k] = g; + for (h = Number(h || 0); h < q; h++) { + this[h] = k; } return this; }; @@ -48,8 +48,8 @@ $jscomp.initSymbol = function() { }; $jscomp.Symbol = function() { var v = 0; - return function(g) { - return $jscomp.SYMBOL_PREFIX + (g || "") + v++; + return function(k) { + return $jscomp.SYMBOL_PREFIX + (k || "") + v++; }; }(); $jscomp.initSymbolIterator = function() { @@ -63,9 +63,9 @@ $jscomp.initSymbolIterator = function() { }; }; $jscomp.arrayIterator = function(v) { - var g = 0; + var k = 0; return $jscomp.iteratorPrototype(function() { - return g < v.length ? {done:!1, value:v[g++]} : {done:!0}; + return k < v.length ? {done:!1, value:v[k++]} : {done:!0}; }); }; $jscomp.iteratorPrototype = function(v) { @@ -76,13 +76,13 @@ $jscomp.iteratorPrototype = function(v) { }; return v; }; -$jscomp.iteratorFromArray = function(v, g) { +$jscomp.iteratorFromArray = function(v, k) { $jscomp.initSymbolIterator(); v instanceof String && (v += ""); - var k = 0, q = {next:function() { - if (k < v.length) { - var d = k++; - return {value:g(d, v[d]), done:!1}; + var h = 0, q = {next:function() { + if (h < v.length) { + var d = h++; + return {value:k(d, v[d]), done:!1}; } q.next = function() { return {done:!0, value:void 0}; @@ -96,26 +96,26 @@ $jscomp.iteratorFromArray = function(v, g) { }; $jscomp.polyfill("Array.prototype.values", function(v) { return v ? v : function() { - return $jscomp.iteratorFromArray(this, function(g, k) { - return k; + return $jscomp.iteratorFromArray(this, function(k, h) { + return h; }); }; }, "es8", "es3"); $jscomp.polyfill("Array.prototype.keys", function(v) { return v ? v : function() { - return $jscomp.iteratorFromArray(this, function(g) { - return g; + return $jscomp.iteratorFromArray(this, function(k) { + return k; }); }; }, "es6", "es3"); (function(v) { - function g(a) { - h.debug && console.log("Graph created"); + function k(a) { + g.debug && console.log("Graph created"); this.list_of_graphcanvas = null; this.clear(); a && this.configure(a); } - function k(a) { + function h(a) { this._ctor(a); } function q(a) { @@ -128,10 +128,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.max_zoom = 10; this.min_zoom = 0.1; this.zoom_modify_alpha = !0; - this.title_text_font = "bold " + h.NODE_TEXT_SIZE + "px Arial"; - this.inner_text_font = "normal " + h.NODE_SUBTEXT_SIZE + "px Arial"; - this.node_title_color = h.NODE_TITLE_COLOR; - this.default_link_color = h.LINK_COLOR; + this.title_text_font = "bold " + g.NODE_TEXT_SIZE + "px Arial"; + this.inner_text_font = "normal " + g.NODE_SUBTEXT_SIZE + "px Arial"; + this.node_title_color = g.NODE_TITLE_COLOR; + this.default_link_color = g.LINK_COLOR; this.default_connection_color = {input_off:"#AAB", input_on:"#7F7", output_off:"#AAB", output_on:"#7F7"}; this.highquality_render = !0; this.use_gradients = !1; @@ -172,8 +172,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } function y(a, b) { function c(a) { - var b = parseInt(f.style.top); - f.style.top = (b + 0.1 * a.deltaY).toFixed() + "px"; + var c = parseInt(f.style.top); + f.style.top = (c + a.deltaY * b.scroll_speed).toFixed() + "px"; a.preventDefault(); return !0; } @@ -206,6 +206,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { return e.close(), a.preventDefault(), !0; } }, !0); + b.scroll_speed || (b.scroll_speed = 0.1); f.addEventListener("wheel", c, !0); f.addEventListener("mousewheel", c, !0); this.root = f; @@ -217,9 +218,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } l = 0; for (var p in a) { - var h = a.constructor == Array ? a[p] : p; - null != h && h.constructor !== String && (h = void 0 === h.content ? String(h) : h.content); - this.addItem(h, a[p], b); + var g = a.constructor == Array ? a[p] : p; + null != g && g.constructor !== String && (g = void 0 === g.content ? String(g) : g.content); + this.addItem(g, a[p], b); l++; } f.addEventListener("mouseleave", function(a) { @@ -234,25 +235,25 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { a.body.appendChild(f); p = b.left || 0; a = b.top || 0; - b.event && (p = b.event.pageX - 10, a = b.event.pageY - 10, b.title && (a -= 20), b.parentMenu && (b = b.parentMenu.root.getBoundingClientRect(), p = b.left + b.width), b = document.body.getBoundingClientRect(), l = f.getBoundingClientRect(), p > b.width - l.width - 10 && (p = b.width - l.width - 10), a > b.height - l.height - 10 && (a = b.height - l.height - 10)); + b.event && (p = b.event.pageX - 10, a = b.event.pageY - 10, b.title && (a -= 20), b.parentMenu && (p = b.parentMenu.root.getBoundingClientRect(), p = p.left + p.width), l = document.body.getBoundingClientRect(), g = f.getBoundingClientRect(), p > l.width - g.width - 10 && (p = l.width - g.width - 10), a > l.height - g.height - 10 && (a = l.height - g.height - 10)); f.style.left = p + "px"; f.style.top = a + "px"; } - var h = v.LiteGraph = {CANVAS_GRID_SIZE:10, NODE_TITLE_HEIGHT:20, NODE_SLOT_HEIGHT:15, NODE_WIDGET_HEIGHT:20, NODE_WIDTH:140, NODE_MIN_WIDTH:50, NODE_COLLAPSED_RADIUS:10, NODE_COLLAPSED_WIDTH:80, NODE_TITLE_COLOR:"#999", NODE_TEXT_SIZE:14, NODE_TEXT_COLOR:"#AAA", NODE_SUBTEXT_SIZE:12, NODE_DEFAULT_COLOR:"#333", NODE_DEFAULT_BGCOLOR:"#444", NODE_DEFAULT_BOXCOLOR:"#666", NODE_DEFAULT_SHAPE:"box", DEFAULT_SHADOW_COLOR:"rgba(0,0,0,0.5)", DEFAULT_GROUP_FONT:24, LINK_COLOR:"#AAD", EVENT_LINK_COLOR:"#F85", + var g = v.LiteGraph = {CANVAS_GRID_SIZE:10, NODE_TITLE_HEIGHT:20, NODE_SLOT_HEIGHT:15, NODE_WIDGET_HEIGHT:20, NODE_WIDTH:140, NODE_MIN_WIDTH:50, NODE_COLLAPSED_RADIUS:10, NODE_COLLAPSED_WIDTH:80, NODE_TITLE_COLOR:"#999", NODE_TEXT_SIZE:14, NODE_TEXT_COLOR:"#AAA", NODE_SUBTEXT_SIZE:12, NODE_DEFAULT_COLOR:"#333", NODE_DEFAULT_BGCOLOR:"#444", NODE_DEFAULT_BOXCOLOR:"#666", NODE_DEFAULT_SHAPE:"box", DEFAULT_SHADOW_COLOR:"rgba(0,0,0,0.5)", DEFAULT_GROUP_FONT:24, LINK_COLOR:"#AAD", EVENT_LINK_COLOR:"#F85", CONNECTING_LINK_COLOR:"#AFA", MAX_NUMBER_OF_NODES:1000, DEFAULT_POSITION:[100, 100], VALID_SHAPES:["default", "box", "round", "card"], BOX_SHAPE:1, ROUND_SHAPE:2, CIRCLE_SHAPE:3, CARD_SHAPE:4, ARROW_SHAPE:5, INPUT:1, OUTPUT:2, EVENT:-1, ACTION:-1, ALWAYS:0, ON_EVENT:1, NEVER:2, ON_TRIGGER:3, UP:1, DOWN:2, LEFT:3, RIGHT:4, CENTER:5, NORMAL_TITLE:0, NO_TITLE:1, TRANSPARENT_TITLE:2, AUTOHIDE_TITLE:3, proxy:null, node_images_path:"", debug:!1, throw_errors:!0, allow_scripts:!1, registered_node_types:{}, node_types_by_file_extension:{}, Nodes:{}, searchbox_extras:{}, registerNodeType:function(a, b) { if (!b.prototype) { throw "Cannot register a simple object, it must be a class with a prototype"; } b.type = a; - h.debug && console.log("Node registered: " + a); + g.debug && console.log("Node registered: " + a); a.split("/"); var c = b.name, e = a.lastIndexOf("/"); b.category = a.substr(0, e); b.title || (b.title = c); if (b.prototype) { - for (var f in k.prototype) { - b.prototype[f] || (b.prototype[f] = k.prototype[f]); + for (var f in h.prototype) { + b.prototype[f] || (b.prototype[f] = h.prototype[f]); } } Object.defineProperty(b.prototype, "shape", {set:function(a) { @@ -261,16 +262,16 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { delete this._shape; break; case "box": - this._shape = h.BOX_SHAPE; + this._shape = g.BOX_SHAPE; break; case "round": - this._shape = h.ROUND_SHAPE; + this._shape = g.ROUND_SHAPE; break; case "circle": - this._shape = h.CIRCLE_SHAPE; + this._shape = g.CIRCLE_SHAPE; break; case "card": - this._shape = h.CARD_SHAPE; + this._shape = g.CARD_SHAPE; break; default: this._shape = a; @@ -287,7 +288,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }, wrapFunctionAsNode:function(a, b, c, e) { - for (var f = Array(b.length), l = "", p = h.getParameterNames(b), d = 0; d < p.length; ++d) { + for (var f = Array(b.length), l = "", p = g.getParameterNames(b), d = 0; d < p.length; ++d) { l += "this.addInput('" + p[d] + "'," + (c && c[d] ? "'" + c[d] + "'" : "0") + ");\n"; } c = Function(l + ("this.addOutput('out'," + (e ? "'" + e + "'" : 0) + ");\n")); @@ -302,7 +303,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }; this.registerNodeType(a, c); }, addNodeMethod:function(a, b) { - k.prototype[a] = b; + h.prototype[a] = b; for (var c in this.registered_node_types) { var e = this.registered_node_types[c]; e.prototype[a] && (e.prototype["_" + a] = e.prototype[a]); @@ -311,7 +312,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }, createNode:function(a, b, c) { var e = this.registered_node_types[a]; if (!e) { - return h.debug && console.log('GraphNode type "' + a + '" not registered.'), null; + return g.debug && console.log('GraphNode type "' + a + '" not registered.'), null; } b = b || e.title || a; e = new e(b); @@ -321,8 +322,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { e.properties_info || (e.properties_info = []); e.flags || (e.flags = {}); e.size || (e.size = e.computeSize()); - e.pos || (e.pos = h.DEFAULT_POSITION.concat()); - e.mode || (e.mode = h.ALWAYS); + e.pos || (e.pos = g.DEFAULT_POSITION.concat()); + e.mode || (e.mode = g.ALWAYS); if (c) { for (var f in c) { e[f] = c[f]; @@ -359,21 +360,21 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { var f = c[e].src; if (f && f.substr(0, a.length) == a) { try { - h.debug && console.log("Reloading: " + f); + g.debug && console.log("Reloading: " + f); var l = document.createElement("script"); l.type = "text/javascript"; l.src = f; b.appendChild(l); b.removeChild(c[e]); } catch (p) { - if (h.throw_errors) { + if (g.throw_errors) { throw p; } - h.debug && console.log("Error while reloading " + f); + g.debug && console.log("Error while reloading " + f); } } } - h.debug && console.log("Nodes reloaded"); + g.debug && console.log("Nodes reloaded"); }, cloneObject:function(a, b) { if (null == a) { return null; @@ -387,7 +388,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return b; }, isValidConnection:function(a, b) { - if (!a || !b || a == b || a == h.EVENT && b == h.ACTION) { + if (!a || !b || a == b || a == g.EVENT && b == g.ACTION) { return !0; } a = String(a); @@ -410,22 +411,22 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }, registerSearchboxExtra:function(a, b, c) { this.searchbox_extras[b] = {type:a, desc:b, data:c}; }}; - h.getTime = "undefined" != typeof performance ? performance.now.bind(performance) : "undefined" != typeof Date && Date.now ? Date.now.bind(Date) : "undefined" != typeof process ? function() { + g.getTime = "undefined" != typeof performance ? performance.now.bind(performance) : "undefined" != typeof Date && Date.now ? Date.now.bind(Date) : "undefined" != typeof process ? function() { var a = process.hrtime(); return 0.001 * a[0] + 1e-6 * a[1]; } : function() { return (new Date).getTime(); }; - v.LGraph = h.LGraph = g; - g.supported_types = ["number", "string", "boolean"]; - g.prototype.getSupportedTypes = function() { - return this.supported_types || g.supported_types; + v.LGraph = g.LGraph = k; + k.supported_types = ["number", "string", "boolean"]; + k.prototype.getSupportedTypes = function() { + return this.supported_types || k.supported_types; }; - g.STATUS_STOPPED = 1; - g.STATUS_RUNNING = 2; - g.prototype.clear = function() { + k.STATUS_STOPPED = 1; + k.STATUS_RUNNING = 2; + k.prototype.clear = function() { this.stop(); - this.status = g.STATUS_STOPPED; + this.status = k.STATUS_STOPPED; this.last_link_id = this.last_node_id = 1; this._version = -1; if (this._nodes) { @@ -453,7 +454,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.change(); this.sendActionToCanvas("clear"); }; - g.prototype.attachCanvas = function(a) { + k.prototype.attachCanvas = function(a) { if (a.constructor != d) { throw "attachCanvas expects a LGraphCanvas instance"; } @@ -462,20 +463,20 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.list_of_graphcanvas || (this.list_of_graphcanvas = []); this.list_of_graphcanvas.push(a); }; - g.prototype.detachCanvas = function(a) { + k.prototype.detachCanvas = function(a) { if (this.list_of_graphcanvas) { var b = this.list_of_graphcanvas.indexOf(a); -1 != b && (a.graph = null, this.list_of_graphcanvas.splice(b, 1)); } }; - g.prototype.start = function(a) { - if (this.status != g.STATUS_RUNNING) { - this.status = g.STATUS_RUNNING; + k.prototype.start = function(a) { + if (this.status != k.STATUS_RUNNING) { + this.status = k.STATUS_RUNNING; if (this.onPlayEvent) { this.onPlayEvent(); } this.sendEventToAllNodes("onStart"); - this.last_update_time = this.starttime = h.getTime(); + this.last_update_time = this.starttime = g.getTime(); a = a || 0; var b = this; if (0 == a && "undefined" != typeof window && window.requestAnimationFrame) { @@ -491,9 +492,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.prototype.stop = function() { - if (this.status != g.STATUS_STOPPED) { - this.status = g.STATUS_STOPPED; + k.prototype.stop = function() { + if (this.status != k.STATUS_STOPPED) { + this.status = k.STATUS_STOPPED; if (this.onStopEvent) { this.onStopEvent(); } @@ -501,9 +502,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.sendEventToAllNodes("onStop"); } }; - g.prototype.runStep = function(a, b) { + k.prototype.runStep = function(a, b) { a = a || 1; - var c = h.getTime(); + var c = g.getTime(); this.globaltime = 0.001 * (c - this.starttime); var e = this._nodes_executable ? this._nodes_executable : this._nodes; if (e) { @@ -511,7 +512,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { for (var f = 0; f < a; f++) { for (var l = 0, p = e.length; l < p; ++l) { var d = e[l]; - if (d.mode == h.ALWAYS && d.onExecute) { + if (d.mode == g.ALWAYS && d.onExecute) { d.onExecute(); } } @@ -528,7 +529,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { for (f = 0; f < a; f++) { l = 0; for (p = e.length; l < p; ++l) { - if (d = e[l], d.mode == h.ALWAYS && d.onExecute) { + if (d = e[l], d.mode == g.ALWAYS && d.onExecute) { d.onExecute(); } } @@ -543,14 +544,14 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.errors_in_execution = !1; } catch (G) { this.errors_in_execution = !0; - if (h.throw_errors) { + if (g.throw_errors) { throw G; } - h.debug && console.log("Error during execution: " + G); + g.debug && console.log("Error during execution: " + G); this.stop(); } } - a = h.getTime(); + a = g.getTime(); c = a - c; 0 == c && (c = 1); this.execution_time = 0.001 * c; @@ -560,33 +561,33 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.last_update_time = a; } }; - g.prototype.updateExecutionOrder = function() { + k.prototype.updateExecutionOrder = function() { this._nodes_in_order = this.computeExecutionOrder(!1); this._nodes_executable = []; for (var a = 0; a < this._nodes_in_order.length; ++a) { this._nodes_in_order[a].onExecute && this._nodes_executable.push(this._nodes_in_order[a]); } }; - g.prototype.computeExecutionOrder = function(a, b) { + k.prototype.computeExecutionOrder = function(a, b) { for (var c = [], e = [], f = {}, l = {}, p = {}, d = 0, n = this._nodes.length; d < n; ++d) { - var g = this._nodes[d]; - if (!a || g.onExecute) { - f[g.id] = g; + var k = this._nodes[d]; + if (!a || k.onExecute) { + f[k.id] = k; var m = 0; - if (g.inputs) { - for (var k = 0, q = g.inputs.length; k < q; k++) { - g.inputs[k] && null != g.inputs[k].link && (m += 1); + if (k.inputs) { + for (var h = 0, q = k.inputs.length; h < q; h++) { + k.inputs[h] && null != k.inputs[h].link && (m += 1); } } - 0 == m ? (e.push(g), b && (g._level = 1)) : (b && (g._level = 0), p[g.id] = m); + 0 == m ? (e.push(k), b && (k._level = 1)) : (b && (k._level = 0), p[k.id] = m); } } for (; 0 != e.length;) { - if (g = e.shift(), c.push(g), delete f[g.id], g.outputs) { - for (d = 0; d < g.outputs.length; d++) { - if (a = g.outputs[d], null != a && null != a.links && 0 != a.links.length) { - for (k = 0; k < a.links.length; k++) { - (n = this.links[a.links[k]]) && !l[n.id] && (m = this.getNodeById(n.target_id), null == m ? l[n.id] = !0 : (b && (!m._level || m._level <= g._level) && (m._level = g._level + 1), l[n.id] = !0, --p[m.id], 0 == p[m.id] && e.push(m))); + if (k = e.shift(), c.push(k), delete f[k.id], k.outputs) { + for (d = 0; d < k.outputs.length; d++) { + if (a = k.outputs[d], null != a && null != a.links && 0 != a.links.length) { + for (h = 0; h < a.links.length; h++) { + (n = this.links[a.links[h]]) && !l[n.id] && (m = this.getNodeById(n.target_id), null == m ? l[n.id] = !0 : (b && (!m._level || m._level <= k._level) && (m._level = k._level + 1), l[n.id] = !0, --p[m.id], 0 == p[m.id] && e.push(m))); } } } @@ -595,7 +596,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { for (d in f) { c.push(f[d]); } - c.length != this._nodes.length && h.debug && console.warn("something went wrong, nodes missing"); + c.length != this._nodes.length && g.debug && console.warn("something went wrong, nodes missing"); n = c.length; for (d = 0; d < n; ++d) { c[d].order = d; @@ -609,7 +610,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return c; }; - g.prototype.getAncestors = function(a) { + k.prototype.getAncestors = function(a) { for (var b = [], c = [a], e = {}; c.length;) { var f = c.shift(); if (f.inputs) { @@ -625,7 +626,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }); return b; }; - g.prototype.arrange = function(a) { + k.prototype.arrange = function(a) { a = a || 40; for (var b = this.computeExecutionOrder(!1, !0), c = [], e = 0; e < b.length; ++e) { var f = b[e], l = f._level || 1; @@ -635,25 +636,25 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { b = a; for (e = 0; e < c.length; ++e) { if (l = c[e]) { - for (var p = 100, d = a, h = 0; h < l.length; ++h) { - f = l[h], f.pos[0] = b, f.pos[1] = d, f.size[0] > p && (p = f.size[0]), d += f.size[1] + a; + for (var p = 100, d = a, g = 0; g < l.length; ++g) { + f = l[g], f.pos[0] = b, f.pos[1] = d, f.size[0] > p && (p = f.size[0]), d += f.size[1] + a; } b += p + a; } } this.setDirtyCanvas(!0, !0); }; - g.prototype.getTime = function() { + k.prototype.getTime = function() { return this.globaltime; }; - g.prototype.getFixedTime = function() { + k.prototype.getFixedTime = function() { return this.fixedtime; }; - g.prototype.getElapsedTime = function() { + k.prototype.getElapsedTime = function() { return this.elapsed_time; }; - g.prototype.sendEventToAllNodes = function(a, b, c) { - c = c || h.ALWAYS; + k.prototype.sendEventToAllNodes = function(a, b, c) { + c = c || g.ALWAYS; var e = this._nodes_in_order ? this._nodes_in_order : this._nodes; if (e) { for (var f = 0, l = e.length; f < l; ++f) { @@ -672,7 +673,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.prototype.sendActionToCanvas = function(a, b) { + k.prototype.sendActionToCanvas = function(a, b) { if (this.list_of_graphcanvas) { for (var c = 0; c < this.list_of_graphcanvas.length; ++c) { var e = this.list_of_graphcanvas[c]; @@ -680,13 +681,13 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.prototype.add = function(a, b) { + k.prototype.add = function(a, b) { if (a) { if (a.constructor === q) { this._groups.push(a), this.setDirtyCanvas(!0), this.change(), a.graph = this, this._version++; } else { -1 != a.id && null != this._nodes_by_id[a.id] && (console.warn("LiteGraph: there is already a node with this ID, changing it"), a.id = ++this.last_node_id); - if (this._nodes.length >= h.MAX_NUMBER_OF_NODES) { + if (this._nodes.length >= g.MAX_NUMBER_OF_NODES) { throw "LiteGraph: max number of nodes in a graph reached"; } null == a.id || -1 == a.id ? a.id = ++this.last_node_id : this.last_node_id < a.id && (this.last_node_id = a.id); @@ -708,8 +709,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.prototype.remove = function(a) { - if (a.constructor === h.LGraphGroup) { + k.prototype.remove = function(a) { + if (a.constructor === g.LGraphGroup) { var b = this._groups.indexOf(a); -1 != b && this._groups.splice(b, 1); a.graph = null; @@ -751,29 +752,29 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.prototype.getNodeById = function(a) { + k.prototype.getNodeById = function(a) { return null == a ? null : this._nodes_by_id[a]; }; - g.prototype.findNodesByClass = function(a) { + k.prototype.findNodesByClass = function(a) { for (var b = [], c = 0, e = this._nodes.length; c < e; ++c) { this._nodes[c].constructor === a && b.push(this._nodes[c]); } return b; }; - g.prototype.findNodesByType = function(a) { + k.prototype.findNodesByType = function(a) { a = a.toLowerCase(); for (var b = [], c = 0, e = this._nodes.length; c < e; ++c) { this._nodes[c].type.toLowerCase() == a && b.push(this._nodes[c]); } return b; }; - g.prototype.findNodesByTitle = function(a) { + k.prototype.findNodesByTitle = function(a) { for (var b = [], c = 0, e = this._nodes.length; c < e; ++c) { this._nodes[c].title == a && b.push(this._nodes[c]); } return b; }; - g.prototype.getNodeOnPos = function(a, b, c, e) { + k.prototype.getNodeOnPos = function(a, b, c, e) { c = c || this._nodes; for (var f = c.length - 1; 0 <= f; f--) { var l = c[f]; @@ -783,7 +784,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return null; }; - g.prototype.getGroupOnPos = function(a, b) { + k.prototype.getGroupOnPos = function(a, b) { for (var c = this._groups.length - 1; 0 <= c; c--) { var e = this._groups[c]; if (e.isPointInside(a, b, 2, !0)) { @@ -792,7 +793,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return null; }; - g.prototype.addGlobalInput = function(a, b, c) { + k.prototype.addGlobalInput = function(a, b, c) { this.global_inputs[a] = {name:a, type:b, value:c}; this._version++; if (this.onGlobalInputAdded) { @@ -802,16 +803,16 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.onGlobalsChange(); } }; - g.prototype.setGlobalInputData = function(a, b) { + k.prototype.setGlobalInputData = function(a, b) { if (a = this.global_inputs[a]) { a.value = b; } }; - g.prototype.setInputData = g.prototype.setGlobalInputData; - g.prototype.getGlobalInputData = function(a) { + k.prototype.setInputData = k.prototype.setGlobalInputData; + k.prototype.getGlobalInputData = function(a) { return (a = this.global_inputs[a]) ? a.value : null; }; - g.prototype.renameGlobalInput = function(a, b) { + k.prototype.renameGlobalInput = function(a, b) { if (b != a) { if (!this.global_inputs[a]) { return !1; @@ -830,7 +831,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.prototype.changeGlobalInputType = function(a, b) { + k.prototype.changeGlobalInputType = function(a, b) { if (!this.global_inputs[a]) { return !1; } @@ -840,7 +841,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.prototype.removeGlobalInput = function(a) { + k.prototype.removeGlobalInput = function(a) { if (!this.global_inputs[a]) { return !1; } @@ -854,7 +855,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return !0; }; - g.prototype.addGlobalOutput = function(a, b, c) { + k.prototype.addGlobalOutput = function(a, b, c) { this.global_outputs[a] = {name:a, type:b, value:c}; this._version++; if (this.onGlobalOutputAdded) { @@ -864,16 +865,16 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.onGlobalsChange(); } }; - g.prototype.setGlobalOutputData = function(a, b) { + k.prototype.setGlobalOutputData = function(a, b) { if (a = this.global_outputs[a]) { a.value = b; } }; - g.prototype.getGlobalOutputData = function(a) { + k.prototype.getGlobalOutputData = function(a) { return (a = this.global_outputs[a]) ? a.value : null; }; - g.prototype.getOutputData = g.prototype.getGlobalOutputData; - g.prototype.renameGlobalOutput = function(a, b) { + k.prototype.getOutputData = k.prototype.getGlobalOutputData; + k.prototype.renameGlobalOutput = function(a, b) { if (!this.global_outputs[a]) { return !1; } @@ -890,7 +891,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.onGlobalsChange(); } }; - g.prototype.changeGlobalOutputType = function(a, b) { + k.prototype.changeGlobalOutputType = function(a, b) { if (!this.global_outputs[a]) { return !1; } @@ -900,7 +901,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.prototype.removeGlobalOutput = function(a) { + k.prototype.removeGlobalOutput = function(a) { if (!this.global_outputs[a]) { return !1; } @@ -914,19 +915,19 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return !0; }; - g.prototype.triggerInput = function(a, b) { + k.prototype.triggerInput = function(a, b) { a = this.findNodesByTitle(a); for (var c = 0; c < a.length; ++c) { a[c].onTrigger(b); } }; - g.prototype.setCallback = function(a, b) { + k.prototype.setCallback = function(a, b) { a = this.findNodesByTitle(a); for (var c = 0; c < a.length; ++c) { a[c].setTrigger(b); } }; - g.prototype.connectionChange = function(a, b) { + k.prototype.connectionChange = function(a, b) { this.updateExecutionOrder(); if (this.onConnectionChange) { this.onConnectionChange(a); @@ -934,7 +935,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this._version++; this.sendActionToCanvas("onConnectionChange"); }; - g.prototype.isLive = function() { + k.prototype.isLive = function() { if (!this.list_of_graphcanvas) { return !1; } @@ -945,23 +946,23 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return !1; }; - g.prototype.clearTriggeredSlots = function() { + k.prototype.clearTriggeredSlots = function() { for (var a in this.links) { var b = this.links[a]; b && b._last_time && (b._last_time = 0); } }; - g.prototype.change = function() { - h.debug && console.log("Graph changed"); + k.prototype.change = function() { + g.debug && console.log("Graph changed"); this.sendActionToCanvas("setDirty", [!0, !0]); if (this.on_change) { this.on_change(this); } }; - g.prototype.setDirtyCanvas = function(a, b) { + k.prototype.setDirtyCanvas = function(a, b) { this.sendActionToCanvas("setDirty", [a, b]); }; - g.prototype.serialize = function() { + k.prototype.serialize = function() { for (var a = [], b = 0, c = this._nodes.length; b < c; ++b) { a.push(this._nodes[b].serialize()); } @@ -976,7 +977,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return {last_node_id:this.last_node_id, last_link_id:this.last_link_id, nodes:a, links:c, groups:e, config:this.config}; }; - g.prototype.configure = function(a, b) { + k.prototype.configure = function(a, b) { if (a) { b || this.clear(); b = a.nodes; @@ -995,8 +996,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (b) { e = 0; for (f = b.length; e < f; ++e) { - var l = b[e], p = h.createNode(l.type, l.title); - p ? (p.id = l.id, this.add(p, !0)) : (h.debug && console.log("Node not found: " + l.type), c = !0); + var l = b[e], p = g.createNode(l.type, l.title); + p ? (p.id = l.id, this.add(p, !0)) : (g.debug && console.log("Node not found: " + l.type), c = !0); } e = 0; for (f = b.length; e < f; ++e) { @@ -1006,7 +1007,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this._groups.length = 0; if (a.groups) { for (e = 0; e < a.groups.length; ++e) { - b = new h.LGraphGroup, b.configure(a.groups[e]), this.add(b); + b = new g.LGraphGroup, b.configure(a.groups[e]), this.add(b); } } this.updateExecutionOrder(); @@ -1015,7 +1016,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { return c; } }; - g.prototype.load = function(a) { + k.prototype.load = function(a) { var b = this, c = new XMLHttpRequest; c.open("GET", a, !0); c.send(null); @@ -1026,12 +1027,12 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { console.error("Error loading graph:", a); }; }; - g.prototype.onNodeTrace = function(a, b, c) { + k.prototype.onNodeTrace = function(a, b, c) { }; - v.LGraphNode = h.LGraphNode = k; - k.prototype._ctor = function(a) { + v.LGraphNode = g.LGraphNode = h; + h.prototype._ctor = function(a) { this.title = a || "Unnamed"; - this.size = [h.NODE_WIDTH, 60]; + this.size = [g.NODE_WIDTH, 60]; this.graph = null; this._pos = new Float32Array(10, 10); Object.defineProperty(this, "pos", {set:function(a) { @@ -1048,7 +1049,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.properties_info = []; this.flags = {}; }; - k.prototype.configure = function(a) { + h.prototype.configure = function(a) { this.graph && this.graph._version++; for (var b in a) { if ("console" != b) { @@ -1059,7 +1060,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } } else { - null != a[b] && ("object" == typeof a[b] ? this[b] && this[b].configure ? this[b].configure(a[b]) : this[b] = h.cloneObject(a[b], this[b]) : this[b] = a[b]); + null != a[b] && ("object" == typeof a[b] ? this[b] && this[b].configure ? this[b].configure(a[b]) : this[b] = g.cloneObject(a[b], this[b]) : this[b] = a[b]); } } } @@ -1069,14 +1070,14 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { for (var e = 0; e < this.inputs.length; ++e) { c = this.inputs[e]; var f = this.graph ? this.graph.links[c.link] : null; - this.onConnectionsChange(h.INPUT, e, !0, f, c); + this.onConnectionsChange(g.INPUT, e, !0, f, c); } } if (this.outputs) { for (e = 0; e < this.outputs.length; ++e) { if (c = this.outputs[e], c.links) { for (b = 0; b < c.links.length; ++b) { - f = this.graph ? this.graph.links[c.links[b]] : null, this.onConnectionsChange(h.OUTPUT, e, !0, f, c); + f = this.graph ? this.graph.links[c.links[b]] : null, this.onConnectionsChange(g.OUTPUT, e, !0, f, c); } } } @@ -1096,8 +1097,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.onConfigure(a); } }; - k.prototype.serialize = function() { - var a = {id:this.id, type:this.type, pos:this.pos, size:this.size, flags:h.cloneObject(this.flags), mode:this.mode}; + h.prototype.serialize = function() { + var a = {id:this.id, type:this.type, pos:this.pos, size:this.size, flags:g.cloneObject(this.flags), mode:this.mode}; this.inputs && (a.inputs = this.inputs); if (this.outputs) { for (var b = 0; b < this.outputs.length; b++) { @@ -1106,7 +1107,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { a.outputs = this.outputs; } this.title && this.title != this.constructor.title && (a.title = this.title); - this.properties && (a.properties = h.cloneObject(this.properties)); + this.properties && (a.properties = g.cloneObject(this.properties)); a.type || (a.type = this.constructor.type); this.color && (a.color = this.color); this.bgcolor && (a.bgcolor = this.bgcolor); @@ -1115,8 +1116,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.onSerialize && this.onSerialize(a) && console.warn("node onSerialize shouldnt return anything, data should be stored in the object pass in the first parameter"); return a; }; - k.prototype.clone = function() { - var a = h.createNode(this.type), b = h.cloneObject(this.serialize()); + h.prototype.clone = function() { + var a = g.createNode(this.type), b = g.cloneObject(this.serialize()); if (b.inputs) { for (var c = 0; c < b.inputs.length; ++c) { b.inputs[c].link = null; @@ -1131,13 +1132,13 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { a.configure(b); return a; }; - k.prototype.toString = function() { + h.prototype.toString = function() { return JSON.stringify(this.serialize()); }; - k.prototype.getTitle = function() { + h.prototype.getTitle = function() { return this.title || this.constructor.title; }; - k.prototype.setOutputData = function(a, b) { + h.prototype.setOutputData = function(a, b) { if (this.outputs && !(-1 == a || a >= this.outputs.length)) { var c = this.outputs[a]; if (c && (c._data = b, this.outputs[a].links)) { @@ -1147,7 +1148,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - k.prototype.getInputData = function(a, b) { + h.prototype.getInputData = function(a, b) { if (this.inputs && !(a >= this.inputs.length || null == this.inputs[a].link)) { a = this.graph.links[this.inputs[a].link]; if (!a) { @@ -1170,24 +1171,24 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { return a.data; } }; - k.prototype.getInputDataByName = function(a, b) { + h.prototype.getInputDataByName = function(a, b) { a = this.findInputSlot(a); return -1 == a ? null : this.getInputData(a, b); }; - k.prototype.isInputConnected = function(a) { + h.prototype.isInputConnected = function(a) { return this.inputs ? a < this.inputs.length && null != this.inputs[a].link : !1; }; - k.prototype.getInputInfo = function(a) { + h.prototype.getInputInfo = function(a) { return this.inputs ? a < this.inputs.length ? this.inputs[a] : null : null; }; - k.prototype.getInputNode = function(a) { + h.prototype.getInputNode = function(a) { if (!this.inputs || a >= this.inputs.length) { return null; } a = this.inputs[a]; return a && null !== a.link ? (a = this.graph.links[a.link]) ? this.graph.getNodeById(a.origin_id) : null : null; }; - k.prototype.getInputOrProperty = function(a) { + h.prototype.getInputOrProperty = function(a) { if (!this.inputs || !this.inputs.length) { return this.properties ? this.properties[a] : null; } @@ -1199,16 +1200,16 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return this.properties[a]; }; - k.prototype.getOutputData = function(a) { + h.prototype.getOutputData = function(a) { return !this.outputs || a >= this.outputs.length ? null : this.outputs[a]._data; }; - k.prototype.getOutputInfo = function(a) { + h.prototype.getOutputInfo = function(a) { return this.outputs ? a < this.outputs.length ? this.outputs[a] : null : null; }; - k.prototype.isOutputConnected = function(a) { + h.prototype.isOutputConnected = function(a) { return this.outputs ? a < this.outputs.length && this.outputs[a].links && this.outputs[a].links.length : !1; }; - k.prototype.isAnyOutputConnected = function() { + h.prototype.isAnyOutputConnected = function() { if (!this.outputs) { return !1; } @@ -1219,7 +1220,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return !1; }; - k.prototype.getOutputNodes = function(a) { + h.prototype.getOutputNodes = function(a) { if (!this.outputs || 0 == this.outputs.length || a >= this.outputs.length) { return null; } @@ -1233,27 +1234,27 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return b; }; - k.prototype.trigger = function(a, b) { + h.prototype.trigger = function(a, b) { if (this.outputs && this.outputs.length) { - this.graph && (this.graph._last_trigger_time = h.getTime()); + this.graph && (this.graph._last_trigger_time = g.getTime()); for (var c = 0; c < this.outputs.length; ++c) { var e = this.outputs[c]; - !e || e.type !== h.EVENT || a && e.name != a || this.triggerSlot(c, b); + !e || e.type !== g.EVENT || a && e.name != a || this.triggerSlot(c, b); } } }; - k.prototype.triggerSlot = function(a, b, c) { + h.prototype.triggerSlot = function(a, b, c) { if (this.outputs && (a = this.outputs[a]) && (a = a.links) && a.length) { - this.graph && (this.graph._last_trigger_time = h.getTime()); + this.graph && (this.graph._last_trigger_time = g.getTime()); for (var e = 0; e < a.length; ++e) { var f = a[e]; if (null == c || c == f) { var l = this.graph.links[a[e]]; - if (l && (l._last_time = h.getTime(), f = this.graph.getNodeById(l.target_id))) { + if (l && (l._last_time = g.getTime(), f = this.graph.getNodeById(l.target_id))) { if (l = f.inputs[l.target_slot], f.onAction) { f.onAction(l.name, b); } else { - if (f.mode === h.ON_TRIGGER && f.onExecute) { + if (f.mode === g.ON_TRIGGER && f.onExecute) { f.onExecute(b); } } @@ -1262,7 +1263,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - k.prototype.clearTriggeredSlot = function(a, b) { + h.prototype.clearTriggeredSlot = function(a, b) { if (this.outputs && (a = this.outputs[a]) && (a = a.links) && a.length) { for (var c = 0; c < a.length; ++c) { var e = a[c]; @@ -1274,7 +1275,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - k.prototype.addProperty = function(a, b, c, e) { + h.prototype.addProperty = function(a, b, c, e) { c = {name:a, type:c, default_value:b}; if (e) { for (var f in e) { @@ -1287,7 +1288,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.properties[a] = b; return c; }; - k.prototype.addOutput = function(a, b, c) { + h.prototype.addOutput = function(a, b, c) { a = {name:a, type:b, links:null}; if (c) { for (var e in c) { @@ -1303,7 +1304,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.setDirtyCanvas(!0, !0); return a; }; - k.prototype.addOutputs = function(a) { + h.prototype.addOutputs = function(a) { for (var b = 0; b < a.length; ++b) { var c = a[b], e = {name:c[0], type:c[1], link:null}; if (a[2]) { @@ -1320,7 +1321,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.size = this.computeSize(); this.setDirtyCanvas(!0, !0); }; - k.prototype.removeOutput = function(a) { + h.prototype.removeOutput = function(a) { this.disconnectOutput(a); this.outputs.splice(a, 1); for (var b = a; b < this.outputs.length; ++b) { @@ -1337,7 +1338,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } this.setDirtyCanvas(!0, !0); }; - k.prototype.addInput = function(a, b, c) { + h.prototype.addInput = function(a, b, c) { a = {name:a, type:b || 0, link:null}; if (c) { for (var e in c) { @@ -1353,7 +1354,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.setDirtyCanvas(!0, !0); return a; }; - k.prototype.addInputs = function(a) { + h.prototype.addInputs = function(a) { for (var b = 0; b < a.length; ++b) { var c = a[b], e = {name:c[0], type:c[1], link:null}; if (a[2]) { @@ -1370,7 +1371,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.size = this.computeSize(); this.setDirtyCanvas(!0, !0); }; - k.prototype.removeInput = function(a) { + h.prototype.removeInput = function(a) { this.disconnectInput(a); this.inputs.splice(a, 1); for (var b = a; b < this.inputs.length; ++b) { @@ -1385,21 +1386,21 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } this.setDirtyCanvas(!0, !0); }; - k.prototype.addConnection = function(a, b, c, e) { + h.prototype.addConnection = function(a, b, c, e) { a = {name:a, type:b, pos:c, direction:e, links:null}; this.connections.push(a); return a; }; - k.prototype.computeSize = function(a, b) { + h.prototype.computeSize = function(a, b) { function c(a) { return a ? e * a.length * 0.6 : 0; } a = Math.max(this.inputs ? this.inputs.length : 1, this.outputs ? this.outputs.length : 1); b = b || new Float32Array([0, 0]); a = Math.max(a, 1); - var e = h.NODE_TEXT_SIZE; + var e = g.NODE_TEXT_SIZE; b[1] = (this.constructor.slot_start_y || 0) + a * (e + 1) + 4; - this.widgets && this.widgets.length && (b[1] += this.widgets.length * (h.NODE_WIDGET_HEIGHT + 4) + 8); + this.widgets && this.widgets.length && (b[1] += this.widgets.length * (g.NODE_WIDGET_HEIGHT + 4) + 8); a = c(this.title); var f = 0, l = 0; if (this.inputs) { @@ -1416,14 +1417,14 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } b[0] = Math.max(f + l + 10, a); - b[0] = Math.max(b[0], h.NODE_WIDTH); - this.widgets && this.widgets.length && (b[0] = Math.max(b[0], 1.5 * h.NODE_WIDTH)); + b[0] = Math.max(b[0], g.NODE_WIDTH); + this.widgets && this.widgets.length && (b[0] = Math.max(b[0], 1.5 * g.NODE_WIDTH)); if (this.onResize) { this.onResize(b); } return b; }; - k.prototype.addWidget = function(a, b, c, e, f) { + h.prototype.addWidget = function(a, b, c, e, f) { this.widgets || (this.widgets = []); b = {type:a.toLowerCase(), name:b, value:c, callback:e, options:f || {}}; void 0 !== b.options.y && (b.y = b.options.y); @@ -1434,28 +1435,28 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.widgets.push(b); return b; }; - k.prototype.addCustomWidget = function(a) { + h.prototype.addCustomWidget = function(a) { this.widgets || (this.widgets = []); this.widgets.push(a); return a; }; - k.prototype.getBounding = function(a) { + h.prototype.getBounding = function(a) { a = a || new Float32Array(4); a[0] = this.pos[0] - 4; - a[1] = this.pos[1] - h.NODE_TITLE_HEIGHT; + a[1] = this.pos[1] - g.NODE_TITLE_HEIGHT; a[2] = this.size[0] + 4; - a[3] = this.size[1] + h.NODE_TITLE_HEIGHT; + a[3] = this.size[1] + g.NODE_TITLE_HEIGHT; if (this.onBounding) { this.onBounding(a); } return a; }; - k.prototype.isPointInside = function(a, b, c, e) { + h.prototype.isPointInside = function(a, b, c, e) { c = c || 0; var f = this.graph && this.graph.isLive() ? 0 : 20; e && (f = 0); if (this.flags && this.flags.collapsed) { - if (t(a, b, this.pos[0] - c, this.pos[1] - h.NODE_TITLE_HEIGHT - c, (this._collapsed_width || h.NODE_COLLAPSED_WIDTH) + 2 * c, h.NODE_TITLE_HEIGHT + 2 * c)) { + if (t(a, b, this.pos[0] - c, this.pos[1] - g.NODE_TITLE_HEIGHT - c, (this._collapsed_width || g.NODE_COLLAPSED_WIDTH) + 2 * c, g.NODE_TITLE_HEIGHT + 2 * c)) { return !0; } } else { @@ -1465,7 +1466,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return !1; }; - k.prototype.getSlotInPosition = function(a, b) { + h.prototype.getSlotInPosition = function(a, b) { var c = new Float32Array(2); if (this.inputs) { for (var e = 0, f = this.inputs.length; e < f; ++e) { @@ -1485,7 +1486,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return null; }; - k.prototype.findInputSlot = function(a) { + h.prototype.findInputSlot = function(a) { if (!this.inputs) { return -1; } @@ -1496,7 +1497,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return -1; }; - k.prototype.findOutputSlot = function(a) { + h.prototype.findOutputSlot = function(a) { if (!this.outputs) { return -1; } @@ -1507,18 +1508,18 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return -1; }; - k.prototype.connect = function(a, b, c) { + h.prototype.connect = function(a, b, c) { c = c || 0; if (!this.graph) { return console.log("Connect: Error, node doesnt belong to any graph. Nodes must be added first to a graph before connecting them."), null; } if (a.constructor === String) { if (a = this.findOutputSlot(a), -1 == a) { - return h.debug && console.log("Connect: Error, no slot of name " + a), null; + return g.debug && console.log("Connect: Error, no slot of name " + a), null; } } else { if (!this.outputs || a >= this.outputs.length) { - return h.debug && console.log("Connect: Error, slot number not found"), null; + return g.debug && console.log("Connect: Error, slot number not found"), null; } } b && b.constructor === Number && (b = this.graph.getNodeById(b)); @@ -1530,14 +1531,14 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } if (c.constructor === String) { if (c = b.findInputSlot(c), -1 == c) { - return h.debug && console.log("Connect: Error, no slot of name " + c), null; + return g.debug && console.log("Connect: Error, no slot of name " + c), null; } } else { - if (c === h.EVENT) { + if (c === g.EVENT) { return null; } if (!b.inputs || c >= b.inputs.length) { - return h.debug && console.log("Connect: Error, slot number not found"), null; + return g.debug && console.log("Connect: Error, slot number not found"), null; } } null != b.inputs[c].link && b.disconnectInput(c); @@ -1546,7 +1547,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { return null; } var f = b.inputs[c], l = null; - if (h.isValidConnection(e.type, f.type)) { + if (g.isValidConnection(e.type, f.type)) { l = {id:this.graph.last_link_id++, type:f.type, origin_id:this.id, origin_slot:a, target_id:b.id, target_slot:c}; this.graph.links[l.id] = l; null == e.links && (e.links = []); @@ -1554,25 +1555,25 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { b.inputs[c].link = l.id; this.graph && this.graph._version++; if (this.onConnectionsChange) { - this.onConnectionsChange(h.OUTPUT, a, !0, l, e); + this.onConnectionsChange(g.OUTPUT, a, !0, l, e); } if (b.onConnectionsChange) { - b.onConnectionsChange(h.INPUT, c, !0, l, f); + b.onConnectionsChange(g.INPUT, c, !0, l, f); } - this.graph && this.graph.onNodeConnectionChange && (this.graph.onNodeConnectionChange(h.INPUT, b, c, this, a), this.graph.onNodeConnectionChange(h.OUTPUT, this, a, b, c)); + this.graph && this.graph.onNodeConnectionChange && (this.graph.onNodeConnectionChange(g.INPUT, b, c, this, a), this.graph.onNodeConnectionChange(g.OUTPUT, this, a, b, c)); } this.setDirtyCanvas(!1, !0); this.graph.connectionChange(this, l); return l; }; - k.prototype.disconnectOutput = function(a, b) { + h.prototype.disconnectOutput = function(a, b) { if (a.constructor === String) { if (a = this.findOutputSlot(a), -1 == a) { - return h.debug && console.log("Connect: Error, no slot of name " + a), !1; + return g.debug && console.log("Connect: Error, no slot of name " + a), !1; } } else { if (!this.outputs || a >= this.outputs.length) { - return h.debug && console.log("Connect: Error, slot number not found"), !1; + return g.debug && console.log("Connect: Error, slot number not found"), !1; } } var c = this.outputs[a]; @@ -1593,15 +1594,15 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { delete this.graph.links[l]; this.graph && this.graph._version++; if (b.onConnectionsChange) { - b.onConnectionsChange(h.INPUT, p.target_slot, !1, p, d); + b.onConnectionsChange(g.INPUT, p.target_slot, !1, p, d); } if (this.onConnectionsChange) { - this.onConnectionsChange(h.OUTPUT, a, !1, p, c); + this.onConnectionsChange(g.OUTPUT, a, !1, p, c); } if (this.graph && this.graph.onNodeConnectionChange) { - this.graph.onNodeConnectionChange(h.OUTPUT, this, a); + this.graph.onNodeConnectionChange(g.OUTPUT, this, a); } - this.graph && this.graph.onNodeConnectionChange && (this.graph.onNodeConnectionChange(h.OUTPUT, this, a), this.graph.onNodeConnectionChange(h.INPUT, b, p.target_slot)); + this.graph && this.graph.onNodeConnectionChange && (this.graph.onNodeConnectionChange(g.OUTPUT, this, a), this.graph.onNodeConnectionChange(g.INPUT, b, p.target_slot)); break; } } @@ -1615,17 +1616,17 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { d = b.inputs[p.target_slot]; d.link = null; if (b.onConnectionsChange) { - b.onConnectionsChange(h.INPUT, p.target_slot, !1, p, d); + b.onConnectionsChange(g.INPUT, p.target_slot, !1, p, d); } if (this.graph && this.graph.onNodeConnectionChange) { - this.graph.onNodeConnectionChange(h.INPUT, b, p.target_slot); + this.graph.onNodeConnectionChange(g.INPUT, b, p.target_slot); } } delete this.graph.links[l]; if (this.onConnectionsChange) { - this.onConnectionsChange(h.OUTPUT, a, !1, p, c); + this.onConnectionsChange(g.OUTPUT, a, !1, p, c); } - this.graph && this.graph.onNodeConnectionChange && (this.graph.onNodeConnectionChange(h.OUTPUT, this, a), this.graph.onNodeConnectionChange(h.INPUT, b, p.target_slot)); + this.graph && this.graph.onNodeConnectionChange && (this.graph.onNodeConnectionChange(g.OUTPUT, this, a), this.graph.onNodeConnectionChange(g.INPUT, b, p.target_slot)); } } c.links = null; @@ -1634,14 +1635,14 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.graph.connectionChange(this); return !0; }; - k.prototype.disconnectInput = function(a) { + h.prototype.disconnectInput = function(a) { if (a.constructor === String) { if (a = this.findInputSlot(a), -1 == a) { - return h.debug && console.log("Connect: Error, no slot of name " + a), !1; + return g.debug && console.log("Connect: Error, no slot of name " + a), !1; } } else { if (!this.inputs || a >= this.inputs.length) { - return h.debug && console.log("Connect: Error, slot number not found"), !1; + return g.debug && console.log("Connect: Error, slot number not found"), !1; } } var b = this.inputs[a]; @@ -1669,24 +1670,24 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { delete this.graph.links[c]; this.graph && this.graph._version++; if (this.onConnectionsChange) { - this.onConnectionsChange(h.INPUT, a, !1, e, b); + this.onConnectionsChange(g.INPUT, a, !1, e, b); } if (f.onConnectionsChange) { - f.onConnectionsChange(h.OUTPUT, p, !1, e, l); + f.onConnectionsChange(g.OUTPUT, p, !1, e, l); } - this.graph && this.graph.onNodeConnectionChange && (this.graph.onNodeConnectionChange(h.OUTPUT, f, p), this.graph.onNodeConnectionChange(h.INPUT, this, a)); + this.graph && this.graph.onNodeConnectionChange && (this.graph.onNodeConnectionChange(g.OUTPUT, f, p), this.graph.onNodeConnectionChange(g.INPUT, this, a)); } this.setDirtyCanvas(!1, !0); this.graph.connectionChange(this); return !0; }; - k.prototype.getConnectionPos = function(a, b, c) { + h.prototype.getConnectionPos = function(a, b, c) { c = c || new Float32Array(2); var e = 0; a && this.inputs && (e = this.inputs.length); !a && this.outputs && (e = this.outputs.length); if (this.flags.collapsed) { - return b = this._collapsed_width || h.NODE_COLLAPSED_WIDTH, this.flags.horizontal ? (c[0] = this.pos[0] + 0.5 * b, c[1] = a ? this.pos[1] - h.NODE_TITLE_HEIGHT : this.pos[1]) : (c[0] = a ? this.pos[0] : this.pos[0] + b, c[1] = this.pos[1] - 0.5 * h.NODE_TITLE_HEIGHT), c; + return b = this._collapsed_width || g.NODE_COLLAPSED_WIDTH, this.flags.horizontal ? (c[0] = this.pos[0] + 0.5 * b, c[1] = a ? this.pos[1] - g.NODE_TITLE_HEIGHT : this.pos[1]) : (c[0] = a ? this.pos[0] : this.pos[0] + b, c[1] = this.pos[1] - 0.5 * g.NODE_TITLE_HEIGHT), c; } if (a && -1 == b) { return c[0] = this.pos[0] + 10, c[1] = this.pos[1] + 10, c; @@ -1698,28 +1699,28 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { return c[0] = this.pos[0] + this.outputs[b].pos[0], c[1] = this.pos[1] + this.outputs[b].pos[1], c; } if (this.flags.horizontal) { - return c[0] = this.pos[0] + this.size[0] / e * (b + 0.5), c[1] = a ? this.pos[1] - h.NODE_TITLE_HEIGHT : this.pos[1] + this.size[1], c; + return c[0] = this.pos[0] + this.size[0] / e * (b + 0.5), c[1] = a ? this.pos[1] - g.NODE_TITLE_HEIGHT : this.pos[1] + this.size[1], c; } c[0] = a ? this.pos[0] : this.pos[0] + this.size[0] + 1; - c[1] = this.pos[1] + 10 + b * h.NODE_SLOT_HEIGHT + (this.constructor.slot_start_y || 0); + c[1] = this.pos[1] + 10 + b * g.NODE_SLOT_HEIGHT + (this.constructor.slot_start_y || 0); return c; }; - k.prototype.alignToGrid = function() { - this.pos[0] = h.CANVAS_GRID_SIZE * Math.round(this.pos[0] / h.CANVAS_GRID_SIZE); - this.pos[1] = h.CANVAS_GRID_SIZE * Math.round(this.pos[1] / h.CANVAS_GRID_SIZE); + h.prototype.alignToGrid = function() { + this.pos[0] = g.CANVAS_GRID_SIZE * Math.round(this.pos[0] / g.CANVAS_GRID_SIZE); + this.pos[1] = g.CANVAS_GRID_SIZE * Math.round(this.pos[1] / g.CANVAS_GRID_SIZE); }; - k.prototype.trace = function(a) { + h.prototype.trace = function(a) { this.console || (this.console = []); this.console.push(a); - this.console.length > k.MAX_CONSOLE && this.console.shift(); + this.console.length > h.MAX_CONSOLE && this.console.shift(); this.graph.onNodeTrace(this, a); }; - k.prototype.setDirtyCanvas = function(a, b) { + h.prototype.setDirtyCanvas = function(a, b) { this.graph && this.graph.sendActionToCanvas("setDirty", [a, b]); }; - k.prototype.loadImage = function(a) { + h.prototype.loadImage = function(a) { var b = new Image; - b.src = h.node_images_path + a; + b.src = g.node_images_path + a; b.ready = !1; var c = this; b.onload = function() { @@ -1728,7 +1729,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }; return b; }; - k.prototype.captureInput = function(a) { + h.prototype.captureInput = function(a) { if (this.graph && this.graph.list_of_graphcanvas) { for (var b = this.graph.list_of_graphcanvas, c = 0; c < b.length; ++c) { var e = b[c]; @@ -1738,20 +1739,20 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - k.prototype.collapse = function(a) { + h.prototype.collapse = function(a) { this.graph._version++; if (!1 !== this.constructor.collapsable || a) { this.flags.collapsed = this.flags.collapsed ? !1 : !0, this.setDirtyCanvas(!0, !0); } }; - k.prototype.pin = function(a) { + h.prototype.pin = function(a) { this.graph._version++; this.flags.pinned = void 0 === a ? !this.flags.pinned : a; }; - k.prototype.localToScreen = function(a, b, c) { + h.prototype.localToScreen = function(a, b, c) { return [(a + this.pos[0]) * c.scale + c.offset[0], (b + this.pos[1]) * c.scale + c.offset[1]]; }; - v.LGraphGroup = h.LGraphGroup = q; + v.LGraphGroup = g.LGraphGroup = q; q.prototype._ctor = function(a) { this.title = a || "Group"; this.font_size = 24; @@ -1801,9 +1802,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { w(this._bounding, b) && this._nodes.push(e); } }; - q.prototype.isPointInside = k.prototype.isPointInside; - q.prototype.setDirtyCanvas = k.prototype.setDirtyCanvas; - v.LGraphCanvas = h.LGraphCanvas = d; + q.prototype.isPointInside = h.prototype.isPointInside; + q.prototype.setDirtyCanvas = h.prototype.setDirtyCanvas; + v.LGraphCanvas = g.LGraphCanvas = d; d.link_type_colors = {"-1":"#F85", number:"#AAA", node:"#DCA"}; d.gradients = {}; d.prototype.clear = function() { @@ -1970,10 +1971,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.canvas.removeEventListener("mousemove", this._mousemove_callback); b.document.addEventListener("mousemove", this._mousemove_callback, !0); b.document.addEventListener("mouseup", this._mouseup_callback, !0); - var c = this.graph.getNodeOnPos(a.canvasX, a.canvasY, this.visible_nodes, 5), e = !1, f = 300 > h.getTime() - this.last_mouseclick; + var c = this.graph.getNodeOnPos(a.canvasX, a.canvasY, this.visible_nodes, 5), e = !1, f = 300 > g.getTime() - this.last_mouseclick; this.canvas_mouse[0] = a.canvasX; this.canvas_mouse[1] = a.canvasY; - h.closeAllContextMenus(b); + g.closeAllContextMenus(b); if (!this.onMouse || 1 != this.onMouse(a)) { if (1 == a.which) { a.ctrlKey && (this.dragging_rectangle = new Float32Array(4), this.dragging_rectangle[0] = a.canvasX, this.dragging_rectangle[1] = a.canvasY, this.dragging_rectangle[2] = 1, this.dragging_rectangle[3] = 1, e = !0); @@ -1986,10 +1987,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } else { if (c.outputs) { for (var p = 0, n = c.outputs.length; p < n; ++p) { - var g = c.outputs[p], m = c.getConnectionPos(!1, p); + var k = c.outputs[p], m = c.getConnectionPos(!1, p); if (t(a.canvasX, a.canvasY, m[0] - 15, m[1] - 10, 30, 20)) { this.connecting_node = c; - this.connecting_output = g; + this.connecting_output = k; this.connecting_pos = c.getConnectionPos(!1, p); this.connecting_slot = p; a.shiftKey && c.disconnectOutput(p); @@ -2009,7 +2010,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } if (c.inputs) { for (p = 0, n = c.inputs.length; p < n; ++p) { - if (g = c.inputs[p], m = c.getConnectionPos(!0, p), t(a.canvasX, a.canvasY, m[0] - 15, m[1] - 10, 30, 20)) { + if (k = c.inputs[p], m = c.getConnectionPos(!0, p), t(a.canvasX, a.canvasY, m[0] - 15, m[1] - 10, 30, 20)) { if (f) { if (c.onInputDblClick) { c.onInputDblClick(p, a); @@ -2019,8 +2020,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { c.onInputClick(p, a); } } - if (null !== g.link) { - e = this.graph.links[g.link]; + if (null !== k.link) { + e = this.graph.links[k.link]; c.disconnectInput(p); if (this.allow_reconnect_links || a.shiftKey) { this.connecting_node = this.graph._nodes_by_id[e.origin_id], this.connecting_slot = e.origin_slot, this.connecting_output = this.connecting_node.outputs[this.connecting_slot], this.connecting_pos = this.connecting_node.getConnectionPos(!1, this.connecting_slot); @@ -2032,7 +2033,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } } - !e && t(a.canvasX, a.canvasY, c.pos[0], c.pos[1] - h.NODE_TITLE_HEIGHT, h.NODE_TITLE_HEIGHT, h.NODE_TITLE_HEIGHT) && (c.collapse(), e = !0); + !e && t(a.canvasX, a.canvasY, c.pos[0], c.pos[1] - g.NODE_TITLE_HEIGHT, g.NODE_TITLE_HEIGHT, g.NODE_TITLE_HEIGHT) && (c.collapse(), e = !0); if (!e) { p = !1; if (n = this.processNodeWidgets(c, this.canvas_mouse, a)) { @@ -2058,7 +2059,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } this.last_mouse[0] = a.localX; this.last_mouse[1] = a.localY; - this.last_mouseclick = h.getTime(); + this.last_mouseclick = g.getTime(); this.last_mouse_dragging = !0; this.graph.change(); (!b.document.activeElement || "input" != b.document.activeElement.nodeName.toLowerCase() && "textarea" != b.document.activeElement.nodeName.toLowerCase()) && a.preventDefault(); @@ -2113,7 +2114,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } if (this.connecting_node && (f = this._highlight_input || [0, 0], !this.isOverNodeBox(e, a.canvasX, a.canvasY))) { var l = this.isOverNodeInput(e, a.canvasX, a.canvasY, f); - -1 != l && e.inputs[l] ? h.isValidConnection(this.connecting_output.type, e.inputs[l].type) && (this._highlight_input = f) : this._highlight_input = null; + -1 != l && e.inputs[l] ? g.isValidConnection(this.connecting_output.type, e.inputs[l].type) && (this._highlight_input = f) : this._highlight_input = null; } this.canvas && (t(a.canvasX, a.canvasY, e.pos[0] + e.size[0] - 5, e.pos[1] + e.size[1] - 5, 5, 5) ? this.canvas.style.cursor = "se-resize" : this.canvas.style.cursor = ""); } else { @@ -2128,8 +2129,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } this.dirty_bgcanvas = this.dirty_canvas = !0; } - this.resizing_node && !this.live_mode && (this.resizing_node.size[0] = a.canvasX - this.resizing_node.pos[0], this.resizing_node.size[1] = a.canvasY - this.resizing_node.pos[1], c = Math.max(this.resizing_node.inputs ? this.resizing_node.inputs.length : 0, this.resizing_node.outputs ? this.resizing_node.outputs.length : 0) * h.NODE_SLOT_HEIGHT + (this.resizing_node.widgets ? this.resizing_node.widgets.length : 0) * (h.NODE_WIDGET_HEIGHT + 4) + 4, this.resizing_node.size[1] < c && (this.resizing_node.size[1] = - c), this.resizing_node.size[0] < h.NODE_MIN_WIDTH && (this.resizing_node.size[0] = h.NODE_MIN_WIDTH), this.canvas.style.cursor = "se-resize", this.dirty_bgcanvas = this.dirty_canvas = !0); + this.resizing_node && !this.live_mode && (this.resizing_node.size[0] = a.canvasX - this.resizing_node.pos[0], this.resizing_node.size[1] = a.canvasY - this.resizing_node.pos[1], c = Math.max(this.resizing_node.inputs ? this.resizing_node.inputs.length : 0, this.resizing_node.outputs ? this.resizing_node.outputs.length : 0) * g.NODE_SLOT_HEIGHT + (this.resizing_node.widgets ? this.resizing_node.widgets.length : 0) * (g.NODE_WIDGET_HEIGHT + 4) + 4, this.resizing_node.size[1] < c && (this.resizing_node.size[1] = + c), this.resizing_node.size[0] < g.NODE_MIN_WIDTH && (this.resizing_node.size[0] = g.NODE_MIN_WIDTH), this.canvas.style.cursor = "se-resize", this.dirty_bgcanvas = this.dirty_canvas = !0); } } } @@ -2146,7 +2147,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.canvas.addEventListener("mousemove", this._mousemove_callback, !0); b.removeEventListener("mouseup", this._mouseup_callback, !0); this.adjustMouseEvent(a); - b = h.getTime(); + b = g.getTime(); a.click_time = b - this.last_mouseclick; this.last_mouse_dragging = !1; if (1 == a.which) { @@ -2172,7 +2173,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (this.connecting_node) { this.dirty_bgcanvas = this.dirty_canvas = !0; if (e = this.graph.getNodeOnPos(a.canvasX, a.canvasY, this.visible_nodes)) { - this.connecting_output.type == h.EVENT && this.isOverNodeBox(e, a.canvasX, a.canvasY) ? this.connecting_node.connect(this.connecting_slot, e, h.EVENT) : (b = this.isOverNodeInput(e, a.canvasX, a.canvasY), -1 != b ? this.connecting_node.connect(this.connecting_slot, e, b) : (b = e.getInputInfo(0), this.connecting_output.type == h.EVENT ? this.connecting_node.connect(this.connecting_slot, e, h.EVENT) : b && !b.link && h.isValidConnection(b.type && this.connecting_output.type) && this.connecting_node.connect(this.connecting_slot, + this.connecting_output.type == g.EVENT && this.isOverNodeBox(e, a.canvasX, a.canvasY) ? this.connecting_node.connect(this.connecting_slot, e, g.EVENT) : (b = this.isOverNodeInput(e, a.canvasX, a.canvasY), -1 != b ? this.connecting_node.connect(this.connecting_slot, e, b) : (b = e.getInputInfo(0), this.connecting_output.type == g.EVENT ? this.connecting_node.connect(this.connecting_slot, e, g.EVENT) : b && !b.link && g.isValidConnection(b.type && this.connecting_output.type) && this.connecting_node.connect(this.connecting_slot, e, 0))); } this.connecting_node = this.connecting_pos = this.connecting_output = null; @@ -2220,7 +2221,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; d.prototype.isOverNodeBox = function(a, b, c) { - var e = h.NODE_TITLE_HEIGHT; + var e = g.NODE_TITLE_HEIGHT; return t(b, c, a.pos[0] + 2, a.pos[1] + 2 - e, e - 4, e - 4) ? !0 : !1; }; d.prototype.isOverNodeInput = function(a, b, c, e) { @@ -2288,7 +2289,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (a) { a = JSON.parse(a); for (var b = [], c = 0; c < a.nodes.length; ++c) { - var e = a.nodes[c], f = h.createNode(e.type); + var e = a.nodes[c], f = g.createNode(e.type); f && (f.configure(e), f.pos[0] += 5, f.pos[1] += 5, this.graph.add(f), b.push(f)); } for (c = 0; c < a.links.length; ++c) { @@ -2314,8 +2315,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { p.onload = function(a) { c.onDropData(a.target.result, l, f); }; - var h = f.type.split("/")[0]; - "text" == h || "" == h ? p.readAsText(f) : "image" == h ? p.readAsDataURL(f) : p.readAsArrayBuffer(f); + var g = f.type.split("/")[0]; + "text" == g || "" == g ? p.readAsText(f) : "image" == g ? p.readAsDataURL(f) : p.readAsArrayBuffer(f); } } } @@ -2328,8 +2329,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { d.prototype.checkDropItem = function(a) { if (a.dataTransfer.files.length) { var b = a.dataTransfer.files[0], c = d.getFileExtension(b.name).toLowerCase(); - if (c = h.node_types_by_file_extension[c]) { - if (c = h.createNode(c.type), c.pos = [a.canvasX, a.canvasY], this.graph.add(c), c.onDropFile) { + if (c = g.node_types_by_file_extension[c]) { + if (c = g.createNode(c.type), c.pos = [a.canvasX, a.canvasY], this.graph.add(c), c.onDropFile) { c.onDropFile(b); } } @@ -2504,7 +2505,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }; d.prototype.draw = function(a, b) { if (this.canvas) { - var c = h.getTime(); + var c = g.getTime(); this.render_time = 0.001 * (c - this.last_draw_time); this.last_draw_time = c; if (this.graph) { @@ -2553,15 +2554,15 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (null != this.connecting_pos) { a.lineWidth = this.connections_width; switch(this.connecting_output.type) { - case h.EVENT: - b = h.EVENT_LINK_COLOR; + case g.EVENT: + b = g.EVENT_LINK_COLOR; break; default: - b = h.CONNECTING_LINK_COLOR; + b = g.CONNECTING_LINK_COLOR; } - this.renderLink(a, this.connecting_pos, [this.canvas_mouse[0], this.canvas_mouse[1]], null, !1, null, b, this.connecting_output.dir || (this.connecting_node.flags.horizontal ? h.DOWN : h.RIGHT), h.CENTER); + this.renderLink(a, this.connecting_pos, [this.canvas_mouse[0], this.canvas_mouse[1]], null, !1, null, b, this.connecting_output.dir || (this.connecting_node.flags.horizontal ? g.DOWN : g.RIGHT), g.CENTER); a.beginPath(); - this.connecting_output.type === h.EVENT || this.connecting_output.shape === h.BOX_SHAPE ? a.rect(this.connecting_pos[0] - 6 + 0.5, this.connecting_pos[1] - 5 + 0.5, 14, 10) : a.arc(this.connecting_pos[0], this.connecting_pos[1], 4, 0, 2 * Math.PI); + this.connecting_output.type === g.EVENT || this.connecting_output.shape === g.BOX_SHAPE ? a.rect(this.connecting_pos[0] - 6 + 0.5, this.connecting_pos[1] - 5 + 0.5, 14, 10) : a.arc(this.connecting_pos[0], this.connecting_pos[1], 4, 0, 2 * Math.PI); a.fill(); a.fillStyle = "#ffcc00"; this._highlight_input && (a.beginPath(), a.arc(this._highlight_input[0], this._highlight_input[1], 6, 0, 2 * Math.PI), a.fill()); @@ -2658,7 +2659,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { var n = new Float32Array(2); d.prototype.drawNode = function(a, b) { this.current_node = a; - var c = a.color || a.constructor.color || h.NODE_DEFAULT_COLOR, e = a.bgcolor || a.constructor.bgcolor || h.NODE_DEFAULT_BGCOLOR; + var c = a.color || a.constructor.color || g.NODE_DEFAULT_COLOR, e = a.bgcolor || a.constructor.bgcolor || g.NODE_DEFAULT_BGCOLOR; if (this.live_mode) { if (!a.flags.collapsed && (b.shadowColor = "transparent", a.onDrawForeground)) { a.onDrawForeground(b, this, this.canvas); @@ -2666,9 +2667,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } else { var f = this.editor_alpha; b.globalAlpha = f; - this.render_shadows ? (b.shadowColor = h.DEFAULT_SHADOW_COLOR, b.shadowOffsetX = 2 * this.scale, b.shadowOffsetY = 2 * this.scale, b.shadowBlur = 3 * this.scale) : b.shadowColor = "transparent"; + this.render_shadows ? (b.shadowColor = g.DEFAULT_SHADOW_COLOR, b.shadowOffsetX = 2 * this.scale, b.shadowOffsetY = 2 * this.scale, b.shadowBlur = 3 * this.scale) : b.shadowColor = "transparent"; if (!a.flags.collapsed || !a.onDrawCollaped || 1 != a.onDrawCollapsed(b, this)) { - var l = a._shape || h.BOX_SHAPE; + var l = a._shape || g.BOX_SHAPE; n.set(a.size); var p = a.horizontal || a.flags.horizontal; if (a.flags.collapsed) { @@ -2678,7 +2679,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { n[0] = a._collapsed_width; n[1] = 0; } - a.clip_area && (b.save(), b.beginPath(), l == h.BOX_SHAPE ? b.rect(0, 0, n[0], n[1]) : l == h.ROUND_SHAPE ? b.roundRect(0, 0, n[0], n[1], 10) : l == h.CIRCLE_SHAPE && b.arc(0.5 * n[0], 0.5 * n[1], 0.5 * n[0], 0, 2 * Math.PI), b.clip()); + a.clip_area && (b.save(), b.beginPath(), l == g.BOX_SHAPE ? b.rect(0, 0, n[0], n[1]) : l == g.ROUND_SHAPE ? b.roundRect(0, 0, n[0], n[1], 10) : l == g.CIRCLE_SHAPE && b.arc(0.5 * n[0], 0.5 * n[1], 0.5 * n[0], 0, 2 * Math.PI), b.clip()); this.drawNodeShape(a, b, n, c, e, a.selected, a.mouseOver); b.shadowColor = "transparent"; b.textAlign = p ? "center" : "left"; @@ -2687,7 +2688,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { l = this.connecting_output; b.lineWidth = 1; d = 0; - var g = new Float32Array(2); + var k = new Float32Array(2); if (a.flags.collapsed) { f = e = null; if (a.inputs) { @@ -2703,26 +2704,26 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { m = a.outputs[c], m.links && m.links.length && (f = m); } } - e && (c = 0, e = -0.5 * h.NODE_TITLE_HEIGHT, p && (c = 0.5 * a._collapsed_width, e = -h.NODE_TITLE_HEIGHT), b.fillStyle = m.color_on || this.default_connection_color.input_on, b.beginPath(), m.type === h.EVENT || m.shape === h.BOX_SHAPE ? b.rect(c - 7 + 0.5, e + 4 - 0.5 * h.NODE_TITLE_HEIGHT + 0.5, 14, h.NODE_TITLE_HEIGHT - 8) : m.shape === h.ARROW_SHAPE ? (b.moveTo(c + 8, e), b.lineTo(c + -4, e - 4), b.lineTo(c + -4, e + 4), b.closePath()) : b.arc(c, e, 4, 0, 2 * Math.PI), b.fill()); - f && (c = a._collapsed_width, e = -0.5 * h.NODE_TITLE_HEIGHT, p && (c = 0.5 * a._collapsed_width, e = 0), b.fillStyle = m.color_on || this.default_connection_color.output_on, b.strokeStyle = "black", b.beginPath(), m.type === h.EVENT || m.shape === h.BOX_SHAPE ? b.rect(c - 7 + 0.5, e + 4 - 0.5 * h.NODE_TITLE_HEIGHT + 0.5, 14, h.NODE_TITLE_HEIGHT - 8) : m.shape === h.ARROW_SHAPE ? (b.moveTo(c + 6, e), b.lineTo(c - 6, e - 4), b.lineTo(c - 6, e + 4), b.closePath()) : b.arc(c, e, 4, 0, 2 * + e && (c = 0, e = -0.5 * g.NODE_TITLE_HEIGHT, p && (c = 0.5 * a._collapsed_width, e = -g.NODE_TITLE_HEIGHT), b.fillStyle = m.color_on || this.default_connection_color.input_on, b.beginPath(), m.type === g.EVENT || m.shape === g.BOX_SHAPE ? b.rect(c - 7 + 0.5, e + 4 - 0.5 * g.NODE_TITLE_HEIGHT + 0.5, 14, g.NODE_TITLE_HEIGHT - 8) : m.shape === g.ARROW_SHAPE ? (b.moveTo(c + 8, e), b.lineTo(c + -4, e - 4), b.lineTo(c + -4, e + 4), b.closePath()) : b.arc(c, e, 4, 0, 2 * Math.PI), b.fill()); + f && (c = a._collapsed_width, e = -0.5 * g.NODE_TITLE_HEIGHT, p && (c = 0.5 * a._collapsed_width, e = 0), b.fillStyle = m.color_on || this.default_connection_color.output_on, b.strokeStyle = "black", b.beginPath(), m.type === g.EVENT || m.shape === g.BOX_SHAPE ? b.rect(c - 7 + 0.5, e + 4 - 0.5 * g.NODE_TITLE_HEIGHT + 0.5, 14, g.NODE_TITLE_HEIGHT - 8) : m.shape === g.ARROW_SHAPE ? (b.moveTo(c + 6, e), b.lineTo(c - 6, e - 4), b.lineTo(c - 6, e + 4), b.closePath()) : b.arc(c, e, 4, 0, 2 * Math.PI), b.fill(), b.stroke()); } else { if (a.inputs) { for (c = 0; c < a.inputs.length; c++) { var m = a.inputs[c]; b.globalAlpha = f; - this.connecting_node && h.isValidConnection(m.type && l.type) && (b.globalAlpha = 0.4 * f); + this.connecting_node && g.isValidConnection(m.type && l.type) && (b.globalAlpha = 0.4 * f); b.fillStyle = null != m.link ? m.color_on || this.default_connection_color.input_on : m.color_off || this.default_connection_color.input_off; - var x = a.getConnectionPos(!0, c, g); + var x = a.getConnectionPos(!0, c, k); x[0] -= a.pos[0]; x[1] -= a.pos[1]; - d < x[1] + 0.5 * h.NODE_SLOT_HEIGHT && (d = x[1] + 0.5 * h.NODE_SLOT_HEIGHT); + d < x[1] + 0.5 * g.NODE_SLOT_HEIGHT && (d = x[1] + 0.5 * g.NODE_SLOT_HEIGHT); b.beginPath(); - m.type === h.EVENT || m.shape === h.BOX_SHAPE ? p ? b.rect(x[0] - 5 + 0.5, x[1] - 8 + 0.5, 10, 14) : b.rect(x[0] - 6 + 0.5, x[1] - 5 + 0.5, 14, 10) : m.shape === h.ARROW_SHAPE ? (b.moveTo(x[0] + 8, x[1] + 0.5), b.lineTo(x[0] - 4, x[1] + 6 + 0.5), b.lineTo(x[0] - 4, x[1] - 6 + 0.5), b.closePath()) : b.arc(x[0], x[1], 4, 0, 2 * Math.PI); + m.type === g.EVENT || m.shape === g.BOX_SHAPE ? p ? b.rect(x[0] - 5 + 0.5, x[1] - 8 + 0.5, 10, 14) : b.rect(x[0] - 6 + 0.5, x[1] - 5 + 0.5, 14, 10) : m.shape === g.ARROW_SHAPE ? (b.moveTo(x[0] + 8, x[1] + 0.5), b.lineTo(x[0] - 4, x[1] + 6 + 0.5), b.lineTo(x[0] - 4, x[1] - 6 + 0.5), b.closePath()) : b.arc(x[0], x[1], 4, 0, 2 * Math.PI); b.fill(); if (e) { - var k = null != m.label ? m.label : m.name; - k && (b.fillStyle = h.NODE_TEXT_COLOR, p || m.dir == h.UP ? b.fillText(k, x[0], x[1] - 10) : b.fillText(k, x[0] + 10, x[1] + 5)); + var h = null != m.label ? m.label : m.name; + h && (b.fillStyle = g.NODE_TEXT_COLOR, p || m.dir == g.UP ? b.fillText(h, x[0], x[1] - 10) : b.fillText(h, x[0] + 10, x[1] + 5)); } } } @@ -2731,9 +2732,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { b.strokeStyle = "black"; if (a.outputs) { for (c = 0; c < a.outputs.length; c++) { - if (m = a.outputs[c], x = a.getConnectionPos(!1, c, g), x[0] -= a.pos[0], x[1] -= a.pos[1], d < x[1] + 0.5 * h.NODE_SLOT_HEIGHT && (d = x[1] + 0.5 * h.NODE_SLOT_HEIGHT), b.fillStyle = m.links && m.links.length ? m.color_on || this.default_connection_color.output_on : m.color_off || this.default_connection_color.output_off, b.beginPath(), m.type === h.EVENT || m.shape === h.BOX_SHAPE ? p ? b.rect(x[0] - 5 + 0.5, x[1] - 8 + 0.5, 10, 14) : b.rect(x[0] - 6 + 0.5, x[1] - 5 + 0.5, 14, 10) : - m.shape === h.ARROW_SHAPE ? (b.moveTo(x[0] + 8, x[1] + 0.5), b.lineTo(x[0] - 4, x[1] + 6 + 0.5), b.lineTo(x[0] - 4, x[1] - 6 + 0.5), b.closePath()) : b.arc(x[0], x[1], 4, 0, 2 * Math.PI), b.fill(), b.stroke(), e && (k = null != m.label ? m.label : m.name)) { - b.fillStyle = h.NODE_TEXT_COLOR, p || m.dir == h.DOWN ? b.fillText(k, x[0], x[1] - 8) : b.fillText(k, x[0] - 10, x[1] + 5); + if (m = a.outputs[c], x = a.getConnectionPos(!1, c, k), x[0] -= a.pos[0], x[1] -= a.pos[1], d < x[1] + 0.5 * g.NODE_SLOT_HEIGHT && (d = x[1] + 0.5 * g.NODE_SLOT_HEIGHT), b.fillStyle = m.links && m.links.length ? m.color_on || this.default_connection_color.output_on : m.color_off || this.default_connection_color.output_off, b.beginPath(), m.type === g.EVENT || m.shape === g.BOX_SHAPE ? p ? b.rect(x[0] - 5 + 0.5, x[1] - 8 + 0.5, 10, 14) : b.rect(x[0] - 6 + 0.5, x[1] - 5 + 0.5, 14, 10) : + m.shape === g.ARROW_SHAPE ? (b.moveTo(x[0] + 8, x[1] + 0.5), b.lineTo(x[0] - 4, x[1] + 6 + 0.5), b.lineTo(x[0] - 4, x[1] - 6 + 0.5), b.closePath()) : b.arc(x[0], x[1], 4, 0, 2 * Math.PI), b.fill(), b.stroke(), e && (h = null != m.label ? m.label : m.name)) { + b.fillStyle = g.NODE_TEXT_COLOR, p || m.dir == g.DOWN ? b.fillText(h, x[0], x[1] - 8) : b.fillText(h, x[0] - 10, x[1] + 5); } } } @@ -2758,30 +2759,30 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { d.prototype.drawNodeShape = function(a, b, c, e, f, l, p) { b.strokeStyle = e; b.fillStyle = f; - f = h.NODE_TITLE_HEIGHT; - var n = a._shape || a.constructor.shape || h.BOX_SHAPE, g = a.constructor.title_mode, k = !0; - g == h.TRANSPARENT_TITLE ? k = !1 : g == h.AUTOHIDE_TITLE && p && (k = !0); + f = g.NODE_TITLE_HEIGHT; + var n = a._shape || a.constructor.shape || g.BOX_SHAPE, k = a.constructor.title_mode, h = !0; + k == g.TRANSPARENT_TITLE ? h = !1 : k == g.AUTOHIDE_TITLE && p && (h = !0); m[0] = 0; - m[1] = k ? -f : 0; + m[1] = h ? -f : 0; m[2] = c[0] + 1; - m[3] = k ? c[1] + f : c[1]; - a.flags.collapsed || (b.beginPath(), n == h.BOX_SHAPE || 0.5 > this.scale ? b.fillRect(m[0], m[1], m[2], m[3]) : n == h.ROUND_SHAPE || n == h.CARD_SHAPE ? b.roundRect(m[0], m[1], m[2], m[3], this.round_radius, n == h.CARD_SHAPE ? 0 : this.round_radius) : n == h.CIRCLE_SHAPE && b.arc(0.5 * c[0], 0.5 * c[1], 0.5 * c[0], 0, 2 * Math.PI), b.fill()); + m[3] = h ? c[1] + f : c[1]; + a.flags.collapsed || (b.beginPath(), n == g.BOX_SHAPE || 0.5 > this.scale ? b.fillRect(m[0], m[1], m[2], m[3]) : n == g.ROUND_SHAPE || n == g.CARD_SHAPE ? b.roundRect(m[0], m[1], m[2], m[3], this.round_radius, n == g.CARD_SHAPE ? 0 : this.round_radius) : n == g.CIRCLE_SHAPE && b.arc(0.5 * c[0], 0.5 * c[1], 0.5 * c[0], 0, 2 * Math.PI), b.fill()); b.shadowColor = "transparent"; a.bgImage && a.bgImage.width && b.drawImage(a.bgImage, 0.5 * (c[0] - a.bgImage.width), 0.5 * (c[1] - a.bgImage.height)); a.bgImageUrl && !a.bgImage && (a.bgImage = a.loadImage(a.bgImageUrl)); if (a.onDrawBackground) { a.onDrawBackground(b, this, this.canvas); } - if (k || g == h.TRANSPARENT_TITLE) { + if (h || k == g.TRANSPARENT_TITLE) { if (a.onDrawTitleBar) { a.onDrawTitleBar(b, f, c, this.scale, e); } else { - if (g != h.TRANSPARENT_TITLE) { - a.flags.collapsed && (b.shadowColor = h.DEFAULT_SHADOW_COLOR); + if (k != g.TRANSPARENT_TITLE) { + a.flags.collapsed && (b.shadowColor = g.DEFAULT_SHADOW_COLOR); this.use_gradients ? (p = d.gradients[e], p || (p = d.gradients[e] = b.createLinearGradient(0, 0, 400, 0), p.addColorStop(0, e), p.addColorStop(1, "#000")), b.fillStyle = p) : b.fillStyle = e; var x = b.globalAlpha; b.beginPath(); - n == h.BOX_SHAPE || 0.5 > this.scale ? b.rect(0, -f, c[0] + 1, f) : (n == h.ROUND_SHAPE || n == h.CARD_SHAPE) && b.roundRect(0, -f, c[0] + 1, f, this.round_radius, a.flags.collapsed ? this.round_radius : 0); + n == g.BOX_SHAPE || 0.5 > this.scale ? b.rect(0, -f, c[0] + 1, f) : (n == g.ROUND_SHAPE || n == g.CARD_SHAPE) && b.roundRect(0, -f, c[0] + 1, f, this.round_radius, a.flags.collapsed ? this.round_radius : 0); b.fill(); b.shadowColor = "transparent"; } @@ -2789,7 +2790,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (a.onDrawTitleBox) { a.onDrawTitleBox(b, f, c, this.scale); } else { - n == h.ROUND_SHAPE || n == h.CIRCLE_SHAPE || n == h.CARD_SHAPE ? (0.5 < this.scale && (b.fillStyle = "black", b.beginPath(), b.arc(0.5 * f, -0.5 * f, 0.5 * (f - 8), 0, 2 * Math.PI), b.fill()), b.fillStyle = a.boxcolor || h.NODE_DEFAULT_BOXCOLOR, b.beginPath(), b.arc(0.5 * f, -0.5 * f, 0.4 * (f - 8), 0, 2 * Math.PI), b.fill()) : (0.5 < this.scale && (b.fillStyle = "black", b.fillRect(4, -f + 4, f - 8, f - 8)), b.fillStyle = a.boxcolor || h.NODE_DEFAULT_BOXCOLOR, b.fillRect(5, -f + 5, f - 10, + n == g.ROUND_SHAPE || n == g.CIRCLE_SHAPE || n == g.CARD_SHAPE ? (0.5 < this.scale && (b.fillStyle = "black", b.beginPath(), b.arc(0.5 * f, -0.5 * f, 0.5 * (f - 8), 0, 2 * Math.PI), b.fill()), b.fillStyle = a.boxcolor || g.NODE_DEFAULT_BOXCOLOR, b.beginPath(), b.arc(0.5 * f, -0.5 * f, 0.4 * (f - 8), 0, 2 * Math.PI), b.fill()) : (0.5 < this.scale && (b.fillStyle = "black", b.fillRect(4, -f + 4, f - 8, f - 8)), b.fillStyle = a.boxcolor || g.NODE_DEFAULT_BOXCOLOR, b.fillRect(5, -f + 5, f - 10, f - 10)); } b.globalAlpha = x; @@ -2805,11 +2806,11 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (a.onBounding) { a.onBounding(m); } - g == h.TRANSPARENT_TITLE && (m[1] -= f, m[3] += f); + k == g.TRANSPARENT_TITLE && (m[1] -= f, m[3] += f); b.lineWidth = 1; b.globalAlpha = 0.8; b.beginPath(); - n == h.BOX_SHAPE ? b.rect(-6 + m[0], -6 + m[1], 12 + m[2], 12 + m[3]) : n == h.ROUND_SHAPE || n == h.CARD_SHAPE && a.flags.collapsed ? b.roundRect(-6 + m[0], -6 + m[1], 12 + m[2], 12 + m[3], 2 * this.round_radius) : n == h.CARD_SHAPE ? b.roundRect(-6 + m[0], -6 + m[1], 12 + m[2], 12 + m[3], 2 * this.round_radius, 2) : n == h.CIRCLE_SHAPE && b.arc(0.5 * c[0], 0.5 * c[1], 0.5 * c[0] + 6, 0, 2 * Math.PI); + n == g.BOX_SHAPE ? b.rect(-6 + m[0], -6 + m[1], 12 + m[2], 12 + m[3]) : n == g.ROUND_SHAPE || n == g.CARD_SHAPE && a.flags.collapsed ? b.roundRect(-6 + m[0], -6 + m[1], 12 + m[2], 12 + m[3], 2 * this.round_radius) : n == g.CARD_SHAPE ? b.roundRect(-6 + m[0], -6 + m[1], 12 + m[2], 12 + m[3], 2 * this.round_radius, 2) : n == g.CIRCLE_SHAPE && b.arc(0.5 * c[0], 0.5 * c[1], 0.5 * c[0] + 6, 0, 2 * Math.PI); b.strokeStyle = "#FFF"; b.stroke(); b.strokeStyle = e; @@ -2817,7 +2818,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; d.prototype.drawConnections = function(a) { - var b = h.getTime(), c = this.visible_area; + var b = g.getTime(), c = this.visible_area; c = new Float32Array([c[0] - 20, c[1] - 20, c[2] + 40, c[3] + 40]); var e = new Float32Array(4), f = new Float32Array(2), l = new Float32Array(2); a.lineWidth = this.connections_width; @@ -2825,16 +2826,16 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { a.strokeStyle = "#AAA"; a.globalAlpha = this.editor_alpha; for (var p = this.graph._nodes, d = 0, n = p.length; d < n; ++d) { - var g = p[d]; - if (g.inputs && g.inputs.length) { - for (var m = 0; m < g.inputs.length; ++m) { - var k = g.inputs[m]; - if (k && null != k.link && (k = this.graph.links[k.link])) { - var q = this.graph.getNodeById(k.origin_id); + var k = p[d]; + if (k.inputs && k.inputs.length) { + for (var m = 0; m < k.inputs.length; ++m) { + var h = k.inputs[m]; + if (h && null != h.link && (h = this.graph.links[h.link])) { + var q = this.graph.getNodeById(h.origin_id); if (null != q) { - var u = k.origin_slot; + var u = h.origin_slot; var t = -1 == u ? [q.pos[0] + 10, q.pos[1] + 10] : q.getConnectionPos(!1, u, f); - var y = g.getConnectionPos(!0, m, l); + var y = k.getConnectionPos(!0, m, l); e[0] = t[0]; e[1] = t[1]; e[2] = y[0] - t[0]; @@ -2843,12 +2844,12 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { 0 > e[3] && (e[1] += e[3], e[3] = Math.abs(e[3])); if (w(e, c)) { var v = q.outputs[u]; - u = g.inputs[m]; - if (v && u && (q = v.dir || (q.flags.horizontal ? h.DOWN : h.RIGHT), u = u.dir || (g.flags.horizontal ? h.UP : h.LEFT), this.renderLink(a, t, y, k, !1, 0, null, q, u), k && k._last_time && 1000 > b - k._last_time)) { - v = 2.0 - 0.002 * (b - k._last_time); + u = k.inputs[m]; + if (v && u && (q = v.dir || (q.flags.horizontal ? g.DOWN : g.RIGHT), u = u.dir || (k.flags.horizontal ? g.UP : g.LEFT), this.renderLink(a, t, y, h, !1, 0, null, q, u), h && h._last_time && 1000 > b - h._last_time)) { + v = 2.0 - 0.002 * (b - h._last_time); var z = a.globalAlpha; a.globalAlpha = z * v; - this.renderLink(a, t, y, k, !0, v, "white", q, u); + this.renderLink(a, t, y, h, !0, v, "white", q, u); a.globalAlpha = z; } } @@ -2859,10 +2860,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } a.globalAlpha = 1; }; - d.prototype.renderLink = function(a, b, c, e, f, l, p, n, g) { + d.prototype.renderLink = function(a, b, c, e, f, l, p, n, k) { if (this.highquality_render) { - n = n || h.RIGHT; - g = g || h.LEFT; + n = n || g.RIGHT; + k = k || g.LEFT; var m = u(b, c); this.render_connections_border && 0.6 < this.scale && (a.lineWidth = this.connections_width + 4); !p && e && (p = e.color || d.link_type_colors[e.type]); @@ -2871,34 +2872,34 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { a.beginPath(); if (this.render_curved_connections) { a.moveTo(b[0], b[1]); - var k = e = 0, q = 0, B = 0; + var h = e = 0, q = 0, B = 0; switch(n) { - case h.LEFT: + case g.LEFT: e = -0.25 * m; break; - case h.RIGHT: + case g.RIGHT: e = 0.25 * m; break; - case h.UP: - k = -0.25 * m; + case g.UP: + h = -0.25 * m; break; - case h.DOWN: - k = 0.25 * m; + case g.DOWN: + h = 0.25 * m; } - switch(g) { - case h.LEFT: + switch(k) { + case g.LEFT: q = -0.25 * m; break; - case h.RIGHT: + case g.RIGHT: q = 0.25 * m; break; - case h.UP: + case g.UP: B = -0.25 * m; break; - case h.DOWN: + case g.DOWN: B = 0.25 * m; } - a.bezierCurveTo(b[0] + e, b[1] + k, c[0] + q, c[1] + B, c[0], c[1]); + a.bezierCurveTo(b[0] + e, b[1] + h, c[0] + q, c[1] + B, c[0], c[1]); } else { a.moveTo(b[0] + 10, b[1]), a.lineTo(0.5 * (b[0] + 10 + (c[0] - 10)), b[1]), a.lineTo(0.5 * (b[0] + 10 + (c[0] - 10)), c[1]), a.lineTo(c[0] - 10, c[1]); } @@ -2906,10 +2907,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { a.lineWidth = this.connections_width; a.fillStyle = a.strokeStyle = p; a.stroke(); - this.render_connection_arrows && 0.6 <= this.scale && this.render_connection_arrows && 0.6 < this.scale && (f = this.computeConnectionPoint(b, c, 0.5, n, g), p = this.computeConnectionPoint(b, c, 0.51, n, g), p = this.render_curved_connections ? -Math.atan2(p[0] - f[0], p[1] - f[1]) : c[1] > b[1] ? 0 : Math.PI, a.save(), a.translate(f[0], f[1]), a.rotate(p), a.beginPath(), a.moveTo(-5, -5), a.lineTo(0, 5), a.lineTo(5, -5), a.fill(), a.restore()); + this.render_connection_arrows && 0.6 <= this.scale && this.render_connection_arrows && 0.6 < this.scale && (f = this.computeConnectionPoint(b, c, 0.5, n, k), p = this.computeConnectionPoint(b, c, 0.51, n, k), p = this.render_curved_connections ? -Math.atan2(p[0] - f[0], p[1] - f[1]) : c[1] > b[1] ? 0 : Math.PI, a.save(), a.translate(f[0], f[1]), a.rotate(p), a.beginPath(), a.moveTo(-5, -5), a.lineTo(0, 5), a.lineTo(5, -5), a.fill(), a.restore()); if (l) { for (l = 0; 5 > l; ++l) { - f = (0.001 * h.getTime() + 0.2 * l) % 1, f = this.computeConnectionPoint(b, c, f, n, g), a.beginPath(), a.arc(f[0], f[1], 5, 0, 2 * Math.PI), a.fill(); + f = (0.001 * g.getTime() + 0.2 * l) % 1, f = this.computeConnectionPoint(b, c, f, n, k), a.beginPath(), a.arc(f[0], f[1], 5, 0, 2 * Math.PI), a.fill(); } } } else { @@ -2917,33 +2918,33 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; d.prototype.computeConnectionPoint = function(a, b, c, e, f) { - e = e || h.RIGHT; - f = f || h.LEFT; + e = e || g.RIGHT; + f = f || g.LEFT; var l = u(a, b), p = [a[0], a[1]], d = [b[0], b[1]]; switch(e) { - case h.LEFT: + case g.LEFT: p[0] += -0.25 * l; break; - case h.RIGHT: + case g.RIGHT: p[0] += 0.25 * l; break; - case h.UP: + case g.UP: p[1] += -0.25 * l; break; - case h.DOWN: + case g.DOWN: p[1] += 0.25 * l; } switch(f) { - case h.LEFT: + case g.LEFT: d[0] += -0.25 * l; break; - case h.RIGHT: + case g.RIGHT: d[0] += 0.25 * l; break; - case h.UP: + case g.UP: d[1] += -0.25 * l; break; - case h.DOWN: + case g.DOWN: d[1] += 0.25 * l; } e = (1 - c) * (1 - c) * (1 - c); @@ -2961,10 +2962,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { for (var b = this.visible_nodes, c = 0; c < b.length; ++c) { var e = b[c]; a.fillStyle = "black"; - a.fillRect(e.pos[0] - h.NODE_TITLE_HEIGHT, e.pos[1] - h.NODE_TITLE_HEIGHT, h.NODE_TITLE_HEIGHT, h.NODE_TITLE_HEIGHT); - 0 == e.order && a.strokeRect(e.pos[0] - h.NODE_TITLE_HEIGHT + 0.5, e.pos[1] - h.NODE_TITLE_HEIGHT + 0.5, h.NODE_TITLE_HEIGHT, h.NODE_TITLE_HEIGHT); + a.fillRect(e.pos[0] - g.NODE_TITLE_HEIGHT, e.pos[1] - g.NODE_TITLE_HEIGHT, g.NODE_TITLE_HEIGHT, g.NODE_TITLE_HEIGHT); + 0 == e.order && a.strokeRect(e.pos[0] - g.NODE_TITLE_HEIGHT + 0.5, e.pos[1] - g.NODE_TITLE_HEIGHT + 0.5, g.NODE_TITLE_HEIGHT, g.NODE_TITLE_HEIGHT); a.fillStyle = "#FFF"; - a.fillText(e.order, e.pos[0] + -0.5 * h.NODE_TITLE_HEIGHT, e.pos[1] - 6); + a.fillText(e.order, e.pos[0] + -0.5 * g.NODE_TITLE_HEIGHT, e.pos[1] - 6); } a.globalAlpha = 1; }; @@ -2974,22 +2975,22 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } var f = a.size[0], l = a.widgets; b += 2; - var d = h.NODE_WIDGET_HEIGHT, n = 0.5 < this.scale; + var d = g.NODE_WIDGET_HEIGHT, n = 0.5 < this.scale; c.save(); c.globalAlpha = this.editor_alpha; - for (var g = 0; g < l.length; ++g) { - var m = l[g], k = b; - m.y && (k = m.y); - m.last_y = k; + for (var k = 0; k < l.length; ++k) { + var m = l[k], h = b; + m.y && (h = m.y); + m.last_y = h; c.strokeStyle = "#AAA"; c.fillStyle = "#222"; c.textAlign = "left"; switch(m.type) { case "button": m.clicked && (c.fillStyle = "#AAA", m.clicked = !1, this.dirty_canvas = !0); - c.fillRect(10, k, f - 20, d); - c.strokeRect(10, k, f - 20, d); - n && (c.textAlign = "center", c.fillStyle = "#AAA", c.fillText(m.name, 0.5 * f, k + 0.7 * d)); + c.fillRect(10, h, f - 20, d); + c.strokeRect(10, h, f - 20, d); + n && (c.textAlign = "center", c.fillStyle = "#AAA", c.fillText(m.name, 0.5 * f, h + 0.7 * d)); break; case "toggle": c.textAlign = "left"; @@ -3001,18 +3002,18 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { c.stroke(); c.fillStyle = m.value ? "#89A" : "#333"; c.beginPath(); - c.arc(f - 20, k + 0.5 * d, 0.36 * d, 0, 2 * Math.PI); + c.arc(f - 20, h + 0.5 * d, 0.36 * d, 0, 2 * Math.PI); c.fill(); - n && (c.fillStyle = "#999", null != m.name && c.fillText(m.name, 20, k + 0.7 * d), c.fillStyle = m.value ? "#DDD" : "#888", c.textAlign = "right", c.fillText(m.value ? m.options.on || "true" : m.options.off || "false", f - 30, k + 0.7 * d)); + n && (c.fillStyle = "#999", null != m.name && c.fillText(m.name, 20, h + 0.7 * d), c.fillStyle = m.value ? "#DDD" : "#888", c.textAlign = "right", c.fillText(m.value ? m.options.on || "true" : m.options.off || "false", f - 30, h + 0.7 * d)); break; case "slider": c.fillStyle = "#111"; - c.fillRect(10, k, f - 20, d); + c.fillRect(10, h, f - 20, d); var q = (m.value - m.options.min) / (m.options.max - m.options.min); c.fillStyle = e == m ? "#89A" : "#678"; - c.fillRect(10, k, q * (f - 20), d); - c.strokeRect(10, k, f - 20, d); - n && (c.textAlign = "center", c.fillStyle = "#DDD", c.fillText(m.name + " " + Number(m.value).toFixed(3), 0.5 * f, k + 0.7 * d)); + c.fillRect(10, h, q * (f - 20), d); + c.strokeRect(10, h, f - 20, d); + n && (c.textAlign = "center", c.fillStyle = "#DDD", c.fillText(m.name + " " + Number(m.value).toFixed(3), 0.5 * f, h + 0.7 * d)); break; case "number": case "combo": @@ -3023,7 +3024,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { c.roundRect(10, b, f - 20, d, 0.5 * d); c.fill(); c.stroke(); - n && (c.fillStyle = "#AAA", c.beginPath(), c.moveTo(26, b + 5), c.lineTo(16, b + 0.5 * d), c.lineTo(26, b + d - 5), c.moveTo(f - 26, b + 5), c.lineTo(f - 16, b + 0.5 * d), c.lineTo(f - 26, b + d - 5), c.fill(), c.fillStyle = "#999", c.fillText(m.name, 30, k + 0.7 * d), c.fillStyle = "#DDD", c.textAlign = "right", "number" == m.type ? c.fillText(Number(m.value).toFixed(void 0 !== m.options.precision ? m.options.precision : 3), f - 40, k + 0.7 * d) : c.fillText(m.value, f - 40, k + 0.7 * + n && (c.fillStyle = "#AAA", c.beginPath(), c.moveTo(26, b + 5), c.lineTo(16, b + 0.5 * d), c.lineTo(26, b + d - 5), c.moveTo(f - 26, b + 5), c.lineTo(f - 16, b + 0.5 * d), c.lineTo(f - 26, b + d - 5), c.fill(), c.fillStyle = "#999", c.fillText(m.name, 30, h + 0.7 * d), c.fillStyle = "#DDD", c.textAlign = "right", "number" == m.type ? c.fillText(Number(m.value).toFixed(void 0 !== m.options.precision ? m.options.precision : 3), f - 40, h + 0.7 * d) : c.fillText(m.value, f - 40, h + 0.7 * d)); break; case "string": @@ -3035,10 +3036,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { c.roundRect(10, b, f - 20, d, 0.5 * d); c.fill(); c.stroke(); - n && (c.fillStyle = "#999", null != m.name && c.fillText(m.name, 20, k + 0.7 * d), c.fillStyle = "#DDD", c.textAlign = "right", c.fillText(m.value, f - 20, k + 0.7 * d)); + n && (c.fillStyle = "#999", null != m.name && c.fillText(m.name, 20, h + 0.7 * d), c.fillStyle = "#DDD", c.textAlign = "right", c.fillText(m.value, f - 20, h + 0.7 * d)); break; default: - m.draw && m.draw(c, a, m, k, d); + m.draw && m.draw(c, a, m, h, d); } b += d + 4; } @@ -3048,53 +3049,53 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (!a.widgets || !a.widgets.length) { return null; } - for (var f = b[0] - a.pos[0], l = b[1] - a.pos[1], d = a.size[0], n = this, m = this.getCanvasWindow(), g = 0; g < a.widgets.length; ++g) { - var k = a.widgets[g]; - if (k == e || 6 < f && f < d - 12 && l > k.last_y && l < k.last_y + h.NODE_WIDGET_HEIGHT) { - switch(k.type) { + for (var f = b[0] - a.pos[0], l = b[1] - a.pos[1], d = a.size[0], n = this, m = this.getCanvasWindow(), k = 0; k < a.widgets.length; ++k) { + var h = a.widgets[k]; + if (h == e || 6 < f && f < d - 12 && l > h.last_y && l < h.last_y + g.NODE_WIDGET_HEIGHT) { + switch(h.type) { case "button": - k.callback && setTimeout(function() { - k.callback(k, n, a, b); + h.callback && setTimeout(function() { + h.callback(h, n, a, b); }, 20); - this.dirty_canvas = k.clicked = !0; + this.dirty_canvas = h.clicked = !0; break; case "slider": c = Math.clamp((f - 10) / (d - 20), 0, 1); - k.value = k.options.min + (k.options.max - k.options.min) * c; - k.callback && setTimeout(function() { - k.callback(k.value, n, a, b); + h.value = h.options.min + (h.options.max - h.options.min) * c; + h.callback && setTimeout(function() { + h.callback(h.value, n, a, b); }, 20); this.dirty_canvas = !0; break; case "number": case "combo": - "mousemove" == c.type && "number" == k.type ? (k.value += 0.1 * c.deltaX * (k.options.step || 1), null != k.options.min && k.value < k.options.min && (k.value = k.options.min), null != k.options.max && k.value > k.options.max && (k.value = k.options.max)) : "mousedown" == c.type && ((e = k.options.values) && e.constructor === Function && (e = k.options.values(k, a)), f = 40 > f ? -1 : f > d - 40 ? 1 : 0, "number" == k.type ? (k.value += 0.1 * f * (k.options.step || 1), null != k.options.min && - k.value < k.options.min && (k.value = k.options.min), null != k.options.max && k.value > k.options.max && (k.value = k.options.max)) : f ? (c = e.indexOf(k.value) + f, c >= e.length && (c = 0), 0 > c && (c = e.length - 1), k.value = e[c]) : new h.ContextMenu(e, {event:c, className:"dark", callback:function(a, b, c) { + "mousemove" == c.type && "number" == h.type ? (h.value += 0.1 * c.deltaX * (h.options.step || 1), null != h.options.min && h.value < h.options.min && (h.value = h.options.min), null != h.options.max && h.value > h.options.max && (h.value = h.options.max)) : "mousedown" == c.type && ((e = h.options.values) && e.constructor === Function && (e = h.options.values(h, a)), f = 40 > f ? -1 : f > d - 40 ? 1 : 0, "number" == h.type ? (h.value += 0.1 * f * (h.options.step || 1), null != h.options.min && + h.value < h.options.min && (h.value = h.options.min), null != h.options.max && h.value > h.options.max && (h.value = h.options.max)) : f ? (c = e.indexOf(h.value) + f, c >= e.length && (c = 0), 0 > c && (c = e.length - 1), h.value = e[c]) : new g.ContextMenu(e, {event:c, className:"dark", callback:function(a, b, c) { this.value = a; n.dirty_canvas = !0; return !1; - }.bind(k)}, m)); - k.callback && setTimeout(function() { + }.bind(h)}, m)); + h.callback && setTimeout(function() { this.callback(this.value, n, a, b); - }.bind(k), 20); + }.bind(h), 20); this.dirty_canvas = !0; break; case "toggle": - "mousedown" == c.type && (k.value = !k.value, k.callback && setTimeout(function() { - k.callback(k.value, n, a, b); + "mousedown" == c.type && (h.value = !h.value, h.callback && setTimeout(function() { + h.callback(h.value, n, a, b); }, 20)); break; case "string": case "text": - "mousedown" == c.type && this.prompt("Value", k.value, function(b) { + "mousedown" == c.type && this.prompt("Value", h.value, function(b) { this.value = b; - k.callback && k.callback(b, n, a); - }.bind(k), c); + h.callback && h.callback(b, n, a); + }.bind(h), c); break; default: - k.mouse && k.mouse(ctx, c, [f, l], a); + h.mouse && h.mouse(ctx, c, [f, l], a); } - return k; + return h; } } return null; @@ -3121,7 +3122,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { b.lineTo(f[0] + l[0] - 10, f[1] + l[1]); b.lineTo(f[0] + l[0], f[1] + l[1] - 10); b.fill(); - l = e.font_size || h.DEFAULT_GROUP_FONT_SIZE; + l = e.font_size || g.DEFAULT_GROUP_FONT_SIZE; b.font = l + "px Arial"; b.fillText(e.title, f[0] + 4, f[1] + l); } @@ -3175,32 +3176,32 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { d.onGroupAdd = function(a, b, c) { a = d.active_canvas; a.getCanvasWindow(); - b = new h.LGraphGroup; + b = new g.LGraphGroup; b.pos = a.convertEventToCanvas(c); a.graph.add(b); }; d.onMenuAdd = function(a, b, c, e) { function f(a, b) { b = e.getFirstEvent(); - if (a = h.createNode(a.value)) { + if (a = g.createNode(a.value)) { a.pos = l.convertEventToCanvas(b), l.graph.add(a); } } - var l = d.active_canvas, n = l.getCanvasWindow(); - a = h.getNodeTypesCategories(); + var l = d.active_canvas, p = l.getCanvasWindow(); + a = g.getNodeTypesCategories(); b = []; - for (var m in a) { - a[m] && b.push({value:a[m], content:a[m], has_submenu:!0}); + for (var n in a) { + a[n] && b.push({value:a[n], content:a[n], has_submenu:!0}); } - var g = new h.ContextMenu(b, {event:c, callback:function(a, b, c) { - a = h.getNodeTypesInCategory(a.value, l.filter); + var m = new g.ContextMenu(b, {event:c, callback:function(a, b, c) { + a = g.getNodeTypesInCategory(a.value, l.filter); b = []; for (var e in a) { a[e].skip_list || b.push({content:a[e].title, value:a[e].type}); } - new h.ContextMenu(b, {event:c, callback:f, parentMenu:g}, n); + new g.ContextMenu(b, {event:c, callback:f, parentMenu:m}, p); return !1; - }, parentMenu:e}, n); + }, parentMenu:e}, p); return !1; }; d.onMenuCollapseAll = function() { @@ -3216,13 +3217,13 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { var n = []; if (b) { for (var m in b) { - var g = b[m]; - if (g) { - var k = g[0]; - g[2] && g[2].label && (k = g[2].label); - k = {content:k, value:g}; - g[1] == h.ACTION && (k.className = "event"); - n.push(k); + var k = b[m]; + if (k) { + var h = k[0]; + k[2] && k[2].label && (h = k[2].label); + h = {content:h, value:k}; + k[1] == g.ACTION && (h.className = "event"); + n.push(h); } else { n.push(null); } @@ -3230,7 +3231,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } this.onMenuNodeInputs && (n = this.onMenuNodeInputs(n)); if (n.length) { - return new h.ContextMenu(n, {event:c, callback:function(a, b, c) { + return new g.ContextMenu(n, {event:c, callback:function(a, b, c) { f && (a.callback && a.callback.call(l, f, a, b, c), a.value && (f.addInput(a.value[0], a.value[1], a.value[2]), f.setDirtyCanvas(!0, !0))); }, parentMenu:e, node:f}, a), !1; } @@ -3246,7 +3247,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { for (var d in c) { a.push({content:d, value:c[d]}); } - new h.ContextMenu(a, {event:b, callback:l, parentMenu:e, node:f}); + new g.ContextMenu(a, {event:b, callback:l, parentMenu:e, node:f}); return !1; } } @@ -3258,16 +3259,16 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { f.onGetOutputs && (b = f.onGetOutputs()); var m = []; if (b) { - for (var g in b) { - var k = b[g]; - if (!k) { + for (var k in b) { + var h = b[k]; + if (!h) { m.push(null); } else { - if (!f.flags || !f.flags.skip_repeated_outputs || -1 == f.findOutputSlot(k[0])) { - var q = k[0]; - k[2] && k[2].label && (q = k[2].label); - q = {content:q, value:k}; - k[1] == h.EVENT && (q.className = "event"); + if (!f.flags || !f.flags.skip_repeated_outputs || -1 == f.findOutputSlot(h[0])) { + var q = h[0]; + h[2] && h[2].label && (q = h[2].label); + q = {content:q, value:h}; + h[1] == g.EVENT && (q.className = "event"); m.push(q); } } @@ -3275,7 +3276,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } this.onMenuNodeOutputs && (m = this.onMenuNodeOutputs(m)); if (m.length) { - return new h.ContextMenu(m, {event:c, callback:l, parentMenu:e, node:f}, a), !1; + return new g.ContextMenu(m, {event:c, callback:l, parentMenu:e, node:f}, a), !1; } } }; @@ -3288,7 +3289,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { a = void 0 !== f.properties[m] ? f.properties[m] : " ", a = d.decodeHTML(a), n.push({content:"" + m + "" + a + "", value:m}); } if (n.length) { - return new h.ContextMenu(n, {event:c, callback:function(a, b, c, e) { + return new g.ContextMenu(n, {event:c, callback:function(a, b, c, e) { f && (b = this.getBoundingClientRect(), l.showEditPropertyValue(f, a.value, {position:[b.left, b.top]})); }, parentMenu:e, allow_html:!0, node:f}, b), !1; } @@ -3304,7 +3305,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }; d.onShowPropertyEditor = function(a, b, c, e, f) { function l() { - var b = h.value; + var b = g.value; "Number" == a.type ? b = Number(b) : "Boolean" == a.type && (b = !!b); f[n] = b; m.parentNode.removeChild(m); @@ -3316,17 +3317,17 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { m.className = "graphdialog"; m.innerHTML = ""; m.querySelector(".name").innerText = n; - var h = m.querySelector("input"); - h && (h.value = b, h.addEventListener("blur", function(a) { + var g = m.querySelector("input"); + g && (g.value = b, g.addEventListener("blur", function(a) { this.focus(); - }), h.addEventListener("keydown", function(a) { + }), g.addEventListener("keydown", function(a) { 13 == a.keyCode && (l(), a.preventDefault(), a.stopPropagation()); })); b = d.active_canvas.canvas; c = b.getBoundingClientRect(); - var g = e = -20; - c && (e -= c.left, g -= c.top); - event ? (m.style.left = event.pageX + e + "px", m.style.top = event.pageY + g + "px") : (m.style.left = 0.5 * b.width + e + "px", m.style.top = 0.5 * b.height + g + "px"); + var k = e = -20; + c && (e -= c.left, k -= c.top); + event ? (m.style.left = event.pageX + e + "px", m.style.top = event.pageY + k + "px") : (m.style.left = 0.5 * b.width + e + "px", m.style.top = 0.5 * b.height + k + "px"); m.querySelector("button").addEventListener("click", l); b.parentNode.appendChild(m); }; @@ -3368,9 +3369,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }); a = d.active_canvas.canvas; b = a.getBoundingClientRect(); - var n = -20, h = -20; - b && (n -= b.left, h -= b.top); - e ? (l.style.left = e.pageX + n + "px", l.style.top = e.pageY + h + "px") : (l.style.left = 0.5 * a.width + n + "px", l.style.top = 0.5 * a.height + h + "px"); + var n = -20, g = -20; + b && (n -= b.left, g -= b.top); + e ? (l.style.left = e.pageX + n + "px", l.style.top = e.pageY + g + "px") : (l.style.left = 0.5 * a.width + n + "px", l.style.top = 0.5 * a.height + g + "px"); a.parentNode.appendChild(l); setTimeout(function() { m.focus(); @@ -3384,9 +3385,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (f.onSearchBoxSelection) { f.onSearchBoxSelection(b, a, u); } else { - var c = h.searchbox_extras[b]; + var c = g.searchbox_extras[b]; c && (b = c.type); - if (b = h.createNode(b)) { + if (b = g.createNode(b)) { b.pos = u.convertEventToCanvas(a), u.graph.add(b); } if (c && c.data) { @@ -3413,10 +3414,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { l.close(); } function c(a) { - var b = k; - k && k.classList.remove("selected"); - k ? (k = a ? k.nextSibling : k.previousSibling) || (k = b) : k = a ? m.childNodes[0] : m.childNodes[m.childNodes.length]; - k && (k.classList.add("selected"), k.scrollIntoView()); + var b = h; + h && h.classList.remove("selected"); + h ? (h = a ? h.nextSibling : h.previousSibling) || (h = b) : h = a ? m.childNodes[0] : m.childNodes[m.childNodes.length]; + h && (h.classList.add("selected"), h.scrollIntoView()); } function e() { function a(a, c) { @@ -3431,7 +3432,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }); m.appendChild(e); } - g = null; + k = null; var c = q.value; n = null; m.innerHTML = ""; @@ -3446,19 +3447,19 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } else { e = 0; c = c.toLowerCase(); - for (l in h.searchbox_extras) { - var L = h.searchbox_extras[l]; + for (l in g.searchbox_extras) { + var L = g.searchbox_extras[l]; if (-1 !== L.desc.toLowerCase().indexOf(c) && (a(L.desc, "searchbox_extra"), -1 !== d.search_limit && e++ > d.search_limit)) { break; } } if (Array.prototype.filter) { - for (L = Object.keys(h.registered_node_types).filter(function(a) { + for (L = Object.keys(g.registered_node_types).filter(function(a) { return -1 !== a.toLowerCase().indexOf(c); }), l = 0; l < L.length && !(a(L[l]), -1 !== d.search_limit && e++ > d.search_limit); l++) { } } else { - for (l in h.registered_node_types) { + for (l in g.registered_node_types) { if (-1 != l.indexOf(c) && (a(l), -1 !== d.search_limit && e++ > d.search_limit)) { break; } @@ -3479,7 +3480,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }); f.search_box && f.search_box.close(); f.search_box = l; - var m = l.querySelector(".helper"), n = null, g = null, k = null, q = l.querySelector("input"); + var m = l.querySelector(".helper"), n = null, k = null, h = null, q = l.querySelector("input"); q && (q.addEventListener("blur", function(a) { this.focus(); }), q.addEventListener("keydown", function(a) { @@ -3493,10 +3494,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { l.close(); } else { if (13 == a.keyCode) { - k ? b(k.innerHTML) : n ? b(n) : l.close(); + h ? b(h.innerHTML) : n ? b(n) : l.close(); } else { - g && clearInterval(g); - g = setTimeout(e, 10); + k && clearInterval(k); + k = setTimeout(e, 10); return; } } @@ -3514,7 +3515,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }; d.prototype.showEditPropertyValue = function(a, b, c) { function e() { - f(k.value); + f(h.value); } function f(c) { "number" == typeof a.properties[b] && (c = Number(c)); @@ -3524,7 +3525,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (a.onPropertyChanged) { a.onPropertyChanged(b, c); } - g.close(); + k.close(); a.setDirtyCanvas(!0, !0); } if (a && void 0 !== a.properties[b]) { @@ -3550,8 +3551,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if ("enum" == l && d.values) { n = ""; } else { @@ -3563,28 +3564,28 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } } - var g = this.createDialog("" + b + "" + n + "", c); + var k = this.createDialog("" + b + "" + n + "", c); if ("enum" == l && d.values) { - var k = g.querySelector("select"); - k.addEventListener("change", function(a) { + var h = k.querySelector("select"); + h.addEventListener("change", function(a) { f(a.target.value); }); } else { if ("boolean" == l) { - (k = g.querySelector("input")) && k.addEventListener("click", function(a) { - f(!!k.checked); + (h = k.querySelector("input")) && h.addEventListener("click", function(a) { + f(!!h.checked); }); } else { - if (k = g.querySelector("input")) { - k.addEventListener("blur", function(a) { + if (h = k.querySelector("input")) { + h.addEventListener("blur", function(a) { this.focus(); - }), k.value = void 0 !== a.properties[b] ? a.properties[b] : "", k.addEventListener("keydown", function(a) { + }), h.value = void 0 !== a.properties[b] ? a.properties[b] : "", h.addEventListener("keydown", function(a) { 13 == a.keyCode && (e(), a.preventDefault(), a.stopPropagation()); }); } } } - g.querySelector("button").addEventListener("click", e); + k.querySelector("button").addEventListener("click", e); } }; d.prototype.createDialog = function(a, b) { @@ -3611,20 +3612,20 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { f.pin(); }; d.onMenuNodeMode = function(a, b, c, e, f) { - new h.ContextMenu(["Always", "On Event", "On Trigger", "Never"], {event:c, callback:function(a) { + new g.ContextMenu(["Always", "On Event", "On Trigger", "Never"], {event:c, callback:function(a) { if (f) { switch(a) { case "On Event": - f.mode = h.ON_EVENT; + f.mode = g.ON_EVENT; break; case "On Trigger": - f.mode = h.ON_TRIGGER; + f.mode = g.ON_TRIGGER; break; case "Never": - f.mode = h.NEVER; + f.mode = g.NEVER; break; default: - f.mode = h.ALWAYS; + f.mode = g.ALWAYS; } } }, parentMenu:e, node:f}); @@ -3639,8 +3640,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { for (var l in d.node_colors) { a = d.node_colors[l], a = {value:l, content:"" + l + ""}, b.push(a); } - new h.ContextMenu(b, {event:c, callback:function(a) { - f && ((a = a.value ? d.node_colors[a.value] : null) ? f.constructor === h.LGraphGroup ? f.color = a.groupcolor : (f.color = a.color, f.bgcolor = a.bgcolor) : (delete f.color, delete f.bgcolor), f.setDirtyCanvas(!0, !0)); + new g.ContextMenu(b, {event:c, callback:function(a) { + f && ((a = a.value ? d.node_colors[a.value] : null) ? f.constructor === g.LGraphGroup ? f.color = a.groupcolor : (f.color = a.color, f.bgcolor = a.bgcolor) : (delete f.color, delete f.bgcolor), f.setDirtyCanvas(!0, !0)); }, parentMenu:e, node:f}); return !1; }; @@ -3648,7 +3649,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (!f) { throw "no node passed"; } - new h.ContextMenu(h.VALID_SHAPES, {event:c, callback:function(a) { + new g.ContextMenu(g.VALID_SHAPES, {event:c, callback:function(a) { f && (f.shape = a, f.setDirtyCanvas(!0)); }, parentMenu:e, node:f}); return !1; @@ -3718,9 +3719,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }, extra:a}, m = null; a && (m = a.getSlotInPosition(b.canvasX, b.canvasY), d.active_node = a); - m ? (f = [], m && m.output && m.output.links && m.output.links.length && f.push({content:"Disconnect Links", slot:m}), f.push(m.locked ? "Cannot remove" : {content:"Remove Slot", slot:m}), f.push(m.nameLocked ? "Cannot rename" : {content:"Rename Slot", slot:m}), l.title = (m.input ? m.input.type : m.output.type) || "*", m.input && m.input.type == h.ACTION && (l.title = "Action"), m.output && m.output.type == h.EVENT && (l.title = "Event")) : a ? f = this.getNodeMenuOptions(a) : (f = this.getCanvasMenuOptions(), + m ? (f = [], m && m.output && m.output.links && m.output.links.length && f.push({content:"Disconnect Links", slot:m}), f.push(m.locked ? "Cannot remove" : {content:"Remove Slot", slot:m}), f.push(m.nameLocked ? "Cannot rename" : {content:"Rename Slot", slot:m}), l.title = (m.input ? m.input.type : m.output.type) || "*", m.input && m.input.type == g.ACTION && (l.title = "Action"), m.output && m.output.type == g.EVENT && (l.title = "Event")) : a ? f = this.getNodeMenuOptions(a) : (f = this.getCanvasMenuOptions(), (b = this.graph.getGroupOnPos(b.canvasX, b.canvasY)) && f.push(null, {content:"Edit Group", has_submenu:!0, submenu:{title:"Group", extra:b, options:this.getGroupMenuOptions(b)}})); - f && new h.ContextMenu(f, l, e); + f && new g.ContextMenu(f, l, e); }; this.CanvasRenderingContext2D && (CanvasRenderingContext2D.prototype.roundRect = function(a, b, c, e, f, l) { void 0 === f && (f = 5); @@ -3735,7 +3736,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.lineTo(a, b + f); this.quadraticCurveTo(a, b, a + f, b); }); - h.compareObjects = function(a, b) { + g.compareObjects = function(a, b) { for (var c in a) { if (a[c] != b[c]) { return !1; @@ -3743,20 +3744,20 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return !0; }; - h.distance = u; - h.colorToString = function(a) { + g.distance = u; + g.colorToString = function(a) { return "rgba(" + Math.round(255 * a[0]).toFixed() + "," + Math.round(255 * a[1]).toFixed() + "," + Math.round(255 * a[2]).toFixed() + "," + (4 == a.length ? a[3].toFixed(2) : "1.0") + ")"; }; - h.isInsideRectangle = t; - h.growBounding = function(a, b, c) { + g.isInsideRectangle = t; + g.growBounding = function(a, b, c) { b < a[0] ? a[0] = b : b > a[2] && (a[2] = b); c < a[1] ? a[1] = c : c > a[3] && (a[3] = c); }; - h.isInsideBounding = function(a, b) { + g.isInsideBounding = function(a, b) { return a[0] < b[0][0] || a[1] < b[0][1] || a[0] > b[1][0] || a[1] > b[1][1] ? !1 : !0; }; - h.overlapBounding = w; - h.hex2num = function(a) { + g.overlapBounding = w; + g.hex2num = function(a) { "#" == a.charAt(0) && (a = a.slice(1)); a = a.toUpperCase(); for (var b = Array(3), c = 0, e, f, l = 0; 6 > l; l += 2) { @@ -3764,7 +3765,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } return b; }; - h.num2hex = function(a) { + g.num2hex = function(a) { for (var b = "#", c, e, f = 0; 3 > f; f++) { c = a[f] / 16, e = a[f] % 16, b += "0123456789ABCDEF".charAt(c) + "0123456789ABCDEF".charAt(e); } @@ -3835,8 +3836,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { a = a.pageY; return (b = b.getBoundingClientRect()) ? a > b.top && a < b.top + b.height && c > b.left && c < b.left + b.width ? !0 : !1 : !1; }; - h.ContextMenu = y; - h.closeAllContextMenus = function(a) { + g.ContextMenu = y; + g.closeAllContextMenus = function(a) { a = a || window; a = a.document.querySelectorAll(".litecontextmenu"); if (a.length) { @@ -3848,7 +3849,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - h.extendClass = function(a, b) { + g.extendClass = function(a, b) { for (var c in b) { a.hasOwnProperty(c) || (a[c] = b[c]); } @@ -3858,7 +3859,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - h.getParameterNames = function(a) { + g.getParameterNames = function(a) { return (a + "").replace(/[/][/].*$/mg, "").replace(/\s+/g, "").replace(/[/][*][^/*]*[*][/]/g, "").split("){", 1)[0].replace(/^[^(]*[(]/, "").replace(/=[^,]+/g, "").split(",").filter(Boolean); }; Math.clamp = function(a, b, c) { @@ -3870,11 +3871,11 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { })(this); "undefined" != typeof exports && (exports.LiteGraph = this.LiteGraph); (function(v) { - function g() { + function k() { this.addOutput("in ms", "number"); this.addOutput("in sec", "number"); } - function k() { + function h() { this.size = [120, 80]; this.subgraph = new LGraph; this.subgraph._subgraph_node = this; @@ -3949,7 +3950,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.addOutput("out", 0); this.size = [40, 20]; } - function h() { + function g() { this.mode = n.ON_EVENT; this.size = [60, 20]; this.addProperty("msg", ""); @@ -3966,16 +3967,16 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this._func = null; } var n = v.LiteGraph; - g.title = "Time"; - g.desc = "Time"; - g.prototype.onExecute = function() { + k.title = "Time"; + k.desc = "Time"; + k.prototype.onExecute = function() { this.setOutputData(0, 1000 * this.graph.globaltime); this.setOutputData(1, this.graph.globaltime); }; - n.registerNodeType("basic/time", g); - k.title = "Subgraph"; - k.desc = "Graph inside a node"; - k.prototype.onDrawTitle = function(d) { + n.registerNodeType("basic/time", k); + h.title = "Subgraph"; + h.desc = "Graph inside a node"; + h.prototype.onDrawTitle = function(d) { if (!this.flags.collapsed) { d.fillStyle = "#AAA"; var a = n.NODE_TITLE_HEIGHT, b = this.size[0] - a; @@ -3988,13 +3989,13 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { d.fill(); } }; - k.prototype.onDblClick = function(d, a, b) { + h.prototype.onDblClick = function(d, a, b) { var c = this; setTimeout(function() { b.openSubgraph(c.subgraph); }, 10); }; - k.prototype.onMouseDown = function(d, a, b) { + h.prototype.onMouseDown = function(d, a, b) { if (!this.flags.collapsed && a[0] > this.size[0] - n.NODE_TITLE_HEIGHT && 0 > a[1]) { var c = this; setTimeout(function() { @@ -4002,38 +4003,38 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }, 10); } }; - k.prototype.onSubgraphNewGlobalInput = function(d, a) { + h.prototype.onSubgraphNewGlobalInput = function(d, a) { this.addInput(d, a); }; - k.prototype.onSubgraphRenamedGlobalInput = function(d, a) { + h.prototype.onSubgraphRenamedGlobalInput = function(d, a) { d = this.findInputSlot(d); -1 != d && (this.getInputInfo(d).name = a); }; - k.prototype.onSubgraphTypeChangeGlobalInput = function(d, a) { + h.prototype.onSubgraphTypeChangeGlobalInput = function(d, a) { d = this.findInputSlot(d); -1 != d && (this.getInputInfo(d).type = a); }; - k.prototype.onSubgraphNewGlobalOutput = function(d, a) { + h.prototype.onSubgraphNewGlobalOutput = function(d, a) { this.addOutput(d, a); }; - k.prototype.onSubgraphRenamedGlobalOutput = function(d, a) { + h.prototype.onSubgraphRenamedGlobalOutput = function(d, a) { d = this.findOutputSlot(d); -1 != d && (this.getOutputInfo(d).name = a); }; - k.prototype.onSubgraphTypeChangeGlobalOutput = function(d, a) { + h.prototype.onSubgraphTypeChangeGlobalOutput = function(d, a) { d = this.findOutputSlot(d); -1 != d && (this.getOutputInfo(d).type = a); }; - k.prototype.getExtraMenuOptions = function(d) { + h.prototype.getExtraMenuOptions = function(d) { var a = this; return [{content:"Open", callback:function() { d.openSubgraph(a.subgraph); }}]; }; - k.prototype.onResize = function(d) { + h.prototype.onResize = function(d) { d[1] += 20; }; - k.prototype.onExecute = function() { + h.prototype.onExecute = function() { if (this.inputs) { for (var d = 0; d < this.inputs.length; d++) { var a = this.inputs[d], b = this.getInputData(d); @@ -4047,15 +4048,15 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - k.prototype.configure = function(d) { + h.prototype.configure = function(d) { LGraphNode.prototype.configure.call(this, d); }; - k.prototype.serialize = function() { + h.prototype.serialize = function() { var d = LGraphNode.prototype.serialize.call(this); d.subgraph = this.subgraph.serialize(); return d; }; - k.prototype.clone = function() { + h.prototype.clone = function() { var d = n.createNode(this.type), a = this.serialize(); delete a.id; delete a.inputs; @@ -4063,7 +4064,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { d.configure(a); return d; }; - n.registerNodeType("graph/subgraph", k); + n.registerNodeType("graph/subgraph", h); q.title = "Input"; q.desc = "Input of the graph"; q.prototype.onAdded = function() { @@ -4138,20 +4139,20 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.setOutputData(0, this.getInputData(0)); }; n.registerNodeType("basic/pass", y); - h.title = "Console"; - h.desc = "Show value inside the console"; - h.prototype.onAction = function(d, a) { + g.title = "Console"; + g.desc = "Show value inside the console"; + g.prototype.onAction = function(d, a) { "log" == d ? console.log(a) : "warn" == d ? console.warn(a) : "error" == d && console.error(a); }; - h.prototype.onExecute = function() { + g.prototype.onExecute = function() { var d = this.getInputData(1); null !== d && (this.properties.msg = d); console.log(d); }; - h.prototype.onGetInputs = function() { + g.prototype.onGetInputs = function() { return [["log", n.ACTION], ["warn", n.ACTION], ["error", n.ACTION]]; }; - n.registerNodeType("basic/console", h); + n.registerNodeType("basic/console", g); z.title = "Script"; z.desc = "executes a code"; z.widgets_info = {onExecute:{type:"code"}}; @@ -4177,11 +4178,11 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { n.registerNodeType("basic/script", z); })(this); (function(v) { - function g() { + function k() { this.size = [60, 20]; this.addInput("event", w.ACTION); } - function k() { + function h() { this.addInput("", w.ACTION); this.addInput("", w.ACTION); this.addInput("", w.ACTION); @@ -4227,42 +4228,42 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.triggered = !1; } var w = v.LiteGraph; - g.title = "Log Event"; - g.desc = "Log event in console"; - g.prototype.onAction = function(d, h) { - console.log(d, h); + k.title = "Log Event"; + k.desc = "Log event in console"; + k.prototype.onAction = function(d, g) { + console.log(d, g); }; - w.registerNodeType("events/log", g); - k.title = "Sequencer"; - k.desc = "Trigger events when an event arrives"; - k.prototype.getTitle = function() { + w.registerNodeType("events/log", k); + h.title = "Sequencer"; + h.desc = "Trigger events when an event arrives"; + h.prototype.getTitle = function() { return ""; }; - k.prototype.onAction = function(d, h) { + h.prototype.onAction = function(d, g) { if (this.outputs) { for (d = 0; d < this.outputs.length; ++d) { - this.triggerSlot(d, h); + this.triggerSlot(d, g); } } }; - w.registerNodeType("events/sequencer", k); + w.registerNodeType("events/sequencer", h); q.title = "Filter Event"; q.desc = "Blocks events that do not match the filter"; - q.prototype.onAction = function(d, h) { - if (null != h && (!this.properties.equal_to || this.properties.equal_to == h)) { - if (this.properties.has_property && (d = h[this.properties.has_property], null == d || this.properties.property_equal_to && this.properties.property_equal_to != d)) { + q.prototype.onAction = function(d, g) { + if (null != g && (!this.properties.equal_to || this.properties.equal_to == g)) { + if (this.properties.has_property && (d = g[this.properties.has_property], null == d || this.properties.property_equal_to && this.properties.property_equal_to != d)) { return; } - this.triggerSlot(0, h); + this.triggerSlot(0, g); } }; w.registerNodeType("events/filter", q); d.title = "Counter"; d.desc = "Counts events"; - d.prototype.onAction = function(d, h) { - h = this.num; + d.prototype.onAction = function(d, g) { + g = this.num; "inc" == d ? this.num += 1 : "dec" == d ? --this.num : "reset" == d && (this.num = 0); - this.num != h && this.trigger("change", this.num); + this.num != g && this.trigger("change", this.num); }; d.prototype.onDrawBackground = function(d) { this.flags.collapsed || (d.fillStyle = "#AAA", d.font = "20px Arial", d.textAlign = "center", d.fillText(this.num, 0.5 * this.size[0], 0.5 * this.size[1])); @@ -4273,14 +4274,14 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { w.registerNodeType("events/counter", d); u.title = "Delay"; u.desc = "Delays one event"; - u.prototype.onAction = function(d, h) { - this._pending.push([this.properties.time, h]); + u.prototype.onAction = function(d, g) { + this._pending.push([this.properties.time, g]); }; u.prototype.onExecute = function() { - for (var d = 1000 * this.graph.elapsed_time, h = 0; h < this._pending.length; ++h) { - var g = this._pending[h]; - g[0] -= d; - 0 < g[0] || (this._pending.splice(h, 1), --h, this.trigger(null, g[1])); + for (var d = 1000 * this.graph.elapsed_time, g = 0; g < this._pending.length; ++g) { + var k = this._pending[g]; + k[0] -= d; + 0 < k[0] || (this._pending.splice(g, 1), --g, this.trigger(null, k[1])); } }; u.prototype.onGetInputs = function() { @@ -4316,14 +4317,14 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { w.registerNodeType("events/timer", t); })(this); (function(v) { - function g() { + function k() { this.addOutput("clicked", z.EVENT); this.addProperty("text", ""); this.addProperty("font_size", 40); this.addProperty("message", ""); this.size = [64, 84]; } - function k() { + function h() { this.addInput("", "boolean"); this.addInput("e", z.ACTION); this.addOutput("v", "boolean"); @@ -4367,97 +4368,97 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.addInputs("", 0); this.properties = {value:"...", font:"Arial", fontsize:18, color:"#AAA", align:"left", glowSize:0, decimals:1}; } - function h() { + function g() { this.size = [200, 100]; this.properties = {borderColor:"#ffffff", bgcolorTop:"#f0f0f0", bgcolorBottom:"#e0e0e0", shadowSize:2, borderRadius:3}; } var z = v.LiteGraph; - g.title = "Button"; - g.desc = "Triggers an event"; - g.font = "Arial"; - g.prototype.onDrawForeground = function(d) { + k.title = "Button"; + k.desc = "Triggers an event"; + k.font = "Arial"; + k.prototype.onDrawForeground = function(d) { if (!this.flags.collapsed && (d.fillStyle = "black", d.fillRect(1, 1, this.size[0] - 3, this.size[1] - 3), d.fillStyle = "#AAF", d.fillRect(0, 0, this.size[0] - 3, this.size[1] - 3), d.fillStyle = this.clicked ? "white" : this.mouseOver ? "#668" : "#334", d.fillRect(1, 1, this.size[0] - 4, this.size[1] - 4), this.properties.text || 0 === this.properties.text)) { var n = this.properties.font_size || 30; d.textAlign = "center"; d.fillStyle = this.clicked ? "black" : "white"; - d.font = n + "px " + g.font; + d.font = n + "px " + k.font; d.fillText(this.properties.text, 0.5 * this.size[0], 0.5 * this.size[1] + 0.3 * n); d.textAlign = "left"; } }; - g.prototype.onMouseDown = function(d, h) { - if (1 < h[0] && 1 < h[1] && h[0] < this.size[0] - 2 && h[1] < this.size[1] - 2) { + k.prototype.onMouseDown = function(d, g) { + if (1 < g[0] && 1 < g[1] && g[0] < this.size[0] - 2 && g[1] < this.size[1] - 2) { return this.clicked = !0, this.trigger("clicked", this.properties.message), !0; } }; - g.prototype.onMouseUp = function(d) { + k.prototype.onMouseUp = function(d) { this.clicked = !1; }; - z.registerNodeType("widget/button", g); - k.title = "Toggle"; - k.desc = "Toggles between true or false"; - k.prototype.onDrawForeground = function(d) { + z.registerNodeType("widget/button", k); + h.title = "Toggle"; + h.desc = "Toggles between true or false"; + h.prototype.onDrawForeground = function(d) { if (!this.flags.collapsed) { - var h = 0.5 * this.size[1], a = 0.8 * this.size[1]; + var g = 0.5 * this.size[1], a = 0.8 * this.size[1]; d.fillStyle = "#AAA"; - d.fillRect(10, a - h, h, h); + d.fillRect(10, a - g, g, g); d.fillStyle = this.properties.value ? "#AEF" : "#000"; - d.fillRect(10 + 0.25 * h, a - h + 0.25 * h, .5 * h, .5 * h); + d.fillRect(10 + 0.25 * g, a - g + 0.25 * g, .5 * g, .5 * g); d.textAlign = "left"; - d.font = this.properties.font || (0.8 * h).toFixed(0) + "px Arial"; + d.font = this.properties.font || (0.8 * g).toFixed(0) + "px Arial"; d.fillStyle = "#AAA"; - d.fillText(this.title, h + 20, 0.85 * a); + d.fillText(this.title, g + 20, 0.85 * a); d.textAlign = "left"; } }; - k.prototype.onAction = function(d) { + h.prototype.onAction = function(d) { this.properties.value = !this.properties.value; this.trigger("e", this.properties.value); }; - k.prototype.onExecute = function() { + h.prototype.onExecute = function() { var d = this.getInputData(0); null != d && (this.properties.value = d); this.setOutputData(0, this.properties.value); }; - k.prototype.onMouseDown = function(d, h) { - if (1 < h[0] && 1 < h[1] && h[0] < this.size[0] - 2 && h[1] < this.size[1] - 2) { + h.prototype.onMouseDown = function(d, g) { + if (1 < g[0] && 1 < g[1] && g[0] < this.size[0] - 2 && g[1] < this.size[1] - 2) { return this.properties.value = !this.properties.value, this.graph._version++, this.trigger("e", this.properties.value), !0; } }; - z.registerNodeType("widget/toggle", k); + z.registerNodeType("widget/toggle", h); q.title = "Number"; q.desc = "Widget to select number value"; q.pixels_threshold = 10; q.markers_color = "#666"; q.prototype.onDrawForeground = function(d) { - var h = 0.5 * this.size[0], a = this.size[1]; - 30 < a ? (d.fillStyle = q.markers_color, d.beginPath(), d.moveTo(h, 0.1 * a), d.lineTo(h + 0.1 * a, 0.2 * a), d.lineTo(h + -0.1 * a, 0.2 * a), d.fill(), d.beginPath(), d.moveTo(h, 0.9 * a), d.lineTo(h + 0.1 * a, 0.8 * a), d.lineTo(h + -0.1 * a, 0.8 * a), d.fill(), d.font = (0.7 * a).toFixed(1) + "px Arial") : d.font = (0.8 * a).toFixed(1) + "px Arial"; + var g = 0.5 * this.size[0], a = this.size[1]; + 30 < a ? (d.fillStyle = q.markers_color, d.beginPath(), d.moveTo(g, 0.1 * a), d.lineTo(g + 0.1 * a, 0.2 * a), d.lineTo(g + -0.1 * a, 0.2 * a), d.fill(), d.beginPath(), d.moveTo(g, 0.9 * a), d.lineTo(g + 0.1 * a, 0.8 * a), d.lineTo(g + -0.1 * a, 0.8 * a), d.fill(), d.font = (0.7 * a).toFixed(1) + "px Arial") : d.font = (0.8 * a).toFixed(1) + "px Arial"; d.textAlign = "center"; d.font = (0.7 * a).toFixed(1) + "px Arial"; d.fillStyle = "#EEE"; - d.fillText(this.properties.value.toFixed(this._precision), h, 0.75 * a); + d.fillText(this.properties.value.toFixed(this._precision), g, 0.75 * a); }; q.prototype.onExecute = function() { this.setOutputData(0, this.properties.value); }; - q.prototype.onPropertyChanged = function(d, h) { + q.prototype.onPropertyChanged = function(d, g) { d = (this.properties.step + "").split("."); this._precision = 1 < d.length ? d[1].length : 0; }; - q.prototype.onMouseDown = function(d, h) { - if (!(0 > h[1])) { + q.prototype.onMouseDown = function(d, g) { + if (!(0 > g[1])) { return this.old_y = d.canvasY, this.captureInput(!0), this.mouse_captured = !0; } }; q.prototype.onMouseMove = function(d) { if (this.mouse_captured) { - var h = this.old_y - d.canvasY; - d.shiftKey && (h *= 10); + var g = this.old_y - d.canvasY; + d.shiftKey && (g *= 10); if (d.metaKey || d.altKey) { - h *= 0.1; + g *= 0.1; } this.old_y = d.canvasY; - d = this._remainder + h / q.pixels_threshold; + d = this._remainder + g / q.pixels_threshold; this._remainder = d % 1; d = Math.clamp(this.properties.value + (d | 0) * this.properties.step, this.properties.min, this.properties.max); this.properties.value = d; @@ -4465,8 +4466,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.setDirtyCanvas(!0); } }; - q.prototype.onMouseUp = function(d, h) { - 200 > d.click_time && (this.properties.value = Math.clamp(this.properties.value + (h[1] > 0.5 * this.size[1] ? -1 : 1) * this.properties.step, this.properties.min, this.properties.max), this.graph._version++, this.setDirtyCanvas(!0)); + q.prototype.onMouseUp = function(d, g) { + 200 > d.click_time && (this.properties.value = Math.clamp(this.properties.value + (g[1] > 0.5 * this.size[1] ? -1 : 1) * this.properties.step, this.properties.min, this.properties.max), this.graph._version++, this.setDirtyCanvas(!0)); this.mouse_captured && (this.mouse_captured = !1, this.captureInput(!1)); }; z.registerNodeType("widget/number", q); @@ -4480,14 +4481,14 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }; d.prototype.onDrawImageKnob = function(d) { if (this.imgfg && this.imgfg.width) { - var h = 0.5 * this.imgbg.width, a = this.size[0] / this.imgfg.width; + var g = 0.5 * this.imgbg.width, a = this.size[0] / this.imgfg.width; d.save(); d.translate(0, 20); d.scale(a, a); d.drawImage(this.imgbg, 0, 0); - d.translate(h, h); + d.translate(g, g); d.rotate(2 * this.value * Math.PI * 6 / 8 + 10 * Math.PI / 8); - d.translate(-h, -h); + d.translate(-g, -g); d.drawImage(this.imgfg, 0, 0); d.restore(); this.title && (d.font = "bold 16px Criticized,Tahoma", d.fillStyle = "rgba(100,100,100,0.8)", d.textAlign = "center", d.fillText(this.title.toUpperCase(), 0.5 * this.size[0], 18), d.textAlign = "left"); @@ -4505,9 +4506,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { d.font = 0.2 * this.properties.size + "px Arial"; d.fillStyle = "#AAA"; d.textAlign = "center"; - var h = this.properties.value; - "number" == typeof h && (h = h.toFixed(2)); - d.fillText(h, 0.5 * this.size[0], 0.65 * this.size[1]); + var g = this.properties.value; + "number" == typeof g && (g = g.toFixed(2)); + d.fillText(g, 0.5 * this.size[0], 0.65 * this.size[1]); d.textAlign = "left"; } }; @@ -4533,10 +4534,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { d.prototype.onMouseMove = function(d) { if (this.oldmouse) { d = [d.canvasX - this.pos[0], d.canvasY - this.pos[1]]; - var h = this.value; - h -= 0.01 * (d[1] - this.oldmouse[1]); - 1.0 < h ? h = 1.0 : 0.0 > h && (h = 0.0); - this.value = h; + var g = this.value; + g -= 0.01 * (d[1] - this.oldmouse[1]); + 1.0 < g ? g = 1.0 : 0.0 > g && (g = 0.0); + this.value = g; this.properties.value = this.properties.min + (this.properties.max - this.properties.min) * this.value; this.oldmouse = d; this.setDirtyCanvas(!0); @@ -4547,15 +4548,15 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }; d.prototype.onMouseLeave = function(d) { }; - d.prototype.onPropertyChanged = function(d, h) { + d.prototype.onPropertyChanged = function(d, g) { if ("wcolor" == d) { - this.properties[d] = h; + this.properties[d] = g; } else { if ("size" == d) { - h = parseInt(h), this.properties[d] = h, this.size = [h + 4, h + 24], this.setDirtyCanvas(!0, !0); + g = parseInt(g), this.properties[d] = g, this.size = [g + 4, g + 24], this.setDirtyCanvas(!0, !0); } else { if ("min" == d || "max" == d || "value" == d) { - this.properties[d] = parseFloat(h); + this.properties[d] = parseFloat(g); } else { return !1; } @@ -4565,8 +4566,8 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }; z.registerNodeType("widget/knob", d); u.title = "Internal Slider"; - u.prototype.onPropertyChanged = function(d, h) { - "value" == d && (this.slider.value = h); + u.prototype.onPropertyChanged = function(d, g) { + "value" == d && (this.slider.value = g); }; u.prototype.onExecute = function() { this.setOutputData(0, this.properties.value); @@ -4603,10 +4604,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { t.prototype.onMouseMove = function(d) { if (this.oldmouse) { d = [d.canvasX - this.pos[0], d.canvasY - this.pos[1]]; - var h = this.value; - h += (d[0] - this.oldmouse[0]) / this.size[0]; - 1.0 < h ? h = 1.0 : 0.0 > h && (h = 0.0); - this.value = h; + var g = this.value; + g += (d[0] - this.oldmouse[0]) / this.size[0]; + 1.0 < g ? g = 1.0 : 0.0 > g && (g = 0.0); + this.value = g; this.oldmouse = d; this.setDirtyCanvas(!0); } @@ -4617,9 +4618,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }; t.prototype.onMouseLeave = function(d) { }; - t.prototype.onPropertyChanged = function(d, h) { + t.prototype.onPropertyChanged = function(d, g) { if ("wcolor" == d) { - this.properties[d] = h; + this.properties[d] = g; } else { return !1; } @@ -4635,10 +4636,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { w.prototype.onDrawForeground = function(d) { d.lineWidth = 1; d.fillStyle = this.properties.wcolor; - var h = (this.properties.value - this.properties.min) / (this.properties.max - this.properties.min); - h = Math.min(1, h); - h = Math.max(0, h); - d.fillRect(2, 2, (this.size[0] - 4) * h, this.size[1] - 4); + var g = (this.properties.value - this.properties.min) / (this.properties.max - this.properties.min); + g = Math.min(1, g); + g = Math.max(0, g); + d.fillRect(2, 2, (this.size[0] - 4) * g, this.size[1] - 4); }; z.registerNodeType("widget/progress", w); y.title = "Text"; @@ -4646,16 +4647,16 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { y.widgets = [{name:"resize", text:"Resize box", type:"button"}, {name:"led_text", text:"LED", type:"minibutton"}, {name:"normal_text", text:"Normal", type:"minibutton"}]; y.prototype.onDrawForeground = function(d) { d.fillStyle = this.properties.color; - var h = this.properties.value; + var g = this.properties.value; this.properties.glowSize ? (d.shadowColor = this.properties.color, d.shadowOffsetX = 0, d.shadowOffsetY = 0, d.shadowBlur = this.properties.glowSize) : d.shadowColor = "transparent"; var a = this.properties.fontsize; d.textAlign = this.properties.align; d.font = a.toString() + "px " + this.properties.font; - this.str = "number" == typeof h ? h.toFixed(this.properties.decimals) : h; + this.str = "number" == typeof g ? g.toFixed(this.properties.decimals) : g; if ("string" == typeof this.str) { - h = this.str.split("\\n"); - for (var b in h) { - d.fillText(h[b], "left" == this.properties.align ? 15 : this.size[0] - 15, -0.15 * a + a * (parseInt(b) + 1)); + g = this.str.split("\\n"); + for (var b in g) { + d.fillText(g[b], "left" == this.properties.align ? 15 : this.size[0] - 15, -0.15 * a + a * (parseInt(b) + 1)); } } d.shadowColor = "transparent"; @@ -4670,39 +4671,39 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (this.last_ctx) { var d = this.str.split("\\n"); this.last_ctx.font = this.properties.fontsize + "px " + this.properties.font; - var h = 0, a; + var g = 0, a; for (a in d) { var b = this.last_ctx.measureText(d[a]).width; - h < b && (h = b); + g < b && (g = b); } - this.size[0] = h + 20; + this.size[0] = g + 20; this.size[1] = 4 + d.length * this.properties.fontsize; this.setDirtyCanvas(!0); } }; - y.prototype.onPropertyChanged = function(d, h) { - this.properties[d] = h; - this.str = "number" == typeof h ? h.toFixed(3) : h; + y.prototype.onPropertyChanged = function(d, g) { + this.properties[d] = g; + this.str = "number" == typeof g ? g.toFixed(3) : g; return !0; }; z.registerNodeType("widget/text", y); - h.title = "Panel"; - h.desc = "Non interactive panel"; - h.widgets = [{name:"update", text:"Update", type:"button"}]; - h.prototype.createGradient = function(d) { + g.title = "Panel"; + g.desc = "Non interactive panel"; + g.widgets = [{name:"update", text:"Update", type:"button"}]; + g.prototype.createGradient = function(d) { "" == this.properties.bgcolorTop || "" == this.properties.bgcolorBottom ? this.lineargradient = 0 : (this.lineargradient = d.createLinearGradient(0, 0, 0, this.size[1]), this.lineargradient.addColorStop(0, this.properties.bgcolorTop), this.lineargradient.addColorStop(1, this.properties.bgcolorBottom)); }; - h.prototype.onDrawForeground = function(d) { + g.prototype.onDrawForeground = function(d) { null == this.lineargradient && this.createGradient(d); this.lineargradient && (d.lineWidth = 1, d.strokeStyle = this.properties.borderColor, d.fillStyle = this.lineargradient, this.properties.shadowSize ? (d.shadowColor = "#000", d.shadowOffsetX = 0, d.shadowOffsetY = 0, d.shadowBlur = this.properties.shadowSize) : d.shadowColor = "transparent", d.roundRect(0, 0, this.size[0] - 1, this.size[1] - 1, this.properties.shadowSize), d.fill(), d.shadowColor = "transparent", d.stroke()); }; - z.registerNodeType("widget/panel", h); + z.registerNodeType("widget/panel", g); })(this); (function(v) { - function g() { + function k() { this.addOutput("left_x_axis", "number"); this.addOutput("left_y_axis", "number"); - this.addOutput("button_pressed", k.EVENT); + this.addOutput("button_pressed", h.EVENT); this.properties = {gamepad_index:0, threshold:0.1}; this._left_axis = new Float32Array(2); this._right_axis = new Float32Array(2); @@ -4710,20 +4711,20 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this._previous_buttons = new Uint8Array(17); this._current_buttons = new Uint8Array(17); } - var k = v.LiteGraph; - g.title = "Gamepad"; - g.desc = "gets the input of the gamepad"; - g.zero = new Float32Array(2); - g.buttons = "a b x y lb rb lt rt back start ls rs home".split(" "); - g.prototype.onExecute = function() { - var k = this.getGamepad(), d = this.properties.threshold || 0.0; - k && (this._left_axis[0] = Math.abs(k.xbox.axes.lx) > d ? k.xbox.axes.lx : 0, this._left_axis[1] = Math.abs(k.xbox.axes.ly) > d ? k.xbox.axes.ly : 0, this._right_axis[0] = Math.abs(k.xbox.axes.rx) > d ? k.xbox.axes.rx : 0, this._right_axis[1] = Math.abs(k.xbox.axes.ry) > d ? k.xbox.axes.ry : 0, this._triggers[0] = Math.abs(k.xbox.axes.ltrigger) > d ? k.xbox.axes.ltrigger : 0, this._triggers[1] = Math.abs(k.xbox.axes.rtrigger) > d ? k.xbox.axes.rtrigger : 0); + var h = v.LiteGraph; + k.title = "Gamepad"; + k.desc = "gets the input of the gamepad"; + k.zero = new Float32Array(2); + k.buttons = "a b x y lb rb lt rt back start ls rs home".split(" "); + k.prototype.onExecute = function() { + var h = this.getGamepad(), d = this.properties.threshold || 0.0; + h && (this._left_axis[0] = Math.abs(h.xbox.axes.lx) > d ? h.xbox.axes.lx : 0, this._left_axis[1] = Math.abs(h.xbox.axes.ly) > d ? h.xbox.axes.ly : 0, this._right_axis[0] = Math.abs(h.xbox.axes.rx) > d ? h.xbox.axes.rx : 0, this._right_axis[1] = Math.abs(h.xbox.axes.ry) > d ? h.xbox.axes.ry : 0, this._triggers[0] = Math.abs(h.xbox.axes.ltrigger) > d ? h.xbox.axes.ltrigger : 0, this._triggers[1] = Math.abs(h.xbox.axes.rtrigger) > d ? h.xbox.axes.rtrigger : 0); if (this.outputs) { for (d = 0; d < this.outputs.length; d++) { var u = this.outputs[d]; if (u.links && u.links.length) { var t = null; - if (k) { + if (h) { switch(u.name) { case "left_axis": t = this._left_axis; @@ -4750,38 +4751,38 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { t = this._triggers[1]; break; case "a_button": - t = k.xbox.buttons.a ? 1 : 0; + t = h.xbox.buttons.a ? 1 : 0; break; case "b_button": - t = k.xbox.buttons.b ? 1 : 0; + t = h.xbox.buttons.b ? 1 : 0; break; case "x_button": - t = k.xbox.buttons.x ? 1 : 0; + t = h.xbox.buttons.x ? 1 : 0; break; case "y_button": - t = k.xbox.buttons.y ? 1 : 0; + t = h.xbox.buttons.y ? 1 : 0; break; case "lb_button": - t = k.xbox.buttons.lb ? 1 : 0; + t = h.xbox.buttons.lb ? 1 : 0; break; case "rb_button": - t = k.xbox.buttons.rb ? 1 : 0; + t = h.xbox.buttons.rb ? 1 : 0; break; case "ls_button": - t = k.xbox.buttons.ls ? 1 : 0; + t = h.xbox.buttons.ls ? 1 : 0; break; case "rs_button": - t = k.xbox.buttons.rs ? 1 : 0; + t = h.xbox.buttons.rs ? 1 : 0; break; case "start_button": - t = k.xbox.buttons.start ? 1 : 0; + t = h.xbox.buttons.start ? 1 : 0; break; case "back_button": - t = k.xbox.buttons.back ? 1 : 0; + t = h.xbox.buttons.back ? 1 : 0; break; case "button_pressed": for (u = 0; u < this._current_buttons.length; ++u) { - this._current_buttons[u] && !this._previous_buttons[u] && this.triggerSlot(d, g.buttons[u]); + this._current_buttons[u] && !this._previous_buttons[u] && this.triggerSlot(d, k.buttons[u]); } } } else { @@ -4790,7 +4791,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { break; case "left_axis": case "right_axis": - t = g.zero; + t = k.zero; break; default: t = 0; @@ -4801,108 +4802,108 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.prototype.getGamepad = function() { - var g = navigator.getGamepads || navigator.webkitGetGamepads || navigator.mozGetGamepads; - if (!g) { + k.prototype.getGamepad = function() { + var h = navigator.getGamepads || navigator.webkitGetGamepads || navigator.mozGetGamepads; + if (!h) { return null; } - g = g.call(navigator); + h = h.call(navigator); this._previous_buttons.set(this._current_buttons); for (var d = this.properties.gamepad_index; 4 > d; d++) { - if (g[d]) { - g = g[d]; + if (h[d]) { + h = h[d]; d = this.xbox_mapping; d || (d = this.xbox_mapping = {axes:[], buttons:{}, hat:""}); - d.axes.lx = g.axes[0]; - d.axes.ly = g.axes[1]; - d.axes.rx = g.axes[2]; - d.axes.ry = g.axes[3]; - d.axes.ltrigger = g.buttons[6].value; - d.axes.rtrigger = g.buttons[7].value; - for (var k = 0; k < g.buttons.length; k++) { - switch(this._current_buttons[k] = g.buttons[k].pressed, k) { + d.axes.lx = h.axes[0]; + d.axes.ly = h.axes[1]; + d.axes.rx = h.axes[2]; + d.axes.ry = h.axes[3]; + d.axes.ltrigger = h.buttons[6].value; + d.axes.rtrigger = h.buttons[7].value; + for (var k = 0; k < h.buttons.length; k++) { + switch(this._current_buttons[k] = h.buttons[k].pressed, k) { case 0: - d.buttons.a = g.buttons[k].pressed; + d.buttons.a = h.buttons[k].pressed; break; case 1: - d.buttons.b = g.buttons[k].pressed; + d.buttons.b = h.buttons[k].pressed; break; case 2: - d.buttons.x = g.buttons[k].pressed; + d.buttons.x = h.buttons[k].pressed; break; case 3: - d.buttons.y = g.buttons[k].pressed; + d.buttons.y = h.buttons[k].pressed; break; case 4: - d.buttons.lb = g.buttons[k].pressed; + d.buttons.lb = h.buttons[k].pressed; break; case 5: - d.buttons.rb = g.buttons[k].pressed; + d.buttons.rb = h.buttons[k].pressed; break; case 6: - d.buttons.lt = g.buttons[k].pressed; + d.buttons.lt = h.buttons[k].pressed; break; case 7: - d.buttons.rt = g.buttons[k].pressed; + d.buttons.rt = h.buttons[k].pressed; break; case 8: - d.buttons.back = g.buttons[k].pressed; + d.buttons.back = h.buttons[k].pressed; break; case 9: - d.buttons.start = g.buttons[k].pressed; + d.buttons.start = h.buttons[k].pressed; break; case 10: - d.buttons.ls = g.buttons[k].pressed; + d.buttons.ls = h.buttons[k].pressed; break; case 11: - d.buttons.rs = g.buttons[k].pressed; + d.buttons.rs = h.buttons[k].pressed; break; case 12: - g.buttons[k].pressed && (d.hat += "up"); + h.buttons[k].pressed && (d.hat += "up"); break; case 13: - g.buttons[k].pressed && (d.hat += "down"); + h.buttons[k].pressed && (d.hat += "down"); break; case 14: - g.buttons[k].pressed && (d.hat += "left"); + h.buttons[k].pressed && (d.hat += "left"); break; case 15: - g.buttons[k].pressed && (d.hat += "right"); + h.buttons[k].pressed && (d.hat += "right"); break; case 16: - d.buttons.home = g.buttons[k].pressed; + d.buttons.home = h.buttons[k].pressed; } } - g.xbox = d; - return g; + h.xbox = d; + return h; } } }; - g.prototype.onDrawBackground = function(g) { + k.prototype.onDrawBackground = function(h) { if (!this.flags.collapsed) { var d = this._left_axis, k = this._right_axis; - g.strokeStyle = "#88A"; - g.strokeRect(0.5 * (d[0] + 1) * this.size[0] - 4, 0.5 * (d[1] + 1) * this.size[1] - 4, 8, 8); - g.strokeStyle = "#8A8"; - g.strokeRect(0.5 * (k[0] + 1) * this.size[0] - 4, 0.5 * (k[1] + 1) * this.size[1] - 4, 8, 8); + h.strokeStyle = "#88A"; + h.strokeRect(0.5 * (d[0] + 1) * this.size[0] - 4, 0.5 * (d[1] + 1) * this.size[1] - 4, 8, 8); + h.strokeStyle = "#8A8"; + h.strokeRect(0.5 * (k[0] + 1) * this.size[0] - 4, 0.5 * (k[1] + 1) * this.size[1] - 4, 8, 8); d = this.size[1] / this._current_buttons.length; - g.fillStyle = "#AEB"; + h.fillStyle = "#AEB"; for (k = 0; k < this._current_buttons.length; ++k) { - this._current_buttons[k] && g.fillRect(0, d * k, 6, d); + this._current_buttons[k] && h.fillRect(0, d * k, 6, d); } } }; - g.prototype.onGetOutputs = function() { - return [["left_axis", "vec2"], ["right_axis", "vec2"], ["left_x_axis", "number"], ["left_y_axis", "number"], ["right_x_axis", "number"], ["right_y_axis", "number"], ["trigger_left", "number"], ["trigger_right", "number"], ["a_button", "number"], ["b_button", "number"], ["x_button", "number"], ["y_button", "number"], ["lb_button", "number"], ["rb_button", "number"], ["ls_button", "number"], ["rs_button", "number"], ["start", "number"], ["back", "number"], ["button_pressed", k.EVENT]]; + k.prototype.onGetOutputs = function() { + return [["left_axis", "vec2"], ["right_axis", "vec2"], ["left_x_axis", "number"], ["left_y_axis", "number"], ["right_x_axis", "number"], ["right_y_axis", "number"], ["trigger_left", "number"], ["trigger_right", "number"], ["a_button", "number"], ["b_button", "number"], ["x_button", "number"], ["y_button", "number"], ["lb_button", "number"], ["rb_button", "number"], ["ls_button", "number"], ["rs_button", "number"], ["start", "number"], ["back", "number"], ["button_pressed", h.EVENT]]; }; - k.registerNodeType("input/gamepad", g); + h.registerNodeType("input/gamepad", k); })(this); (function(v) { - function g() { + function k() { this.addInput("in", "*"); this.size = [60, 20]; } - function k() { + function h() { this.addInput("in"); this.addOutput("out"); this.size = [60, 20]; @@ -4945,7 +4946,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.addOutput("out", "number"); this.size = [60, 20]; } - function h() { + function g() { this.addInput("in", "number"); this.addOutput("out", "number"); this.size = [60, 20]; @@ -5067,9 +5068,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this._data = new Float32Array(4); } var A = v.LiteGraph; - g.title = "Converter"; - g.desc = "type A to type B"; - g.prototype.onExecute = function() { + k.title = "Converter"; + k.desc = "type A to type B"; + k.prototype.onExecute = function() { var a = this.getInputData(0); if (null != a && this.outputs) { for (var b = 0; b < this.outputs.length; b++) { @@ -5107,17 +5108,17 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.prototype.onGetOutputs = function() { + k.prototype.onGetOutputs = function() { return [["number", "number"], ["vec2", "vec2"], ["vec3", "vec3"], ["vec4", "vec4"]]; }; - A.registerNodeType("math/converter", g); - k.title = "Bypass"; - k.desc = "removes the type"; - k.prototype.onExecute = function() { + A.registerNodeType("math/converter", k); + h.title = "Bypass"; + h.desc = "removes the type"; + h.prototype.onExecute = function() { var a = this.getInputData(0); this.setOutputData(0, a); }; - A.registerNodeType("math/bypass", k); + A.registerNodeType("math/bypass", h); q.title = "to Number"; q.desc = "Cast to number"; q.prototype.onExecute = function() { @@ -5208,13 +5209,13 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { null != a && this.setOutputData(0, Math.abs(a)); }; A.registerNodeType("math/abs", y); - h.title = "Floor"; - h.desc = "Floor number to remove fractional part"; - h.prototype.onExecute = function() { + g.title = "Floor"; + g.desc = "Floor number to remove fractional part"; + g.prototype.onExecute = function() { var a = this.getInputData(0); null != a && this.setOutputData(0, Math.floor(a)); }; - A.registerNodeType("math/floor", h); + A.registerNodeType("math/floor", g); z.title = "Frac"; z.desc = "Returns fractional part"; z.prototype.onExecute = function() { @@ -5618,7 +5619,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } })(this); (function(v) { - function g() { + function k() { this.addInput("sel", "number"); this.addInput("A"); this.addInput("B"); @@ -5627,7 +5628,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.addOutput("out"); this.selected = 0; } - function k() { + function h() { this.properties = {sequence:"A,B,C"}; this.addInput("index", "number"); this.addInput("seq"); @@ -5636,36 +5637,36 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.values = this.properties.sequence.split(","); } var q = v.LiteGraph; - g.title = "Selector"; - g.desc = "selects an output"; - g.prototype.onDrawBackground = function(d) { + k.title = "Selector"; + k.desc = "selects an output"; + k.prototype.onDrawBackground = function(d) { if (!this.flags.collapsed) { d.fillStyle = "#AFB"; - var g = (this.selected + 1) * q.NODE_SLOT_HEIGHT + 2; + var h = (this.selected + 1) * q.NODE_SLOT_HEIGHT + 2; d.beginPath(); - d.moveTo(30, g); - d.lineTo(30, g + q.NODE_SLOT_HEIGHT); - d.lineTo(24, g + 0.5 * q.NODE_SLOT_HEIGHT); + d.moveTo(30, h); + d.lineTo(30, h + q.NODE_SLOT_HEIGHT); + d.lineTo(24, h + 0.5 * q.NODE_SLOT_HEIGHT); d.fill(); } }; - g.prototype.onExecute = function() { + k.prototype.onExecute = function() { var d = this.getInputData(0); null == d && (d = 0); this.selected = d = Math.round(d) % (this.inputs.length - 1); d = this.getInputData(d + 1); void 0 !== d && this.setOutputData(0, d); }; - g.prototype.onGetInputs = function() { + k.prototype.onGetInputs = function() { return [["E", 0], ["F", 0], ["G", 0], ["H", 0]]; }; - q.registerNodeType("logic/selector", g); - k.title = "Sequence"; - k.desc = "select one element from a sequence from a string"; - k.prototype.onPropertyChanged = function(d, g) { - "sequence" == d && (this.values = g.split(",")); + q.registerNodeType("logic/selector", k); + h.title = "Sequence"; + h.desc = "select one element from a sequence from a string"; + h.prototype.onPropertyChanged = function(d, h) { + "sequence" == d && (this.values = h.split(",")); }; - k.prototype.onExecute = function() { + h.prototype.onExecute = function() { var d = this.getInputData(1); d && d != this.current_sequence && (this.values = d.split(","), this.current_sequence = d); d = this.getInputData(0); @@ -5673,13 +5674,13 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.index = d = Math.round(d) % this.values.length; this.setOutputData(0, this.values[d]); }; - q.registerNodeType("logic/sequence", k); + q.registerNodeType("logic/sequence", h); })(this); (function(v) { - var g = v.LiteGraph; + var k = v.LiteGraph; v.LGraphTexture = null; if ("undefined" != typeof GL) { - var k = function() { + var h = function() { this.addOutput("Cubemap", "Cubemap"); this.properties = {name:""}; this.size = [r.image_preview_size, r.image_preview_size]; @@ -5714,7 +5715,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.addOutput("out", "Texture"); this.properties = {enabled:!0, factor:1, precision:r.LOW}; this._uniforms = {u_texture:0, u_factor:1}; - }, h = function() { + }, g = function() { this.addOutput("Webcam", "Texture"); this.properties = {texture_name:"", facingMode:"user"}; this.boxcolor = "black"; @@ -5871,7 +5872,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { r.loadTexture = function(a, b) { b = b || {}; var c = a; - "http://" == c.substr(0, 7) && g.proxy && (c = g.proxy + c.substr(7)); + "http://" == c.substr(0, 7) && k.proxy && (c = k.proxy + c.substr(7)); return r.getTexturesContainer()[a] = GL.Texture.fromURL(c, b); }; r.getTexture = function(a) { @@ -6002,7 +6003,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { r.prototype.onGetOutputs = function() { return [["width", "number"], ["height", "number"], ["aspect", "number"]]; }; - g.registerNodeType("texture/texture", r); + k.registerNodeType("texture/texture", r); I.title = "Preview"; I.desc = "Show a texture in the graph canvas"; I.allow_preview = !1; @@ -6012,14 +6013,14 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { b && (b = !b.handle && a.webgl ? b : r.generateLowResTexturePreview(b), a.save(), this.properties.flipY && (a.translate(0, this.size[1]), a.scale(1, -1)), a.drawImage(b, 0, 0, this.size[0], this.size[1]), a.restore()); } }; - g.registerNodeType("texture/preview", I); + k.registerNodeType("texture/preview", I); K.title = "Save"; K.desc = "Save a texture in the repository"; K.prototype.onExecute = function() { var a = this.getInputData(0); a && (this.properties.name && (r.storeTexture ? r.storeTexture(this.properties.name, a) : r.getTexturesContainer()[this.properties.name] = a), this.setOutputData(0, a)); }; - g.registerNodeType("texture/save", K); + k.registerNodeType("texture/save", K); F.widgets_info = {uvcode:{widget:"textarea", height:100}, pixelcode:{widget:"textarea", height:100}, precision:{widget:"combo", values:r.MODE_VALUES}}; F.title = "Operation"; F.desc = "Texture shader operation"; @@ -6063,9 +6064,9 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } if (l) { this.boxcolor = "green"; - var h = this.getInputData(2); - null != h ? this.properties.value = h : h = parseFloat(this.properties.value); - var g = this.graph.getTime(); + var g = this.getInputData(2); + null != g ? this.properties.value = g : g = parseFloat(this.properties.value); + var h = this.graph.getTime(); this._tex.drawTo(function() { gl.disable(gl.DEPTH_TEST); gl.disable(gl.CULL_FACE); @@ -6073,7 +6074,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { a && a.bind(0); b && b.bind(1); var e = Mesh.getScreenQuad(); - l.uniforms({u_texture:0, u_textureB:1, value:h, texSize:[c, d], time:g}).draw(e); + l.uniforms({u_texture:0, u_textureB:1, value:g, texSize:[c, d], time:h}).draw(e); }); this.setOutputData(0, this._tex); } else { @@ -6084,7 +6085,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; F.pixel_shader = "precision highp float;\n\r\n\t\t\t\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform sampler2D u_textureB;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform vec2 texSize;\n\r\n\t\t\tuniform float time;\n\r\n\t\t\tuniform float value;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec2 uv = v_coord;\n\r\n\t\t\t\tUV_CODE;\n\r\n\t\t\t\tvec4 color4 = texture2D(u_texture, uv);\n\r\n\t\t\t\tvec3 color = color4.rgb;\n\r\n\t\t\t\tvec4 color4B = texture2D(u_textureB, uv);\n\r\n\t\t\t\tvec3 colorB = color4B.rgb;\n\r\n\t\t\t\tvec3 result = color;\n\r\n\t\t\t\tfloat alpha = 1.0;\n\r\n\t\t\t\tPIXEL_CODE;\n\r\n\t\t\t\tgl_FragColor = vec4(result, alpha);\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/operation", F); + k.registerNodeType("texture/operation", F); E.title = "Shader"; E.desc = "Texture shader"; E.widgets_info = {code:{type:"code"}, precision:{widget:"combo", values:r.MODE_VALUES}}; @@ -6171,7 +6172,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; E.pixel_shader = "precision highp float;\n\r\n\t\t\t\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform float time;\n\r\n\t"; - g.registerNodeType("texture/shader", E); + k.registerNodeType("texture/shader", E); A.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; A.title = "Scale/Offset"; A.desc = "Applies an scaling and offseting"; @@ -6203,7 +6204,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; A.pixel_shader = "precision highp float;\n\r\n\t\t\t\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform sampler2D u_textureB;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform vec2 u_scale;\n\r\n\t\t\tuniform vec2 u_offset;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec2 uv = v_coord;\n\r\n\t\t\t\tuv = uv / u_scale - u_offset;\n\r\n\t\t\t\tgl_FragColor = texture2D(u_texture, uv);\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/scaleOffset", A); + k.registerNodeType("texture/scaleOffset", A); H.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; H.title = "Warp"; H.desc = "Texture warp operation"; @@ -6234,7 +6235,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; H.pixel_shader = "precision highp float;\n\r\n\t\t\t\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform sampler2D u_textureB;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform float u_factor;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec2 uv = v_coord;\n\r\n\t\t\t\tuv += ( texture2D(u_textureB, uv).rg - vec2(0.5)) * u_factor;\n\r\n\t\t\t\tgl_FragColor = texture2D(u_texture, uv);\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/warp", H); + k.registerNodeType("texture/warp", H); C.title = "to Viewport"; C.desc = "Texture to viewport"; C.prototype.onExecute = function() { @@ -6261,7 +6262,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }; C.aa_pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform vec2 uViewportSize;\n\r\n\t\t\tuniform vec2 inverseVP;\n\r\n\t\t\tuniform float u_igamma;\n\r\n\t\t\t#define FXAA_REDUCE_MIN (1.0/ 128.0)\n\r\n\t\t\t#define FXAA_REDUCE_MUL (1.0 / 8.0)\n\r\n\t\t\t#define FXAA_SPAN_MAX 8.0\n\r\n\t\t\t\n\r\n\t\t\t/* from mitsuhiko/webgl-meincraft based on the code on geeks3d.com */\n\r\n\t\t\tvec4 applyFXAA(sampler2D tex, vec2 fragCoord)\n\r\n\t\t\t{\n\r\n\t\t\t\tvec4 color = vec4(0.0);\n\r\n\t\t\t\t/*vec2 inverseVP = vec2(1.0 / uViewportSize.x, 1.0 / uViewportSize.y);*/\n\r\n\t\t\t\tvec3 rgbNW = texture2D(tex, (fragCoord + vec2(-1.0, -1.0)) * inverseVP).xyz;\n\r\n\t\t\t\tvec3 rgbNE = texture2D(tex, (fragCoord + vec2(1.0, -1.0)) * inverseVP).xyz;\n\r\n\t\t\t\tvec3 rgbSW = texture2D(tex, (fragCoord + vec2(-1.0, 1.0)) * inverseVP).xyz;\n\r\n\t\t\t\tvec3 rgbSE = texture2D(tex, (fragCoord + vec2(1.0, 1.0)) * inverseVP).xyz;\n\r\n\t\t\t\tvec3 rgbM = texture2D(tex, fragCoord * inverseVP).xyz;\n\r\n\t\t\t\tvec3 luma = vec3(0.299, 0.587, 0.114);\n\r\n\t\t\t\tfloat lumaNW = dot(rgbNW, luma);\n\r\n\t\t\t\tfloat lumaNE = dot(rgbNE, luma);\n\r\n\t\t\t\tfloat lumaSW = dot(rgbSW, luma);\n\r\n\t\t\t\tfloat lumaSE = dot(rgbSE, luma);\n\r\n\t\t\t\tfloat lumaM = dot(rgbM, luma);\n\r\n\t\t\t\tfloat lumaMin = min(lumaM, min(min(lumaNW, lumaNE), min(lumaSW, lumaSE)));\n\r\n\t\t\t\tfloat lumaMax = max(lumaM, max(max(lumaNW, lumaNE), max(lumaSW, lumaSE)));\n\r\n\t\t\t\t\n\r\n\t\t\t\tvec2 dir;\n\r\n\t\t\t\tdir.x = -((lumaNW + lumaNE) - (lumaSW + lumaSE));\n\r\n\t\t\t\tdir.y = ((lumaNW + lumaSW) - (lumaNE + lumaSE));\n\r\n\t\t\t\t\n\r\n\t\t\t\tfloat dirReduce = max((lumaNW + lumaNE + lumaSW + lumaSE) * (0.25 * FXAA_REDUCE_MUL), FXAA_REDUCE_MIN);\n\r\n\t\t\t\t\n\r\n\t\t\t\tfloat rcpDirMin = 1.0 / (min(abs(dir.x), abs(dir.y)) + dirReduce);\n\r\n\t\t\t\tdir = min(vec2(FXAA_SPAN_MAX, FXAA_SPAN_MAX), max(vec2(-FXAA_SPAN_MAX, -FXAA_SPAN_MAX), dir * rcpDirMin)) * inverseVP;\n\r\n\t\t\t\t\n\r\n\t\t\t\tvec3 rgbA = 0.5 * (texture2D(tex, fragCoord * inverseVP + dir * (1.0 / 3.0 - 0.5)).xyz + \n\r\n\t\t\t\t\ttexture2D(tex, fragCoord * inverseVP + dir * (2.0 / 3.0 - 0.5)).xyz);\n\r\n\t\t\t\tvec3 rgbB = rgbA * 0.5 + 0.25 * (texture2D(tex, fragCoord * inverseVP + dir * -0.5).xyz + \n\r\n\t\t\t\t\ttexture2D(tex, fragCoord * inverseVP + dir * 0.5).xyz);\n\r\n\t\t\t\t\n\r\n\t\t\t\t//return vec4(rgbA,1.0);\n\r\n\t\t\t\tfloat lumaB = dot(rgbB, luma);\n\r\n\t\t\t\tif ((lumaB < lumaMin) || (lumaB > lumaMax))\n\r\n\t\t\t\t\tcolor = vec4(rgbA, 1.0);\n\r\n\t\t\t\telse\n\r\n\t\t\t\t\tcolor = vec4(rgbB, 1.0);\n\r\n\t\t\t\tif(u_igamma != 1.0)\n\r\n\t\t\t\t\tcolor.xyz = pow( color.xyz, vec3(u_igamma) );\n\r\n\t\t\t\treturn color;\n\r\n\t\t\t}\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t gl_FragColor = applyFXAA( u_texture, v_coord * uViewportSize) ;\n\r\n\t\t\t}\n\r\n\t\t\t"; C.gamma_pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform float u_igamma;\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec4 color = texture2D( u_texture, v_coord);\n\r\n\t\t\t\tcolor.xyz = pow(color.xyz, vec3(u_igamma) );\n\r\n\t\t\t gl_FragColor = color;\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/toviewport", C); + k.registerNodeType("texture/toviewport", C); J.title = "Copy"; J.desc = "Copy Texture"; J.widgets_info = {size:{widget:"combo", values:[0, 32, 64, 128, 256, 512, 1024, 2048]}, precision:{widget:"combo", values:r.MODE_VALUES}}; @@ -6280,7 +6281,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.setOutputData(0, this._temp_texture); } }; - g.registerNodeType("texture/copy", J); + k.registerNodeType("texture/copy", J); x.title = "Downsample"; x.desc = "Downsample Texture"; x.widgets_info = {iterations:{type:"number", step:1, precision:0, min:1}, precision:{widget:"combo", values:r.MODE_VALUES}}; @@ -6291,17 +6292,17 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { b || (x._shader = b = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, x.pixel_shader)); var c = a.width | 0, d = a.height | 0, e = a.type; this.properties.precision === r.LOW ? e = gl.UNSIGNED_BYTE : this.properties.precision === r.HIGH && (e = gl.HIGH_PRECISION_FORMAT); - var f = this.properties.iterations || 1, l = a, h = []; + var f = this.properties.iterations || 1, l = a, g = []; e = {type:e, format:a.format}; - var g = vec2.create(), k = {u_offset:g}; + var h = vec2.create(), k = {u_offset:h}; this._texture && GL.Texture.releaseTemporary(this._texture); for (var p = 0; p < f; ++p) { - g[0] = 1 / c; - g[1] = 1 / d; + h[0] = 1 / c; + h[1] = 1 / d; c = c >> 1 || 0; d = d >> 1 || 0; a = GL.Texture.getTemporary(c, d, e); - h.push(a); + g.push(a); l.setParameter(GL.TEXTURE_MAG_FILTER, GL.NEAREST); l.copyTo(a, b, k); if (1 == c && 1 == d) { @@ -6309,16 +6310,16 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } l = a; } - this._texture = h.pop(); - for (p = 0; p < h.length; ++p) { - GL.Texture.releaseTemporary(h[p]); + this._texture = g.pop(); + for (p = 0; p < g.length; ++p) { + GL.Texture.releaseTemporary(g[p]); } this.properties.generate_mipmaps && (this._texture.bind(0), gl.generateMipmap(this._texture.texture_type), this._texture.unbind(0)); this.setOutputData(0, this._texture); } }; x.pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform vec2 u_offset;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord );\n\r\n\t\t\t\tcolor += texture2D(u_texture, v_coord + vec2( u_offset.x, 0.0 ) );\n\r\n\t\t\t\tcolor += texture2D(u_texture, v_coord + vec2( 0.0, u_offset.y ) );\n\r\n\t\t\t\tcolor += texture2D(u_texture, v_coord + vec2( u_offset.x, u_offset.y ) );\n\r\n\t\t\t gl_FragColor = color * 0.25;\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/downsample", x); + k.registerNodeType("texture/downsample", x); D.title = "Average"; D.desc = "Compute a partial average (32 random samples) of a texture and stores it as a 1x1 pixel texture"; D.prototype.onExecute = function() { @@ -6354,7 +6355,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; D.pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tuniform mat4 u_samples_a;\n\r\n\t\t\tuniform mat4 u_samples_b;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform float u_mipmap_offset;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec4 color = vec4(0.0);\n\r\n\t\t\t\tfor(int i = 0; i < 4; ++i)\n\r\n\t\t\t\t\tfor(int j = 0; j < 4; ++j)\n\r\n\t\t\t\t\t{\n\r\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( u_samples_a[i][j], u_samples_b[i][j] ), u_mipmap_offset );\n\r\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], 1.0 - u_samples_b[i][j] ), u_mipmap_offset );\n\r\n\t\t\t\t\t}\n\r\n\t\t\t gl_FragColor = color * 0.03125;\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/average", D); + k.registerNodeType("texture/average", D); G.title = "Image to Texture"; G.desc = "Uploads an image to the GPU"; G.prototype.onExecute = function() { @@ -6376,7 +6377,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.registerNodeType("texture/imageToTexture", G); + k.registerNodeType("texture/imageToTexture", G); B.widgets_info = {texture:{widget:"texture"}, precision:{widget:"combo", values:r.MODE_VALUES}}; B.title = "LUT"; B.desc = "Apply LUT to Texture"; @@ -6411,7 +6412,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; B.pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform sampler2D u_textureB;\n\r\n\t\t\tuniform float u_amount;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\t lowp vec4 textureColor = clamp( texture2D(u_texture, v_coord), vec4(0.0), vec4(1.0) );\n\r\n\t\t\t\t mediump float blueColor = textureColor.b * 63.0;\n\r\n\t\t\t\t mediump vec2 quad1;\n\r\n\t\t\t\t quad1.y = floor(floor(blueColor) / 8.0);\n\r\n\t\t\t\t quad1.x = floor(blueColor) - (quad1.y * 8.0);\n\r\n\t\t\t\t mediump vec2 quad2;\n\r\n\t\t\t\t quad2.y = floor(ceil(blueColor) / 8.0);\n\r\n\t\t\t\t quad2.x = ceil(blueColor) - (quad2.y * 8.0);\n\r\n\t\t\t\t highp vec2 texPos1;\n\r\n\t\t\t\t texPos1.x = (quad1.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\r\n\t\t\t\t texPos1.y = 1.0 - ((quad1.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\r\n\t\t\t\t highp vec2 texPos2;\n\r\n\t\t\t\t texPos2.x = (quad2.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\r\n\t\t\t\t texPos2.y = 1.0 - ((quad2.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\r\n\t\t\t\t lowp vec4 newColor1 = texture2D(u_textureB, texPos1);\n\r\n\t\t\t\t lowp vec4 newColor2 = texture2D(u_textureB, texPos2);\n\r\n\t\t\t\t lowp vec4 newColor = mix(newColor1, newColor2, fract(blueColor));\n\r\n\t\t\t\t gl_FragColor = vec4( mix( textureColor.rgb, newColor.rgb, u_amount), textureColor.w);\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/LUT", B); + k.registerNodeType("texture/LUT", B); p.title = "Texture to Channels"; p.desc = "Split texture channels"; p.prototype.onExecute = function() { @@ -6435,7 +6436,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; p.pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform vec4 u_mask;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t gl_FragColor = vec4( vec3( length( texture2D(u_texture, v_coord) * u_mask )), 1.0 );\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/textureChannels", p); + k.registerNodeType("texture/textureChannels", p); l.title = "Channels to Texture"; l.desc = "Split texture channels"; l.prototype.onExecute = function() { @@ -6456,7 +6457,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; l.pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_textureR;\n\r\n\t\t\tuniform sampler2D u_textureG;\n\r\n\t\t\tuniform sampler2D u_textureB;\n\r\n\t\t\tuniform sampler2D u_textureA;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t gl_FragColor = vec4( \r\n\t\t\t\t\t\ttexture2D(u_textureR, v_coord).r,\r\n\t\t\t\t\t\ttexture2D(u_textureG, v_coord).r,\r\n\t\t\t\t\t\ttexture2D(u_textureB, v_coord).r,\r\n\t\t\t\t\t\ttexture2D(u_textureA, v_coord).r);\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/channelsTexture", l); + k.registerNodeType("texture/channelsTexture", l); f.title = "Color"; f.desc = "Generates a 1x1 texture with a constant color"; f.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; @@ -6499,7 +6500,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { f.prototype.onGetInputs = function() { return [["RGB", "vec3"], ["RGBA", "vec4"], ["R", "number"], ["G", "number"], ["B", "number"], ["A", "number"]]; }; - g.registerNodeType("texture/color", f); + k.registerNodeType("texture/color", f); e.title = "Gradient"; e.desc = "Generates a gradient"; e["@A"] = {type:"color"}; @@ -6513,18 +6514,18 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { var d = this.getInputData(1); d || (d = this.properties.B); for (var f = 2; f < this.inputs.length; f++) { - var l = this.inputs[f], h = this.getInputData(f); - void 0 !== h && (this.properties[l.name] = h); + var l = this.inputs[f], g = this.getInputData(f); + void 0 !== g && (this.properties[l.name] = g); } - var g = this._uniforms; + var h = this._uniforms; this._uniforms.u_angle = this.properties.angle * DEG2RAD; this._uniforms.u_scale = this.properties.scale; - vec3.copy(g.u_colorA, c); - vec3.copy(g.u_colorB, d); + vec3.copy(h.u_colorA, c); + vec3.copy(h.u_colorB, d); c = parseInt(this.properties.texture_size); this._tex && this._tex.width == c || (this._tex = new GL.Texture(c, c, {format:gl.RGB, filter:gl.LINEAR})); this._tex.drawTo(function() { - b.uniforms(g).draw(a); + b.uniforms(h).draw(a); }); this.setOutputData(0, this._tex); }; @@ -6532,7 +6533,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { return [["angle", "number"], ["scale", "number"]]; }; e.pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform float u_angle;\n\r\n\t\t\tuniform float u_scale;\n\r\n\t\t\tuniform vec3 u_colorA;\n\r\n\t\t\tuniform vec3 u_colorB;\n\r\n\t\t\t\n\r\n\t\t\tvec2 rotate(vec2 v, float angle)\n\r\n\t\t\t{\n\r\n\t\t\t\tvec2 result;\n\r\n\t\t\t\tfloat _cos = cos(angle);\n\r\n\t\t\t\tfloat _sin = sin(angle);\n\r\n\t\t\t\tresult.x = v.x * _cos - v.y * _sin;\n\r\n\t\t\t\tresult.y = v.x * _sin + v.y * _cos;\n\r\n\t\t\t\treturn result;\n\r\n\t\t\t}\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tfloat f = (rotate(u_scale * (v_coord - vec2(0.5)), u_angle) + vec2(0.5)).x;\n\r\n\t\t\t\tvec3 color = mix(u_colorA,u_colorB,clamp(f,0.0,1.0));\n\r\n\t\t\t gl_FragColor = vec4(color,1.0);\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/gradient", e); + k.registerNodeType("texture/gradient", e); c.title = "Mix"; c.desc = "Generates a texture mixing two textures"; c.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; @@ -6548,13 +6549,13 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this._tex = r.getTargetTexture(a, this._tex, this.properties.precision); gl.disable(gl.BLEND); gl.disable(gl.DEPTH_TEST); - var f = Mesh.getScreenQuad(), l = null, h = this._uniforms; - d ? (l = c._shader_tex, l || (l = c._shader_tex = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, c.pixel_shader, {MIX_TEX:""}))) : (l = c._shader_factor, l || (l = c._shader_factor = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, c.pixel_shader)), e = null == e ? this.properties.factor : e, h.u_mix.set([e, e, e, e])); + var f = Mesh.getScreenQuad(), l = null, g = this._uniforms; + d ? (l = c._shader_tex, l || (l = c._shader_tex = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, c.pixel_shader, {MIX_TEX:""}))) : (l = c._shader_factor, l || (l = c._shader_factor = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, c.pixel_shader)), e = null == e ? this.properties.factor : e, g.u_mix.set([e, e, e, e])); this._tex.drawTo(function() { a.bind(0); b.bind(1); d && d.bind(2); - l.uniforms(h).draw(f); + l.uniforms(g).draw(f); }); this.setOutputData(0, this._tex); } @@ -6565,7 +6566,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { return [["factor", "number"]]; }; c.pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_textureA;\n\r\n\t\t\tuniform sampler2D u_textureB;\n\r\n\t\t\t#ifdef MIX_TEX\n\r\n\t\t\t\tuniform sampler2D u_textureMix;\n\r\n\t\t\t#else\n\r\n\t\t\t\tuniform vec4 u_mix;\n\r\n\t\t\t#endif\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\t#ifdef MIX_TEX\n\r\n\t\t\t\t vec4 f = texture2D(u_textureMix, v_coord);\n\r\n\t\t\t\t#else\n\r\n\t\t\t\t vec4 f = u_mix;\n\r\n\t\t\t\t#endif\n\r\n\t\t\t gl_FragColor = mix( texture2D(u_textureA, v_coord), texture2D(u_textureB, v_coord), f );\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/mix", c); + k.registerNodeType("texture/mix", c); b.title = "Edges"; b.desc = "Detects edges"; b.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; @@ -6590,7 +6591,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; b.pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform vec2 u_isize;\n\r\n\t\t\tuniform int u_invert;\n\r\n\t\t\tuniform float u_factor;\n\r\n\t\t\tuniform float u_threshold;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec4 center = texture2D(u_texture, v_coord);\n\r\n\t\t\t\tvec4 up = texture2D(u_texture, v_coord + u_isize * vec2(0.0,1.0) );\n\r\n\t\t\t\tvec4 down = texture2D(u_texture, v_coord + u_isize * vec2(0.0,-1.0) );\n\r\n\t\t\t\tvec4 left = texture2D(u_texture, v_coord + u_isize * vec2(1.0,0.0) );\n\r\n\t\t\t\tvec4 right = texture2D(u_texture, v_coord + u_isize * vec2(-1.0,0.0) );\n\r\n\t\t\t\tvec4 diff = abs(center - up) + abs(center - down) + abs(center - left) + abs(center - right);\n\r\n\t\t\t\tdiff *= u_factor;\n\r\n\t\t\t\tif(u_invert == 1)\n\r\n\t\t\t\t\tdiff.xyz = vec3(1.0) - diff.xyz;\n\r\n\t\t\t\tif( u_threshold == 0.0 )\n\r\n\t\t\t\t\tgl_FragColor = vec4( diff.xyz, center.a );\n\r\n\t\t\t\telse\n\r\n\t\t\t\t\tgl_FragColor = vec4( diff.x > 0.5 ? 1.0 : 0.0, diff.y > 0.5 ? 1.0 : 0.0, diff.z > 0.5 ? 1.0 : 0.0, center.a );\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/edges", b); + k.registerNodeType("texture/edges", b); a.title = "Depth Range"; a.desc = "Generates a texture with a depth range"; a.prototype.onExecute = function() { @@ -6625,7 +6626,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; a.pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform vec2 u_camera_planes;\n\r\n\t\t\tuniform float u_distance;\n\r\n\t\t\tuniform float u_range;\n\r\n\t\t\t\n\r\n\t\t\tfloat LinearDepth()\n\r\n\t\t\t{\n\r\n\t\t\t\tfloat zNear = u_camera_planes.x;\n\r\n\t\t\t\tfloat zFar = u_camera_planes.y;\n\r\n\t\t\t\tfloat depth = texture2D(u_texture, v_coord).x;\n\r\n\t\t\t\tdepth = depth * 2.0 - 1.0;\n\r\n\t\t\t\treturn zNear * (depth + 1.0) / (zFar + zNear - depth * (zFar - zNear));\n\r\n\t\t\t}\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tfloat depth = LinearDepth();\n\r\n\t\t\t\t#ifdef ONLY_DEPTH\n\r\n\t\t\t\t gl_FragColor = vec4(depth);\n\r\n\t\t\t\t#else\n\r\n\t\t\t\t\tfloat diff = abs(depth * u_camera_planes.y - u_distance);\n\r\n\t\t\t\t\tfloat dof = 1.0;\n\r\n\t\t\t\t\tif(diff <= u_range)\n\r\n\t\t\t\t\t\tdof = diff / u_range;\n\r\n\t\t\t\t gl_FragColor = vec4(dof);\n\r\n\t\t\t\t#endif\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("texture/depth_range", a); + k.registerNodeType("texture/depth_range", a); m.title = "Blur"; m.desc = "Blur a texture"; m.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; @@ -6643,7 +6644,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } else { var d = this.properties.intensity; this.isInputConnected(2) && (d = this.getInputData(2), this.properties.intensity = d); - var e = g.camera_aspect; + var e = k.camera_aspect; e || void 0 === window.gl || (e = gl.canvas.height / gl.canvas.width); e || (e = 1); e = this.properties.preserve_aspect ? e : 1; @@ -6656,7 +6657,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.registerNodeType("texture/blur", m); + k.registerNodeType("texture/blur", m); n.title = "Glow"; n.desc = "Filters a texture giving it a glow effect"; n.weights = new Float32Array([0.5, 0.4, 0.3, 0.2]); @@ -6673,39 +6674,39 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (this.properties.precision === r.PASS_THROUGH || !1 === this.getInputOrProperty("enabled")) { this.setOutputData(0, a); } else { - var b = a.width, c = a.height, d = {format:a.format, type:a.type, minFilter:GL.LINEAR, magFilter:GL.LINEAR, wrap:gl.CLAMP_TO_EDGE}, e = r.getTextureType(this.properties.precision, a), f = this._uniforms, l = this._textures, h = n._cut_shader; - h || (h = n._cut_shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, n.cut_pixel_shader)); + var b = a.width, c = a.height, d = {format:a.format, type:a.type, minFilter:GL.LINEAR, magFilter:GL.LINEAR, wrap:gl.CLAMP_TO_EDGE}, e = r.getTextureType(this.properties.precision, a), f = this._uniforms, l = this._textures, g = n._cut_shader; + g || (g = n._cut_shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, n.cut_pixel_shader)); gl.disable(gl.DEPTH_TEST); gl.disable(gl.BLEND); f.u_threshold = this.getInputOrProperty("threshold"); - var g = l[0] = GL.Texture.getTemporary(b, c, d); - a.blit(g, h.uniforms(f)); - var k = g, p = this.getInputOrProperty("iterations"); + var h = l[0] = GL.Texture.getTemporary(b, c, d); + a.blit(h, g.uniforms(f)); + var k = h, p = this.getInputOrProperty("iterations"); p = Math.clamp(p, 1, 16) | 0; var m = f.u_texel_size, t = this.getInputOrProperty("intensity"); f.u_intensity = 1; f.u_delta = this.properties.scale; - h = n._shader; - h || (h = n._shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, n.scale_pixel_shader)); + g = n._shader; + g || (g = n._shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, n.scale_pixel_shader)); for (var q = 1; q < p; q++) { b >>= 1; 1 < (c | 0) && (c >>= 1); if (2 > b) { break; } - g = l[q] = GL.Texture.getTemporary(b, c, d); + h = l[q] = GL.Texture.getTemporary(b, c, d); m[0] = 1 / k.width; m[1] = 1 / k.height; - k.blit(g, h.uniforms(f)); - k = g; + k.blit(h, g.uniforms(f)); + k = h; } - this.isOutputConnected(2) && (b = this._average_texture, b && b.type == a.type && b.format == a.format || (b = this._average_texture = new GL.Texture(1, 1, {type:a.type, format:a.format, filter:gl.LINEAR})), m[0] = 1 / k.width, m[1] = 1 / k.height, f.u_intensity = t, f.u_delta = 1, k.blit(b, h.uniforms(f)), this.setOutputData(2, b)); + this.isOutputConnected(2) && (b = this._average_texture, b && b.type == a.type && b.format == a.format || (b = this._average_texture = new GL.Texture(1, 1, {type:a.type, format:a.format, filter:gl.LINEAR})), m[0] = 1 / k.width, m[1] = 1 / k.height, f.u_intensity = t, f.u_delta = 1, k.blit(b, g.uniforms(f)), this.setOutputData(2, b)); gl.enable(gl.BLEND); gl.blendFunc(gl.ONE, gl.ONE); f.u_intensity = this.getInputOrProperty("persistence"); f.u_delta = 0.5; for (q -= 2; 0 <= q; q--) { - g = l[q], l[q] = null, m[0] = 1 / k.width, m[1] = 1 / k.height, k.blit(g, h.uniforms(f)), GL.Texture.releaseTemporary(k), k = g; + h = l[q], l[q] = null, m[0] = 1 / k.width, m[1] = 1 / k.height, k.blit(h, g.uniforms(f)), GL.Texture.releaseTemporary(k), k = h; } gl.disable(gl.BLEND); this.isOutputConnected(1) && (l = this._glow_texture, l && l.width == a.width && l.height == a.height && l.type == e && l.format == a.format || (l = this._glow_texture = new GL.Texture(a.width, a.height, {type:e, format:a.format, filter:gl.LINEAR})), k.blit(l), this.setOutputData(1, l)); @@ -6714,13 +6715,13 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { l && l.width == a.width && l.height == a.height && l.type == e && l.format == a.format || (l = this._final_texture = new GL.Texture(a.width, a.height, {type:e, format:a.format, filter:gl.LINEAR})); var u = this.getInputData(1), w = this.getInputOrProperty("dirt_factor"); f.u_intensity = t; - h = u ? n._dirt_final_shader : n._final_shader; - h || (h = u ? n._dirt_final_shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, n.final_pixel_shader, {USE_DIRT:""}) : n._final_shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, n.final_pixel_shader)); + g = u ? n._dirt_final_shader : n._final_shader; + g || (g = u ? n._dirt_final_shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, n.final_pixel_shader, {USE_DIRT:""}) : n._final_shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, n.final_pixel_shader)); l.drawTo(function() { a.bind(0); k.bind(1); - u && (h.setUniform("u_dirt_factor", w), h.setUniform("u_dirt_texture", u.bind(2))); - h.toViewport(f); + u && (g.setUniform("u_dirt_factor", w), g.setUniform("u_dirt_texture", u.bind(2))); + g.toViewport(f); }); this.setOutputData(0, l); } @@ -6731,7 +6732,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { n.cut_pixel_shader = "precision highp float;\n\r\n\t\tvarying vec2 v_coord;\n\r\n\t\tuniform sampler2D u_texture;\n\r\n\t\tuniform float u_threshold;\n\r\n\t\tvoid main() {\n\r\n\t\t\tgl_FragColor = max( texture2D( u_texture, v_coord ) - vec4( u_threshold ), vec4(0.0) );\n\r\n\t\t}"; n.scale_pixel_shader = "precision highp float;\n\r\n\t\tvarying vec2 v_coord;\n\r\n\t\tuniform sampler2D u_texture;\n\r\n\t\tuniform vec2 u_texel_size;\n\r\n\t\tuniform float u_delta;\n\r\n\t\tuniform float u_intensity;\n\r\n\t\t\n\r\n\t\tvec4 sampleBox(vec2 uv) {\n\r\n\t\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\n\r\n\t\t\tvec4 s = texture2D( u_texture, uv + o.xy ) + texture2D( u_texture, uv + o.zy) + texture2D( u_texture, uv + o.xw) + texture2D( u_texture, uv + o.zw);\n\r\n\t\t\treturn s * 0.25;\n\r\n\t\t}\n\r\n\t\tvoid main() {\n\r\n\t\t\tgl_FragColor = u_intensity * sampleBox( v_coord );\n\r\n\t\t}"; n.final_pixel_shader = "precision highp float;\n\r\n\t\tvarying vec2 v_coord;\n\r\n\t\tuniform sampler2D u_texture;\n\r\n\t\tuniform sampler2D u_glow_texture;\n\r\n\t\t#ifdef USE_DIRT\n\r\n\t\t\tuniform sampler2D u_dirt_texture;\n\r\n\t\t#endif\n\r\n\t\tuniform vec2 u_texel_size;\n\r\n\t\tuniform float u_delta;\n\r\n\t\tuniform float u_intensity;\n\r\n\t\tuniform float u_dirt_factor;\n\r\n\t\t\n\r\n\t\tvec4 sampleBox(vec2 uv) {\n\r\n\t\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\n\r\n\t\t\tvec4 s = texture2D( u_glow_texture, uv + o.xy ) + texture2D( u_glow_texture, uv + o.zy) + texture2D( u_glow_texture, uv + o.xw) + texture2D( u_glow_texture, uv + o.zw);\n\r\n\t\t\treturn s * 0.25;\n\r\n\t\t}\n\r\n\t\tvoid main() {\n\r\n\t\t\tvec4 glow = sampleBox( v_coord );\n\r\n\t\t\t#ifdef USE_DIRT\n\r\n\t\t\t\tglow = mix( glow, glow * texture2D( u_dirt_texture, v_coord ), u_dirt_factor );\n\r\n\t\t\t#endif\n\r\n\t\t\tgl_FragColor = texture2D( u_texture, v_coord ) + u_intensity * glow;\n\r\n\t\t}"; - g.registerNodeType("texture/glow", n); + k.registerNodeType("texture/glow", n); z.title = "Kuwahara Filter"; z.desc = "Filters a texture giving an artistic oil canvas painting"; z.max_radius = 10; @@ -6746,7 +6747,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (0 == b) { this.setOutputData(0, a); } else { - var c = this.properties.intensity, d = g.camera_aspect; + var c = this.properties.intensity, d = k.camera_aspect; d || void 0 === window.gl || (d = gl.canvas.height / gl.canvas.width); d || (d = 1); d = this.properties.preserve_aspect ? d : 1; @@ -6761,10 +6762,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; z.pixel_shader = "\n\r\n\tprecision highp float;\n\r\n\tvarying vec2 v_coord;\n\r\n\tuniform sampler2D u_texture;\n\r\n\tuniform float u_intensity;\n\r\n\tuniform vec2 u_resolution;\n\r\n\tuniform vec2 u_iResolution;\n\r\n\t#ifndef RADIUS\n\r\n\t\t#define RADIUS 7\n\r\n\t#endif\n\r\n\tvoid main() {\n\r\n\t\n\r\n\t\tconst int radius = RADIUS;\n\r\n\t\tvec2 fragCoord = v_coord;\n\r\n\t\tvec2 src_size = u_iResolution;\n\r\n\t\tvec2 uv = v_coord;\n\r\n\t\tfloat n = float((radius + 1) * (radius + 1));\n\r\n\t\tint i;\n\r\n\t\tint j;\n\r\n\t\tvec3 m0 = vec3(0.0); vec3 m1 = vec3(0.0); vec3 m2 = vec3(0.0); vec3 m3 = vec3(0.0);\n\r\n\t\tvec3 s0 = vec3(0.0); vec3 s1 = vec3(0.0); vec3 s2 = vec3(0.0); vec3 s3 = vec3(0.0);\n\r\n\t\tvec3 c;\n\r\n\t\t\n\r\n\t\tfor (int j = -radius; j <= 0; ++j) {\n\r\n\t\t\tfor (int i = -radius; i <= 0; ++i) {\n\r\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\r\n\t\t\t\tm0 += c;\n\r\n\t\t\t\ts0 += c * c;\n\r\n\t\t\t}\n\r\n\t\t}\n\r\n\t\t\n\r\n\t\tfor (int j = -radius; j <= 0; ++j) {\n\r\n\t\t\tfor (int i = 0; i <= radius; ++i) {\n\r\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\r\n\t\t\t\tm1 += c;\n\r\n\t\t\t\ts1 += c * c;\n\r\n\t\t\t}\n\r\n\t\t}\n\r\n\t\t\n\r\n\t\tfor (int j = 0; j <= radius; ++j) {\n\r\n\t\t\tfor (int i = 0; i <= radius; ++i) {\n\r\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\r\n\t\t\t\tm2 += c;\n\r\n\t\t\t\ts2 += c * c;\n\r\n\t\t\t}\n\r\n\t\t}\n\r\n\t\t\n\r\n\t\tfor (int j = 0; j <= radius; ++j) {\n\r\n\t\t\tfor (int i = -radius; i <= 0; ++i) {\n\r\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\r\n\t\t\t\tm3 += c;\n\r\n\t\t\t\ts3 += c * c;\n\r\n\t\t\t}\n\r\n\t\t}\n\r\n\t\t\n\r\n\t\tfloat min_sigma2 = 1e+2;\n\r\n\t\tm0 /= n;\n\r\n\t\ts0 = abs(s0 / n - m0 * m0);\n\r\n\t\t\n\r\n\t\tfloat sigma2 = s0.r + s0.g + s0.b;\n\r\n\t\tif (sigma2 < min_sigma2) {\n\r\n\t\t\tmin_sigma2 = sigma2;\n\r\n\t\t\tgl_FragColor = vec4(m0, 1.0);\n\r\n\t\t}\n\r\n\t\t\n\r\n\t\tm1 /= n;\n\r\n\t\ts1 = abs(s1 / n - m1 * m1);\n\r\n\t\t\n\r\n\t\tsigma2 = s1.r + s1.g + s1.b;\n\r\n\t\tif (sigma2 < min_sigma2) {\n\r\n\t\t\tmin_sigma2 = sigma2;\n\r\n\t\t\tgl_FragColor = vec4(m1, 1.0);\n\r\n\t\t}\n\r\n\t\t\n\r\n\t\tm2 /= n;\n\r\n\t\ts2 = abs(s2 / n - m2 * m2);\n\r\n\t\t\n\r\n\t\tsigma2 = s2.r + s2.g + s2.b;\n\r\n\t\tif (sigma2 < min_sigma2) {\n\r\n\t\t\tmin_sigma2 = sigma2;\n\r\n\t\t\tgl_FragColor = vec4(m2, 1.0);\n\r\n\t\t}\n\r\n\t\t\n\r\n\t\tm3 /= n;\n\r\n\t\ts3 = abs(s3 / n - m3 * m3);\n\r\n\t\t\n\r\n\t\tsigma2 = s3.r + s3.g + s3.b;\n\r\n\t\tif (sigma2 < min_sigma2) {\n\r\n\t\t\tmin_sigma2 = sigma2;\n\r\n\t\t\tgl_FragColor = vec4(m3, 1.0);\n\r\n\t\t}\n\r\n\t}\n\r\n\t"; - g.registerNodeType("texture/kuwahara", z); - h.title = "Webcam"; - h.desc = "Webcam texture"; - h.prototype.openStream = function() { + k.registerNodeType("texture/kuwahara", z); + g.title = "Webcam"; + g.desc = "Webcam texture"; + g.prototype.openStream = function() { if (navigator.getUserMedia) { this._waiting_confirmation = !0; navigator.mediaDevices.getUserMedia({audio:!1, video:{facingMode:this.properties.facingMode}}).then(this.streamReady.bind(this)).catch(function(b) { @@ -6776,7 +6777,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { var a = this; } }; - h.prototype.closeStream = function() { + g.prototype.closeStream = function() { if (this._webcam_stream) { var a = this._webcam_stream.getTracks(); if (a.length) { @@ -6789,7 +6790,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.trigger("stream_closed"); } }; - h.prototype.streamReady = function(a) { + g.prototype.streamReady = function(a) { this._webcam_stream = a; this.boxcolor = "green"; var b = this._video; @@ -6798,10 +6799,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }); this.trigger("stream_ready", b); }; - h.prototype.onPropertyChanged = function(a, b) { + g.prototype.onPropertyChanged = function(a, b) { "facingMode" == a && (this.properties.facingMode = b, this.closeStream(), this.openStream()); }; - h.prototype.onRemoved = function() { + g.prototype.onRemoved = function() { if (this._webcam_stream) { var a = this._webcam_stream.getTracks(); if (a.length) { @@ -6812,10 +6813,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this._video = this._webcam_stream = null; } }; - h.prototype.onDrawBackground = function(a) { + g.prototype.onDrawBackground = function(a) { this.flags.collapsed || 20 >= this.size[1] || !this._video || (a.save(), a.webgl ? this._video_texture && a.drawImage(this._video_texture, 0, 0, this.size[0], this.size[1]) : a.drawImage(this._video, 0, 0, this.size[0], this.size[1]), a.restore()); }; - h.prototype.onExecute = function() { + g.prototype.onExecute = function() { null != this._webcam_stream || this._waiting_confirmation || this.openStream(); if (this._video && this._video.videoWidth) { var a = this._video.videoWidth, b = this._video.videoHeight, c = this._video_texture; @@ -6837,10 +6838,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - h.prototype.onGetOutputs = function() { - return [["width", "number"], ["height", "number"], ["stream_ready", g.EVENT], ["stream_closed", g.EVENT], ["stream_error", g.EVENT]]; + g.prototype.onGetOutputs = function() { + return [["width", "number"], ["height", "number"], ["stream_ready", k.EVENT], ["stream_closed", k.EVENT], ["stream_error", k.EVENT]]; }; - g.registerNodeType("texture/webcam", h); + k.registerNodeType("texture/webcam", g); y.title = "Lens FX"; y.desc = "distortion and chromatic aberration"; y.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; @@ -6871,7 +6872,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; y.pixel_shader = "precision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform float u_factor;\n\r\n\t\t\tvec2 barrelDistortion(vec2 coord, float amt) {\n\r\n\t\t\t\tvec2 cc = coord - 0.5;\n\r\n\t\t\t\tfloat dist = dot(cc, cc);\n\r\n\t\t\t\treturn coord + cc * dist * amt;\n\r\n\t\t\t}\n\r\n\t\t\t\n\r\n\t\t\tfloat sat( float t )\n\r\n\t\t\t{\n\r\n\t\t\t\treturn clamp( t, 0.0, 1.0 );\n\r\n\t\t\t}\n\r\n\t\t\t\n\r\n\t\t\tfloat linterp( float t ) {\n\r\n\t\t\t\treturn sat( 1.0 - abs( 2.0*t - 1.0 ) );\n\r\n\t\t\t}\n\r\n\t\t\t\n\r\n\t\t\tfloat remap( float t, float a, float b ) {\n\r\n\t\t\t\treturn sat( (t - a) / (b - a) );\n\r\n\t\t\t}\n\r\n\t\t\t\n\r\n\t\t\tvec4 spectrum_offset( float t ) {\n\r\n\t\t\t\tvec4 ret;\n\r\n\t\t\t\tfloat lo = step(t,0.5);\n\r\n\t\t\t\tfloat hi = 1.0-lo;\n\r\n\t\t\t\tfloat w = linterp( remap( t, 1.0/6.0, 5.0/6.0 ) );\n\r\n\t\t\t\tret = vec4(lo,1.0,hi, 1.) * vec4(1.0-w, w, 1.0-w, 1.);\n\r\n\t\t\t\n\r\n\t\t\t\treturn pow( ret, vec4(1.0/2.2) );\n\r\n\t\t\t}\n\r\n\t\t\t\n\r\n\t\t\tconst float max_distort = 2.2;\n\r\n\t\t\tconst int num_iter = 12;\n\r\n\t\t\tconst float reci_num_iter_f = 1.0 / float(num_iter);\n\r\n\t\t\t\n\r\n\t\t\tvoid main()\n\r\n\t\t\t{\t\n\r\n\t\t\t\tvec2 uv=v_coord;\n\r\n\t\t\t\tvec4 sumcol = vec4(0.0);\n\r\n\t\t\t\tvec4 sumw = vec4(0.0);\t\n\r\n\t\t\t\tfor ( int i=0; i= this.size[1] || !a.webgl || gl.meshes.cube || (gl.meshes.cube = GL.Mesh.cube({size:1})); }; - g.registerNodeType("texture/cubemap", k); + k.registerNodeType("texture/cubemap", h); } })(this); (function(v) { - var g = v.LiteGraph; + var k = v.LiteGraph; if ("undefined" != typeof GL) { - var k = function() { + var h = function() { this.addInput("Tex.", "Texture"); this.addInput("intensity", "number"); this.addOutput("Texture", "Texture"); this.properties = {intensity:1, invert:!1, precision:LGraphTexture.DEFAULT}; - k._shader || (k._shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, k.pixel_shader)); + h._shader || (h._shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, h.pixel_shader)); }, q = function() { this.addInput("Texture", "Texture"); this.addInput("value1", "number"); @@ -7092,72 +7093,72 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } else { if (d) { this._tex = LGraphTexture.getTargetTexture(d, this._tex, this.properties.precision); - var g = this.properties.aberration; - this.isInputConnected(1) && (g = this.getInputData(1), this.properties.aberration = g); + var h = this.properties.aberration; + this.isInputConnected(1) && (h = this.getInputData(1), this.properties.aberration = h); var k = this.properties.distortion; this.isInputConnected(2) && (k = this.getInputData(2), this.properties.distortion = k); - var h = this.properties.blur; - this.isInputConnected(3) && (h = this.getInputData(3), this.properties.blur = h); + var g = this.properties.blur; + this.isInputConnected(3) && (g = this.getInputData(3), this.properties.blur = g); gl.disable(gl.BLEND); gl.disable(gl.DEPTH_TEST); var q = Mesh.getScreenQuad(), n = u._shader; this._tex.drawTo(function() { d.bind(0); - n.uniforms({u_texture:0, u_aberration:g, u_distortion:k, u_blur:h}).draw(q); + n.uniforms({u_texture:0, u_aberration:h, u_distortion:k, u_blur:g}).draw(q); }); this.setOutputData(0, this._tex); } } }; u.pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform vec2 u_camera_planes;\n\r\n\t\t\tuniform float u_aberration;\n\r\n\t\t\tuniform float u_distortion;\n\r\n\t\t\tuniform float u_blur;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec2 coord = v_coord;\n\r\n\t\t\t\tfloat dist = distance(vec2(0.5), coord);\n\r\n\t\t\t\tvec2 dist_coord = coord - vec2(0.5);\n\r\n\t\t\t\tfloat percent = 1.0 + ((0.5 - dist) / 0.5) * u_distortion;\n\r\n\t\t\t\tdist_coord *= percent;\n\r\n\t\t\t\tcoord = dist_coord + vec2(0.5);\n\r\n\t\t\t\tvec4 color = texture2D(u_texture,coord, u_blur * dist);\n\r\n\t\t\t\tcolor.r = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0+0.01*u_aberration), u_blur * dist ).r;\n\r\n\t\t\t\tcolor.b = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0-0.01*u_aberration), u_blur * dist ).b;\n\r\n\t\t\t\tgl_FragColor = color;\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("fx/lens", u); + k.registerNodeType("fx/lens", u); v.LGraphFXLens = u; d.title = "Bokeh"; d.desc = "applies an Bokeh effect"; d.widgets_info = {shape:{widget:"texture"}}; d.prototype.onExecute = function() { - var g = this.getInputData(0), k = this.getInputData(1), q = this.getInputData(2); - if (g && q && this.properties.shape) { - k || (k = g); - var h = LGraphTexture.getTexture(this.properties.shape); - if (h) { + var h = this.getInputData(0), k = this.getInputData(1), q = this.getInputData(2); + if (h && q && this.properties.shape) { + k || (k = h); + var g = LGraphTexture.getTexture(this.properties.shape); + if (g) { var u = this.properties.threshold; this.isInputConnected(3) && (u = this.getInputData(3), this.properties.threshold = u); var n = gl.UNSIGNED_BYTE; this.properties.high_precision && (n = gl.half_float_ext ? gl.HALF_FLOAT_OES : gl.FLOAT); - this._temp_texture && this._temp_texture.type == n && this._temp_texture.width == g.width && this._temp_texture.height == g.height || (this._temp_texture = new GL.Texture(g.width, g.height, {type:n, format:gl.RGBA, filter:gl.LINEAR})); + this._temp_texture && this._temp_texture.type == n && this._temp_texture.width == h.width && this._temp_texture.height == h.height || (this._temp_texture = new GL.Texture(h.width, h.height, {type:n, format:gl.RGBA, filter:gl.LINEAR})); var m = d._first_shader; m || (m = d._first_shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, d._first_pixel_shader)); var a = d._second_shader; a || (a = d._second_shader = new GL.Shader(d._second_vertex_shader, d._second_pixel_shader)); var b = this._points_mesh; - b && b._width == g.width && b._height == g.height && 2 == b._spacing || (b = this.createPointsMesh(g.width, g.height, 2)); + b && b._width == h.width && b._height == h.height && 2 == b._spacing || (b = this.createPointsMesh(h.width, h.height, 2)); var c = Mesh.getScreenQuad(), e = this.properties.size, f = this.properties.alpha; gl.disable(gl.DEPTH_TEST); gl.disable(gl.BLEND); this._temp_texture.drawTo(function() { - g.bind(0); + h.bind(0); k.bind(1); q.bind(2); - m.uniforms({u_texture:0, u_texture_blur:1, u_mask:2, u_texsize:[g.width, g.height]}).draw(c); + m.uniforms({u_texture:0, u_texture_blur:1, u_mask:2, u_texsize:[h.width, h.height]}).draw(c); }); this._temp_texture.drawTo(function() { gl.enable(gl.BLEND); gl.blendFunc(gl.ONE, gl.ONE); - g.bind(0); - h.bind(3); - a.uniforms({u_texture:0, u_mask:2, u_shape:3, u_alpha:f, u_threshold:u, u_pointSize:e, u_itexsize:[1.0 / g.width, 1.0 / g.height]}).draw(b, gl.POINTS); + h.bind(0); + g.bind(3); + a.uniforms({u_texture:0, u_mask:2, u_shape:3, u_alpha:f, u_threshold:u, u_pointSize:e, u_itexsize:[1.0 / h.width, 1.0 / h.height]}).draw(b, gl.POINTS); }); this.setOutputData(0, this._temp_texture); } } else { - this.setOutputData(0, g); + this.setOutputData(0, h); } }; - d.prototype.createPointsMesh = function(d, g, k) { - for (var h = Math.round(d / k), q = Math.round(g / k), n = new Float32Array(h * q * 2), m = -1, a = 2 / d * k, b = 2 / g * k, c = 0; c < q; ++c) { - for (var e = -1, f = 0; f < h; ++f) { - var l = c * h * 2 + 2 * f; + d.prototype.createPointsMesh = function(d, h, k) { + for (var g = Math.round(d / k), q = Math.round(h / k), n = new Float32Array(g * q * 2), m = -1, a = 2 / d * k, b = 2 / h * k, c = 0; c < q; ++c) { + for (var e = -1, f = 0; f < g; ++f) { + var l = c * g * 2 + 2 * f; n[l] = e; n[l + 1] = m; e += a; @@ -7166,14 +7167,14 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } this._points_mesh = GL.Mesh.load({vertices2D:n}); this._points_mesh._width = d; - this._points_mesh._height = g; + this._points_mesh._height = h; this._points_mesh._spacing = k; return this._points_mesh; }; d._first_pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform sampler2D u_texture_blur;\n\r\n\t\t\tuniform sampler2D u_mask;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\r\n\t\t\t\tvec4 blurred_color = texture2D(u_texture_blur, v_coord);\n\r\n\t\t\t\tfloat mask = texture2D(u_mask, v_coord).x;\n\r\n\t\t\t gl_FragColor = mix(color, blurred_color, mask);\n\r\n\t\t\t}\n\r\n\t\t\t"; d._second_vertex_shader = "precision highp float;\n\r\n\t\t\tattribute vec2 a_vertex2D;\n\r\n\t\t\tvarying vec4 v_color;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform sampler2D u_mask;\n\r\n\t\t\tuniform vec2 u_itexsize;\n\r\n\t\t\tuniform float u_pointSize;\n\r\n\t\t\tuniform float u_threshold;\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec2 coord = a_vertex2D * 0.5 + 0.5;\n\r\n\t\t\t\tv_color = texture2D( u_texture, coord );\n\r\n\t\t\t\tv_color += texture2D( u_texture, coord + vec2(u_itexsize.x, 0.0) );\n\r\n\t\t\t\tv_color += texture2D( u_texture, coord + vec2(0.0, u_itexsize.y));\n\r\n\t\t\t\tv_color += texture2D( u_texture, coord + u_itexsize);\n\r\n\t\t\t\tv_color *= 0.25;\n\r\n\t\t\t\tfloat mask = texture2D(u_mask, coord).x;\n\r\n\t\t\t\tfloat luminance = length(v_color) * mask;\n\r\n\t\t\t\t/*luminance /= (u_pointSize*u_pointSize)*0.01 */;\n\r\n\t\t\t\tluminance -= u_threshold;\n\r\n\t\t\t\tif(luminance < 0.0)\n\r\n\t\t\t\t{\n\r\n\t\t\t\t\tgl_Position.x = -100.0;\n\r\n\t\t\t\t\treturn;\n\r\n\t\t\t\t}\n\r\n\t\t\t\tgl_PointSize = u_pointSize;\n\r\n\t\t\t\tgl_Position = vec4(a_vertex2D,0.0,1.0);\n\r\n\t\t\t}\n\r\n\t\t\t"; d._second_pixel_shader = "precision highp float;\n\r\n\t\t\tvarying vec4 v_color;\n\r\n\t\t\tuniform sampler2D u_shape;\n\r\n\t\t\tuniform float u_alpha;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec4 color = texture2D( u_shape, gl_PointCoord );\n\r\n\t\t\t\tcolor *= v_color * u_alpha;\n\r\n\t\t\t\tgl_FragColor = color;\n\r\n\t\t\t}\n"; - g.registerNodeType("fx/bokeh", d); + k.registerNodeType("fx/bokeh", d); v.LGraphFXBokeh = d; q.title = "FX"; q.desc = "applies an FX from a list"; @@ -7187,28 +7188,28 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } else { if (d) { this._tex = LGraphTexture.getTargetTexture(d, this._tex, this.properties.precision); - var g = this.properties.value1; - this.isInputConnected(1) && (g = this.getInputData(1), this.properties.value1 = g); + var h = this.properties.value1; + this.isInputConnected(1) && (h = this.getInputData(1), this.properties.value1 = h); var k = this.properties.value2; this.isInputConnected(2) && (k = this.getInputData(2), this.properties.value2 = k); - var h = this.properties.fx, u = q.shaders[h]; + var g = this.properties.fx, u = q.shaders[g]; if (!u) { - var n = q["pixel_shader_" + h]; + var n = q["pixel_shader_" + g]; if (!n) { return; } - u = q.shaders[h] = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, n); + u = q.shaders[g] = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, n); } gl.disable(gl.BLEND); gl.disable(gl.DEPTH_TEST); var m = Mesh.getScreenQuad(); camera_planes = v.LS && LS.Renderer._current_camera ? [LS.Renderer._current_camera.near, LS.Renderer._current_camera.far] : [1, 100]; var a = null; - "noise" == h && (a = LGraphTexture.getNoiseTexture()); + "noise" == g && (a = LGraphTexture.getNoiseTexture()); this._tex.drawTo(function() { d.bind(0); - "noise" == h && a.bind(1); - u.uniforms({u_texture:0, u_noise:1, u_size:[d.width, d.height], u_rand:[Math.random(), Math.random()], u_value1:g, u_value2:k, u_camera_planes:camera_planes}).draw(m); + "noise" == g && a.bind(1); + u.uniforms({u_texture:0, u_noise:1, u_size:[d.width, d.height], u_rand:[Math.random(), Math.random()], u_value1:h, u_value2:k, u_camera_planes:camera_planes}).draw(m); }); this.setOutputData(0, this._tex); } @@ -7220,43 +7221,43 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { q.pixel_shader_lowpalette = "precision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform vec2 u_camera_planes;\n\r\n\t\t\tuniform vec2 u_size;\n\r\n\t\t\tuniform float u_value1;\n\r\n\t\t\tuniform float u_value2;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\r\n\t\t\t\tgl_FragColor = floor(color * u_value1) / u_value1;\n\r\n\t\t\t}\n"; q.pixel_shader_noise = "precision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform sampler2D u_noise;\n\r\n\t\t\tuniform vec2 u_size;\n\r\n\t\t\tuniform float u_value1;\n\r\n\t\t\tuniform float u_value2;\n\r\n\t\t\tuniform vec2 u_rand;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\r\n\t\t\t\tvec3 noise = texture2D(u_noise, v_coord * vec2(u_size.x / 512.0, u_size.y / 512.0) + u_rand).xyz - vec3(0.5);\n\r\n\t\t\t\tgl_FragColor = vec4( color.xyz + noise * u_value1, color.a );\n\r\n\t\t\t}\n"; q.pixel_shader_gamma = "precision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform float u_value1;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\r\n\t\t\t\tfloat gamma = 1.0 / u_value1;\n\r\n\t\t\t\tgl_FragColor = vec4( pow( color.xyz, vec3(gamma) ), color.a );\n\r\n\t\t\t}\n"; - g.registerNodeType("fx/generic", q); + k.registerNodeType("fx/generic", q); v.LGraphFXGeneric = q; - k.title = "Vigneting"; - k.desc = "Vigneting"; - k.widgets_info = {precision:{widget:"combo", values:LGraphTexture.MODE_VALUES}}; - k.prototype.onExecute = function() { + h.title = "Vigneting"; + h.desc = "Vigneting"; + h.widgets_info = {precision:{widget:"combo", values:LGraphTexture.MODE_VALUES}}; + h.prototype.onExecute = function() { var d = this.getInputData(0); if (this.properties.precision === LGraphTexture.PASS_THROUGH) { this.setOutputData(0, d); } else { if (d) { this._tex = LGraphTexture.getTargetTexture(d, this._tex, this.properties.precision); - var g = this.properties.intensity; - this.isInputConnected(1) && (g = this.getInputData(1), this.properties.intensity = g); + var k = this.properties.intensity; + this.isInputConnected(1) && (k = this.getInputData(1), this.properties.intensity = k); gl.disable(gl.BLEND); gl.disable(gl.DEPTH_TEST); - var q = Mesh.getScreenQuad(), h = k._shader, u = this.properties.invert; + var q = Mesh.getScreenQuad(), g = h._shader, u = this.properties.invert; this._tex.drawTo(function() { d.bind(0); - h.uniforms({u_texture:0, u_intensity:g, u_isize:[1 / d.width, 1 / d.height], u_invert:u ? 1 : 0}).draw(q); + g.uniforms({u_texture:0, u_intensity:k, u_isize:[1 / d.width, 1 / d.height], u_invert:u ? 1 : 0}).draw(q); }); this.setOutputData(0, this._tex); } } }; - k.pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform float u_intensity;\n\r\n\t\t\tuniform int u_invert;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tfloat luminance = 1.0 - length( v_coord - vec2(0.5) ) * 1.414;\n\r\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\r\n\t\t\t\tif(u_invert == 1)\n\r\n\t\t\t\t\tluminance = 1.0 - luminance;\n\r\n\t\t\t\tluminance = mix(1.0, luminance, u_intensity);\n\r\n\t\t\t gl_FragColor = vec4( luminance * color.xyz, color.a);\n\r\n\t\t\t}\n\r\n\t\t\t"; - g.registerNodeType("fx/vigneting", k); - v.LGraphFXVigneting = k; + h.pixel_shader = "precision highp float;\n\r\n\t\t\tprecision highp float;\n\r\n\t\t\tvarying vec2 v_coord;\n\r\n\t\t\tuniform sampler2D u_texture;\n\r\n\t\t\tuniform float u_intensity;\n\r\n\t\t\tuniform int u_invert;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t\tfloat luminance = 1.0 - length( v_coord - vec2(0.5) ) * 1.414;\n\r\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\r\n\t\t\t\tif(u_invert == 1)\n\r\n\t\t\t\t\tluminance = 1.0 - luminance;\n\r\n\t\t\t\tluminance = mix(1.0, luminance, u_intensity);\n\r\n\t\t\t gl_FragColor = vec4( luminance * color.xyz, color.a);\n\r\n\t\t\t}\n\r\n\t\t\t"; + k.registerNodeType("fx/vigneting", h); + v.LGraphFXVigneting = h; } })(this); (function(v) { - function g(a) { + function k(a) { this.cmd = this.channel = 0; this.data = new Uint32Array(3); a && this.setup(a); } - function k(a, c) { + function h(a, c) { navigator.requestMIDIAccess ? (this.on_ready = a, this.state = {note:[], cc:[]}, navigator.requestMIDIAccess().then(this.onMIDISuccess.bind(this), this.onMIDIFailure.bind(this))) : (this.error = "not suppoorted", c ? c("Not supported") : console.error("MIDI NOT SUPPORTED, enable by chrome://flags")); } function q() { @@ -7265,7 +7266,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.properties = {port:0}; this._current_midi_event = this._last_midi_event = null; var b = this; - new k(function(a) { + new h(function(a) { b._midi = a; if (b._waiting) { b.onStart(); @@ -7277,7 +7278,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.addInput("send", a.EVENT); this.properties = {port:0}; var b = this; - new k(function(a) { + new h(function(a) { b._midi = a; }); } @@ -7296,19 +7297,19 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.addInput("send", a.EVENT); this.addInput("assign", a.EVENT); this.addOutput("on_midi", a.EVENT); - this.midi_event = new g; + this.midi_event = new k; } function y() { this.properties = {cc:1, value:0}; this.addOutput("value", "number"); } - function h() { + function g() { this.addInput("generate", a.ACTION); this.addInput("scale", "string"); this.addInput("octave", "number"); this.addOutput("note", a.EVENT); this.properties = {notes:"A,A#,B,C,C#,D,D#,E,F,F#,G,G#", octave:2, mode:"sequence"}; - this.notes_pitches = h.processScale(this.properties.notes); + this.notes_pitches = g.processScale(this.properties.notes); this.sequence_index = 0; } function z() { @@ -7316,7 +7317,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.addInput("in", a.ACTION); this.addInput("amount", "number"); this.addOutput("out", a.EVENT); - this.midi_event = new g; + this.midi_event = new k; } function n() { this.properties = {scale:"A,A#,B,C,C#,D,D#,E,F,F#,G,G#"}; @@ -7326,7 +7327,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.valid_notes = Array(12); this.offset_notes = Array(12); this.processScale(this.properties.scale); - this.midi_event = new g; + this.midi_event = new k; } function m() { this.properties = {volume:0.5, duration:1}; @@ -7337,57 +7338,57 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { "undefined" == typeof AudioSynth ? (console.error("Audiosynth.js not included, LGMidiPlay requires that library"), this.boxcolor = "red") : this.instrument = (this.synth = new AudioSynth).createInstrument("piano"); } var a = v.LiteGraph; - a.MIDIEvent = g; - g.prototype.setup = function(a) { + a.MIDIEvent = k; + k.prototype.setup = function(a) { this.data.set(a); this.status = a = a[0]; var b = a & 240; this.cmd = 240 <= a ? a : b; - this.cmd == g.NOTEON && 0 == this.velocity && (this.cmd = g.NOTEOFF); - this.cmd_str = g.commands[this.cmd] || ""; - if (b >= g.NOTEON || b <= g.NOTEOFF) { + this.cmd == k.NOTEON && 0 == this.velocity && (this.cmd = k.NOTEOFF); + this.cmd_str = k.commands[this.cmd] || ""; + if (b >= k.NOTEON || b <= k.NOTEOFF) { this.channel = a & 15; } }; - Object.defineProperty(g.prototype, "velocity", {get:function() { - return this.cmd == g.NOTEON ? this.data[2] : -1; + Object.defineProperty(k.prototype, "velocity", {get:function() { + return this.cmd == k.NOTEON ? this.data[2] : -1; }, set:function(a) { this.data[2] = a; }, enumerable:!0}); - g.notes = "A A# B C C# D D# E F F# G G#".split(" "); - g.note_to_index = {A:0, "A#":1, B:2, C:3, "C#":4, D:5, "D#":6, E:7, F:8, "F#":9, G:10, "G#":11}; - Object.defineProperty(g.prototype, "note", {get:function() { - return this.cmd != g.NOTEON ? -1 : g.toNoteString(this.data[1], !0); + k.notes = "A A# B C C# D D# E F F# G G#".split(" "); + k.note_to_index = {A:0, "A#":1, B:2, C:3, "C#":4, D:5, "D#":6, E:7, F:8, "F#":9, G:10, "G#":11}; + Object.defineProperty(k.prototype, "note", {get:function() { + return this.cmd != k.NOTEON ? -1 : k.toNoteString(this.data[1], !0); }, set:function(a) { throw "notes cannot be assigned this way, must modify the data[1]"; }, enumerable:!0}); - Object.defineProperty(g.prototype, "octave", {get:function() { - return this.cmd != g.NOTEON ? -1 : Math.floor((this.data[1] - 24) / 12 + 1); + Object.defineProperty(k.prototype, "octave", {get:function() { + return this.cmd != k.NOTEON ? -1 : Math.floor((this.data[1] - 24) / 12 + 1); }, set:function(a) { throw "octave cannot be assigned this way, must modify the data[1]"; }, enumerable:!0}); - g.prototype.getPitch = function() { + k.prototype.getPitch = function() { return 440 * Math.pow(2, (this.data[1] - 69) / 12); }; - g.computePitch = function(a) { + k.computePitch = function(a) { return 440 * Math.pow(2, (a - 69) / 12); }; - g.prototype.getCC = function() { + k.prototype.getCC = function() { return this.data[1]; }; - g.prototype.getCCValue = function() { + k.prototype.getCCValue = function() { return this.data[2]; }; - g.prototype.getPitchBend = function() { + k.prototype.getPitchBend = function() { return this.data[1] + (this.data[2] << 7) - 8192; }; - g.computePitchBend = function(a, c) { + k.computePitchBend = function(a, c) { return a + (c << 7) - 8192; }; - g.prototype.setCommandFromString = function(a) { - this.cmd = g.computeCommandFromString(a); + k.prototype.setCommandFromString = function(a) { + this.cmd = k.computeCommandFromString(a); }; - g.computeCommandFromString = function(a) { + k.computeCommandFromString = function(a) { if (!a) { return 0; } @@ -7398,88 +7399,88 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { switch(a) { case "NOTE ON": case "NOTEON": - return g.NOTEON; + return k.NOTEON; case "NOTE OFF": case "NOTEOFF": - return g.NOTEON; + return k.NOTEON; case "KEY PRESSURE": case "KEYPRESSURE": - return g.KEYPRESSURE; + return k.KEYPRESSURE; case "CONTROLLER CHANGE": case "CONTROLLERCHANGE": case "CC": - return g.CONTROLLERCHANGE; + return k.CONTROLLERCHANGE; case "PROGRAM CHANGE": case "PROGRAMCHANGE": case "PC": - return g.PROGRAMCHANGE; + return k.PROGRAMCHANGE; case "CHANNEL PRESSURE": case "CHANNELPRESSURE": - return g.CHANNELPRESSURE; + return k.CHANNELPRESSURE; case "PITCH BEND": case "PITCHBEND": - return g.PITCHBEND; + return k.PITCHBEND; case "TIME TICK": case "TIMETICK": - return g.TIMETICK; + return k.TIMETICK; default: return Number(a); } }; - g.toNoteString = function(a, c) { + k.toNoteString = function(a, c) { a = Math.round(a); var b = Math.floor((a - 24) / 12 + 1); a = (a - 21) % 12; 0 > a && (a = 12 + a); - return g.notes[a] + (c ? "" : b); + return k.notes[a] + (c ? "" : b); }; - g.NoteStringToPitch = function(a) { + k.NoteStringToPitch = function(a) { a = a.toUpperCase(); var b = a[0], d = 4; "#" == a[1] ? (b += "#", 2 < a.length && (d = Number(a[2]))) : 1 < a.length && (d = Number(a[1])); - a = g.note_to_index[b]; + a = k.note_to_index[b]; return null == a ? null : 12 * (d - 1) + a + 21; }; - g.prototype.toString = function() { + k.prototype.toString = function() { var a = "" + this.channel + ". "; switch(this.cmd) { - case g.NOTEON: - a += "NOTEON " + g.toNoteString(this.data[1]); + case k.NOTEON: + a += "NOTEON " + k.toNoteString(this.data[1]); break; - case g.NOTEOFF: - a += "NOTEOFF " + g.toNoteString(this.data[1]); + case k.NOTEOFF: + a += "NOTEOFF " + k.toNoteString(this.data[1]); break; - case g.CONTROLLERCHANGE: + case k.CONTROLLERCHANGE: a += "CC " + this.data[1] + " " + this.data[2]; break; - case g.PROGRAMCHANGE: + case k.PROGRAMCHANGE: a += "PC " + this.data[1]; break; - case g.PITCHBEND: + case k.PITCHBEND: a += "PITCHBEND " + this.getPitchBend(); break; - case g.KEYPRESSURE: + case k.KEYPRESSURE: a += "KEYPRESS " + this.data[1]; } return a; }; - g.prototype.toHexString = function() { + k.prototype.toHexString = function() { for (var a = "", c = 0; c < this.data.length; c++) { a += this.data[c].toString(16) + " "; } }; - g.NOTEOFF = 128; - g.NOTEON = 144; - g.KEYPRESSURE = 160; - g.CONTROLLERCHANGE = 176; - g.PROGRAMCHANGE = 192; - g.CHANNELPRESSURE = 208; - g.PITCHBEND = 224; - g.TIMETICK = 248; - g.commands = {128:"note off", 144:"note on", 160:"key pressure", 176:"controller change", 192:"program change", 208:"channel pressure", 224:"pitch bend", 240:"system", 242:"Song pos", 243:"Song select", 246:"Tune request", 248:"time tick", 250:"Start Song", 251:"Continue Song", 252:"Stop Song", 254:"Sensing", 255:"Reset"}; - k.input = null; - k.MIDIEvent = g; - k.prototype.onMIDISuccess = function(a) { + k.NOTEOFF = 128; + k.NOTEON = 144; + k.KEYPRESSURE = 160; + k.CONTROLLERCHANGE = 176; + k.PROGRAMCHANGE = 192; + k.CHANNELPRESSURE = 208; + k.PITCHBEND = 224; + k.TIMETICK = 248; + k.commands = {128:"note off", 144:"note on", 160:"key pressure", 176:"controller change", 192:"program change", 208:"channel pressure", 224:"pitch bend", 240:"system", 242:"Song pos", 243:"Song select", 246:"Tune request", 248:"time tick", 250:"Start Song", 251:"Continue Song", 252:"Stop Song", 254:"Sensing", 255:"Reset"}; + h.input = null; + h.MIDIEvent = k; + h.prototype.onMIDISuccess = function(a) { console.log("MIDI ready!"); console.log(a); this.midi = a; @@ -7488,7 +7489,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.on_ready(this); } }; - k.prototype.updatePorts = function() { + h.prototype.updatePorts = function() { var a = this.midi; this.input_ports = a.inputs; for (var c = 0, d = this.input_ports.values(), f = d.next(); f && !1 === f.done;) { @@ -7503,45 +7504,45 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } this.num_output_ports = c; }; - k.prototype.onMIDIFailure = function(a) { + h.prototype.onMIDIFailure = function(a) { console.error("Failed to get MIDI access - " + a); }; - k.prototype.openInputPort = function(a, c) { + h.prototype.openInputPort = function(a, c) { a = this.input_ports.get("input-" + a); if (!a) { return !1; } - k.input = this; + h.input = this; var b = this; a.onmidimessage = function(a) { - var d = new g(a.data); + var d = new k(a.data); b.updateState(d); c && c(a.data, d); - if (k.on_message) { - k.on_message(a.data, d); + if (h.on_message) { + h.on_message(a.data, d); } }; console.log("port open: ", a); return !0; }; - k.parseMsg = function(a) { + h.parseMsg = function(a) { }; - k.prototype.updateState = function(a) { + h.prototype.updateState = function(a) { switch(a.cmd) { - case g.NOTEON: + case k.NOTEON: this.state.note[a.value1 | 0] = a.value2; break; - case g.NOTEOFF: + case k.NOTEOFF: this.state.note[a.value1 | 0] = 0; break; - case g.CONTROLLERCHANGE: + case k.CONTROLLERCHANGE: this.state.cc[a.getCC()] = a.getCCValue(); } }; - k.prototype.sendMIDI = function(a, c) { - c && (a = this.output_ports.get("output-" + a)) && (k.output = this, c.constructor === g ? a.send(c.data) : a.send(c)); + h.prototype.sendMIDI = function(a, c) { + c && (a = this.output_ports.get("output-" + a)) && (h.output = this, c.constructor === k ? a.send(c.data) : a.send(c)); }; - q.MIDIInterface = k; + q.MIDIInterface = h; q.title = "MIDI Input"; q.desc = "Reads MIDI from a input port"; q.prototype.getPropertyInfo = function(a) { @@ -7560,7 +7561,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { q.prototype.onMIDIEvent = function(a, c) { this._last_midi_event = c; this.trigger("on_midi", c); - c.cmd == g.NOTEON ? this.trigger("on_noteon", c) : c.cmd == g.NOTEOFF ? this.trigger("on_noteoff", c) : c.cmd == g.CONTROLLERCHANGE ? this.trigger("on_cc", c) : c.cmd == g.PROGRAMCHANGE ? this.trigger("on_pc", c) : c.cmd == g.PITCHBEND && this.trigger("on_pitchbend", c); + c.cmd == k.NOTEON ? this.trigger("on_noteon", c) : c.cmd == k.NOTEOFF ? this.trigger("on_noteoff", c) : c.cmd == k.CONTROLLERCHANGE ? this.trigger("on_cc", c) : c.cmd == k.PROGRAMCHANGE ? this.trigger("on_pc", c) : c.cmd == k.PITCHBEND && this.trigger("on_pitchbend", c); }; q.prototype.onExecute = function() { if (this.outputs) { @@ -7583,7 +7584,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { return [["last_midi", "midi"], ["on_midi", a.EVENT], ["on_noteon", a.EVENT], ["on_noteoff", a.EVENT], ["on_cc", a.EVENT], ["on_pc", a.EVENT], ["on_pitchbend", a.EVENT]]; }; a.registerNodeType("midi/input", q); - d.MIDIInterface = k; + d.MIDIInterface = h; d.title = "MIDI Output"; d.desc = "Sends MIDI to output channel"; d.prototype.getPropertyInfo = function(a) { @@ -7609,7 +7610,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { u.title = "MIDI Show"; u.desc = "Shows MIDI in the graph"; u.prototype.onAction = function(a, c) { - c && (this._str = c.constructor === g ? c.toString() : "???"); + c && (this._str = c.constructor === k ? c.toString() : "???"); }; u.prototype.onDrawForeground = function(a) { this._str && (a.font = "30px Arial", a.fillText(this._str, 10, 0.8 * this.size[1])); @@ -7624,7 +7625,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { t.title = "MIDI Filter"; t.desc = "Filters MIDI messages"; t.prototype.onAction = function(a, c) { - !c || c.constructor !== g || -1 != this.properties.channel && c.channel != this.properties.channel || -1 != this.properties.cmd && c.cmd != this.properties.cmd || -1 != this.properties.min_value && c.data[1] < this.properties.min_value || -1 != this.properties.max_value && c.data[1] > this.properties.max_value || this.trigger("on_midi", c); + !c || c.constructor !== k || -1 != this.properties.channel && c.channel != this.properties.channel || -1 != this.properties.cmd && c.cmd != this.properties.cmd || -1 != this.properties.min_value && c.data[1] < this.properties.min_value || -1 != this.properties.max_value && c.data[1] > this.properties.max_value || this.trigger("on_midi", c); }; a.registerNodeType("midi/filter", t); w.title = "MIDIEvent"; @@ -7641,7 +7642,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { if (-1 != d.link) { switch(d.name) { case "note": - d = this.getInputData(c), null != d && (d.constructor === String && (d = g.NoteStringToPitch(d)), this.properties.value1 = (d | 0) % 255); + d = this.getInputData(c), null != d && (d.constructor === String && (d = k.NoteStringToPitch(d)), this.properties.value1 = (d | 0) % 255); } } } @@ -7650,7 +7651,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { for (c = 0; c < this.outputs.length; ++c) { switch(this.outputs[c].name) { case "midi": - d = new g; + d = new k; d.setup([a.cmd, a.value1, a.value2]); d.channel = a.channel; break; @@ -7664,16 +7665,16 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { d = a.value2; break; case "note": - d = a.cmd == g.NOTEON || a.cmd == g.NOTEOFF ? a.value1 : null; + d = a.cmd == k.NOTEON || a.cmd == k.NOTEOFF ? a.value1 : null; break; case "velocity": - d = a.cmd == g.NOTEON ? a.value2 : null; + d = a.cmd == k.NOTEON ? a.value2 : null; break; case "pitch": - d = a.cmd == g.NOTEON ? g.computePitch(a.value1) : null; + d = a.cmd == k.NOTEON ? k.computePitch(a.value1) : null; break; case "pitchbend": - d = a.cmd == g.PITCHBEND ? g.computePitchBend(a.value1, a.value2) : null; + d = a.cmd == k.PITCHBEND ? k.computePitchBend(a.value1, a.value2) : null; break; default: continue; @@ -7683,7 +7684,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }; w.prototype.onPropertyChanged = function(a, c) { - "cmd" == a && (this.properties.cmd = g.computeCommandFromString(c)); + "cmd" == a && (this.properties.cmd = k.computeCommandFromString(c)); }; w.prototype.onGetInputs = function() { return [["note", "number"]]; @@ -7695,38 +7696,38 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { y.title = "MIDICC"; y.desc = "gets a Controller Change"; y.prototype.onExecute = function() { - k.input && (this.properties.value = k.input.state.cc[this.properties.cc]); + h.input && (this.properties.value = h.input.state.cc[this.properties.cc]); this.setOutputData(0, this.properties.value); }; a.registerNodeType("midi/cc", y); - h.title = "MIDI Generator"; - h.desc = "Generates a random MIDI note"; - h.processScale = function(a) { + g.title = "MIDI Generator"; + g.desc = "Generates a random MIDI note"; + g.processScale = function(a) { a = a.split(","); for (var b = 0; b < a.length; ++b) { - a[b] = g.note_to_index[a[b]] || 0; + a[b] = k.note_to_index[a[b]] || 0; } return a; }; - h.prototype.onPropertyChanged = function(a, c) { - "notes" == a && (this.notes_pitches = h.processScale(c)); + g.prototype.onPropertyChanged = function(a, c) { + "notes" == a && (this.notes_pitches = g.processScale(c)); }; - h.prototype.onExecute = function() { + g.prototype.onExecute = function() { var a = this.getInputData(2); null != a && (this.properties.octave = a); if (a = this.getInputData(1)) { - this.notes_pitches = h.processScale(a); + this.notes_pitches = g.processScale(a); } }; - h.prototype.onAction = function(a, c) { + g.prototype.onAction = function(a, c) { a = 0; c = this.notes_pitches.length; "sequence" == this.properties.mode ? (a = this.sequence_index = (this.sequence_index + 1) % c, a = this.notes_pitches[a] + 12 * (this.properties.octave - 1) + 33) : "random" == this.properties.mode && (a = Math.floor(Math.random() * c), a = this.notes_pitches[a] + 12 * (this.properties.octave - 1) + 33); - c = new g; - c.setup([g.NOTEON, a, 10]); + c = new k; + c.setup([k.NOTEON, a, 10]); this.trigger("note", c); }; - a.registerNodeType("midi/generator", h); + a.registerNodeType("midi/generator", g); z.title = "MIDI Transpose"; z.desc = "Transpose a MIDI note"; z.prototype.onAction = function(a, c) { @@ -7746,7 +7747,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }; n.prototype.processScale = function(a) { this._current_scale = a; - this.notes_pitches = h.processScale(a); + this.notes_pitches = g.processScale(a); for (a = 0; 12 > a; ++a) { this.valid_notes[a] = -1 != this.notes_pitches.indexOf(a); } @@ -7769,7 +7770,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { }; n.prototype.onAction = function(a, c) { this.midi_event.setup(c.data); - this.midi_event.data[1] += this.offset_notes[g.note_to_index[c.note]]; + this.midi_event.data[1] += this.offset_notes[k.note_to_index[c.note]]; this.trigger("out", this.midi_event); }; n.prototype.onExecute = function() { @@ -7791,7 +7792,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { a.registerNodeType("midi/play", m); })(this); (function(v) { - function g() { + function k() { this.properties = {src:"", gain:0.5, loop:!0, autoplay:!0, playbackRate:1}; this._loading_audio = !1; this._audiobuffer = null; @@ -7804,7 +7805,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.audionode.gain.value = this.properties.gain; this.properties.src && this.loadSound(this.properties.src); } - function k() { + function h() { this.properties = {gain:0.5}; this._audionodes = []; this._media_stream = null; @@ -7868,7 +7869,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.addInput("in2 gain", "number"); this.addOutput("out", "audio"); } - function h() { + function g() { this.properties = {delayTime:0.5}; this.audionode = f.getAudioContext().createDelay(10); this.audionode.delayTime.value = this.properties.delayTime; @@ -7967,11 +7968,11 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } if (a.outputs) { for (c = 0; c < a.outputs.length; ++c) { - for (var l = a.outputs[c], h = 0; h < l.links.length; ++h) { - if (d = a.graph.links[l.links[h]]) { + for (var l = a.outputs[c], g = 0; g < l.links.length; ++g) { + if (d = a.graph.links[l.links[g]]) { e = a.getAudioNodeInOutputSlot ? a.getAudioNodeInOutputSlot(c) : a.audionode; - var g = a.graph.getNodeById(d.target_id); - d = g.getAudioNodeInInputSlot ? g.getAudioNodeInInputSlot(d.target_slot) : g.audionode; + var h = a.graph.getNodeById(d.target_id); + d = h.getAudioNodeInInputSlot ? h.getAudioNodeInInputSlot(d.target_slot) : h.audionode; b ? f.connect(e, d) : f.disconnect(e, d); } } @@ -8015,42 +8016,42 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { return e; } }; - g["@src"] = {widget:"resource"}; - g.supported_extensions = ["wav", "ogg", "mp3"]; - g.prototype.onAdded = function(a) { + k["@src"] = {widget:"resource"}; + k.supported_extensions = ["wav", "ogg", "mp3"]; + k.prototype.onAdded = function(a) { if (a.status === LGraph.STATUS_RUNNING) { this.onStart(); } }; - g.prototype.onStart = function() { + k.prototype.onStart = function() { this._audiobuffer && this.properties.autoplay && this.playBuffer(this._audiobuffer); }; - g.prototype.onStop = function() { + k.prototype.onStop = function() { this.stopAllSounds(); }; - g.prototype.onPause = function() { + k.prototype.onPause = function() { this.pauseAllSounds(); }; - g.prototype.onUnpause = function() { + k.prototype.onUnpause = function() { this.unpauseAllSounds(); }; - g.prototype.onRemoved = function() { + k.prototype.onRemoved = function() { this.stopAllSounds(); this._dropped_url && URL.revokeObjectURL(this._url); }; - g.prototype.stopAllSounds = function() { + k.prototype.stopAllSounds = function() { for (var a = 0; a < this._audionodes.length; ++a) { this._audionodes[a].started && (this._audionodes[a].started = !1, this._audionodes[a].stop()); } this._audionodes.length = 0; }; - g.prototype.pauseAllSounds = function() { + k.prototype.pauseAllSounds = function() { f.getAudioContext().suspend(); }; - g.prototype.unpauseAllSounds = function() { + k.prototype.unpauseAllSounds = function() { f.getAudioContext().resume(); }; - g.prototype.onExecute = function() { + k.prototype.onExecute = function() { if (this.inputs) { for (var a = 0; a < this.inputs.length; ++a) { var b = this.inputs[a]; @@ -8076,10 +8077,10 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.prototype.onAction = function(a) { + k.prototype.onAction = function(a) { this._audiobuffer && ("Play" == a ? this.playBuffer(this._audiobuffer) : "Stop" == a && this.stopAllSounds()); }; - g.prototype.onPropertyChanged = function(a, b) { + k.prototype.onPropertyChanged = function(a, b) { if ("src" == a) { this.loadSound(b); } else { @@ -8094,7 +8095,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - g.prototype.playBuffer = function(a) { + k.prototype.playBuffer = function(a) { var b = this, c = f.getAudioContext().createBufferSource(); this._last_sourcenode = c; c.graphnode = this; @@ -8112,7 +8113,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { c.started || (c.started = !0, c.start()); return c; }; - g.prototype.loadSound = function(a) { + k.prototype.loadSound = function(a) { var b = this; this._request && (this._request.abort(), this._request = null); this._audiobuffer = null; @@ -8126,41 +8127,41 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } }), this._loading_audio = !0, this.boxcolor = "#AA4"); }; - g.prototype.onConnectionsChange = f.onConnectionsChange; - g.prototype.onGetInputs = function() { + k.prototype.onConnectionsChange = f.onConnectionsChange; + k.prototype.onGetInputs = function() { return [["playbackRate", "number"], ["Play", e.ACTION], ["Stop", e.ACTION]]; }; - g.prototype.onGetOutputs = function() { + k.prototype.onGetOutputs = function() { return [["buffer", "audiobuffer"], ["ended", e.EVENT]]; }; - g.prototype.onDropFile = function(a) { + k.prototype.onDropFile = function(a) { this._dropped_url && URL.revokeObjectURL(this._dropped_url); a = URL.createObjectURL(a); this.properties.src = a; this.loadSound(a); this._dropped_url = a; }; - g.title = "Source"; - g.desc = "Plays audio"; - e.registerNodeType("audio/source", g); - k.prototype.onAdded = function(a) { + k.title = "Source"; + k.desc = "Plays audio"; + e.registerNodeType("audio/source", k); + h.prototype.onAdded = function(a) { if (a.status === LGraph.STATUS_RUNNING) { this.onStart(); } }; - k.prototype.onStart = function() { + h.prototype.onStart = function() { null != this._media_stream || this._waiting_confirmation || this.openStream(); }; - k.prototype.onStop = function() { + h.prototype.onStop = function() { this.audionode.gain.value = 0; }; - k.prototype.onPause = function() { + h.prototype.onPause = function() { this.audionode.gain.value = 0; }; - k.prototype.onUnpause = function() { + h.prototype.onUnpause = function() { this.audionode.gain.value = this.properties.gain; }; - k.prototype.onRemoved = function() { + h.prototype.onRemoved = function() { this.audionode.gain.value = 0; this.audiosource_node && (this.audiosource_node.disconnect(this.audionode), this.audiosource_node = null); if (this._media_stream) { @@ -8168,7 +8169,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { a.length && a[0].stop(); } }; - k.prototype.openStream = function() { + h.prototype.openStream = function() { if (navigator.mediaDevices) { this._waiting_confirmation = !0; navigator.mediaDevices.getUserMedia({audio:!0, video:!1}).then(this.streamReady.bind(this)).catch(function(b) { @@ -8181,7 +8182,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { console.log("getUserMedia() is not supported in your browser, use chrome and enable WebRTC from about://flags"); } }; - k.prototype.streamReady = function(a) { + h.prototype.streamReady = function(a) { this._media_stream = a; this.audiosource_node && this.audiosource_node.disconnect(this.audionode); this.audiosource_node = f.getAudioContext().createMediaStreamSource(a); @@ -8189,7 +8190,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this.audiosource_node.connect(this.audionode); this.boxcolor = "white"; }; - k.prototype.onExecute = function() { + h.prototype.onExecute = function() { null != this._media_stream || this._waiting_confirmation || this.openStream(); if (this.inputs) { for (var a = 0; a < this.inputs.length; ++a) { @@ -8201,19 +8202,19 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { } } }; - k.prototype.onAction = function(a) { + h.prototype.onAction = function(a) { "Play" == a ? this.audionode.gain.value = this.properties.gain : "Stop" == a && (this.audionode.gain.value = 0); }; - k.prototype.onPropertyChanged = function(a, b) { + h.prototype.onPropertyChanged = function(a, b) { "gain" == a && (this.audionode.gain.value = b); }; - k.prototype.onConnectionsChange = f.onConnectionsChange; - k.prototype.onGetInputs = function() { + h.prototype.onConnectionsChange = f.onConnectionsChange; + h.prototype.onGetInputs = function() { return [["playbackRate", "number"], ["Play", e.ACTION], ["Stop", e.ACTION]]; }; - k.title = "MediaSource"; - k.desc = "Plays microphone"; - e.registerNodeType("audio/media_source", k); + h.title = "MediaSource"; + h.desc = "Plays microphone"; + e.registerNodeType("audio/media_source", h); q.prototype.onPropertyChanged = function(a, b) { this.audionode[a] = b; }; @@ -8333,14 +8334,14 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { y.title = "Mixer"; y.desc = "Audio mixer"; e.registerNodeType("audio/mixer", y); - f.createAudioNodeWrapper(h); - h.prototype.onExecute = function() { + f.createAudioNodeWrapper(g); + g.prototype.onExecute = function() { var a = this.getInputData(1); void 0 !== a && (this.audionode.delayTime.value = a); }; - h.title = "Delay"; - h.desc = "Audio delay"; - e.registerNodeType("audio/delay", h); + g.title = "Delay"; + g.desc = "Audio delay"; + e.registerNodeType("audio/delay", g); z.prototype.onExecute = function() { if (this.inputs && this.inputs.length) { for (var a = 1; a < this.inputs.length; ++a) { @@ -8405,12 +8406,12 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { var e = 0; if (this.properties.continuous) { a.moveTo(e, d); - for (var h = 0; h < b.length; h += c) { - a.lineTo(e, d - b[h | 0] / 255 * d), e++; + for (var g = 0; g < b.length; g += c) { + a.lineTo(e, d - b[g | 0] / 255 * d), e++; } } else { - for (h = 0; h < b.length; h += c) { - a.moveTo(e + 0.5, d), a.lineTo(e + 0.5, d - b[h | 0] / 255 * d), e++; + for (g = 0; g < b.length; g += c) { + a.moveTo(e + 0.5, d), a.lineTo(e + 0.5, d - b[g | 0] / 255 * d), e++; } } a.stroke(); @@ -8487,7 +8488,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { e.registerNodeType("audio/destination", c); })(this); (function(v) { - function g() { + function k() { this.size = [60, 20]; this.addInput("send", q.ACTION); this.addOutput("received", q.EVENT); @@ -8497,7 +8498,7 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this._ws = null; this._last_data = []; } - function k() { + function h() { this.size = [60, 20]; this.addInput("send", q.ACTION); this.addOutput("received", q.EVENT); @@ -8510,107 +8511,56 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { this._last_output_data = []; } var q = v.LiteGraph; - g.title = "WebSocket"; - g.desc = "Send data through a websocket"; - g.prototype.onPropertyChanged = function(d, g) { + k.title = "WebSocket"; + k.desc = "Send data through a websocket"; + k.prototype.onPropertyChanged = function(d, h) { "url" == d && this.createSocket(); }; - g.prototype.onExecute = function() { + k.prototype.onExecute = function() { !this._ws && this.properties.url && this.createSocket(); if (this._ws && this._ws.readyState == WebSocket.OPEN) { - for (var d = this.properties.room, g = 1; g < this.inputs.length; ++g) { - var k = this.getInputData(g); + for (var d = this.properties.room, h = 1; h < this.inputs.length; ++h) { + var k = this.getInputData(h); if (null != k) { try { - var q = JSON.stringify({type:0, room:d, channel:g, data:k}); + var q = JSON.stringify({type:0, room:d, channel:h, data:k}); } catch (y) { continue; } this._ws.send(q); } } - for (g = 1; g < this.outputs.length; ++g) { - this.setOutputData(g, this._last_data[g]); - } - } - }; - g.prototype.createSocket = function() { - var d = this, g = this.properties.url; - "ws" != g.substr(0, 2) && (g = "ws://" + g); - this._ws = new WebSocket(g); - this._ws.onopen = function() { - console.log("ready"); - d.boxcolor = "#8E8"; - }; - this._ws.onmessage = function(g) { - var k = JSON.parse(g.data); - k.room && k.room != this.properties.room || (1 == g.data.type ? d.triggerSlot(0, k) : d._last_data[g.data.channel || 0] = k.data); - }; - this._ws.onerror = function(g) { - console.log("couldnt connect to websocket"); - d.boxcolor = "#E88"; - }; - this._ws.onclose = function(g) { - console.log("connection closed"); - d.boxcolor = "#000"; - }; - }; - g.prototype.send = function(d) { - this._ws && this._ws.readyState == WebSocket.OPEN && this._ws.send(JSON.stringify({type:1, msg:d})); - }; - g.prototype.onAction = function(d, g) { - this._ws && this._ws.readyState == WebSocket.OPEN && this._ws.send({type:1, room:this.properties.room, action:d, data:g}); - }; - g.prototype.onGetInputs = function() { - return [["in", 0]]; - }; - g.prototype.onGetOutputs = function() { - return [["out", 0]]; - }; - q.registerNodeType("network/websocket", g); - k.title = "SillyClient"; - k.desc = "Connects to SillyServer to broadcast messages"; - k.prototype.onPropertyChanged = function(d, g) { - d = this.properties.url + "/" + this.properties.room; - this._server && this._final_url != d && (this._server.connect(this.properties.url, this.properties.room), this._final_url = d); - }; - k.prototype.onExecute = function() { - if (this._server && this._server.is_connected) { - for (var d = this.properties.save_bandwidth, g = 1; g < this.inputs.length; ++g) { - var k = this.getInputData(g); - null == k || d && this._last_input_data[g] == k || (this._server.sendMessage({type:0, channel:g, data:k}), this._last_input_data[g] = k); - } - for (g = 1; g < this.outputs.length; ++g) { - this.setOutputData(g, this._last_output_data[g]); + for (h = 1; h < this.outputs.length; ++h) { + this.setOutputData(h, this._last_data[h]); } } }; k.prototype.createSocket = function() { - var d = this; - "undefined" == typeof SillyClient ? (this._error || console.error("SillyClient node cannot be used, you must include SillyServer.js"), this._error = !0) : (this._server = new SillyClient, this._server.on_ready = function() { + var d = this, h = this.properties.url; + "ws" != h.substr(0, 2) && (h = "ws://" + h); + this._ws = new WebSocket(h); + this._ws.onopen = function() { console.log("ready"); d.boxcolor = "#8E8"; - }, this._server.on_message = function(g, k) { - g = null; - try { - g = JSON.parse(k); - } catch (w) { - return; - } - 1 == g.type ? d.triggerSlot(0, g) : d._last_output_data[g.channel || 0] = g.data; - }, this._server.on_error = function(g) { + }; + this._ws.onmessage = function(h) { + var k = JSON.parse(h.data); + k.room && k.room != this.properties.room || (1 == h.data.type ? d.triggerSlot(0, k) : d._last_data[h.data.channel || 0] = k.data); + }; + this._ws.onerror = function(h) { console.log("couldnt connect to websocket"); d.boxcolor = "#E88"; - }, this._server.on_close = function(g) { + }; + this._ws.onclose = function(h) { console.log("connection closed"); d.boxcolor = "#000"; - }, this.properties.url && this.properties.room && (this._server.connect(this.properties.url, this.properties.room), this._final_url = this.properties.url + "/" + this.properties.room)); + }; }; k.prototype.send = function(d) { - this._server && this._server.is_connected && this._server.sendMessage({type:1, data:d}); + this._ws && this._ws.readyState == WebSocket.OPEN && this._ws.send(JSON.stringify({type:1, msg:d})); }; - k.prototype.onAction = function(d, g) { - this._server && this._server.is_connected && this._server.sendMessage({type:1, action:d, data:g}); + k.prototype.onAction = function(d, h) { + this._ws && this._ws.readyState == WebSocket.OPEN && this._ws.send({type:1, room:this.properties.room, action:d, data:h}); }; k.prototype.onGetInputs = function() { return [["in", 0]]; @@ -8618,6 +8568,57 @@ $jscomp.polyfill("Array.prototype.keys", function(v) { k.prototype.onGetOutputs = function() { return [["out", 0]]; }; - q.registerNodeType("network/sillyclient", k); + q.registerNodeType("network/websocket", k); + h.title = "SillyClient"; + h.desc = "Connects to SillyServer to broadcast messages"; + h.prototype.onPropertyChanged = function(d, h) { + d = this.properties.url + "/" + this.properties.room; + this._server && this._final_url != d && (this._server.connect(this.properties.url, this.properties.room), this._final_url = d); + }; + h.prototype.onExecute = function() { + if (this._server && this._server.is_connected) { + for (var d = this.properties.save_bandwidth, h = 1; h < this.inputs.length; ++h) { + var k = this.getInputData(h); + null == k || d && this._last_input_data[h] == k || (this._server.sendMessage({type:0, channel:h, data:k}), this._last_input_data[h] = k); + } + for (h = 1; h < this.outputs.length; ++h) { + this.setOutputData(h, this._last_output_data[h]); + } + } + }; + h.prototype.createSocket = function() { + var d = this; + "undefined" == typeof SillyClient ? (this._error || console.error("SillyClient node cannot be used, you must include SillyServer.js"), this._error = !0) : (this._server = new SillyClient, this._server.on_ready = function() { + console.log("ready"); + d.boxcolor = "#8E8"; + }, this._server.on_message = function(h, k) { + h = null; + try { + h = JSON.parse(k); + } catch (w) { + return; + } + 1 == h.type ? d.triggerSlot(0, h) : d._last_output_data[h.channel || 0] = h.data; + }, this._server.on_error = function(h) { + console.log("couldnt connect to websocket"); + d.boxcolor = "#E88"; + }, this._server.on_close = function(h) { + console.log("connection closed"); + d.boxcolor = "#000"; + }, this.properties.url && this.properties.room && (this._server.connect(this.properties.url, this.properties.room), this._final_url = this.properties.url + "/" + this.properties.room)); + }; + h.prototype.send = function(d) { + this._server && this._server.is_connected && this._server.sendMessage({type:1, data:d}); + }; + h.prototype.onAction = function(d, h) { + this._server && this._server.is_connected && this._server.sendMessage({type:1, action:d, data:h}); + }; + h.prototype.onGetInputs = function() { + return [["in", 0]]; + }; + h.prototype.onGetOutputs = function() { + return [["out", 0]]; + }; + q.registerNodeType("network/sillyclient", h); })(this); diff --git a/src/litegraph.js b/src/litegraph.js index 02a59f4ed..ad3ed6f45 100755 --- a/src/litegraph.js +++ b/src/litegraph.js @@ -7999,11 +7999,14 @@ function ContextMenu( values, options ) function on_mouse_wheel(e) { var pos = parseInt( root.style.top ); - root.style.top = (pos + e.deltaY * 0.1).toFixed() + "px"; + root.style.top = (pos + e.deltaY * options.scroll_speed).toFixed() + "px"; e.preventDefault(); return true; } + if(!options.scroll_speed) + options.scroll_speed = 0.1; + root.addEventListener("wheel", on_mouse_wheel, true); root.addEventListener("mousewheel", on_mouse_wheel, true);