From 259b30b714d175fc05af34f9c63df7b2f85650b8 Mon Sep 17 00:00:00 2001 From: tamat Date: Tue, 20 Nov 2018 14:42:07 +0100 Subject: [PATCH] fix removeSlot error --- build/litegraph.js | 58 +- build/litegraph.min.js | 8877 ++-------------------------------------- src/litegraph.js | 58 +- 3 files changed, 410 insertions(+), 8583 deletions(-) diff --git a/build/litegraph.js b/build/litegraph.js index 0acdb4083..5c4a5569c 100644 --- a/build/litegraph.js +++ b/build/litegraph.js @@ -2359,6 +2359,7 @@ LGraphNode.prototype.addOutput = function(name,type,extra_info) if(this.onOutputAdded) this.onOutputAdded(o); this.size = this.computeSize(); + this.setDirtyCanvas(true,true); return o; } @@ -2385,6 +2386,7 @@ LGraphNode.prototype.addOutputs = function(array) } this.size = this.computeSize(); + this.setDirtyCanvas(true,true); } /** @@ -2396,9 +2398,24 @@ LGraphNode.prototype.removeOutput = function(slot) { this.disconnectOutput(slot); this.outputs.splice(slot,1); + for(var i = slot; i < this.outputs.length; ++i) + { + if( !this.outputs[i] || !this.outputs[i].links ) + continue; + var links = this.outputs[i].links; + for(var j = 0; j < links.length; ++j) + { + var link = this.graph.links[ links[j] ]; + if(!link) + continue; + link.origin_slot -= 1; + } + } + this.size = this.computeSize(); if(this.onOutputRemoved) this.onOutputRemoved(slot); + this.setDirtyCanvas(true,true); } /** @@ -2422,6 +2439,7 @@ LGraphNode.prototype.addInput = function(name,type,extra_info) this.size = this.computeSize(); if(this.onInputAdded) this.onInputAdded(o); + this.setDirtyCanvas(true,true); return o; } @@ -2448,6 +2466,7 @@ LGraphNode.prototype.addInputs = function(array) } this.size = this.computeSize(); + this.setDirtyCanvas(true,true); } /** @@ -2459,9 +2478,19 @@ LGraphNode.prototype.removeInput = function(slot) { this.disconnectInput(slot); this.inputs.splice(slot,1); + for(var i = slot; i < this.inputs.length; ++i) + { + if(!this.inputs[i]) + continue; + var link = this.graph.links[ this.inputs[i].link ]; + if(!link) + continue; + link.target_slot -= 1; + } this.size = this.computeSize(); if(this.onInputRemoved) this.onInputRemoved(slot); + this.setDirtyCanvas(true,true); } /** @@ -6914,17 +6943,7 @@ LGraphCanvas.prototype.showSearchBox = function(event) if (that.onSearchBox){ that.onSearchBox(help, str, graphcanvas); } else { - function addResult(result) { - var help = document.createElement("div"); - if (!first) first = result; - help.innerText = result; - help.className = "litegraph lite-search-item"; - help.addEventListener("click", function (e) { - select(this.innerText); - }); - helper.appendChild(help); - } - let c = 0; + var c = 0; if(LGraphCanvas.search_filter) { str = str.toLowerCase(); @@ -6934,17 +6953,30 @@ LGraphCanvas.prototype.showSearchBox = function(event) }); for(var i = 0; i < filtered.length; i++) { addResult(filtered[i]); - if(LGraphCanvas.search_limit !== -1 && c++ > LGraphCanvas.search_limit) break; + if(LGraphCanvas.search_limit !== -1 && c++ > LGraphCanvas.search_limit) + break; } } else { for (var i in LiteGraph.registered_node_types) { if (i.indexOf(str) != -1) { addResult(i); - if(LGraphCanvas.search_limit !== -1 && c++ > LGraphCanvas.search_limit) break; + if(LGraphCanvas.search_limit !== -1 && c++ > LGraphCanvas.search_limit) + break; } } } } + + function addResult(result) { + var help = document.createElement("div"); + if (!first) first = result; + help.innerText = result; + help.className = "litegraph lite-search-item"; + help.addEventListener("click", function (e) { + select(this.innerText); + }); + helper.appendChild(help); + } } return dialog; diff --git a/build/litegraph.min.js b/build/litegraph.min.js index 26f54b391..289479abb 100755 --- a/build/litegraph.min.js +++ b/build/litegraph.min.js @@ -1,8465 +1,230 @@ -var $jscomp = $jscomp || {}; -$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(u, f, h) { - u != Array.prototype && u != Object.prototype && (u[f] = h.value); -}; -$jscomp.getGlobal = function(u) { - return "undefined" != typeof window && window === u ? u : "undefined" != typeof global && null != global ? global : u; -}; -$jscomp.global = $jscomp.getGlobal(this); -$jscomp.polyfill = function(u, f, h, n) { - if (f) { - h = $jscomp.global; - u = u.split("."); - for (n = 0; n < u.length - 1; n++) { - var d = u[n]; - d in h || (h[d] = {}); - h = h[d]; - } - u = u[u.length - 1]; - n = h[u]; - f = f(n); - f != n && null != f && $jscomp.defineProperty(h, u, {configurable:!0, writable:!0, value:f}); - } -}; -$jscomp.polyfill("Array.prototype.fill", function(u) { - return u ? u : function(f, h, n) { - var d = this.length || 0; - 0 > h && (h = Math.max(0, d + h)); - if (null == n || n > d) { - n = d; - } - n = Number(n); - 0 > n && (n = Math.max(0, d + n)); - for (h = Number(h || 0); h < n; h++) { - this[h] = f; - } - return this; - }; -}, "es6", "es3"); -$jscomp.SYMBOL_PREFIX = "jscomp_symbol_"; -$jscomp.initSymbol = function() { - $jscomp.initSymbol = function() { - }; - $jscomp.global.Symbol || ($jscomp.global.Symbol = $jscomp.Symbol); -}; -$jscomp.Symbol = function() { - var u = 0; - return function(f) { - return $jscomp.SYMBOL_PREFIX + (f || "") + u++; - }; -}(); -$jscomp.initSymbolIterator = function() { - $jscomp.initSymbol(); - var u = $jscomp.global.Symbol.iterator; - u || (u = $jscomp.global.Symbol.iterator = $jscomp.global.Symbol("iterator")); - "function" != typeof Array.prototype[u] && $jscomp.defineProperty(Array.prototype, u, {configurable:!0, writable:!0, value:function() { - return $jscomp.arrayIterator(this); - }}); - $jscomp.initSymbolIterator = function() { - }; -}; -$jscomp.arrayIterator = function(u) { - var f = 0; - return $jscomp.iteratorPrototype(function() { - return f < u.length ? {done:!1, value:u[f++]} : {done:!0}; - }); -}; -$jscomp.iteratorPrototype = function(u) { - $jscomp.initSymbolIterator(); - u = {next:u}; - u[$jscomp.global.Symbol.iterator] = function() { - return this; - }; - return u; -}; -$jscomp.iteratorFromArray = function(u, f) { - $jscomp.initSymbolIterator(); - u instanceof String && (u += ""); - var h = 0, n = {next:function() { - if (h < u.length) { - var d = h++; - return {value:f(d, u[d]), done:!1}; - } - n.next = function() { - return {done:!0, value:void 0}; - }; - return n.next(); - }}; - n[Symbol.iterator] = function() { - return n; - }; - return n; -}; -$jscomp.polyfill("Array.prototype.values", function(u) { - return u ? u : function() { - return $jscomp.iteratorFromArray(this, function(f, h) { - return h; - }); - }; -}, "es8", "es3"); -$jscomp.polyfill("Array.prototype.keys", function(u) { - return u ? u : function() { - return $jscomp.iteratorFromArray(this, function(f) { - return f; - }); - }; -}, "es6", "es3"); -(function(u) { - function f(a) { - k.debug && console.log("Graph created"); - this.list_of_graphcanvas = null; - this.clear(); - a && this.configure(a); - } - function h(a) { - this._ctor(a); - } - function n(a) { - this._ctor(a); - } - function d(a, b, e) { - e = e || {}; - this.background_image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII="; - a && a.constructor === String && (a = document.querySelector(a)); - this.max_zoom = 10; - this.min_zoom = 0.1; - this.zoom_modify_alpha = !0; - this.title_text_font = "bold " + k.NODE_TEXT_SIZE + "px Arial"; - this.inner_text_font = "normal " + k.NODE_SUBTEXT_SIZE + "px Arial"; - this.node_title_color = k.NODE_TITLE_COLOR; - this.default_link_color = k.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; - this.editor_alpha = 1; - this.pause_rendering = !1; - this.render_only_selected = this.clear_background = this.render_shadows = !0; - this.live_mode = !1; - this.allow_searchbox = this.allow_interaction = this.allow_dragnodes = this.allow_dragcanvas = this.show_info = !0; - this.drag_mode = !1; - this.filter = this.dragging_rectangle = null; - this.always_render_background = !1; - this.render_canvas_border = !0; - this.render_connections_shadows = !1; - this.render_connection_arrows = this.render_curved_connections = this.render_connections_border = !0; - this.render_execution_order = !1; - this.canvas_mouse = [0, 0]; - this.onSearchBoxSelection = this.onSearchBox = null; - this.connections_width = 3; - this.round_radius = 8; - this.node_widget = this.current_node = null; - this.last_mouse_position = [0, 0]; - b && b.attachCanvas(this); - this.setCanvas(a); - this.clear(); - e.skip_render || this.startRendering(); - this.autoresize = e.autoresize; - } - function q(a, b) { - return Math.sqrt((b[0] - a[0]) * (b[0] - a[0]) + (b[1] - a[1]) * (b[1] - a[1])); - } - function t(a, b, e, c, g, l) { - return e < a && e + g > a && c < b && c + l > b ? !0 : !1; - } - function v(a, b) { - var e = a[0] + a[2], c = a[1] + a[3], g = b[1] + b[3]; - return a[0] > b[0] + b[2] || a[1] > g || e < b[0] || c < b[1] ? !1 : !0; - } - function w(a, b) { - function e(a) { - var b = parseInt(g.style.top); - g.style.top = (b + 0.1 * a.deltaY).toFixed() + "px"; - a.preventDefault(); - return !0; - } - this.options = b = b || {}; - var c = this; - b.parentMenu && (b.parentMenu.constructor !== this.constructor ? (console.error("parentMenu must be of class ContextMenu, ignoring it"), b.parentMenu = null) : (this.parentMenu = b.parentMenu, this.parentMenu.lock = !0, this.parentMenu.current_submenu = this)); - b.event && b.event.constructor !== MouseEvent && b.event.constructor !== CustomEvent && (console.error("Event passed to ContextMenu is not of type MouseEvent or CustomEvent. Ignoring it."), b.event = null); - var g = document.createElement("div"); - g.className = "litegraph litecontextmenu litemenubar-panel"; - g.style.minWidth = 100; - g.style.minHeight = 100; - g.style.pointerEvents = "none"; - setTimeout(function() { - g.style.pointerEvents = "auto"; - }, 100); - g.addEventListener("mouseup", function(a) { - a.preventDefault(); - return !0; - }, !0); - g.addEventListener("contextmenu", function(a) { - if (2 != a.button) { - return !1; - } - a.preventDefault(); - return !1; - }, !0); - g.addEventListener("mousedown", function(a) { - if (2 == a.button) { - return c.close(), a.preventDefault(), !0; - } - }, !0); - g.addEventListener("wheel", e, !0); - g.addEventListener("mousewheel", e, !0); - this.root = g; - if (b.title) { - var l = document.createElement("div"); - l.className = "litemenu-title"; - l.innerHTML = b.title; - g.appendChild(l); - } - l = 0; - for (var p in a) { - var k = a.constructor == Array ? a[p] : p; - null != k && k.constructor !== String && (k = void 0 === k.content ? String(k) : k.content); - this.addItem(k, a[p], b); - l++; - } - g.addEventListener("mouseleave", function(a) { - c.lock || c.close(a); - }); - a = document; - b.event && (a = b.event.target.ownerDocument); - a || (a = document); - a.body.appendChild(g); - 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 = g.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)); - g.style.left = p + "px"; - g.style.top = a + "px"; - } - var k = u.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)", 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:!0, registered_node_types:{}, node_types_by_file_extension:{}, - Nodes:{}, registerNodeType:function(a, b) { - if (!b.prototype) { - throw "Cannot register a simple object, it must be a class with a prototype"; - } - b.type = a; - k.debug && console.log("Node registered: " + a); - a.split("/"); - var e = b.name, c = a.lastIndexOf("/"); - b.category = a.substr(0, c); - b.title || (b.title = e); - if (b.prototype) { - for (var g in h.prototype) { - b.prototype[g] || (b.prototype[g] = h.prototype[g]); - } - } - Object.defineProperty(b.prototype, "shape", {set:function(a) { - switch(a) { - case "default": - delete this._shape; - break; - case "box": - this._shape = k.BOX_SHAPE; - break; - case "round": - this._shape = k.ROUND_SHAPE; - break; - case "circle": - this._shape = k.CIRCLE_SHAPE; - break; - case "card": - this._shape = k.CARD_SHAPE; - break; - default: - this._shape = a; - } - }, get:function(a) { - return this._shape; - }, enumerable:!0}); - this.registered_node_types[a] = b; - b.constructor.name && (this.Nodes[e] = b); - b.prototype.onPropertyChange && console.warn("LiteGraph node class " + a + " has onPropertyChange method, it must be called onPropertyChanged with d at the end"); - if (b.supported_extensions) { - for (g in b.supported_extensions) { - this.node_types_by_file_extension[b.supported_extensions[g].toLowerCase()] = b; - } - } - }, wrapFunctionAsNode:function(a, b, e, c) { - for (var g = Array(b.length), l = "", z = k.getParameterNames(b), d = 0; d < z.length; ++d) { - l += "this.addInput('" + z[d] + "'," + (e && e[d] ? "'" + e[d] + "'" : "0") + ");\n"; - } - e = Function(l + ("this.addOutput('out'," + (c ? "'" + c + "'" : 0) + ");\n")); - e.title = a.split("/").pop(); - e.desc = "Generated from " + b.name; - e.prototype.onExecute = function() { - for (var a = 0; a < g.length; ++a) { - g[a] = this.getInputData(a); - } - a = b.apply(this, g); - this.setOutputData(0, a); - }; - this.registerNodeType(a, e); - }, addNodeMethod:function(a, b) { - h.prototype[a] = b; - for (var e in this.registered_node_types) { - var c = this.registered_node_types[e]; - c.prototype[a] && (c.prototype["_" + a] = c.prototype[a]); - c.prototype[a] = b; - } - }, createNode:function(a, b, e) { - var c = this.registered_node_types[a]; - if (!c) { - return k.debug && console.log('GraphNode type "' + a + '" not registered.'), null; - } - b = b || c.title || a; - c = new c(b); - c.type = a; - !c.title && b && (c.title = b); - c.properties || (c.properties = {}); - c.properties_info || (c.properties_info = []); - c.flags || (c.flags = {}); - c.size || (c.size = c.computeSize()); - c.pos || (c.pos = k.DEFAULT_POSITION.concat()); - c.mode || (c.mode = k.ALWAYS); - if (e) { - for (var g in e) { - c[g] = e[g]; - } - } - return c; - }, getNodeType:function(a) { - return this.registered_node_types[a]; - }, getNodeTypesInCategory:function(a, b) { - var e = [], c; - for (c in this.registered_node_types) { - var g = this.registered_node_types[c]; - b && g.filter && g.filter != b || ("" == a ? null == g.category && e.push(g) : g.category == a && e.push(g)); - } - return e; - }, getNodeTypesCategories:function() { - var a = {"":1}, b; - for (b in this.registered_node_types) { - this.registered_node_types[b].category && !this.registered_node_types[b].skip_list && (a[this.registered_node_types[b].category] = 1); - } - var e = []; - for (b in a) { - e.push(b); - } - return e; - }, reloadNodes:function(a) { - var b = document.getElementsByTagName("script"), e = [], c; - for (c in b) { - e.push(b[c]); - } - b = document.getElementsByTagName("head")[0]; - a = document.location.href + a; - for (c in e) { - var g = e[c].src; - if (g && g.substr(0, a.length) == a) { - try { - k.debug && console.log("Reloading: " + g); - var l = document.createElement("script"); - l.type = "text/javascript"; - l.src = g; - b.appendChild(l); - b.removeChild(e[c]); - } catch (p) { - if (k.throw_errors) { - throw p; - } - k.debug && console.log("Error while reloading " + g); - } - } - } - k.debug && console.log("Nodes reloaded"); - }, cloneObject:function(a, b) { - if (null == a) { - return null; - } - a = JSON.parse(JSON.stringify(a)); - if (!b) { - return a; - } - for (var e in a) { - b[e] = a[e]; - } - return b; - }, isValidConnection:function(a, b) { - if (!a || !b || a == b || a == k.EVENT && b == k.ACTION) { - return !0; - } - a = String(a); - b = String(b); - a = a.toLowerCase(); - b = b.toLowerCase(); - if (-1 == a.indexOf(",") && -1 == b.indexOf(",")) { - return a == b; - } - a = a.split(","); - b = b.split(","); - for (var e = 0; e < a.length; ++e) { - for (var c = 0; c < b.length; ++c) { - if (a[e] == b[c]) { - return !0; - } - } - } - return !1; - }}; - k.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(); - }; - u.LGraph = k.LGraph = f; - f.supported_types = ["number", "string", "boolean"]; - f.prototype.getSupportedTypes = function() { - return this.supported_types || f.supported_types; - }; - f.STATUS_STOPPED = 1; - f.STATUS_RUNNING = 2; - f.prototype.clear = function() { - this.stop(); - this.status = f.STATUS_STOPPED; - this.last_link_id = this.last_node_id = 1; - this._version = -1; - this._nodes = []; - this._nodes_by_id = {}; - this._nodes_in_order = []; - this._nodes_executable = null; - this._groups = []; - this.links = {}; - this.iteration = 0; - this.config = {}; - this.fixedtime = this.runningtime = this.globaltime = 0; - this.elapsed_time = this.fixedtime_lapse = 0.01; - this.starttime = this.last_update_time = 0; - this.catch_errors = !0; - this.global_inputs = {}; - this.global_outputs = {}; - this.change(); - this.sendActionToCanvas("clear"); - }; - f.prototype.attachCanvas = function(a) { - if (a.constructor != d) { - throw "attachCanvas expects a LGraphCanvas instance"; - } - a.graph && a.graph != this && a.graph.detachCanvas(a); - a.graph = this; - this.list_of_graphcanvas || (this.list_of_graphcanvas = []); - this.list_of_graphcanvas.push(a); - }; - f.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)); - } - }; - f.prototype.start = function(a) { - if (this.status != f.STATUS_RUNNING) { - this.status = f.STATUS_RUNNING; - if (this.onPlayEvent) { - this.onPlayEvent(); - } - this.sendEventToAllNodes("onStart"); - this.last_update_time = this.starttime = k.getTime(); - var b = this; - this.execution_timer_id = setInterval(function() { - b.runStep(1, !this.catch_errors); - }, a || 1); - } - }; - f.prototype.stop = function() { - if (this.status != f.STATUS_STOPPED) { - this.status = f.STATUS_STOPPED; - if (this.onStopEvent) { - this.onStopEvent(); - } - null != this.execution_timer_id && clearInterval(this.execution_timer_id); - this.execution_timer_id = null; - this.sendEventToAllNodes("onStop"); - } - }; - f.prototype.runStep = function(a, b) { - a = a || 1; - var e = k.getTime(); - this.globaltime = 0.001 * (e - this.starttime); - var c = this._nodes_executable ? this._nodes_executable : this._nodes; - if (c) { - if (b) { - for (var g = 0; g < a; g++) { - for (var l = 0, p = c.length; l < p; ++l) { - var d = c[l]; - if (d.mode == k.ALWAYS && d.onExecute) { - d.onExecute(); - } - } - this.fixedtime += this.fixedtime_lapse; - if (this.onExecuteStep) { - this.onExecuteStep(); - } - } - if (this.onAfterExecute) { - this.onAfterExecute(); - } - } else { - try { - for (g = 0; g < a; g++) { - l = 0; - for (p = c.length; l < p; ++l) { - if (d = c[l], d.mode == k.ALWAYS && d.onExecute) { - d.onExecute(); - } - } - this.fixedtime += this.fixedtime_lapse; - if (this.onExecuteStep) { - this.onExecuteStep(); - } - } - if (this.onAfterExecute) { - this.onAfterExecute(); - } - this.errors_in_execution = !1; - } catch (G) { - this.errors_in_execution = !0; - if (k.throw_errors) { - throw G; - } - k.debug && console.log("Error during execution: " + G); - this.stop(); - } - } - a = k.getTime(); - e = a - e; - 0 == e && (e = 1); - this.execution_time = 0.001 * e; - this.globaltime += 0.001 * e; - this.iteration += 1; - this.elapsed_time = 0.001 * (a - this.last_update_time); - this.last_update_time = a; - } - }; - f.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]); - } - }; - f.prototype.computeExecutionOrder = function(a, b) { - for (var e = [], c = [], g = {}, l = {}, p = {}, d = 0, m = this._nodes.length; d < m; ++d) { - var f = this._nodes[d]; - if (!a || f.onExecute) { - g[f.id] = f; - var n = 0; - if (f.inputs) { - for (var h = 0, q = f.inputs.length; h < q; h++) { - f.inputs[h] && null != f.inputs[h].link && (n += 1); - } - } - 0 == n ? (c.push(f), b && (f._level = 1)) : (b && (f._level = 0), p[f.id] = n); - } - } - for (; 0 != c.length;) { - if (f = c.shift(), e.push(f), delete g[f.id], f.outputs) { - for (d = 0; d < f.outputs.length; d++) { - if (a = f.outputs[d], null != a && null != a.links && 0 != a.links.length) { - for (h = 0; h < a.links.length; h++) { - (m = this.links[a.links[h]]) && !l[m.id] && (n = this.getNodeById(m.target_id), null == n ? l[m.id] = !0 : (b && (!n._level || n._level <= f._level) && (n._level = f._level + 1), l[m.id] = !0, --p[n.id], 0 == p[n.id] && c.push(n))); - } - } - } - } - } - for (d in g) { - e.push(g[d]); - } - e.length != this._nodes.length && k.debug && console.warn("something went wrong, nodes missing"); - m = e.length; - for (d = 0; d < m; ++d) { - e[d].order = d; - } - e = e.sort(function(a, b) { - var e = a.constructor.priority || a.priority || 0, c = b.constructor.priority || b.priority || 0; - return e == c ? a.order - b.order : e - c; - }); - for (d = 0; d < m; ++d) { - e[d].order = d; - } - return e; - }; - f.prototype.getAncestors = function(a) { - for (var b = [], e = [a], c = {}; e.length;) { - var g = e.shift(); - if (g.inputs) { - c[g.id] || g == a || (c[g.id] = !0, b.push(g)); - for (var l = 0; l < g.inputs.length; ++l) { - var p = g.getInputNode(l); - p && -1 == b.indexOf(p) && e.push(p); - } - } - } - b.sort(function(a, b) { - return a.order - b.order; - }); - return b; - }; - f.prototype.arrange = function(a) { - a = a || 40; - for (var b = this.computeExecutionOrder(!1, !0), e = [], c = 0; c < b.length; ++c) { - var g = b[c], l = g._level || 1; - e[l] || (e[l] = []); - e[l].push(g); - } - b = a; - for (c = 0; c < e.length; ++c) { - if (l = e[c]) { - for (var p = 100, k = a, d = 0; d < l.length; ++d) { - g = l[d], g.pos[0] = b, g.pos[1] = k, g.size[0] > p && (p = g.size[0]), k += g.size[1] + a; - } - b += p + a; - } - } - this.setDirtyCanvas(!0, !0); - }; - f.prototype.getTime = function() { - return this.globaltime; - }; - f.prototype.getFixedTime = function() { - return this.fixedtime; - }; - f.prototype.getElapsedTime = function() { - return this.elapsed_time; - }; - f.prototype.sendEventToAllNodes = function(a, b, e) { - e = e || k.ALWAYS; - var c = this._nodes_in_order ? this._nodes_in_order : this._nodes; - if (c) { - for (var g = 0, l = c.length; g < l; ++g) { - var p = c[g]; - if (p[a] && p.mode == e) { - if (void 0 === b) { - p[a](); - } else { - if (b && b.constructor === Array) { - p[a].apply(p, b); - } else { - p[a](b); - } - } - } - } - } - }; - f.prototype.sendActionToCanvas = function(a, b) { - if (this.list_of_graphcanvas) { - for (var e = 0; e < this.list_of_graphcanvas.length; ++e) { - var c = this.list_of_graphcanvas[e]; - c[a] && c[a].apply(c, b); - } - } - }; - f.prototype.add = function(a, b) { - if (a) { - if (a.constructor === n) { - 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 >= k.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); - a.graph = this; - this._version++; - this._nodes.push(a); - this._nodes_by_id[a.id] = a; - if (a.onAdded) { - a.onAdded(this); - } - this.config.align_to_grid && a.alignToGrid(); - b || this.updateExecutionOrder(); - if (this.onNodeAdded) { - this.onNodeAdded(a); - } - this.setDirtyCanvas(!0); - this.change(); - return a; - } - } - }; - f.prototype.remove = function(a) { - if (a.constructor === k.LGraphGroup) { - var b = this._groups.indexOf(a); - -1 != b && this._groups.splice(b, 1); - a.graph = null; - this._version++; - this.setDirtyCanvas(!0, !0); - this.change(); - } else { - if (null != this._nodes_by_id[a.id] && !a.ignore_remove) { - if (a.inputs) { - for (b = 0; b < a.inputs.length; b++) { - var e = a.inputs[b]; - null != e.link && a.disconnectInput(b); - } - } - if (a.outputs) { - for (b = 0; b < a.outputs.length; b++) { - e = a.outputs[b], null != e.links && e.links.length && a.disconnectOutput(b); - } - } - if (a.onRemoved) { - a.onRemoved(); - } - a.graph = null; - this._version++; - if (this.list_of_graphcanvas) { - for (b = 0; b < this.list_of_graphcanvas.length; ++b) { - e = this.list_of_graphcanvas[b], e.selected_nodes[a.id] && delete e.selected_nodes[a.id], e.node_dragged == a && (e.node_dragged = null); - } - } - b = this._nodes.indexOf(a); - -1 != b && this._nodes.splice(b, 1); - delete this._nodes_by_id[a.id]; - if (this.onNodeRemoved) { - this.onNodeRemoved(a); - } - this.setDirtyCanvas(!0, !0); - this.change(); - this.updateExecutionOrder(); - } - } - }; - f.prototype.getNodeById = function(a) { - return null == a ? null : this._nodes_by_id[a]; - }; - f.prototype.findNodesByClass = function(a) { - for (var b = [], e = 0, c = this._nodes.length; e < c; ++e) { - this._nodes[e].constructor === a && b.push(this._nodes[e]); - } - return b; - }; - f.prototype.findNodesByType = function(a) { - a = a.toLowerCase(); - for (var b = [], e = 0, c = this._nodes.length; e < c; ++e) { - this._nodes[e].type.toLowerCase() == a && b.push(this._nodes[e]); - } - return b; - }; - f.prototype.findNodesByTitle = function(a) { - for (var b = [], e = 0, c = this._nodes.length; e < c; ++e) { - this._nodes[e].title == a && b.push(this._nodes[e]); - } - return b; - }; - f.prototype.getNodeOnPos = function(a, b, e) { - e = e || this._nodes; - for (var c = e.length - 1; 0 <= c; c--) { - var g = e[c]; - if (g.isPointInside(a, b, 2)) { - return g; - } - } - return null; - }; - f.prototype.getGroupOnPos = function(a, b) { - for (var e = this._groups.length - 1; 0 <= e; e--) { - var c = this._groups[e]; - if (c.isPointInside(a, b, 2)) { - return c; - } - } - return null; - }; - f.prototype.addGlobalInput = function(a, b, e) { - this.global_inputs[a] = {name:a, type:b, value:e}; - this._version++; - if (this.onGlobalInputAdded) { - this.onGlobalInputAdded(a, b); - } - if (this.onGlobalsChange) { - this.onGlobalsChange(); - } - }; - f.prototype.setGlobalInputData = function(a, b) { - if (a = this.global_inputs[a]) { - a.value = b; - } - }; - f.prototype.setInputData = f.prototype.setGlobalInputData; - f.prototype.getGlobalInputData = function(a) { - return (a = this.global_inputs[a]) ? a.value : null; - }; - f.prototype.renameGlobalInput = function(a, b) { - if (b != a) { - if (!this.global_inputs[a]) { - return !1; - } - if (this.global_inputs[b]) { - return console.error("there is already one input with that name"), !1; - } - this.global_inputs[b] = this.global_inputs[a]; - delete this.global_inputs[a]; - this._version++; - if (this.onGlobalInputRenamed) { - this.onGlobalInputRenamed(a, b); - } - if (this.onGlobalsChange) { - this.onGlobalsChange(); - } - } - }; - f.prototype.changeGlobalInputType = function(a, b) { - if (!this.global_inputs[a]) { - return !1; - } - if (!this.global_inputs[a].type || this.global_inputs[a].type.toLowerCase() != b.toLowerCase()) { - if (this.global_inputs[a].type = b, this._version++, this.onGlobalInputTypeChanged) { - this.onGlobalInputTypeChanged(a, b); - } - } - }; - f.prototype.removeGlobalInput = function(a) { - if (!this.global_inputs[a]) { - return !1; - } - delete this.global_inputs[a]; - this._version++; - if (this.onGlobalInputRemoved) { - this.onGlobalInputRemoved(a); - } - if (this.onGlobalsChange) { - this.onGlobalsChange(); - } - return !0; - }; - f.prototype.addGlobalOutput = function(a, b, e) { - this.global_outputs[a] = {name:a, type:b, value:e}; - this._version++; - if (this.onGlobalOutputAdded) { - this.onGlobalOutputAdded(a, b); - } - if (this.onGlobalsChange) { - this.onGlobalsChange(); - } - }; - f.prototype.setGlobalOutputData = function(a, b) { - if (a = this.global_outputs[a]) { - a.value = b; - } - }; - f.prototype.getGlobalOutputData = function(a) { - return (a = this.global_outputs[a]) ? a.value : null; - }; - f.prototype.getOutputData = f.prototype.getGlobalOutputData; - f.prototype.renameGlobalOutput = function(a, b) { - if (!this.global_outputs[a]) { - return !1; - } - if (this.global_outputs[b]) { - return console.error("there is already one output with that name"), !1; - } - this.global_outputs[b] = this.global_outputs[a]; - delete this.global_outputs[a]; - this._version++; - if (this.onGlobalOutputRenamed) { - this.onGlobalOutputRenamed(a, b); - } - if (this.onGlobalsChange) { - this.onGlobalsChange(); - } - }; - f.prototype.changeGlobalOutputType = function(a, b) { - if (!this.global_outputs[a]) { - return !1; - } - if (!this.global_outputs[a].type || this.global_outputs[a].type.toLowerCase() != b.toLowerCase()) { - if (this.global_outputs[a].type = b, this._version++, this.onGlobalOutputTypeChanged) { - this.onGlobalOutputTypeChanged(a, b); - } - } - }; - f.prototype.removeGlobalOutput = function(a) { - if (!this.global_outputs[a]) { - return !1; - } - delete this.global_outputs[a]; - this._version++; - if (this.onGlobalOutputRemoved) { - this.onGlobalOutputRemoved(a); - } - if (this.onGlobalsChange) { - this.onGlobalsChange(); - } - return !0; - }; - f.prototype.triggerInput = function(a, b) { - a = this.findNodesByTitle(a); - for (var e = 0; e < a.length; ++e) { - a[e].onTrigger(b); - } - }; - f.prototype.setCallback = function(a, b) { - a = this.findNodesByTitle(a); - for (var e = 0; e < a.length; ++e) { - a[e].setTrigger(b); - } - }; - f.prototype.connectionChange = function(a) { - this.updateExecutionOrder(); - if (this.onConnectionChange) { - this.onConnectionChange(a); - } - this._version++; - this.sendActionToCanvas("onConnectionChange"); - }; - f.prototype.isLive = function() { - if (!this.list_of_graphcanvas) { - return !1; - } - for (var a = 0; a < this.list_of_graphcanvas.length; ++a) { - if (this.list_of_graphcanvas[a].live_mode) { - return !0; - } - } - return !1; - }; - f.prototype.change = function() { - k.debug && console.log("Graph changed"); - this.sendActionToCanvas("setDirty", [!0, !0]); - if (this.on_change) { - this.on_change(this); - } - }; - f.prototype.setDirtyCanvas = function(a, b) { - this.sendActionToCanvas("setDirty", [a, b]); - }; - f.prototype.serialize = function() { - for (var a = [], b = 0, e = this._nodes.length; b < e; ++b) { - a.push(this._nodes[b].serialize()); - } - e = []; - for (b in this.links) { - var c = this.links[b]; - e.push([c.id, c.origin_id, c.origin_slot, c.target_id, c.target_slot, c.type]); - } - c = []; - for (b = 0; b < this._groups.length; ++b) { - c.push(this._groups[b].serialize()); - } - return {last_node_id:this.last_node_id, last_link_id:this.last_link_id, nodes:a, links:e, groups:c, config:this.config}; - }; - f.prototype.configure = function(a, b) { - if (a) { - b || this.clear(); - b = a.nodes; - if (a.links && a.links.constructor === Array) { - for (var e = [], c = 0; c < a.links.length; ++c) { - var g = a.links[c]; - e[g[0]] = {id:g[0], origin_id:g[1], origin_slot:g[2], target_id:g[3], target_slot:g[4], type:g[5]}; - } - a.links = e; - } - for (c in a) { - this[c] = a[c]; - } - e = !1; - this._nodes = []; - if (b) { - c = 0; - for (g = b.length; c < g; ++c) { - var l = b[c], p = k.createNode(l.type, l.title); - p ? (p.id = l.id, this.add(p, !0)) : (k.debug && console.log("Node not found: " + l.type), e = !0); - } - c = 0; - for (g = b.length; c < g; ++c) { - l = b[c], (p = this.getNodeById(l.id)) && p.configure(l); - } - } - this._groups.length = 0; - if (a.groups) { - for (c = 0; c < a.groups.length; ++c) { - b = new k.LGraphGroup, b.configure(a.groups[c]), this.add(b); - } - } - this.updateExecutionOrder(); - this._version++; - this.setDirtyCanvas(!0, !0); - return e; - } - }; - f.prototype.load = function(a) { - var b = this, e = new XMLHttpRequest; - e.open("GET", a, !0); - e.send(null); - e.onload = function(a) { - 200 !== e.status ? console.error("Error loading graph:", e.status, e.response) : (a = JSON.parse(e.response), b.configure(a)); - }; - e.onerror = function(a) { - console.error("Error loading graph:", a); - }; - }; - f.prototype.onNodeTrace = function(a, b, e) { - }; - u.LGraphNode = k.LGraphNode = h; - h.prototype._ctor = function(a) { - this.title = a || "Unnamed"; - this.size = [k.NODE_WIDTH, 60]; - this.graph = null; - this._pos = new Float32Array(10, 10); - Object.defineProperty(this, "pos", {set:function(a) { - !a || 2 > a.length || (this._pos[0] = a[0], this._pos[1] = a[1]); - }, get:function() { - return this._pos; - }, enumerable:!0}); - this.id = -1; - this.type = null; - this.inputs = []; - this.outputs = []; - this.connections = []; - this.properties = {}; - this.properties_info = []; - this.data = null; - this.flags = {}; - }; - h.prototype.configure = function(a) { - this.graph && this.graph._version++; - for (var b in a) { - if ("console" != b) { - if ("properties" == b) { - for (var e in a.properties) { - if (this.properties[e] = a.properties[e], this.onPropertyChanged) { - this.onPropertyChanged(e, a.properties[e]); - } - } - } else { - null != a[b] && ("object" == typeof a[b] ? this[b] && this[b].configure ? this[b].configure(a[b]) : this[b] = k.cloneObject(a[b], this[b]) : this[b] = a[b]); - } - } - } - a.title || (this.title = this.constructor.title); - if (this.onConnectionsChange) { - if (this.inputs) { - for (var c = 0; c < this.inputs.length; ++c) { - e = this.inputs[c]; - var g = this.graph ? this.graph.links[e.link] : null; - this.onConnectionsChange(k.INPUT, c, !0, g, e); - } - } - if (this.outputs) { - for (c = 0; c < this.outputs.length; ++c) { - if (e = this.outputs[c], e.links) { - for (b = 0; b < e.links.length; ++b) { - g = this.graph ? this.graph.links[e.links[b]] : null, this.onConnectionsChange(k.OUTPUT, c, !0, g, e); - } - } - } - } - } - for (c in this.inputs) { - e = this.inputs[c], e.link && e.link.length && (g = e.link, "object" == typeof g && (e.link = g[0], this.graph && (this.graph.links[g[0]] = {id:g[0], origin_id:g[1], origin_slot:g[2], target_id:g[3], target_slot:g[4]}))); - } - for (c in this.outputs) { - if (e = this.outputs[c], e.links && 0 != e.links.length) { - for (b in e.links) { - g = e.links[b], "object" == typeof g && (e.links[b] = g[0]); - } - } - } - if (this.onConfigure) { - this.onConfigure(a); - } - }; - h.prototype.serialize = function() { - var a = {id:this.id, type:this.type, pos:this.pos, size:this.size, data:this.data, flags:k.cloneObject(this.flags), mode:this.mode}; - this.inputs && (a.inputs = this.inputs); - if (this.outputs) { - for (var b = 0; b < this.outputs.length; b++) { - delete this.outputs[b]._data; - } - a.outputs = this.outputs; - } - this.title && this.title != this.constructor.title && (a.title = this.title); - this.properties && (a.properties = k.cloneObject(this.properties)); - a.type || (a.type = this.constructor.type); - this.color && (a.color = this.color); - this.bgcolor && (a.bgcolor = this.bgcolor); - this.boxcolor && (a.boxcolor = this.boxcolor); - this.shape && (a.shape = this.shape); - if (this.onSerialize) { - this.onSerialize(a); - } - return a; - }; - h.prototype.clone = function() { - var a = k.createNode(this.type), b = k.cloneObject(this.serialize()); - if (b.inputs) { - for (var e = 0; e < b.inputs.length; ++e) { - b.inputs[e].link = null; - } - } - if (b.outputs) { - for (e = 0; e < b.outputs.length; ++e) { - b.outputs[e].links && (b.outputs[e].links.length = 0); - } - } - delete b.id; - a.configure(b); - return a; - }; - h.prototype.toString = function() { - return JSON.stringify(this.serialize()); - }; - h.prototype.getTitle = function() { - return this.title || this.constructor.title; - }; - h.prototype.setOutputData = function(a, b) { - if (this.outputs && !(-1 == a || a >= this.outputs.length)) { - var e = this.outputs[a]; - if (e && (e._data = b, this.outputs[a].links)) { - for (e = 0; e < this.outputs[a].links.length; e++) { - this.graph.links[this.outputs[a].links[e]].data = 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) { - return null; - } - if (!b) { - return a.data; - } - b = this.graph.getNodeById(a.origin_id); - if (!b) { - return a.data; - } - if (b.updateOutputData) { - b.updateOutputData(a.origin_slot); - } else { - if (b.onExecute) { - b.onExecute(); - } - } - return a.data; - } - }; - h.prototype.getInputDataByName = function(a, b) { - a = this.findInputSlot(a); - return -1 == a ? null : this.getInputData(a, b); - }; - h.prototype.isInputConnected = function(a) { - return this.inputs ? a < this.inputs.length && null != this.inputs[a].link : !1; - }; - h.prototype.getInputInfo = function(a) { - return this.inputs ? a < this.inputs.length ? this.inputs[a] : null : null; - }; - 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; - }; - h.prototype.getInputOrProperty = function(a) { - if (!this.inputs || !this.inputs.length) { - return this.properties ? this.properties[a] : null; - } - for (var b = 0, e = this.inputs.length; b < e; ++b) { - if (a == this.inputs[b].name) { - return (a = this.graph.links[this.inputs[b].link]) ? a.data : null; - } - } - return this.properties[a]; - }; - h.prototype.getOutputData = function(a) { - return !this.outputs || a >= this.outputs.length ? null : this.outputs[a]._data; - }; - h.prototype.getOutputInfo = function(a) { - return this.outputs ? a < this.outputs.length ? this.outputs[a] : null : null; - }; - h.prototype.isOutputConnected = function(a) { - return this.outputs ? a < this.outputs.length && this.outputs[a].links && this.outputs[a].links.length : !1; - }; - h.prototype.isAnyOutputConnected = function() { - if (!this.outputs) { - return !1; - } - for (var a = 0; a < this.outputs.length; ++a) { - if (this.outputs[a].links && this.outputs[a].links.length) { - return !0; - } - } - return !1; - }; - h.prototype.getOutputNodes = function(a) { - if (!this.outputs || 0 == this.outputs.length || a >= this.outputs.length) { - return null; - } - a = this.outputs[a]; - if (!a.links || 0 == a.links.length) { - return null; - } - for (var b = [], e = 0; e < a.links.length; e++) { - var c = this.graph.links[a.links[e]]; - c && (c = this.graph.getNodeById(c.target_id)) && b.push(c); - } - return b; - }; - h.prototype.trigger = function(a, b) { - if (this.outputs && this.outputs.length) { - this.graph && (this.graph._last_trigger_time = k.getTime()); - for (var e = 0; e < this.outputs.length; ++e) { - var c = this.outputs[e]; - !c || c.type !== k.EVENT || a && c.name != a || this.triggerSlot(e, b); - } - } - }; - h.prototype.triggerSlot = function(a, b) { - if (this.outputs && (a = this.outputs[a]) && (a = a.links) && a.length) { - this.graph && (this.graph._last_trigger_time = k.getTime()); - for (var e = 0; e < a.length; ++e) { - var c = this.graph.links[a[e]]; - if (c) { - var g = this.graph.getNodeById(c.target_id); - if (g) { - if (c._last_time = k.getTime(), c = g.inputs[c.target_slot], g.onAction) { - g.onAction(c.name, b); - } else { - if (g.mode === k.ON_TRIGGER && g.onExecute) { - g.onExecute(b); - } - } - } - } - } - } - }; - h.prototype.addProperty = function(a, b, e, c) { - e = {name:a, type:e, default_value:b}; - if (c) { - for (var g in c) { - e[g] = c[g]; - } - } - this.properties_info || (this.properties_info = []); - this.properties_info.push(e); - this.properties || (this.properties = {}); - this.properties[a] = b; - return e; - }; - h.prototype.addOutput = function(a, b, e) { - a = {name:a, type:b, links:null}; - if (e) { - for (var c in e) { - a[c] = e[c]; - } - } - this.outputs || (this.outputs = []); - this.outputs.push(a); - if (this.onOutputAdded) { - this.onOutputAdded(a); - } - this.size = this.computeSize(); - return a; - }; - h.prototype.addOutputs = function(a) { - for (var b = 0; b < a.length; ++b) { - var e = a[b], c = {name:e[0], type:e[1], link:null}; - if (a[2]) { - for (var g in e[2]) { - c[g] = e[2][g]; - } - } - this.outputs || (this.outputs = []); - this.outputs.push(c); - if (this.onOutputAdded) { - this.onOutputAdded(c); - } - } - this.size = this.computeSize(); - }; - h.prototype.removeOutput = function(a) { - this.disconnectOutput(a); - this.outputs.splice(a, 1); - this.size = this.computeSize(); - if (this.onOutputRemoved) { - this.onOutputRemoved(a); - } - }; - h.prototype.addInput = function(a, b, e) { - a = {name:a, type:b || 0, link:null}; - if (e) { - for (var c in e) { - a[c] = e[c]; - } - } - this.inputs || (this.inputs = []); - this.inputs.push(a); - this.size = this.computeSize(); - if (this.onInputAdded) { - this.onInputAdded(a); - } - return a; - }; - h.prototype.addInputs = function(a) { - for (var b = 0; b < a.length; ++b) { - var e = a[b], c = {name:e[0], type:e[1], link:null}; - if (a[2]) { - for (var g in e[2]) { - c[g] = e[2][g]; - } - } - this.inputs || (this.inputs = []); - this.inputs.push(c); - if (this.onInputAdded) { - this.onInputAdded(c); - } - } - this.size = this.computeSize(); - }; - h.prototype.removeInput = function(a) { - this.disconnectInput(a); - this.inputs.splice(a, 1); - this.size = this.computeSize(); - if (this.onInputRemoved) { - this.onInputRemoved(a); - } - }; - h.prototype.addConnection = function(a, b, e, c) { - a = {name:a, type:b, pos:e, direction:c, links:null}; - this.connections.push(a); - return a; - }; - h.prototype.computeSize = function(a, b) { - function e(a) { - return a ? c * 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 c = k.NODE_TEXT_SIZE; - b[1] = (this.constructor.slot_start_y || 0) + a * (c + 1) + (this.widgets ? this.widgets.length : 0) * (k.NODE_WIDGET_HEIGHT + 4) + 4; - a = e(this.title); - var g = 0, l = 0; - if (this.inputs) { - for (var p = 0, d = this.inputs.length; p < d; ++p) { - var m = this.inputs[p]; - m = m.label || m.name || ""; - m = e(m); - g < m && (g = m); - } - } - if (this.outputs) { - for (p = 0, d = this.outputs.length; p < d; ++p) { - m = this.outputs[p], m = m.label || m.name || "", m = e(m), l < m && (l = m); - } - } - b[0] = Math.max(g + l + 10, a); - b[0] = Math.max(b[0], k.NODE_WIDTH); - if (this.onResize) { - this.onResize(b); - } - return b; - }; - h.prototype.addWidget = function(a, b, e, c, g) { - this.widgets || (this.widgets = []); - b = {type:a.toLowerCase(), name:b, value:e, callback:c, options:g || {}}; - void 0 !== b.options.y && (b.y = b.options.y); - if ("combo" == a && !b.options.values) { - throw "LiteGraph addWidget('combo',...) requires to pass values in options: { values:['red','blue'] }"; - } - this.widgets.push(b); - return b; - }; - h.prototype.getBounding = function(a) { - a = a || new Float32Array(4); - a[0] = this.pos[0] - 4; - a[1] = this.pos[1] - k.NODE_TITLE_HEIGHT; - a[2] = this.size[0] + 4; - a[3] = this.size[1] + k.NODE_TITLE_HEIGHT; - return a; - }; - h.prototype.isPointInside = function(a, b, e) { - e = e || 0; - var c = this.graph && this.graph.isLive() ? 0 : 20; - if (this.flags && this.flags.collapsed) { - if (t(a, b, this.pos[0] - e, this.pos[1] - k.NODE_TITLE_HEIGHT - e, (this._collapsed_width || k.NODE_COLLAPSED_WIDTH) + 2 * e, k.NODE_TITLE_HEIGHT + 2 * e)) { - return !0; - } - } else { - if (this.pos[0] - 4 - e < a && this.pos[0] + this.size[0] + 4 + e > a && this.pos[1] - c - e < b && this.pos[1] + this.size[1] + e > b) { - return !0; - } - } - return !1; - }; - h.prototype.getSlotInPosition = function(a, b) { - if (this.inputs) { - for (var e = 0, c = this.inputs.length; e < c; ++e) { - var g = this.inputs[e], l = this.getConnectionPos(!0, e); - if (t(a, b, l[0] - 10, l[1] - 5, 20, 10)) { - return {input:g, slot:e, link_pos:l, locked:g.locked}; - } - } - } - if (this.outputs) { - for (e = 0, c = this.outputs.length; e < c; ++e) { - if (g = this.outputs[e], l = this.getConnectionPos(!1, e), t(a, b, l[0] - 10, l[1] - 5, 20, 10)) { - return {output:g, slot:e, link_pos:l, locked:g.locked}; - } - } - } - return null; - }; - h.prototype.findInputSlot = function(a) { - if (!this.inputs) { - return -1; - } - for (var b = 0, e = this.inputs.length; b < e; ++b) { - if (a == this.inputs[b].name) { - return b; - } - } - return -1; - }; - h.prototype.findOutputSlot = function(a) { - if (!this.outputs) { - return -1; - } - for (var b = 0, e = this.outputs.length; b < e; ++b) { - if (a == this.outputs[b].name) { - return b; - } - } - return -1; - }; - h.prototype.connect = function(a, b, e) { - e = e || 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."), !1; - } - if (a.constructor === String) { - if (a = this.findOutputSlot(a), -1 == a) { - return k.debug && console.log("Connect: Error, no slot of name " + a), !1; - } - } else { - if (!this.outputs || a >= this.outputs.length) { - return k.debug && console.log("Connect: Error, slot number not found"), !1; - } - } - b && b.constructor === Number && (b = this.graph.getNodeById(b)); - if (!b) { - throw "target node is null"; - } - if (b == this) { - return !1; - } - if (e.constructor === String) { - if (e = b.findInputSlot(e), -1 == e) { - return k.debug && console.log("Connect: Error, no slot of name " + e), !1; - } - } else { - if (e === k.EVENT) { - return !1; - } - if (!b.inputs || e >= b.inputs.length) { - return k.debug && console.log("Connect: Error, slot number not found"), !1; - } - } - null != b.inputs[e].link && b.disconnectInput(e); - var c = this.outputs[a]; - if (b.onConnectInput && !1 === b.onConnectInput(e, c.type, c)) { - return !1; - } - var g = b.inputs[e]; - if (k.isValidConnection(c.type, g.type)) { - var l = {id:this.graph.last_link_id++, type:g.type, origin_id:this.id, origin_slot:a, target_id:b.id, target_slot:e}; - this.graph.links[l.id] = l; - null == c.links && (c.links = []); - c.links.push(l.id); - b.inputs[e].link = l.id; - this.graph && this.graph._version++; - if (this.onConnectionsChange) { - this.onConnectionsChange(k.OUTPUT, a, !0, l, c); - } - if (b.onConnectionsChange) { - b.onConnectionsChange(k.INPUT, e, !0, l, g); - } - if (this.graph && this.graph.onNodeConnectionChange) { - this.graph.onNodeConnectionChange(k.OUTPUT, this, a, b, e); - } - } - this.setDirtyCanvas(!1, !0); - this.graph.connectionChange(this); - return !0; - }; - h.prototype.disconnectOutput = function(a, b) { - if (a.constructor === String) { - if (a = this.findOutputSlot(a), -1 == a) { - return k.debug && console.log("Connect: Error, no slot of name " + a), !1; - } - } else { - if (!this.outputs || a >= this.outputs.length) { - return k.debug && console.log("Connect: Error, slot number not found"), !1; - } - } - var e = this.outputs[a]; - if (!e.links || 0 == e.links.length) { - return !1; - } - if (b) { - b.constructor === Number && (b = this.graph.getNodeById(b)); - if (!b) { - throw "Target Node not found"; - } - for (var c = 0, g = e.links.length; c < g; c++) { - var l = e.links[c], p = this.graph.links[l]; - if (p.target_id == b.id) { - e.links.splice(c, 1); - var d = b.inputs[p.target_slot]; - d.link = null; - delete this.graph.links[l]; - this.graph && this.graph._version++; - if (b.onConnectionsChange) { - b.onConnectionsChange(k.INPUT, p.target_slot, !1, p, d); - } - if (this.onConnectionsChange) { - this.onConnectionsChange(k.OUTPUT, a, !1, p, e); - } - if (this.graph && this.graph.onNodeConnectionChange) { - this.graph.onNodeConnectionChange(k.OUTPUT, this, a); - } - if (this.graph && this.graph.onNodeConnectionChange) { - this.graph.onNodeConnectionChange(k.INPUT, b, p.target_slot); - } - break; - } - } - } else { - c = 0; - for (g = e.links.length; c < g; c++) { - if (l = e.links[c], p = this.graph.links[l]) { - b = this.graph.getNodeById(p.target_id); - this.graph && this.graph._version++; - if (b) { - d = b.inputs[p.target_slot]; - d.link = null; - if (b.onConnectionsChange) { - b.onConnectionsChange(k.INPUT, p.target_slot, !1, p, d); - } - if (this.graph && this.graph.onNodeConnectionChange) { - this.graph.onNodeConnectionChange(k.INPUT, b, p.target_slot); - } - } - delete this.graph.links[l]; - if (this.onConnectionsChange) { - this.onConnectionsChange(k.OUTPUT, a, !1, p, e); - } - if (this.graph && this.graph.onNodeConnectionChange) { - this.graph.onNodeConnectionChange(k.OUTPUT, this, a); - } - } - } - e.links = null; - } - this.setDirtyCanvas(!1, !0); - this.graph.connectionChange(this); - return !0; - }; - h.prototype.disconnectInput = function(a) { - if (a.constructor === String) { - if (a = this.findInputSlot(a), -1 == a) { - return k.debug && console.log("Connect: Error, no slot of name " + a), !1; - } - } else { - if (!this.inputs || a >= this.inputs.length) { - return k.debug && console.log("Connect: Error, slot number not found"), !1; - } - } - var b = this.inputs[a]; - if (!b) { - return !1; - } - var e = this.inputs[a].link; - this.inputs[a].link = null; - var c = this.graph.links[e]; - if (c) { - var g = this.graph.getNodeById(c.origin_id); - if (!g) { - return !1; - } - var l = g.outputs[c.origin_slot]; - if (!l || !l.links || 0 == l.links.length) { - return !1; - } - for (var p = 0, d = l.links.length; p < d; p++) { - if (l.links[p] == e) { - l.links.splice(p, 1); - break; - } - } - delete this.graph.links[e]; - this.graph && this.graph._version++; - if (this.onConnectionsChange) { - this.onConnectionsChange(k.INPUT, a, !1, c, b); - } - if (g.onConnectionsChange) { - g.onConnectionsChange(k.OUTPUT, p, !1, c, l); - } - } - this.setDirtyCanvas(!1, !0); - this.graph.connectionChange(this); - return !0; - }; - h.prototype.getConnectionPos = function(a, b) { - return this.flags.collapsed ? a ? [this.pos[0], this.pos[1] - 0.5 * k.NODE_TITLE_HEIGHT] : [this.pos[0] + (this._collapsed_width || k.NODE_COLLAPSED_WIDTH), this.pos[1] - 0.5 * k.NODE_TITLE_HEIGHT] : a && -1 == b ? [this.pos[0] + 10, this.pos[1] + 10] : a && this.inputs.length > b && this.inputs[b].pos ? [this.pos[0] + this.inputs[b].pos[0], this.pos[1] + this.inputs[b].pos[1]] : !a && this.outputs.length > b && this.outputs[b].pos ? [this.pos[0] + this.outputs[b].pos[0], this.pos[1] + this.outputs[b].pos[1]] : - this.flags.horizontal ? a ? [this.pos[0] + this.size[0] / this.inputs.length * (b + 0.5), this.pos[1] - k.NODE_TITLE_HEIGHT] : [this.pos[0] + this.size[0] / this.outputs.length * (b + 0.5), this.pos[1] + this.size[1]] : a ? [this.pos[0], this.pos[1] + 10 + b * k.NODE_SLOT_HEIGHT + (this.constructor.slot_start_y || 0)] : [this.pos[0] + this.size[0] + 1, this.pos[1] + 10 + b * k.NODE_SLOT_HEIGHT + (this.constructor.slot_start_y || 0)]; - }; - h.prototype.alignToGrid = function() { - this.pos[0] = k.CANVAS_GRID_SIZE * Math.round(this.pos[0] / k.CANVAS_GRID_SIZE); - this.pos[1] = k.CANVAS_GRID_SIZE * Math.round(this.pos[1] / k.CANVAS_GRID_SIZE); - }; - h.prototype.trace = function(a) { - this.console || (this.console = []); - this.console.push(a); - this.console.length > h.MAX_CONSOLE && this.console.shift(); - this.graph.onNodeTrace(this, a); - }; - h.prototype.setDirtyCanvas = function(a, b) { - this.graph && this.graph.sendActionToCanvas("setDirty", [a, b]); - }; - h.prototype.loadImage = function(a) { - var b = new Image; - b.src = k.node_images_path + a; - b.ready = !1; - var e = this; - b.onload = function() { - this.ready = !0; - e.setDirtyCanvas(!0); - }; - return b; - }; - h.prototype.captureInput = function(a) { - if (this.graph && this.graph.list_of_graphcanvas) { - for (var b = this.graph.list_of_graphcanvas, e = 0; e < b.length; ++e) { - var c = b[e]; - if (a || c.node_capturing_input == this) { - c.node_capturing_input = a ? this : null; - } - } - } - }; - 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); - } - }; - h.prototype.pin = function(a) { - this.graph._version++; - this.flags.pinned = void 0 === a ? !this.flags.pinned : a; - }; - h.prototype.localToScreen = function(a, b, e) { - return [(a + this.pos[0]) * e.scale + e.offset[0], (b + this.pos[1]) * e.scale + e.offset[1]]; - }; - u.LGraphGroup = k.LGraphGroup = n; - n.prototype._ctor = function(a) { - this.title = a || "Group"; - this._bounding = new Float32Array([10, 10, 140, 80]); - this._pos = this._bounding.subarray(0, 2); - this._size = this._bounding.subarray(2, 4); - this._nodes = []; - this.color = d.node_colors.pale_blue ? d.node_colors.pale_blue.groupcolor : "#AAA"; - this.graph = null; - Object.defineProperty(this, "pos", {set:function(a) { - !a || 2 > a.length || (this._pos[0] = a[0], this._pos[1] = a[1]); - }, get:function() { - return this._pos; - }, enumerable:!0}); - Object.defineProperty(this, "size", {set:function(a) { - !a || 2 > a.length || (this._size[0] = Math.max(140, a[0]), this._size[1] = Math.max(80, a[1])); - }, get:function() { - return this._size; - }, enumerable:!0}); - }; - n.prototype.configure = function(a) { - this.title = a.title; - this._bounding.set(a.bounding); - this.color = a.color; - }; - n.prototype.serialize = function() { - var a = this._bounding; - return {title:this.title, bounding:[a[0], a[1], a[2], a[3]], color:this.color}; - }; - n.prototype.move = function(a, b, e) { - this._pos[0] += a; - this._pos[1] += b; - if (!e) { - for (e = 0; e < this._nodes.length; ++e) { - var c = this._nodes[e]; - c.pos[0] += a; - c.pos[1] += b; - } - } - }; - n.prototype.recomputeInsideNodes = function() { - this._nodes.length = 0; - for (var a = this.graph._nodes, b = new Float32Array(4), e = 0; e < a.length; ++e) { - var c = a[e]; - c.getBounding(b); - v(this._bounding, b) && this._nodes.push(c); - } - }; - n.prototype.isPointInside = h.prototype.isPointInside; - n.prototype.setDirtyCanvas = h.prototype.setDirtyCanvas; - u.LGraphCanvas = k.LGraphCanvas = d; - d.link_type_colors = {"-1":"#F85", number:"#AAC", node:"#DCA"}; - d.gradients = {}; - d.prototype.clear = function() { - this.fps = this.render_time = this.last_draw_time = this.frame = 0; - this.scale = 1; - this.offset = [0, 0]; - this.dragging_rectangle = null; - this.selected_nodes = {}; - this.selected_group = null; - this.visible_nodes = []; - this.connecting_node = this.node_capturing_input = this.node_over = this.node_dragged = null; - this.highlighted_links = {}; - this.dirty_bgcanvas = this.dirty_canvas = !0; - this.node_widget = this.node_in_panel = this.dirty_area = null; - this.last_mouse = [0, 0]; - this.last_mouseclick = 0; - if (this.onClear) { - this.onClear(); - } - }; - d.prototype.setGraph = function(a, b) { - this.graph != a && (b || this.clear(), !a && this.graph ? this.graph.detachCanvas(this) : (a.attachCanvas(this), this.setDirty(!0, !0))); - }; - d.prototype.openSubgraph = function(a) { - if (!a) { - throw "graph cannot be null"; - } - if (this.graph == a) { - throw "graph cannot be the same"; - } - this.clear(); - this.graph && (this._graph_stack || (this._graph_stack = []), this._graph_stack.push(this.graph)); - a.attachCanvas(this); - this.setDirty(!0, !0); - }; - d.prototype.closeSubgraph = function() { - if (this._graph_stack && 0 != this._graph_stack.length) { - var a = this._graph_stack.pop(); - this.selected_nodes = {}; - this.highlighted_links = {}; - a.attachCanvas(this); - this.setDirty(!0, !0); - } - }; - d.prototype.setCanvas = function(a, b) { - if (a && a.constructor === String && (a = document.getElementById(a), !a)) { - throw "Error creating LiteGraph canvas: Canvas not found"; - } - if (a !== this.canvas && (!a && this.canvas && (b || this.unbindEvents()), this.canvas = a)) { - a.className += " lgraphcanvas"; - a.data = this; - this.bgcanvas = null; - this.bgcanvas || (this.bgcanvas = document.createElement("canvas"), this.bgcanvas.width = this.canvas.width, this.bgcanvas.height = this.canvas.height); - if (null == a.getContext) { - if ("canvas" != a.localName) { - throw "Element supplied for LGraphCanvas must be a element, you passed a " + a.localName; - } - throw "This browser doesnt support Canvas"; - } - null == (this.ctx = a.getContext("2d")) && (a.webgl_enabled || console.warn("This canvas seems to be WebGL, enabling WebGL renderer"), this.enableWebGL()); - this._mousemove_callback = this.processMouseMove.bind(this); - this._mouseup_callback = this.processMouseUp.bind(this); - b || this.bindEvents(); - } - }; - d.prototype._doNothing = function(a) { - a.preventDefault(); - return !1; - }; - d.prototype._doReturnTrue = function(a) { - a.preventDefault(); - return !0; - }; - d.prototype.bindEvents = function() { - if (this._events_binded) { - console.warn("LGraphCanvas: events already binded"); - } else { - var a = this.canvas, b = this.getCanvasWindow().document; - this._mousedown_callback = this.processMouseDown.bind(this); - this._mousewheel_callback = this.processMouseWheel.bind(this); - a.addEventListener("mousedown", this._mousedown_callback, !0); - a.addEventListener("mousemove", this._mousemove_callback); - a.addEventListener("mousewheel", this._mousewheel_callback, !1); - a.addEventListener("contextmenu", this._doNothing); - a.addEventListener("DOMMouseScroll", this._mousewheel_callback, !1); - a.addEventListener("touchstart", this.touchHandler, !0); - a.addEventListener("touchmove", this.touchHandler, !0); - a.addEventListener("touchend", this.touchHandler, !0); - a.addEventListener("touchcancel", this.touchHandler, !0); - this._key_callback = this.processKey.bind(this); - a.addEventListener("keydown", this._key_callback, !0); - b.addEventListener("keyup", this._key_callback, !0); - this._ondrop_callback = this.processDrop.bind(this); - a.addEventListener("dragover", this._doNothing, !1); - a.addEventListener("dragend", this._doNothing, !1); - a.addEventListener("drop", this._ondrop_callback, !1); - a.addEventListener("dragenter", this._doReturnTrue, !1); - this._events_binded = !0; - } - }; - d.prototype.unbindEvents = function() { - if (this._events_binded) { - var a = this.getCanvasWindow().document; - this.canvas.removeEventListener("mousedown", this._mousedown_callback); - this.canvas.removeEventListener("mousewheel", this._mousewheel_callback); - this.canvas.removeEventListener("DOMMouseScroll", this._mousewheel_callback); - this.canvas.removeEventListener("keydown", this._key_callback); - a.removeEventListener("keyup", this._key_callback); - this.canvas.removeEventListener("contextmenu", this._doNothing); - this.canvas.removeEventListener("drop", this._ondrop_callback); - this.canvas.removeEventListener("dragenter", this._doReturnTrue); - this.canvas.removeEventListener("touchstart", this.touchHandler); - this.canvas.removeEventListener("touchmove", this.touchHandler); - this.canvas.removeEventListener("touchend", this.touchHandler); - this.canvas.removeEventListener("touchcancel", this.touchHandler); - this._ondrop_callback = this._key_callback = this._mousewheel_callback = this._mousedown_callback = null; - this._events_binded = !1; - } else { - console.warn("LGraphCanvas: no events binded"); - } - }; - d.getFileExtension = function(a) { - var b = a.indexOf("?"); - -1 != b && (a = a.substr(0, b)); - b = a.lastIndexOf("."); - return -1 == b ? "" : a.substr(b + 1).toLowerCase(); - }; - d.prototype.enableWebGL = function() { - this.gl = this.ctx = enableWebGLCanvas(this.canvas); - this.ctx.webgl = !0; - this.bgcanvas = this.canvas; - this.bgctx = this.gl; - this.canvas.webgl_enabled = !0; - }; - d.prototype.setDirty = function(a, b) { - a && (this.dirty_canvas = !0); - b && (this.dirty_bgcanvas = !0); - }; - d.prototype.getCanvasWindow = function() { - if (!this.canvas) { - return window; - } - var a = this.canvas.ownerDocument; - return a.defaultView || a.parentWindow; - }; - d.prototype.startRendering = function() { - function a() { - this.pause_rendering || this.draw(); - var b = this.getCanvasWindow(); - this.is_rendering && b.requestAnimationFrame(a.bind(this)); - } - this.is_rendering || (this.is_rendering = !0, a.call(this)); - }; - d.prototype.stopRendering = function() { - this.is_rendering = !1; - }; - d.prototype.processMouseDown = function(a) { - if (this.graph) { - this.adjustMouseEvent(a); - var b = this.getCanvasWindow(); - d.active_canvas = this; - this.canvas.removeEventListener("mousemove", this._mousemove_callback); - b.document.addEventListener("mousemove", this._mousemove_callback, !0); - b.document.addEventListener("mouseup", this._mouseup_callback, !0); - var e = this.graph.getNodeOnPos(a.canvasX, a.canvasY, this.visible_nodes), c = !1, g = 300 > k.getTime() - this.last_mouseclick; - this.canvas_mouse[0] = a.canvasX; - this.canvas_mouse[1] = a.canvasY; - k.closeAllContextMenus(b); - 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, c = !0); - var l = !1; - if (e && this.allow_interaction && !c) { - this.live_mode || e.flags.pinned || this.bringToFront(e); - if (!this.connecting_node && !e.flags.collapsed && !this.live_mode) { - if (e.outputs) { - for (var p = 0, m = e.outputs.length; p < m; ++p) { - var f = e.outputs[p], x = e.getConnectionPos(!1, p); - if (t(a.canvasX, a.canvasY, x[0] - 10, x[1] - 5, 20, 10)) { - this.connecting_node = e; - this.connecting_output = f; - this.connecting_pos = e.getConnectionPos(!1, p); - this.connecting_slot = p; - if (g) { - if (e.onOutputDblClick) { - e.onOutputDblClick(p, a); - } - } else { - if (e.onOutputClick) { - e.onOutputClick(p, a); - } - } - c = !0; - break; - } - } - } - if (e.inputs) { - for (p = 0, m = e.inputs.length; p < m; ++p) { - if (f = e.inputs[p], x = e.getConnectionPos(!0, p), t(a.canvasX, a.canvasY, x[0] - 10, x[1] - 5, 20, 10)) { - if (g) { - if (e.onInputDblClick) { - e.onInputDblClick(p, a); - } - } else { - if (e.onInputClick) { - e.onInputClick(p, a); - } - } - null !== f.link && (e.disconnectInput(p), c = this.dirty_bgcanvas = !0); - } - } - } - !c && !1 !== e.flags.resizable && t(a.canvasX, a.canvasY, e.pos[0] + e.size[0] - 5, e.pos[1] + e.size[1] - 5, 5, 5) && (this.resizing_node = e, this.canvas.style.cursor = "se-resize", c = !0); - } - !c && t(a.canvasX, a.canvasY, e.pos[0], e.pos[1] - k.NODE_TITLE_HEIGHT, k.NODE_TITLE_HEIGHT, k.NODE_TITLE_HEIGHT) && (e.collapse(), c = !0); - if (!c) { - p = !1; - if (m = this.processNodeWidgets(e, this.canvas_mouse, a)) { - p = !0, this.node_widget = [e, m]; - } - if (g && this.selected_nodes[e.id]) { - if (e.onDblClick) { - e.onDblClick(a); - } - this.processNodeDblClicked(e); - p = !0; - } - e.onMouseDown && e.onMouseDown(a, [a.canvasX - e.pos[0], a.canvasY - e.pos[1]]) ? p = !0 : this.live_mode && (p = l = !0); - p || (this.allow_dragnodes && (this.node_dragged = e), this.selected_nodes[e.id] || this.processNodeSelected(e, a)); - this.dirty_canvas = !0; - } - } else { - this.selected_group = this.graph.getGroupOnPos(a.canvasX, a.canvasY), this.selected_group_resizing = !1, this.selected_group && (a.ctrlKey && (this.dragging_rectangle = null), 10 > q([a.canvasX, a.canvasY], [this.selected_group.pos[0] + this.selected_group.size[0], this.selected_group.pos[1] + this.selected_group.size[1]]) * this.scale ? this.selected_group_resizing = !0 : this.selected_group.recomputeInsideNodes()), g && this.showSearchBox(a), l = !0; - } - !c && l && this.allow_dragcanvas && (this.dragging_canvas = !0); - } else { - 2 != a.which && 3 == a.which && this.processContextMenu(e, a); - } - this.last_mouse[0] = a.localX; - this.last_mouse[1] = a.localY; - this.last_mouseclick = k.getTime(); - this.graph.change(); - (!b.document.activeElement || "input" != b.document.activeElement.nodeName.toLowerCase() && "textarea" != b.document.activeElement.nodeName.toLowerCase()) && a.preventDefault(); - a.stopPropagation(); - if (this.onMouseDown) { - this.onMouseDown(a); - } - return !1; - } - }; - d.prototype.processMouseMove = function(a) { - this.autoresize && this.resize(); - if (this.graph) { - d.active_canvas = this; - this.adjustMouseEvent(a); - var b = [a.localX, a.localY], e = [b[0] - this.last_mouse[0], b[1] - this.last_mouse[1]]; - this.last_mouse = b; - this.canvas_mouse[0] = a.canvasX; - this.canvas_mouse[1] = a.canvasY; - this.node_widget && (this.processNodeWidgets(this.node_widget[0], this.canvas_mouse, a, this.node_widget[1]), this.dirty_canvas = !0); - if (this.dragging_rectangle) { - this.dragging_rectangle[2] = a.canvasX - this.dragging_rectangle[0], this.dragging_rectangle[3] = a.canvasY - this.dragging_rectangle[1], this.dirty_canvas = !0; - } else { - if (this.selected_group) { - this.selected_group_resizing ? this.selected_group.size = [a.canvasX - this.selected_group.pos[0], a.canvasY - this.selected_group.pos[1]] : (this.selected_group.move(e[0] / this.scale, e[1] / this.scale, a.ctrlKey), this.selected_group._nodes.length && (this.dirty_canvas = !0)), this.dirty_bgcanvas = !0; - } else { - if (this.dragging_canvas) { - this.offset[0] += e[0] / this.scale, this.offset[1] += e[1] / this.scale, this.dirty_bgcanvas = this.dirty_canvas = !0; - } else { - if (this.allow_interaction) { - this.connecting_node && (this.dirty_canvas = !0); - var c = this.graph.getNodeOnPos(a.canvasX, a.canvasY, this.visible_nodes); - b = 0; - for (var g = this.graph._nodes.length; b < g; ++b) { - if (this.graph._nodes[b].mouseOver && c != this.graph._nodes[b]) { - this.graph._nodes[b].mouseOver = !1; - if (this.node_over && this.node_over.onMouseLeave) { - this.node_over.onMouseLeave(a); - } - this.node_over = null; - this.dirty_canvas = !0; - } - } - if (c) { - if (!c.mouseOver && (c.mouseOver = !0, this.node_over = c, this.dirty_canvas = !0, c.onMouseEnter)) { - c.onMouseEnter(a); - } - if (c.onMouseMove) { - c.onMouseMove(a); - } - if (this.connecting_node && (g = this._highlight_input || [0, 0], !this.isOverNodeBox(c, a.canvasX, a.canvasY))) { - var l = this.isOverNodeInput(c, a.canvasX, a.canvasY, g); - -1 != l && c.inputs[l] ? k.isValidConnection(this.connecting_output.type, c.inputs[l].type) && (this._highlight_input = g) : this._highlight_input = null; - } - this.canvas && (t(a.canvasX, a.canvasY, c.pos[0] + c.size[0] - 5, c.pos[1] + c.size[1] - 5, 5, 5) ? this.canvas.style.cursor = "se-resize" : this.canvas.style.cursor = null); - } else { - this.canvas && (this.canvas.style.cursor = null); - } - if (this.node_capturing_input && this.node_capturing_input != c && this.node_capturing_input.onMouseMove) { - this.node_capturing_input.onMouseMove(a); - } - if (this.node_dragged && !this.live_mode) { - for (b in this.selected_nodes) { - c = this.selected_nodes[b], c.pos[0] += e[0] / this.scale, c.pos[1] += e[1] / this.scale; - } - 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], e = Math.max(this.resizing_node.inputs ? this.resizing_node.inputs.length : 0, this.resizing_node.outputs ? this.resizing_node.outputs.length : 0) * k.NODE_SLOT_HEIGHT + (this.resizing_node.widgets ? this.resizing_node.widgets.length : 0) * (k.NODE_WIDGET_HEIGHT + 4) + 4, this.resizing_node.size[1] < e && (this.resizing_node.size[1] = - e), this.resizing_node.size[0] < k.NODE_MIN_WIDTH && (this.resizing_node.size[0] = k.NODE_MIN_WIDTH), this.canvas.style.cursor = "se-resize", this.dirty_bgcanvas = this.dirty_canvas = !0); - } - } - } - } - a.preventDefault(); - return !1; - } - }; - d.prototype.processMouseUp = function(a) { - if (this.graph) { - var b = this.getCanvasWindow().document; - d.active_canvas = this; - b.removeEventListener("mousemove", this._mousemove_callback, !0); - this.canvas.addEventListener("mousemove", this._mousemove_callback, !0); - b.removeEventListener("mouseup", this._mouseup_callback, !0); - this.adjustMouseEvent(a); - b = k.getTime(); - a.click_time = b - this.last_mouseclick; - if (1 == a.which) { - if (this.selected_group = this.node_widget = null, this.selected_group_resizing = !1, this.dragging_rectangle) { - if (this.graph) { - var c = this.graph._nodes, m = new Float32Array(4); - this.deselectAllNodes(); - 0 > this.dragging_rectangle[2] && (this.dragging_rectangle[0] += this.dragging_rectangle[2]); - 0 > this.dragging_rectangle[3] && (this.dragging_rectangle[1] += this.dragging_rectangle[3]); - this.dragging_rectangle[2] = Math.abs(this.dragging_rectangle[2] * this.scale); - this.dragging_rectangle[3] = Math.abs(this.dragging_rectangle[3] * this.scale); - for (var g = 0; g < c.length; ++g) { - b = c[g], b.getBounding(m), v(this.dragging_rectangle, m) && this.selectNode(b, !0); - } - } - this.dragging_rectangle = null; - } else { - if (this.connecting_node) { - this.dirty_bgcanvas = this.dirty_canvas = !0; - if (b = this.graph.getNodeOnPos(a.canvasX, a.canvasY, this.visible_nodes)) { - this.connecting_output.type == k.EVENT && this.isOverNodeBox(b, a.canvasX, a.canvasY) ? this.connecting_node.connect(this.connecting_slot, b, k.EVENT) : (c = this.isOverNodeInput(b, a.canvasX, a.canvasY), -1 != c ? this.connecting_node.connect(this.connecting_slot, b, c) : (c = b.getInputInfo(0), this.connecting_output.type == k.EVENT ? this.connecting_node.connect(this.connecting_slot, b, k.EVENT) : c && !c.link && k.isValidConnection(c.type && this.connecting_output.type) && this.connecting_node.connect(this.connecting_slot, - b, 0))); - } - this.connecting_node = this.connecting_pos = this.connecting_output = null; - this.connecting_slot = -1; - } else { - if (this.resizing_node) { - this.dirty_bgcanvas = this.dirty_canvas = !0, this.resizing_node = null; - } else { - if (this.node_dragged) { - this.dirty_bgcanvas = this.dirty_canvas = !0, this.node_dragged.pos[0] = Math.round(this.node_dragged.pos[0]), this.node_dragged.pos[1] = Math.round(this.node_dragged.pos[1]), this.graph.config.align_to_grid && this.node_dragged.alignToGrid(), this.node_dragged = null; - } else { - b = this.graph.getNodeOnPos(a.canvasX, a.canvasY, this.visible_nodes); - !b && 300 > a.click_time && this.deselectAllNodes(); - this.dirty_canvas = !0; - this.dragging_canvas = !1; - if (this.node_over && this.node_over.onMouseUp) { - this.node_over.onMouseUp(a, [a.canvasX - this.node_over.pos[0], a.canvasY - this.node_over.pos[1]]); - } - if (this.node_capturing_input && this.node_capturing_input.onMouseUp) { - this.node_capturing_input.onMouseUp(a, [a.canvasX - this.node_capturing_input.pos[0], a.canvasY - this.node_capturing_input.pos[1]]); - } - } - } - } - } - } else { - 2 == a.which ? (this.dirty_canvas = !0, this.dragging_canvas = !1) : 3 == a.which && (this.dirty_canvas = !0, this.dragging_canvas = !1); - } - this.graph.change(); - a.stopPropagation(); - a.preventDefault(); - return !1; - } - }; - d.prototype.processMouseWheel = function(a) { - if (this.graph && this.allow_dragcanvas) { - var b = null != a.wheelDeltaY ? a.wheelDeltaY : -60 * a.detail; - this.adjustMouseEvent(a); - var c = this.scale; - 0 < b ? c *= 1.1 : 0 > b && (c *= 1 / 1.1); - this.setZoom(c, [a.localX, a.localY]); - this.graph.change(); - a.preventDefault(); - return !1; - } - }; - d.prototype.isOverNodeBox = function(a, b, c) { - var e = k.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, d) { - if (a.inputs) { - for (var e = 0, l = a.inputs.length; e < l; ++e) { - var p = a.getConnectionPos(!0, e); - if (t(b, c, p[0] - 10, p[1] - 5, 20, 10)) { - return d && (d[0] = p[0], d[1] = p[1]), e; - } - } - } - return -1; - }; - d.prototype.processKey = function(a) { - if (this.graph) { - var b = !1; - if ("input" != a.target.localName) { - if ("keydown" == a.type) { - 32 == a.keyCode && (b = this.dragging_canvas = !0); - 65 == a.keyCode && a.ctrlKey && (this.selectNodes(), b = !0); - "KeyC" == a.code && (a.metaKey || a.ctrlKey) && !a.shiftKey && this.selected_nodes && (this.copyToClipboard(), b = !0); - "KeyV" != a.code || !a.metaKey && !a.ctrlKey || a.shiftKey || this.pasteFromClipboard(); - if (46 == a.keyCode || 8 == a.keyCode) { - this.deleteSelectedNodes(), b = !0; - } - if (this.selected_nodes) { - for (var c in this.selected_nodes) { - if (this.selected_nodes[c].onKeyDown) { - this.selected_nodes[c].onKeyDown(a); - } - } - } - } else { - if ("keyup" == a.type && (32 == a.keyCode && (this.dragging_canvas = !1), this.selected_nodes)) { - for (c in this.selected_nodes) { - if (this.selected_nodes[c].onKeyUp) { - this.selected_nodes[c].onKeyUp(a); - } - } - } - } - this.graph.change(); - if (b) { - return a.preventDefault(), !1; - } - } - } - }; - d.prototype.copyToClipboard = function() { - var a = {nodes:[], links:[]}, b = 0, c = [], d; - for (d in this.selected_nodes) { - var g = this.selected_nodes[d]; - g._relative_id = b; - c.push(g); - b += 1; - } - for (d = 0; d < c.length; ++d) { - if (g = c[d], a.nodes.push(g.clone().serialize()), g.inputs && g.inputs.length) { - for (b = 0; b < g.inputs.length; ++b) { - var l = g.inputs[b]; - if (l && null != l.link && (l = this.graph.links[l.link])) { - var p = this.graph.getNodeById(l.origin_id); - p && this.selected_nodes[p.id] && a.links.push([p._relative_id, b, g._relative_id, l.target_slot]); - } - } - } - } - localStorage.setItem("litegrapheditor_clipboard", JSON.stringify(a)); - }; - d.prototype.pasteFromClipboard = function() { - var a = localStorage.getItem("litegrapheditor_clipboard"); - if (a) { - a = JSON.parse(a); - for (var b = [], c = 0; c < a.nodes.length; ++c) { - var d = a.nodes[c], g = k.createNode(d.type); - g && (g.configure(d), g.pos[0] += 5, g.pos[1] += 5, this.graph.add(g), b.push(g)); - } - for (c = 0; c < a.links.length; ++c) { - d = a.links[c], b[d[0]].connect(d[1], b[d[2]], d[3]); - } - this.selectNodes(b); - } - }; - d.prototype.processDrop = function(a) { - a.preventDefault(); - this.adjustMouseEvent(a); - var b = [a.canvasX, a.canvasY], c = this.graph.getNodeOnPos(b[0], b[1]); - if (c) { - if ((c.onDropFile || c.onDropData) && (b = a.dataTransfer.files) && b.length) { - for (var k = 0; k < b.length; k++) { - var g = a.dataTransfer.files[0], l = g.name; - d.getFileExtension(l); - if (c.onDropFile) { - c.onDropFile(g); - } - if (c.onDropData) { - var p = new FileReader; - p.onload = function(a) { - c.onDropData(a.target.result, l, g); - }; - var m = g.type.split("/")[0]; - "text" == m || "" == m ? p.readAsText(g) : "image" == m ? p.readAsDataURL(g) : p.readAsArrayBuffer(g); - } - } - } - return c.onDropItem && c.onDropItem(event) ? !0 : this.onDropItem ? this.onDropItem(event) : !1; - } - b = null; - this.onDropItem && (b = this.onDropItem(event)); - b || this.checkDropItem(a); - }; - d.prototype.checkDropItem = function(a) { - if (a.dataTransfer.files.length) { - var b = a.dataTransfer.files[0], c = d.getFileExtension(b.name).toLowerCase(); - if (c = k.node_types_by_file_extension[c]) { - if (c = k.createNode(c.type), c.pos = [a.canvasX, a.canvasY], this.graph.add(c), c.onDropFile) { - c.onDropFile(b); - } - } - } - }; - d.prototype.processNodeDblClicked = function(a) { - if (this.onShowNodePanel) { - this.onShowNodePanel(a); - } - if (this.onNodeDblClicked) { - this.onNodeDblClicked(a); - } - this.setDirty(!0); - }; - d.prototype.processNodeSelected = function(a, b) { - this.selectNode(a, b && b.shiftKey); - if (this.onNodeSelected) { - this.onNodeSelected(a); - } - }; - d.prototype.processNodeDeselected = function(a) { - this.deselectNode(a); - if (this.onNodeDeselected) { - this.onNodeDeselected(a); - } - }; - d.prototype.selectNode = function(a, b) { - null == a ? this.deselectAllNodes() : this.selectNodes([a], b); - }; - d.prototype.selectNodes = function(a, b) { - b || this.deselectAllNodes(); - a = a || this.graph._nodes; - for (b = 0; b < a.length; ++b) { - var c = a[b]; - if (!c.selected) { - if (!c.selected && c.onSelected) { - c.onSelected(); - } - c.selected = !0; - this.selected_nodes[c.id] = c; - if (c.inputs) { - for (var d = 0; d < c.inputs.length; ++d) { - this.highlighted_links[c.inputs[d].link] = !0; - } - } - if (c.outputs) { - for (d = 0; d < c.outputs.length; ++d) { - var g = c.outputs[d]; - if (g.links) { - for (var l = 0; l < g.links.length; ++l) { - this.highlighted_links[g.links[l]] = !0; - } - } - } - } - } - } - this.setDirty(!0); - }; - d.prototype.deselectNode = function(a) { - if (a.selected) { - if (a.onDeselected) { - a.onDeselected(); - } - a.selected = !1; - if (a.inputs) { - for (var b = 0; b < a.inputs.length; ++b) { - delete this.highlighted_links[a.inputs[b].link]; - } - } - if (a.outputs) { - for (b = 0; b < a.outputs.length; ++b) { - var c = a.outputs[b]; - if (c.links) { - for (var d = 0; d < c.links.length; ++d) { - delete this.highlighted_links[c.links[d]]; - } - } - } - } - } - }; - d.prototype.deselectAllNodes = function() { - if (this.graph) { - for (var a = this.graph._nodes, b = 0, c = a.length; b < c; ++b) { - var d = a[b]; - if (d.selected) { - if (d.onDeselected) { - d.onDeselected(); - } - d.selected = !1; - } - } - this.selected_nodes = {}; - this.highlighted_links = {}; - this.setDirty(!0); - } - }; - d.prototype.deleteSelectedNodes = function() { - for (var a in this.selected_nodes) { - this.graph.remove(this.selected_nodes[a]); - } - this.selected_nodes = {}; - this.highlighted_links = {}; - this.setDirty(!0); - }; - d.prototype.centerOnNode = function(a) { - this.offset[0] = -a.pos[0] - 0.5 * a.size[0] + 0.5 * this.canvas.width / this.scale; - this.offset[1] = -a.pos[1] - 0.5 * a.size[1] + 0.5 * this.canvas.height / this.scale; - this.setDirty(!0, !0); - }; - d.prototype.adjustMouseEvent = function(a) { - if (this.canvas) { - var b = this.canvas.getBoundingClientRect(); - a.localX = a.pageX - b.left; - a.localY = a.pageY - b.top; - } else { - a.localX = a.pageX, a.localY = a.pageY; - } - a.deltaX = a.localX - this.last_mouse_position[0]; - a.deltaY = a.localY - this.last_mouse_position[1]; - this.last_mouse_position[0] = a.localX; - this.last_mouse_position[1] = a.localY; - a.canvasX = a.localX / this.scale - this.offset[0]; - a.canvasY = a.localY / this.scale - this.offset[1]; - }; - d.prototype.setZoom = function(a, b) { - !b && this.canvas && (b = [0.5 * this.canvas.width, 0.5 * this.canvas.height]); - var c = this.convertOffsetToCanvas(b); - this.scale = a; - this.scale > this.max_zoom ? this.scale = this.max_zoom : this.scale < this.min_zoom && (this.scale = this.min_zoom); - a = this.convertOffsetToCanvas(b); - c = [a[0] - c[0], a[1] - c[1]]; - this.offset[0] += c[0]; - this.offset[1] += c[1]; - this.dirty_bgcanvas = this.dirty_canvas = !0; - }; - d.prototype.convertOffsetToCanvas = function(a, b) { - b = b || []; - b[0] = a[0] / this.scale - this.offset[0]; - b[1] = a[1] / this.scale - this.offset[1]; - return b; - }; - d.prototype.convertCanvasToOffset = function(a, b) { - b = b || []; - b[0] = (a[0] + this.offset[0]) * this.scale; - b[1] = (a[1] + this.offset[1]) * this.scale; - return b; - }; - d.prototype.convertEventToCanvas = function(a) { - var b = this.canvas.getBoundingClientRect(); - return this.convertOffsetToCanvas([a.pageX - b.left, a.pageY - b.top]); - }; - d.prototype.bringToFront = function(a) { - var b = this.graph._nodes.indexOf(a); - -1 != b && (this.graph._nodes.splice(b, 1), this.graph._nodes.push(a)); - }; - d.prototype.sendToBack = function(a) { - var b = this.graph._nodes.indexOf(a); - -1 != b && (this.graph._nodes.splice(b, 1), this.graph._nodes.unshift(a)); - }; - var m = new Float32Array(4); - d.prototype.computeVisibleNodes = function(a, b) { - b = b || []; - b.length = 0; - a = a || this.graph._nodes; - for (var c = 0, d = a.length; c < d; ++c) { - var g = a[c]; - (!this.live_mode || g.onDrawBackground || g.onDrawForeground) && v(this.visible_area, g.getBounding(m)) && b.push(g); - } - return b; - }; - d.prototype.draw = function(a, b) { - if (this.canvas) { - var c = k.getTime(); - this.render_time = 0.001 * (c - this.last_draw_time); - this.last_draw_time = c; - if (this.graph) { - var d = [-this.offset[0], -this.offset[1]], g = [d[0] + this.canvas.width / this.scale, d[1] + this.canvas.height / this.scale]; - this.visible_area = new Float32Array([d[0], d[1], g[0] - d[0], g[1] - d[1]]); - } - (this.dirty_bgcanvas || b || this.always_render_background || this.graph && this.graph._last_trigger_time && 1000 > c - this.graph._last_trigger_time) && this.drawBackCanvas(); - (this.dirty_canvas || a) && this.drawFrontCanvas(); - this.fps = this.render_time ? 1.0 / this.render_time : 0; - this.frame += 1; - } - }; - d.prototype.drawFrontCanvas = function() { - this.dirty_canvas = !1; - this.ctx || (this.ctx = this.bgcanvas.getContext("2d")); - var a = this.ctx; - if (a) { - a.start2D && a.start2D(); - var b = this.canvas; - a.restore(); - a.setTransform(1, 0, 0, 1, 0, 0); - this.dirty_area && (a.save(), a.beginPath(), a.rect(this.dirty_area[0], this.dirty_area[1], this.dirty_area[2], this.dirty_area[3]), a.clip()); - this.clear_background && a.clearRect(0, 0, b.width, b.height); - this.bgcanvas == this.canvas ? this.drawBackCanvas() : a.drawImage(this.bgcanvas, 0, 0); - if (this.onRender) { - this.onRender(b, a); - } - this.show_info && this.renderInfo(a); - if (this.graph) { - a.save(); - a.scale(this.scale, this.scale); - a.translate(this.offset[0], this.offset[1]); - b = this.computeVisibleNodes(null, this.visible_nodes); - for (var c = 0; c < b.length; ++c) { - var d = b[c]; - a.save(); - a.translate(d.pos[0], d.pos[1]); - this.drawNode(d, a); - a.restore(); - } - this.render_execution_order && this.drawExecutionOrder(a); - this.graph.config.links_ontop && (this.live_mode || this.drawConnections(a)); - if (null != this.connecting_pos) { - a.lineWidth = this.connections_width; - switch(this.connecting_output.type) { - case k.EVENT: - b = k.EVENT_LINK_COLOR; - break; - default: - b = k.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 ? k.DOWN : k.RIGHT), k.CENTER); - a.beginPath(); - this.connecting_output.type === k.EVENT || this.connecting_output.shape === k.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()); - } - this.dragging_rectangle && (a.strokeStyle = "#FFF", a.strokeRect(this.dragging_rectangle[0], this.dragging_rectangle[1], this.dragging_rectangle[2], this.dragging_rectangle[3])); - a.restore(); - } - this.dirty_area && a.restore(); - a.finish2D && a.finish2D(); - } - }; - d.prototype.renderInfo = function(a, b, c) { - b = b || 0; - c = c || 0; - a.save(); - a.translate(b, c); - a.font = "10px Arial"; - a.fillStyle = "#888"; - this.graph ? (a.fillText("T: " + this.graph.globaltime.toFixed(2) + "s", 5, 13), a.fillText("I: " + this.graph.iteration, 5, 26), a.fillText("V: " + this.graph._version, 5, 39), a.fillText("FPS:" + this.fps.toFixed(2), 5, 52)) : a.fillText("No graph selected", 5, 13); - a.restore(); - }; - d.prototype.drawBackCanvas = function() { - var a = this.bgcanvas; - if (a.width != this.canvas.width || a.height != this.canvas.height) { - a.width = this.canvas.width, a.height = this.canvas.height; - } - this.bgctx || (this.bgctx = this.bgcanvas.getContext("2d")); - var b = this.bgctx; - b.start && b.start(); - this.clear_background && b.clearRect(0, 0, a.width, a.height); - this._graph_stack && this._graph_stack.length && (b.strokeStyle = this._graph_stack[this._graph_stack.length - 1].bgcolor, b.lineWidth = 10, b.strokeRect(1, 1, a.width - 2, a.height - 2), b.lineWidth = 1); - var c = !1; - this.onRenderBackground && (c = this.onRenderBackground(a, b)); - b.restore(); - b.setTransform(1, 0, 0, 1, 0, 0); - if (this.graph) { - b.save(); - b.scale(this.scale, this.scale); - b.translate(this.offset[0], this.offset[1]); - if (this.background_image && 0.5 < this.scale && !c) { - b.globalAlpha = this.zoom_modify_alpha ? (1.0 - 0.5 / this.scale) * this.editor_alpha : this.editor_alpha; - b.imageSmoothingEnabled = b.mozImageSmoothingEnabled = b.imageSmoothingEnabled = !1; - if (!this._bg_img || this._bg_img.name != this.background_image) { - this._bg_img = new Image; - this._bg_img.name = this.background_image; - this._bg_img.src = this.background_image; - var d = this; - this._bg_img.onload = function() { - d.draw(!0, !0); - }; - } - c = null; - null == this._pattern && 0 < this._bg_img.width ? (c = b.createPattern(this._bg_img, "repeat"), this._pattern_img = this._bg_img, this._pattern = c) : c = this._pattern; - c && (b.fillStyle = c, b.fillRect(this.visible_area[0], this.visible_area[1], this.visible_area[2], this.visible_area[3]), b.fillStyle = "transparent"); - b.globalAlpha = 1.0; - b.imageSmoothingEnabled = b.mozImageSmoothingEnabled = b.imageSmoothingEnabled = !0; - } - this.graph._groups.length && !this.live_mode && this.drawGroups(a, b); - if (this.onBackgroundRender) { - this.onBackgroundRender(a, b); - } - this.render_canvas_border && (b.strokeStyle = "#235", b.strokeRect(0, 0, a.width, a.height)); - this.render_connections_shadows ? (b.shadowColor = "#000", b.shadowOffsetX = 0, b.shadowOffsetY = 0, b.shadowBlur = 6) : b.shadowColor = "rgba(0,0,0,0)"; - this.live_mode || this.drawConnections(b); - b.shadowColor = "rgba(0,0,0,0)"; - b.restore(); - } - b.finish && b.finish(); - this.dirty_bgcanvas = !1; - this.dirty_canvas = !0; - }; - var c = new Float32Array(2); - d.prototype.drawNode = function(a, b) { - this.current_node = a; - var e = a.color || a.constructor.color || k.NODE_DEFAULT_COLOR, d = a.bgcolor || a.constructor.bgcolor || k.NODE_DEFAULT_BGCOLOR; - if (this.live_mode) { - if (!a.flags.collapsed && (b.shadowColor = "transparent", a.onDrawForeground)) { - a.onDrawForeground(b, this); - } - } else { - var g = this.editor_alpha; - b.globalAlpha = g; - this.render_shadows ? (b.shadowColor = k.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 || k.BOX_SHAPE; - c.set(a.size); - if (a.flags.collapsed) { - b.font = this.inner_text_font; - var p = a.getTitle ? a.getTitle() : a.title; - a._collapsed_width = Math.min(a.size[0], b.measureText(p).width + 40); - c[0] = a._collapsed_width; - c[1] = 0; - } - a.flags.clip_area && (b.save(), b.beginPath(), l == k.BOX_SHAPE ? b.rect(0, 0, c[0], c[1]) : l == k.ROUND_SHAPE ? b.roundRect(0, 0, c[0], c[1], 10) : l == k.CIRCLE_SHAPE && b.arc(0.5 * c[0], 0.5 * c[1], 0.5 * c[0], 0, 2 * Math.PI), b.clip()); - this.drawNodeShape(a, b, c, e, d, a.selected, a.mouseOver); - b.shadowColor = "transparent"; - b.textAlign = a.flags.horizontal ? "center" : "left"; - b.font = this.inner_text_font; - e = 0.6 < this.scale; - d = this.connecting_output; - b.lineWidth = 1; - l = 0; - if (a.flags.collapsed) { - if (a.inputs) { - for (p = 0; p < a.inputs.length; p++) { - if (m = a.inputs[p], null != m.link) { - b.fillStyle = m.color_on || this.default_connection_color.input_on; - b.beginPath(); - m.type === k.EVENT || m.shape === k.BOX_SHAPE ? b.rect(0.5, 4 - k.NODE_TITLE_HEIGHT + 0.5, 14, k.NODE_TITLE_HEIGHT - 8) : m.shape === k.ARROW_SHAPE ? (b.moveTo(8, -0.5 * k.NODE_TITLE_HEIGHT), b.lineTo(-4, -0.8 * k.NODE_TITLE_HEIGHT), b.lineTo(-4, -0.2 * k.NODE_TITLE_HEIGHT), b.closePath()) : b.arc(0, -0.5 * k.NODE_TITLE_HEIGHT, 4, 0, 2 * Math.PI); - b.fill(); - break; - } - } - } - if (a.outputs) { - for (p = 0; p < a.outputs.length; p++) { - m = a.outputs[p], m.links && m.links.length && (b.fillStyle = m.color_on || this.default_connection_color.output_on, b.strokeStyle = "black", b.beginPath(), m.type === k.EVENT || m.shape === k.BOX_SHAPE ? b.rect(a._collapsed_width - 4 + 0.5, 4 - k.NODE_TITLE_HEIGHT + 0.5, 14, k.NODE_TITLE_HEIGHT - 8) : m.shape === k.ARROW_SHAPE ? (b.moveTo(a._collapsed_width + 6, -0.5 * k.NODE_TITLE_HEIGHT), b.lineTo(a._collapsed_width - 6, -0.8 * k.NODE_TITLE_HEIGHT), b.lineTo(a._collapsed_width - - 6, -0.2 * k.NODE_TITLE_HEIGHT), b.closePath()) : b.arc(a._collapsed_width, -0.5 * k.NODE_TITLE_HEIGHT, 4, 0, 2 * Math.PI), b.fill(), b.stroke()); - } - } - } else { - if (a.inputs) { - for (p = 0; p < a.inputs.length; p++) { - var m = a.inputs[p]; - b.globalAlpha = g; - this.connecting_node && k.isValidConnection(m.type && d.type) && (b.globalAlpha = 0.4 * g); - b.fillStyle = null != m.link ? m.color_on || this.default_connection_color.input_on : m.color_off || this.default_connection_color.input_off; - var f = a.getConnectionPos(!0, p); - f[0] -= a.pos[0]; - f[1] -= a.pos[1]; - l < f[1] + 0.5 * k.NODE_SLOT_HEIGHT && (l = f[1] + 0.5 * k.NODE_SLOT_HEIGHT); - b.beginPath(); - m.type === k.EVENT || m.shape === k.BOX_SHAPE ? b.rect(f[0] - 6 + 0.5, f[1] - 5 + 0.5, 14, 10) : m.shape === k.ARROW_SHAPE ? (b.moveTo(f[0] + 8, f[1] + 0.5), b.lineTo(f[0] - 4, f[1] + 6 + 0.5), b.lineTo(f[0] - 4, f[1] - 6 + 0.5), b.closePath()) : b.arc(f[0], f[1], 4, 0, 2 * Math.PI); - b.fill(); - if (e) { - var x = null != m.label ? m.label : m.name; - x && (b.fillStyle = k.NODE_TEXT_COLOR, a.flags.horizontal || m.dir == k.UP ? b.fillText(x, f[0], f[1] - 10) : b.fillText(x, f[0] + 10, f[1] + 5)); - } - } - } - this.connecting_node && (b.globalAlpha = 0.4 * g); - b.textAlign = a.flags.horizontal ? "center" : "right"; - b.strokeStyle = "black"; - if (a.outputs) { - for (p = 0; p < a.outputs.length; p++) { - if (m = a.outputs[p], f = a.getConnectionPos(!1, p), f[0] -= a.pos[0], f[1] -= a.pos[1], l < f[1] + 0.5 * k.NODE_SLOT_HEIGHT && (l = f[1] + 0.5 * k.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 === k.EVENT || m.shape === k.BOX_SHAPE ? b.rect(f[0] - 6 + 0.5, f[1] - 5 + 0.5, 14, 10) : m.shape === k.ARROW_SHAPE ? (b.moveTo(f[0] + 8, f[1] + - 0.5), b.lineTo(f[0] - 4, f[1] + 6 + 0.5), b.lineTo(f[0] - 4, f[1] - 6 + 0.5), b.closePath()) : b.arc(f[0], f[1], 4, 0, 2 * Math.PI), b.fill(), b.stroke(), e && (x = null != m.label ? m.label : m.name)) { - b.fillStyle = k.NODE_TEXT_COLOR, a.flags.horizontal || m.dir == k.DOWN ? b.fillText(x, f[0], f[1] - 8) : b.fillText(x, f[0] - 10, f[1] + 5); - } - } - } - b.textAlign = "left"; - b.globalAlpha = 1; - if (a.widgets) { - if (a.flags.horizontal || a.flags.widgets_up) { - l = 2; - } - this.drawNodeWidgets(a, l, b, this.node_widget && this.node_widget[0] == a ? this.node_widget[1] : null); - } - a.onDrawForeground && (a.gui_rects && (a.gui_rects.length = 0), a.onDrawForeground(b, this)); - } - a.flags.clip_area && b.restore(); - b.globalAlpha = 1.0; - } - } - }; - d.prototype.drawNodeShape = function(a, b, c, m, g, l, p) { - b.strokeStyle = m; - b.fillStyle = g; - g = k.NODE_TITLE_HEIGHT; - var e = a._shape || a.constructor.shape || k.BOX_SHAPE, f = a.constructor.title_mode, x = !0; - f == k.TRANSPARENT_TITLE ? x = !1 : f == k.AUTOHIDE_TITLE && p && (x = !0); - p = x ? -g : 0; - var n = c[0] + 1, h = x ? c[1] + g : c[1]; - a.flags.collapsed || (e == k.BOX_SHAPE || 0.5 > this.scale ? (b.beginPath(), b.rect(0, p, n, h), b.fill()) : e == k.ROUND_SHAPE || e == k.CARD_SHAPE ? (b.beginPath(), b.roundRect(0, p, n, h, this.round_radius, e == k.CARD_SHAPE ? 0 : this.round_radius), b.fill()) : e == k.CIRCLE_SHAPE && (b.beginPath(), 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)); - a.onDrawBackground && (a.gui_rects && (a.gui_rects.length = 0), a.onDrawBackground(b, this)); - if (x || f == k.TRANSPARENT_TITLE) { - if (f != k.TRANSPARENT_TITLE) { - a.flags.collapsed && (b.shadowColor = k.DEFAULT_SHADOW_COLOR); - if (this.use_gradients) { - var q = d.gradients[m]; - q || (q = d.gradients[m] = b.createLinearGradient(0, 0, 400, 0), q.addColorStop(0, m), q.addColorStop(1, "#000")); - b.fillStyle = q; - } else { - b.fillStyle = m; - } - q = b.globalAlpha; - b.beginPath(); - if (e == k.BOX_SHAPE || 0.5 > this.scale) { - b.rect(0, -g, c[0] + 1, g), b.fill(); - } else { - if (e == k.ROUND_SHAPE || e == k.CARD_SHAPE) { - b.roundRect(0, -g, c[0] + 1, g, this.round_radius, a.flags.collapsed ? this.round_radius : 0), b.fill(); - } - } - b.shadowColor = "transparent"; - } - e == k.ROUND_SHAPE || e == k.CIRCLE_SHAPE || e == k.CARD_SHAPE ? (0.5 < this.scale && (b.fillStyle = "black", b.beginPath(), b.arc(0.5 * g, -0.5 * g, 0.5 * (g - 8), 0, 2 * Math.PI), b.fill()), b.fillStyle = a.boxcolor || k.NODE_DEFAULT_BOXCOLOR, b.beginPath(), b.arc(0.5 * g, -0.5 * g, 0.4 * (g - 8), 0, 2 * Math.PI), b.fill()) : (0.5 < this.scale && (b.fillStyle = "black", b.fillRect(4, -g + 4, g - 8, g - 8)), b.fillStyle = a.boxcolor || k.NODE_DEFAULT_BOXCOLOR, b.fillRect(5, -g + 5, g - 10, - g - 10)); - b.globalAlpha = q; - 0.5 < this.scale && (b.font = this.title_text_font, q = a.getTitle()) && (b.fillStyle = l ? "white" : a.constructor.title_text_color || this.node_title_color, a.flags.collapsed ? (b.textAlign = "center", x = b.measureText(q), b.fillText(q, g + 0.5 * x.width, 0.2 * -g), b.textAlign = "left") : (b.textAlign = "left", b.fillText(q, g, 0.2 * -g))); - } - l && (f == k.TRANSPARENT_TITLE && (p -= g, h += g), b.lineWidth = 1, b.globalAlpha = 0.8, b.beginPath(), e == k.BOX_SHAPE ? b.rect(-6, -6 + p, 12 + n, 12 + h) : e == k.ROUND_SHAPE || e == k.CARD_SHAPE && a.flags.collapsed ? b.roundRect(-6, -6 + p, 12 + n, 12 + h, 2 * this.round_radius) : e == k.CARD_SHAPE ? b.roundRect(-6, -6 + p, 12 + n, 12 + h, 2 * this.round_radius, 2) : e == k.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 = m, b.globalAlpha = 1); - }; - d.prototype.drawConnections = function(a) { - var b = k.getTime(); - a.lineWidth = this.connections_width; - a.fillStyle = "#AAA"; - a.strokeStyle = "#AAA"; - a.globalAlpha = this.editor_alpha; - for (var c = 0, d = this.graph._nodes.length; c < d; ++c) { - var g = this.graph._nodes[c]; - if (g.inputs && g.inputs.length) { - for (var l = 0; l < g.inputs.length; ++l) { - var p = g.inputs[l]; - if (p && null != p.link && (p = this.graph.links[p.link])) { - var m = this.graph.getNodeById(p.origin_id); - if (null != m) { - var f = p.origin_slot; - var x = -1 == f ? [m.pos[0] + 10, m.pos[1] + 10] : m.getConnectionPos(!1, f); - var n = g.getConnectionPos(!0, l); - m = m.outputs[f].dir || (m.flags.horizontal ? k.DOWN : k.RIGHT); - f = g.inputs[l].dir || (g.flags.horizontal ? k.UP : k.LEFT); - this.renderLink(a, x, n, p, !1, 0, null, m, f); - if (p && p._last_time && 1000 > b - p._last_time) { - var h = 2.0 - 0.002 * (b - p._last_time), q = "rgba(255,255,255, " + h.toFixed(2) + ")"; - this.renderLink(a, x, n, p, !0, h, q, m, f); - } - } - } - } - } - } - a.globalAlpha = 1; - }; - d.prototype.renderLink = function(a, b, c, m, g, l, p, f, n) { - if (this.highquality_render) { - f = f || k.RIGHT; - n = n || k.LEFT; - var e = q(b, c); - this.render_connections_border && 0.6 < this.scale && (a.lineWidth = this.connections_width + 4); - !p && m && (p = d.link_type_colors[m.type]); - p || (p = this.default_link_color); - null != m && this.highlighted_links[m.id] && (p = "#FFF"); - a.beginPath(); - if (this.render_curved_connections) { - a.moveTo(b[0], b[1]); - var h = m = 0, A = 0, t = 0; - switch(f) { - case k.LEFT: - m = -0.25 * e; - break; - case k.RIGHT: - m = 0.25 * e; - break; - case k.UP: - h = -0.25 * e; - break; - case k.DOWN: - h = 0.25 * e; - } - switch(n) { - case k.LEFT: - A = -0.25 * e; - break; - case k.RIGHT: - A = 0.25 * e; - break; - case k.UP: - t = -0.25 * e; - break; - case k.DOWN: - t = 0.25 * e; - } - a.bezierCurveTo(b[0] + m, b[1] + h, c[0] + A, c[1] + t, 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]); - } - this.render_connections_border && 0.6 < this.scale && !g && (a.strokeStyle = "rgba(0,0,0,0.5)", a.stroke()); - 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 && (g = this.computeConnectionPoint(b, c, 0.5, f, n), p = this.computeConnectionPoint(b, c, 0.51, f, n), p = this.render_curved_connections ? -Math.atan2(p[0] - g[0], p[1] - g[1]) : c[1] > b[1] ? 0 : Math.PI, a.save(), a.translate(g[0], g[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) { - g = (0.001 * k.getTime() + 0.2 * l) % 1, g = this.computeConnectionPoint(b, c, g, f, n), a.beginPath(), a.arc(g[0], g[1], 5, 0, 2 * Math.PI), a.fill(); - } - } - } else { - a.beginPath(), a.moveTo(b[0], b[1]), a.lineTo(c[0], c[1]), a.stroke(); - } - }; - d.prototype.computeConnectionPoint = function(a, b, c, d, g) { - d = d || k.RIGHT; - g = g || k.LEFT; - var e = q(a, b), m = [a[0], a[1]], f = [b[0], b[1]]; - switch(d) { - case k.LEFT: - m[0] += -0.25 * e; - break; - case k.RIGHT: - m[0] += 0.25 * e; - break; - case k.UP: - m[1] += -0.25 * e; - break; - case k.DOWN: - m[1] += 0.25 * e; - } - switch(g) { - case k.LEFT: - f[0] += -0.25 * e; - break; - case k.RIGHT: - f[0] += 0.25 * e; - break; - case k.UP: - f[1] += -0.25 * e; - break; - case k.DOWN: - f[1] += 0.25 * e; - } - d = (1 - c) * (1 - c) * (1 - c); - g = 3 * (1 - c) * (1 - c) * c; - e = 3 * (1 - c) * c * c; - c *= c * c; - return [d * a[0] + g * m[0] + e * f[0] + c * b[0], d * a[1] + g * m[1] + e * f[1] + c * b[1]]; - }; - d.prototype.drawExecutionOrder = function(a) { - a.shadowColor = "transparent"; - a.globalAlpha = 0.25; - a.textAlign = "center"; - a.strokeStyle = "white"; - a.globalAlpha = 0.75; - for (var b = this.visible_nodes, c = 0; c < b.length; ++c) { - var d = b[c]; - a.fillStyle = "black"; - a.fillRect(d.pos[0] - k.NODE_TITLE_HEIGHT, d.pos[1] - k.NODE_TITLE_HEIGHT, k.NODE_TITLE_HEIGHT, k.NODE_TITLE_HEIGHT); - 0 == d.order && a.strokeRect(d.pos[0] - k.NODE_TITLE_HEIGHT + 0.5, d.pos[1] - k.NODE_TITLE_HEIGHT + 0.5, k.NODE_TITLE_HEIGHT, k.NODE_TITLE_HEIGHT); - a.fillStyle = "#FFF"; - a.fillText(d.order, d.pos[0] + -0.5 * k.NODE_TITLE_HEIGHT, d.pos[1] - 6); - } - a.globalAlpha = 1; - }; - d.prototype.drawNodeWidgets = function(a, b, c, d) { - if (!a.widgets || !a.widgets.length) { - return 0; - } - var e = a.size[0]; - a = a.widgets; - b += 2; - var l = k.NODE_WIDGET_HEIGHT, m = 0.5 < this.scale; - c.save(); - c.globalAlpha = this.editor_alpha; - for (var f = 0; f < a.length; ++f) { - var n = a[f], h = b; - n.y && (h = n.y); - n.last_y = h; - c.strokeStyle = "#AAA"; - c.fillStyle = "#222"; - c.textAlign = "left"; - switch(n.type) { - case "button": - n.clicked && (c.fillStyle = "#AAA", n.clicked = !1, this.dirty_canvas = !0); - c.fillRect(10, h, e - 20, l); - c.strokeRect(10, h, e - 20, l); - m && (c.textAlign = "center", c.fillStyle = "#AAA", c.fillText(n.name, 0.5 * e, h + 0.7 * l)); - break; - case "slider": - c.fillStyle = "#111"; - c.fillRect(10, h, e - 20, l); - var q = (n.value - n.options.min) / (n.options.max - n.options.min); - c.fillStyle = d == n ? "#89A" : "#678"; - c.fillRect(10, h, q * (e - 20), l); - c.strokeRect(10, h, e - 20, l); - m && (c.textAlign = "center", c.fillStyle = "#DDD", c.fillText(n.name + " " + Number(n.value).toFixed(3), 0.5 * e, h + 0.7 * l)); - break; - case "number": - case "combo": - c.textAlign = "left"; - c.strokeStyle = "#AAA"; - c.fillStyle = "#111"; - c.beginPath(); - c.roundRect(10, b, e - 20, l, 0.5 * l); - c.fill(); - c.stroke(); - c.fillStyle = "#AAA"; - c.beginPath(); - c.moveTo(26, b + 5); - c.lineTo(16, b + 0.5 * l); - c.lineTo(26, b + l - 5); - c.moveTo(e - 26, b + 5); - c.lineTo(e - 16, b + 0.5 * l); - c.lineTo(e - 26, b + l - 5); - c.fill(); - m && (c.fillStyle = "#999", c.fillText(n.name, 30, h + 0.7 * l), c.fillStyle = "#DDD", c.textAlign = "right", "number" == n.type ? c.fillText(Number(n.value).toFixed(void 0 !== n.options.precision ? n.options.precision : 3), e - 40, h + 0.7 * l) : c.fillText(n.value, e - 40, h + 0.7 * l)); - break; - case "text": - c.textAlign = "left", c.strokeStyle = "#AAA", c.fillStyle = "#111", c.beginPath(), c.roundRect(10, b, e - 20, l, 0.5 * l), c.fill(), c.stroke(), m && (c.fillStyle = "#999", null != n.name && c.fillText(n.name, 20, h + 0.7 * l), c.fillStyle = "#DDD", c.textAlign = "right", c.fillText(n.value, e - 20, h + 0.7 * l)); - } - b += l + 4; - } - c.restore(); - }; - d.prototype.processNodeWidgets = function(a, b, c, d) { - if (!a.widgets || !a.widgets.length) { - return null; - } - for (var e = b[0] - a.pos[0], l = b[1] - a.pos[1], m = a.size[0], f = this, n = 0; n < a.widgets.length; ++n) { - var h = a.widgets[n]; - if (h == d || 6 < e && e < m - 12 && l > h.last_y && l < h.last_y + k.NODE_WIDGET_HEIGHT) { - switch(h.type) { - case "button": - h.callback && setTimeout(function() { - h.callback(h, f, a, b); - }, 20); - this.dirty_canvas = h.clicked = !0; - break; - case "slider": - c = Math.clamp((e - 10) / (m - 20), 0, 1); - h.value = h.options.min + (h.options.max - h.options.min) * c; - h.callback && setTimeout(function() { - h.callback(h.value, f, a, b); - }, 20); - this.dirty_canvas = !0; - break; - case "number": - case "combo": - "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 && (c = 40 > e ? -1 : e > m - 40 ? 1 : 0, "number" == h.type ? (h.value += 0.1 * c * (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)) : c && (c = h.options.values.indexOf(h.value) + c, c >= h.options.values.length && (c = 0), 0 > c && (c = h.options.values.length - 1), h.value = h.options.values[c])); - h.callback && setTimeout(function() { - this.callback(this.value, f, a, b); - }.bind(h), 20); - this.dirty_canvas = !0; - break; - case "text": - "mousedown" == c.type && this.prompt("Value", h.value, function(a) { - this.value = a; - }.bind(h), c); - } - return h; - } - } - return null; - }; - d.prototype.drawGroups = function(a, b) { - if (this.graph) { - a = this.graph._groups; - b.save(); - b.globalAlpha = 0.5 * this.editor_alpha; - b.font = "24px Arial"; - for (var c = 0; c < a.length; ++c) { - var d = a[c]; - if (v(this.visible_area, d._bounding)) { - b.fillStyle = d.color || "#335"; - b.strokeStyle = d.color || "#335"; - var g = d._pos, l = d._size; - b.globalAlpha = 0.25 * this.editor_alpha; - b.beginPath(); - b.rect(g[0] + 0.5, g[1] + 0.5, l[0], l[1]); - b.fill(); - b.globalAlpha = this.editor_alpha; - b.stroke(); - b.beginPath(); - b.moveTo(g[0] + l[0], g[1] + l[1]); - b.lineTo(g[0] + l[0] - 10, g[1] + l[1]); - b.lineTo(g[0] + l[0], g[1] + l[1] - 10); - b.fill(); - b.fillText(d.title, g[0] + 4, g[1] + 24); - } - } - b.restore(); - } - }; - d.prototype.resize = function(a, b) { - a || b || (b = this.canvas.parentNode, a = b.offsetWidth, b = b.offsetHeight); - if (this.canvas.width != a || this.canvas.height != b) { - this.canvas.width = a, this.canvas.height = b, this.bgcanvas.width = this.canvas.width, this.bgcanvas.height = this.canvas.height, this.setDirty(!0, !0); - } - }; - d.prototype.switchLiveMode = function(a) { - if (a) { - var b = this, c = this.live_mode ? 1.1 : 0.9; - this.live_mode && (this.live_mode = !1, this.editor_alpha = 0.1); - var d = setInterval(function() { - b.editor_alpha *= c; - b.dirty_canvas = !0; - b.dirty_bgcanvas = !0; - 1 > c && 0.01 > b.editor_alpha && (clearInterval(d), 1 > c && (b.live_mode = !0)); - 1 < c && 0.99 < b.editor_alpha && (clearInterval(d), b.editor_alpha = 1); - }, 1); - } else { - this.live_mode = !this.live_mode, this.dirty_bgcanvas = this.dirty_canvas = !0; - } - }; - d.prototype.onNodeSelectionChange = function(a) { - }; - d.prototype.touchHandler = function(a) { - var b = a.changedTouches[0]; - switch(a.type) { - case "touchstart": - var c = "mousedown"; - break; - case "touchmove": - c = "mousemove"; - break; - case "touchend": - c = "mouseup"; - break; - default: - return; - } - var d = this.getCanvasWindow(), g = d.document.createEvent("MouseEvent"); - g.initMouseEvent(c, !0, !0, d, 1, b.screenX, b.screenY, b.clientX, b.clientY, !1, !1, !1, !1, 0, null); - b.target.dispatchEvent(g); - a.preventDefault(); - }; - d.onGroupAdd = function(a, b, c) { - a = d.active_canvas; - a.getCanvasWindow(); - b = new k.LGraphGroup; - b.pos = a.convertEventToCanvas(c); - a.graph.add(b); - }; - d.onMenuAdd = function(a, b, c, m) { - function e(a, b) { - b = m.getFirstEvent(); - if (a = k.createNode(a.value)) { - a.pos = l.convertEventToCanvas(b), l.graph.add(a); - } - } - var l = d.active_canvas, f = l.getCanvasWindow(); - a = k.getNodeTypesCategories(); - b = []; - for (var h in a) { - a[h] && b.push({value:a[h], content:a[h], has_submenu:!0}); - } - var n = new k.ContextMenu(b, {event:c, callback:function(a, b, c) { - a = k.getNodeTypesInCategory(a.value, l.filter); - b = []; - for (var g in a) { - b.push({content:a[g].title, value:a[g].type}); - } - new k.ContextMenu(b, {event:c, callback:e, parentMenu:n}, f); - return !1; - }, parentMenu:m}, f); - return !1; - }; - d.onMenuCollapseAll = function() { - }; - d.onMenuNodeEdit = function() { - }; - d.showMenuNodeOptionalInputs = function(a, b, c, m, g) { - if (g) { - var e = this; - a = d.active_canvas.getCanvasWindow(); - b = g.optional_inputs; - g.onGetInputs && (b = g.onGetInputs()); - var f = []; - if (b) { - for (var h in b) { - var n = b[h]; - if (n) { - var q = n[0]; - n[2] && n[2].label && (q = n[2].label); - q = {content:q, value:n}; - n[1] == k.ACTION && (q.className = "event"); - f.push(q); - } else { - f.push(null); - } - } - } - this.onMenuNodeInputs && (f = this.onMenuNodeInputs(f)); - if (f.length) { - return new k.ContextMenu(f, {event:c, callback:function(a, b, c) { - g && (a.callback && a.callback.call(e, g, a, b, c), a.value && (g.addInput(a.value[0], a.value[1], a.value[2]), g.setDirtyCanvas(!0, !0))); - }, parentMenu:m, node:g}, a), !1; - } - } - }; - d.showMenuNodeOptionalOutputs = function(a, b, c, m, g) { - function e(a, b, c) { - if (g && (a.callback && a.callback.call(f, g, a, b, c), a.value)) { - if (c = a.value[1], !c || c.constructor !== Object && c.constructor !== Array) { - g.addOutput(a.value[0], a.value[1], a.value[2]), g.setDirtyCanvas(!0, !0); - } else { - a = []; - for (var l in c) { - a.push({content:l, value:c[l]}); - } - new k.ContextMenu(a, {event:b, callback:e, parentMenu:m, node:g}); - return !1; - } - } - } - if (g) { - var f = this; - a = d.active_canvas.getCanvasWindow(); - b = g.optional_outputs; - g.onGetOutputs && (b = g.onGetOutputs()); - var h = []; - if (b) { - for (var n in b) { - var q = b[n]; - if (!q) { - h.push(null); - } else { - if (!g.flags || !g.flags.skip_repeated_outputs || -1 == g.findOutputSlot(q[0])) { - var t = q[0]; - q[2] && q[2].label && (t = q[2].label); - t = {content:t, value:q}; - q[1] == k.EVENT && (t.className = "event"); - h.push(t); - } - } - } - } - this.onMenuNodeOutputs && (h = this.onMenuNodeOutputs(h)); - if (h.length) { - return new k.ContextMenu(h, {event:c, callback:e, parentMenu:m, node:g}, a), !1; - } - } - }; - d.onShowMenuNodeProperties = function(a, b, c, m, g) { - if (g && g.properties) { - var e = d.active_canvas; - b = e.getCanvasWindow(); - var f = [], h; - for (h in g.properties) { - a = void 0 !== g.properties[h] ? g.properties[h] : " ", a = d.decodeHTML(a), f.push({content:"" + h + "" + a + "", value:h}); - } - if (f.length) { - return new k.ContextMenu(f, {event:c, callback:function(a, b, c, l) { - g && (b = this.getBoundingClientRect(), e.showEditPropertyValue(g, a.value, {position:[b.left, b.top]})); - }, parentMenu:m, allow_html:!0, node:g}, b), !1; - } - } - }; - d.decodeHTML = function(a) { - var b = document.createElement("div"); - b.innerText = a; - return b.innerHTML; - }; - d.onResizeNode = function(a, b, c, d, g) { - g && (g.size = g.computeSize(), g.setDirtyCanvas(!0, !0)); - }; - d.onShowTitleEditor = function(a, b, c, m, g) { - function e() { - g.title = k.value; - f.parentNode.removeChild(f); - g.setDirtyCanvas(!0, !0); - } - var f = document.createElement("div"); - f.className = "graphdialog"; - f.innerHTML = "Title"; - var k = f.querySelector("input"); - k && (k.value = g.title, k.addEventListener("blur", function(a) { - this.focus(); - }), k.addEventListener("keydown", function(a) { - 13 == a.keyCode && (e(), a.preventDefault(), a.stopPropagation()); - })); - a = d.active_canvas.canvas; - b = a.getBoundingClientRect(); - m = c = -20; - b && (c -= b.left, m -= b.top); - event ? (f.style.left = event.pageX + c + "px", f.style.top = event.pageY + m + "px") : (f.style.left = 0.5 * a.width + c + "px", f.style.top = 0.5 * a.height + m + "px"); - f.querySelector("button").addEventListener("click", e); - a.parentNode.appendChild(f); - }; - d.prototype.prompt = function(a, b, c, m) { - var e = this; - a = a || ""; - var l = document.createElement("div"); - l.className = "graphdialog rounded"; - l.innerHTML = " "; - l.close = function() { - e.prompt_box = null; - l.parentNode.removeChild(l); - }; - l.addEventListener("mouseleave", function(a) { - l.close(); - }); - e.prompt_box && e.prompt_box.close(); - e.prompt_box = l; - l.querySelector(".name").innerText = a; - l.querySelector(".value").value = b; - var f = l.querySelector("input"); - f.addEventListener("keydown", function(a) { - if (27 == a.keyCode) { - l.close(); - } else { - if (13 == a.keyCode) { - c && c(this.value), l.close(); - } else { - return; - } - } - a.preventDefault(); - a.stopPropagation(); - }); - l.querySelector("button").addEventListener("click", function(a) { - c && c(f.value); - e.setDirty(!0); - l.close(); - }); - a = d.active_canvas.canvas; - b = a.getBoundingClientRect(); - var k = -20, h = -20; - b && (k -= b.left, h -= b.top); - m ? (l.style.left = m.pageX + k + "px", l.style.top = m.pageY + h + "px") : (l.style.left = 0.5 * a.width + k + "px", l.style.top = 0.5 * a.height + h + "px"); - a.parentNode.appendChild(l); - setTimeout(function() { - f.focus(); - }, 10); - return l; - }; - d.search_filter = !1; - d.search_limit = -1; - d.prototype.showSearchBox = function(a) { - function b(b) { - if (b) { - if (g.onSearchBoxSelection) { - g.onSearchBoxSelection(b, a, v); - } else { - if (b = k.createNode(b)) { - b.pos = v.convertEventToCanvas(a), v.graph.add(b); - } - } - } - l.close(); - } - function c(a) { - var b = q; - q && q.classList.remove("selected"); - q ? (q = a ? q.nextSibling : q.previousSibling) || (q = b) : q = a ? f.childNodes[0] : f.childNodes[f.childNodes.length]; - q && (q.classList.add("selected"), q.scrollIntoView()); - } - function m() { - n = null; - var a = t.value; - h = null; - f.innerHTML = ""; - if (a) { - if (g.onSearchBox) { - g.onSearchBox(help, a, v); - } else { - var c = function(a) { - var c = document.createElement("div"); - h || (h = a); - c.innerText = a; - c.className = "litegraph lite-search-item"; - c.addEventListener("click", function(a) { - b(this.innerText); - }); - f.appendChild(c); - }, e = 0; - if (d.search_filter) { - a = a.toLowerCase(); - for (var l = Object.keys(k.registered_node_types).filter(function(b) { - return -1 !== b.toLowerCase().indexOf(a); - }), K = 0; K < l.length && !(c(l[K]), -1 !== d.search_limit && e++ > d.search_limit); K++) { - } - } else { - for (K in k.registered_node_types) { - if (-1 != K.indexOf(a) && (c(K), -1 !== d.search_limit && e++ > d.search_limit)) { - break; - } - } - } - } - } - } - var g = this, l = document.createElement("div"); - l.className = "litegraph litesearchbox graphdialog rounded"; - l.innerHTML = "Search
"; - l.close = function() { - g.search_box = null; - l.parentNode.removeChild(l); - }; - l.addEventListener("mouseleave", function(a) { - l.close(); - }); - g.search_box && g.search_box.close(); - g.search_box = l; - var f = l.querySelector(".helper"), h = null, n = null, q = null, t = l.querySelector("input"); - t && (t.addEventListener("blur", function(a) { - this.focus(); - }), t.addEventListener("keydown", function(a) { - if (38 == a.keyCode) { - c(!1); - } else { - if (40 == a.keyCode) { - c(!0); - } else { - if (27 == a.keyCode) { - l.close(); - } else { - if (13 == a.keyCode) { - q ? b(q.innerHTML) : h ? b(h) : l.close(); - } else { - n && clearInterval(n); - n = setTimeout(m, 10); - return; - } - } - } - } - a.preventDefault(); - a.stopPropagation(); - })); - var v = d.active_canvas, u = v.canvas, w = u.getBoundingClientRect(), B = -20, D = -20; - w && (B -= w.left, D -= w.top); - a ? (l.style.left = a.pageX + B + "px", l.style.top = a.pageY + D + "px") : (l.style.left = 0.5 * u.width + B + "px", l.style.top = 0.5 * u.height + D + "px"); - u.parentNode.appendChild(l); - t.focus(); - return l; - }; - d.prototype.showEditPropertyValue = function(a, b, c) { - function e() { - g(n.value); - } - function g(c) { - "number" == typeof a.properties[b] && (c = Number(c)); - "array" == l && (c = c.split(",").map(Number)); - a.properties[b] = c; - a._graph && a._graph._version++; - if (a.onPropertyChanged) { - a.onPropertyChanged(b, c); - } - h.close(); - a.setDirtyCanvas(!0, !0); - } - if (a && void 0 !== a.properties[b]) { - c = c || {}; - var l = "string"; - null !== a.properties[b] && (l = typeof a.properties[b]); - "object" == l && a.properties[b].length && (l = "array"); - var d = null; - a.getPropertyInfo && (d = a.getPropertyInfo(b)); - if (a.properties_info) { - for (var m = 0; m < a.properties_info.length; ++m) { - if (a.properties_info[m].name == b) { - d = a.properties_info[m]; - break; - } - } - } - void 0 !== d && null !== d && d.type && (l = d.type); - var f = ""; - if ("string" == l || "number" == l || "array" == l) { - f = ""; - } else { - if ("enum" == l && d.values) { - f = ""; - } else { - if ("boolean" == l) { - f = ""; - } else { - console.warn("unknown type: " + l); - return; - } - } - } - var h = this.createDialog("" + b + "" + f + "", c); - if ("enum" == l && d.values) { - var n = h.querySelector("select"); - n.addEventListener("change", function(a) { - g(a.target.value); - }); - } else { - if ("boolean" == l) { - (n = h.querySelector("input")) && n.addEventListener("click", function(a) { - g(!!n.checked); - }); - } else { - if (n = h.querySelector("input")) { - n.addEventListener("blur", function(a) { - this.focus(); - }), n.value = void 0 !== a.properties[b] ? a.properties[b] : "", n.addEventListener("keydown", function(a) { - 13 == a.keyCode && (e(), a.preventDefault(), a.stopPropagation()); - }); - } - } - } - h.querySelector("button").addEventListener("click", e); - } - }; - d.prototype.createDialog = function(a, b) { - b = b || {}; - var c = document.createElement("div"); - c.className = "graphdialog"; - c.innerHTML = a; - a = this.canvas.getBoundingClientRect(); - var d = -20, g = -20; - a && (d -= a.left, g -= a.top); - b.position ? (d += b.position[0], g += b.position[1]) : b.event ? (d += b.event.pageX, g += b.event.pageY) : (d += 0.5 * this.canvas.width, g += 0.5 * this.canvas.height); - c.style.left = d + "px"; - c.style.top = g + "px"; - this.canvas.parentNode.appendChild(c); - c.close = function() { - this.parentNode && this.parentNode.removeChild(this); - }; - return c; - }; - d.onMenuNodeCollapse = function(a, b, c, d, g) { - g.collapse(); - }; - d.onMenuNodePin = function(a, b, c, d, g) { - g.pin(); - }; - d.onMenuNodeMode = function(a, b, c, d, g) { - new k.ContextMenu(["Always", "On Event", "On Trigger", "Never"], {event:c, callback:function(a) { - if (g) { - switch(a) { - case "On Event": - g.mode = k.ON_EVENT; - break; - case "On Trigger": - g.mode = k.ON_TRIGGER; - break; - case "Never": - g.mode = k.NEVER; - break; - default: - g.mode = k.ALWAYS; - } - } - }, parentMenu:d, node:g}); - return !1; - }; - d.onMenuNodeColors = function(a, b, c, m, g) { - if (!g) { - throw "no node for color"; - } - b = []; - b.push({value:null, content:"No color"}); - for (var e in d.node_colors) { - a = d.node_colors[e], a = {value:e, content:"" + e + ""}, b.push(a); - } - new k.ContextMenu(b, {event:c, callback:function(a) { - g && ((a = a.value ? d.node_colors[a.value] : null) ? g.constructor === k.LGraphGroup ? g.color = a.groupcolor : (g.color = a.color, g.bgcolor = a.bgcolor) : (delete g.color, delete g.bgcolor), g.setDirtyCanvas(!0, !0)); - }, parentMenu:m, node:g}); - return !1; - }; - d.onMenuNodeShapes = function(a, b, c, d, g) { - if (!g) { - throw "no node passed"; - } - new k.ContextMenu(k.VALID_SHAPES, {event:c, callback:function(a) { - g && (g.shape = a, g.setDirtyCanvas(!0)); - }, parentMenu:d, node:g}); - return !1; - }; - d.onMenuNodeRemove = function(a, b, c, d, g) { - if (!g) { - throw "no node passed"; - } - !1 !== g.removable && (g.graph.remove(g), g.setDirtyCanvas(!0, !0)); - }; - d.onMenuNodeClone = function(a, b, c, d, g) { - 0 != g.clonable && (a = g.clone()) && (a.pos = [g.pos[0] + 5, g.pos[1] + 5], g.graph.add(a), g.setDirtyCanvas(!0, !0)); - }; - d.node_colors = {red:{color:"#322", bgcolor:"#533", groupcolor:"#A88"}, brown:{color:"#332922", bgcolor:"#593930", groupcolor:"#b06634"}, green:{color:"#232", bgcolor:"#353", groupcolor:"#8A8"}, blue:{color:"#223", bgcolor:"#335", groupcolor:"#88A"}, pale_blue:{color:"#2a363b", bgcolor:"#3f5159", groupcolor:"#3f789e"}, cyan:{color:"#233", bgcolor:"#355", groupcolor:"#8AA"}, purple:{color:"#323", bgcolor:"#535", groupcolor:"#a1309b"}, yellow:{color:"#432", bgcolor:"#653", groupcolor:"#b58b2a"}, - black:{color:"#222", bgcolor:"#000", groupcolor:"#444"}}; - d.prototype.getCanvasMenuOptions = function() { - if (this.getMenuOptions) { - var a = this.getMenuOptions(); - } else { - a = [{content:"Add Node", has_submenu:!0, callback:d.onMenuAdd}, {content:"Add Group", callback:d.onGroupAdd}], this._graph_stack && 0 < this._graph_stack.length && (a = [{content:"Close subgraph", callback:this.closeSubgraph.bind(this)}, null].concat(a)); - } - if (this.getExtraMenuOptions) { - var b = this.getExtraMenuOptions(this, a); - b && (a = a.concat(b)); - } - return a; - }; - d.prototype.getNodeMenuOptions = function(a) { - var b = a.getMenuOptions ? a.getMenuOptions(this) : [{content:"Inputs", has_submenu:!0, disabled:!0, callback:d.showMenuNodeOptionalInputs}, {content:"Outputs", has_submenu:!0, disabled:!0, callback:d.showMenuNodeOptionalOutputs}, null, {content:"Properties", has_submenu:!0, callback:d.onShowMenuNodeProperties}, null, {content:"Title", callback:d.onShowTitleEditor}, {content:"Mode", has_submenu:!0, callback:d.onMenuNodeMode}, {content:"Resize", callback:d.onResizeNode}, {content:"Collapse", callback:d.onMenuNodeCollapse}, - {content:"Pin", callback:d.onMenuNodePin}, {content:"Colors", has_submenu:!0, callback:d.onMenuNodeColors}, {content:"Shapes", has_submenu:!0, callback:d.onMenuNodeShapes}, null]; - if (a.getExtraMenuOptions) { - var c = a.getExtraMenuOptions(this); - c && (c.push(null), b = c.concat(b)); - } - !1 !== a.clonable && b.push({content:"Clone", callback:d.onMenuNodeClone}); - !1 !== a.removable && b.push(null, {content:"Remove", callback:d.onMenuNodeRemove}); - a.onGetInputs && (c = a.onGetInputs()) && c.length && (b[0].disabled = !1); - a.onGetOutputs && (c = a.onGetOutputs()) && c.length && (b[1].disabled = !1); - if (a.graph && a.graph.onGetNodeMenuOptions) { - a.graph.onGetNodeMenuOptions(b, a); - } - return b; - }; - d.prototype.getGroupMenuOptions = function(a) { - return [{content:"Title", callback:d.onShowTitleEditor}, {content:"Color", has_submenu:!0, callback:d.onMenuNodeColors}, null, {content:"Remove", callback:d.onMenuNodeRemove}]; - }; - d.prototype.processContextMenu = function(a, b) { - var c = this, m = d.active_canvas.getCanvasWindow(), g = null, l = {event:b, callback:function(b, e, g) { - if (b) { - if ("Remove Slot" == b.content) { - b = b.slot, b.input ? a.removeInput(b.slot) : b.output && a.removeOutput(b.slot); - } else { - if ("Rename Slot" == b.content) { - b = b.slot; - var d = b.input ? a.getInputInfo(b.slot) : a.getOutputInfo(b.slot), l = c.createDialog("Name", e), m = l.querySelector("input"); - m && d && (m.value = d.label); - l.querySelector("button").addEventListener("click", function(a) { - m.value && (d && (d.label = m.value), c.setDirty(!0)); - l.close(); - }); - } - } - } - }, extra:a}, f = null; - a && (f = a.getSlotInPosition(b.canvasX, b.canvasY), d.active_node = a); - f ? (g = [], g.push(f.locked ? "Cannot remove" : {content:"Remove Slot", slot:f}), g.push(f.nameLocked ? "Cannot rename" : {content:"Rename Slot", slot:f}), l.title = (f.input ? f.input.type : f.output.type) || "*", f.input && f.input.type == k.ACTION && (l.title = "Action"), f.output && f.output.type == k.EVENT && (l.title = "Event")) : a ? g = this.getNodeMenuOptions(a) : (g = this.getCanvasMenuOptions(), (b = this.graph.getGroupOnPos(b.canvasX, b.canvasY)) && g.push(null, {content:"Edit Group", - has_submenu:!0, submenu:{title:"Group", extra:b, options:this.getGroupMenuOptions(b)}})); - g && new k.ContextMenu(g, l, m); - }; - this.CanvasRenderingContext2D && (CanvasRenderingContext2D.prototype.roundRect = function(a, b, c, d, g, l) { - void 0 === g && (g = 5); - void 0 === l && (l = g); - this.moveTo(a + g, b); - this.lineTo(a + c - g, b); - this.quadraticCurveTo(a + c, b, a + c, b + g); - this.lineTo(a + c, b + d - l); - this.quadraticCurveTo(a + c, b + d, a + c - l, b + d); - this.lineTo(a + l, b + d); - this.quadraticCurveTo(a, b + d, a, b + d - l); - this.lineTo(a, b + g); - this.quadraticCurveTo(a, b, a + g, b); - }); - k.compareObjects = function(a, b) { - for (var c in a) { - if (a[c] != b[c]) { - return !1; - } - } - return !0; - }; - k.distance = q; - k.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") + ")"; - }; - k.isInsideRectangle = t; - k.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); - }; - k.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; - }; - k.overlapBounding = v; - k.hex2num = function(a) { - "#" == a.charAt(0) && (a = a.slice(1)); - a = a.toUpperCase(); - for (var b = Array(3), c = 0, d, g, l = 0; 6 > l; l += 2) { - d = "0123456789ABCDEF".indexOf(a.charAt(l)), g = "0123456789ABCDEF".indexOf(a.charAt(l + 1)), b[c] = 16 * d + g, c++; - } - return b; - }; - k.num2hex = function(a) { - for (var b = "#", c, d, g = 0; 3 > g; g++) { - c = a[g] / 16, d = a[g] % 16, b += "0123456789ABCDEF".charAt(c) + "0123456789ABCDEF".charAt(d); - } - return b; - }; - w.prototype.addItem = function(a, b, c) { - function e(a) { - var b = this.value; - b && b.has_submenu && d.call(this, a); - } - function d(a) { - var b = this.value, e = !0; - l.current_submenu && l.current_submenu.close(a); - if (c.callback) { - var d = c.callback.call(this, b, c, a, l, c.node); - !0 === d && (e = !1); - } - if (b && (b.callback && !c.ignore_item_callbacks && !0 !== b.disabled && (d = b.callback.call(this, b, c, a, l, c.extra), !0 === d && (e = !1)), b.submenu)) { - if (!b.submenu.options) { - throw "ContextMenu submenu needs options"; - } - new l.constructor(b.submenu.options, {callback:b.submenu.callback, event:a, parentMenu:l, ignore_item_callbacks:b.submenu.ignore_item_callbacks, title:b.submenu.title, extra:b.submenu.extra, autoopen:c.autoopen}); - e = !1; - } - e && !l.lock && l.close(); - } - var l = this; - c = c || {}; - var m = document.createElement("div"); - m.className = "litemenu-entry submenu"; - var f = !1; - if (null === b) { - m.classList.add("separator"); - } else { - m.innerHTML = b && b.title ? b.title : a; - if (m.value = b) { - b.disabled && (f = !0, m.classList.add("disabled")), (b.submenu || b.has_submenu) && m.classList.add("has_submenu"); - } - "function" == typeof b ? (m.dataset.value = a, m.onclick_callback = b) : m.dataset.value = b; - b.className && (m.className += " " + b.className); - } - this.root.appendChild(m); - f || m.addEventListener("click", d); - c.autoopen && m.addEventListener("mouseenter", e); - return m; - }; - w.prototype.close = function(a, b) { - this.root.parentNode && this.root.parentNode.removeChild(this.root); - this.parentMenu && !b && (this.parentMenu.lock = !1, this.parentMenu.current_submenu = null, void 0 === a ? this.parentMenu.close() : a && !w.isCursorOverElement(a, this.parentMenu.root) && w.trigger(this.parentMenu.root, "mouseleave", a)); - this.current_submenu && this.current_submenu.close(a, !0); - }; - w.trigger = function(a, b, c, d) { - var e = document.createEvent("CustomEvent"); - e.initCustomEvent(b, !0, !0, c); - e.srcElement = d; - a.dispatchEvent ? a.dispatchEvent(e) : a.__events && a.__events.dispatchEvent(e); - return e; - }; - w.prototype.getTopMenu = function() { - return this.options.parentMenu ? this.options.parentMenu.getTopMenu() : this; - }; - w.prototype.getFirstEvent = function() { - return this.options.parentMenu ? this.options.parentMenu.getFirstEvent() : this.options.event; - }; - w.isCursorOverElement = function(a, b) { - var c = a.pageX; - 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; - }; - k.ContextMenu = w; - k.closeAllContextMenus = function(a) { - a = a || window; - a = a.document.querySelectorAll(".litecontextmenu"); - if (a.length) { - for (var b = [], c = 0; c < a.length; c++) { - b.push(a[c]); - } - for (c in b) { - b[c].close ? b[c].close() : b[c].parentNode && b[c].parentNode.removeChild(b[c]); - } - } - }; - k.extendClass = function(a, b) { - for (var c in b) { - a.hasOwnProperty(c) || (a[c] = b[c]); - } - if (b.prototype) { - for (c in b.prototype) { - b.prototype.hasOwnProperty(c) && !a.prototype.hasOwnProperty(c) && (b.prototype.__lookupGetter__(c) ? a.prototype.__defineGetter__(c, b.prototype.__lookupGetter__(c)) : a.prototype[c] = b.prototype[c], b.prototype.__lookupSetter__(c) && a.prototype.__defineSetter__(c, b.prototype.__lookupSetter__(c))); - } - } - }; - k.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) { - return b > a ? b : c < a ? c : a; - }; - "undefined" == typeof window || window.requestAnimationFrame || (window.requestAnimationFrame = window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(a) { - window.setTimeout(a, 1000 / 60); - }); -})(this); -"undefined" != typeof exports && (exports.LiteGraph = this.LiteGraph); -(function(u) { - function f() { - this.addOutput("in ms", "number"); - this.addOutput("in sec", "number"); - } - function h() { - var c = this; - this.size = [120, 80]; - this.subgraph = new LGraph; - this.subgraph._subgraph_node = this; - this.subgraph._is_subgraph = !0; - this.subgraph.onGlobalInputAdded = this.onSubgraphNewGlobalInput.bind(this); - this.subgraph.onGlobalInputRenamed = this.onSubgraphRenamedGlobalInput.bind(this); - this.subgraph.onGlobalInputTypeChanged = this.onSubgraphTypeChangeGlobalInput.bind(this); - this.subgraph.onGlobalOutputAdded = this.onSubgraphNewGlobalOutput.bind(this); - this.subgraph.onGlobalOutputRenamed = this.onSubgraphRenamedGlobalOutput.bind(this); - this.subgraph.onGlobalOutputTypeChanged = this.onSubgraphTypeChangeGlobalOutput.bind(this); - this.addWidget("button", "Open Graph", null, function(a, b) { - b.openSubgraph(c.subgraph); - }); - this.bgcolor = "#353"; - } - function n() { - var c = "input_" + (1000 * Math.random()).toFixed(); - this.addOutput(c, null); - this.properties = {name:c, type:null}; - var a = this; - Object.defineProperty(this.properties, "name", {get:function() { - return c; - }, set:function(b) { - if ("" != b) { - var e = a.getOutputInfo(0); - e.name != b && (e.name = b, a.graph && a.graph.renameGlobalInput(c, b), c = b); - } - }, enumerable:!0}); - Object.defineProperty(this.properties, "type", {get:function() { - return a.outputs[0].type; - }, set:function(b) { - a.outputs[0].type = b; - a.graph && a.graph.changeGlobalInputType(c, a.outputs[0].type); - }, enumerable:!0}); - } - function d() { - var c = "output_" + (1000 * Math.random()).toFixed(); - this.addInput(c, null); - this._value = null; - this.properties = {name:c, type:null}; - var a = this; - Object.defineProperty(this.properties, "name", {get:function() { - return c; - }, set:function(b) { - if ("" != b) { - var e = a.getInputInfo(0); - e.name != b && (e.name = b, a.graph && a.graph.renameGlobalOutput(c, b), c = b); - } - }, enumerable:!0}); - Object.defineProperty(this.properties, "type", {get:function() { - return a.inputs[0].type; - }, set:function(b) { - a.inputs[0].type = b; - a.graph && a.graph.changeGlobalInputType(c, a.inputs[0].type); - }, enumerable:!0}); - } - function q() { - this.addOutput("value", "number"); - this.addProperty("value", 1.0); - this.editable = {property:"value", type:"number"}; - } - function t() { - this.size = [60, 20]; - this.addInput("value", 0, {label:""}); - this.addOutput("value", 0, {label:""}); - this.addProperty("value", ""); - } - function v() { - this.addInput("in", 0); - this.addOutput("out", 0); - this.size = [40, 20]; - } - function w() { - this.mode = m.ON_EVENT; - this.size = [60, 20]; - this.addProperty("msg", ""); - this.addInput("log", m.EVENT); - this.addInput("msg", 0); - } - function k() { - this.size = [60, 20]; - this.addProperty("onExecute", ""); - this.addInput("in", ""); - this.addInput("in2", ""); - this.addOutput("out", ""); - this.addOutput("out2", ""); - this._func = null; - } - var m = u.LiteGraph; - f.title = "Time"; - f.desc = "Time"; - f.prototype.onExecute = function() { - this.setOutputData(0, 1000 * this.graph.globaltime); - this.setOutputData(1, this.graph.globaltime); - }; - m.registerNodeType("basic/time", f); - h.title = "Subgraph"; - h.desc = "Graph inside a node"; - h.prototype.onSubgraphNewGlobalInput = function(c, a) { - this.addInput(c, a); - }; - h.prototype.onSubgraphRenamedGlobalInput = function(c, a) { - c = this.findInputSlot(c); - -1 != c && (this.getInputInfo(c).name = a); - }; - h.prototype.onSubgraphTypeChangeGlobalInput = function(c, a) { - c = this.findInputSlot(c); - -1 != c && (this.getInputInfo(c).type = a); - }; - h.prototype.onSubgraphNewGlobalOutput = function(c, a) { - this.addOutput(c, a); - }; - h.prototype.onSubgraphRenamedGlobalOutput = function(c, a) { - c = this.findOutputSlot(c); - -1 != c && (this.getOutputInfo(c).name = a); - }; - h.prototype.onSubgraphTypeChangeGlobalOutput = function(c, a) { - c = this.findOutputSlot(c); - -1 != c && (this.getOutputInfo(c).type = a); - }; - h.prototype.getExtraMenuOptions = function(c) { - var a = this; - return [{content:"Open", callback:function() { - c.openSubgraph(a.subgraph); - }}]; - }; - h.prototype.onDrawForeground = function(c, a) { - }; - h.prototype.onResize = function(c) { - c[1] += 20; - }; - h.prototype.onExecute = function() { - if (this.inputs) { - for (var c = 0; c < this.inputs.length; c++) { - var a = this.inputs[c], b = this.getInputData(c); - this.subgraph.setGlobalInputData(a.name, b); - } - } - this.subgraph.runStep(); - if (this.outputs) { - for (c = 0; c < this.outputs.length; c++) { - b = this.subgraph.getGlobalOutputData(this.outputs[c].name), this.setOutputData(c, b); - } - } - }; - h.prototype.configure = function(c) { - LGraphNode.prototype.configure.call(this, c); - }; - h.prototype.serialize = function() { - var c = LGraphNode.prototype.serialize.call(this); - c.subgraph = this.subgraph.serialize(); - return c; - }; - h.prototype.clone = function() { - var c = m.createNode(this.type), a = this.serialize(); - delete a.id; - delete a.inputs; - delete a.outputs; - c.configure(a); - return c; - }; - m.registerNodeType("graph/subgraph", h); - n.title = "Input"; - n.desc = "Input of the graph"; - n.prototype.onAdded = function() { - this.graph.addGlobalInput(this.properties.name, this.properties.type); - }; - n.prototype.onExecute = function() { - var c = this.graph.global_inputs[this.properties.name]; - c && this.setOutputData(0, c.value); - }; - m.registerNodeType("graph/input", n); - d.title = "Output"; - d.desc = "Output of the graph"; - d.prototype.onAdded = function() { - this.graph.addGlobalOutput(this.properties.name, this.properties.type); - }; - d.prototype.getValue = function() { - return this._value; - }; - d.prototype.onExecute = function() { - this._value = this.getInputData(0); - this.graph.setGlobalOutputData(this.properties.name, this._value); - }; - m.registerNodeType("graph/output", d); - q.title = "Const"; - q.desc = "Constant value"; - q.prototype.setValue = function(c) { - "string" == typeof c && (c = parseFloat(c)); - this.properties.value = c; - this.setDirtyCanvas(!0); - }; - q.prototype.onExecute = function() { - this.setOutputData(0, parseFloat(this.properties.value)); - }; - q.prototype.onDrawBackground = function(c) { - this.outputs[0].label = this.properties.value.toFixed(3); - }; - q.prototype.onWidget = function(c, a) { - "value" == a.name && this.setValue(a.value); - }; - m.registerNodeType("basic/const", q); - t.title = "Watch"; - t.desc = "Show value of input"; - t.prototype.onExecute = function() { - this.properties.value = this.getInputData(0); - this.setOutputData(0, this.properties.value); - }; - t.prototype.onDrawBackground = function(c) { - this.inputs[0] && null != this.properties.value && (this.inputs[0].label = this.properties.value.constructor === Number ? this.properties.value.toFixed(3) : String(this.properties.value)); - }; - m.registerNodeType("basic/watch", t); - v.title = "Pass"; - v.desc = "Allows to connect different types"; - v.prototype.onExecute = function() { - this.setOutputData(0, this.getInputData(0)); - }; - m.registerNodeType("basic/pass", v); - w.title = "Console"; - w.desc = "Show value inside the console"; - w.prototype.onAction = function(c, a) { - "log" == c ? console.log(a) : "warn" == c ? console.warn(a) : "error" == c && console.error(a); - }; - w.prototype.onExecute = function() { - var c = this.getInputData(1); - null !== c && (this.properties.msg = c); - console.log(c); - }; - w.prototype.onGetInputs = function() { - return [["log", m.ACTION], ["warn", m.ACTION], ["error", m.ACTION]]; - }; - m.registerNodeType("basic/console", w); - k.title = "Script"; - k.desc = "executes a code"; - k.widgets_info = {onExecute:{type:"code"}}; - k.prototype.onPropertyChanged = function(c, a) { - if ("onExecute" == c && m.allow_scripts) { - this._func = null; - try { - this._func = new Function(a); - } catch (b) { - console.error("Error parsing script"), console.error(b); - } - } - }; - k.prototype.onExecute = function() { - if (this._func) { - try { - this._func.call(this); - } catch (c) { - console.error("Error in script"), console.error(c); - } - } - }; - m.registerNodeType("basic/script", k); -})(this); -(function(u) { - function f() { - this.size = [60, 20]; - this.addInput("event", d.ACTION); - } - function h() { - this.size = [60, 20]; - this.addInput("event", d.ACTION); - this.addOutput("event", d.EVENT); - this.properties = {equal_to:"", has_property:"", property_equal_to:""}; - } - function n() { - this.size = [60, 20]; - this.addProperty("time", 1000); - this.addInput("event", d.ACTION); - this.addOutput("on_time", d.EVENT); - this._pending = []; - } - var d = u.LiteGraph; - f.title = "Log Event"; - f.desc = "Log event in console"; - f.prototype.onAction = function(d, f) { - console.log(d, f); - }; - d.registerNodeType("events/log", f); - h.title = "Filter Event"; - h.desc = "Blocks events that do not match the filter"; - h.prototype.onAction = function(d, f) { - if (null != f && (!this.properties.equal_to || this.properties.equal_to == f)) { - if (this.properties.has_property && (d = f[this.properties.has_property], null == d || this.properties.property_equal_to && this.properties.property_equal_to != d)) { - return; - } - this.triggerSlot(0, f); - } - }; - d.registerNodeType("events/filter", h); - n.title = "Delay"; - n.desc = "Delays one event"; - n.prototype.onAction = function(d, f) { - this._pending.push([this.properties.time, f]); - }; - n.prototype.onExecute = function() { - for (var d = 1000 * this.graph.elapsed_time, f = 0; f < this._pending.length; ++f) { - var h = this._pending[f]; - h[0] -= d; - 0 < h[0] || (this._pending.splice(f, 1), --f, this.trigger(null, h[1])); - } - }; - n.prototype.onGetInputs = function() { - return [["event", d.ACTION]]; - }; - d.registerNodeType("events/delay", n); -})(this); -(function(u) { - function f() { - this.addOutput("clicked", m.EVENT); - this.addProperty("text", ""); - this.addProperty("font_size", 40); - this.addProperty("message", ""); - this.size = [64, 84]; - } - function h() { - this.addInput("", "boolean"); - this.addInput("e", m.ACTION); - this.addOutput("v", "boolean"); - this.addOutput("e", m.EVENT); - this.properties = {font:"", value:!1}; - this.size = [124, 64]; - } - function n() { - this.addOutput("", "number"); - this.size = [74, 54]; - this.properties = {min:-1000, max:1000, value:1, step:1}; - this.old_y = -1; - this._precision = this._remainder = 0; - this.mouse_captured = !1; - } - function d() { - this.addOutput("", "number"); - this.size = [64, 84]; - this.properties = {min:0, max:1, value:0.5, wcolor:"#7AF", size:50}; - } - function q() { - this.addOutput("", "number"); - this.properties = {value:0.5, min:0, max:1, text:"V"}; - var c = this; - this.size = [80, 60]; - this.slider = this.addWidget("slider", "V", this.properties.value, function(a) { - c.properties.value = a; - }, this.properties); - } - function t() { - this.size = [160, 26]; - this.addOutput("", "number"); - this.properties = {wcolor:"#7AF", min:0, max:1, value:0.5}; - } - function v() { - this.size = [160, 26]; - this.addInput("", "number"); - this.properties = {min:0, max:1, value:0, wcolor:"#AAF"}; - } - function w() { - this.addInputs("", 0); - this.properties = {value:"...", font:"Arial", fontsize:18, color:"#AAA", align:"left", glowSize:0, decimals:1}; - } - function k() { - this.size = [200, 100]; - this.properties = {borderColor:"#ffffff", bgcolorTop:"#f0f0f0", bgcolorBottom:"#e0e0e0", shadowSize:2, borderRadius:3}; - } - var m = u.LiteGraph; - f.title = "Button"; - f.desc = "Triggers an event"; - f.font = "Arial"; - f.prototype.onDrawForeground = function(c) { - if (!this.flags.collapsed && (c.fillStyle = "black", c.fillRect(1, 1, this.size[0] - 3, this.size[1] - 3), c.fillStyle = "#AAF", c.fillRect(0, 0, this.size[0] - 3, this.size[1] - 3), c.fillStyle = this.clicked ? "white" : this.mouseOver ? "#668" : "#334", c.fillRect(1, 1, this.size[0] - 4, this.size[1] - 4), this.properties.text || 0 === this.properties.text)) { - var a = this.properties.font_size || 30; - c.textAlign = "center"; - c.fillStyle = this.clicked ? "black" : "white"; - c.font = a + "px " + f.font; - c.fillText(this.properties.text, 0.5 * this.size[0], 0.5 * this.size[1] + 0.3 * a); - c.textAlign = "left"; - } - }; - f.prototype.onMouseDown = function(c, a) { - if (1 < a[0] && 1 < a[1] && a[0] < this.size[0] - 2 && a[1] < this.size[1] - 2) { - return this.clicked = !0, this.trigger("clicked", this.properties.message), !0; - } - }; - f.prototype.onMouseUp = function(c) { - this.clicked = !1; - }; - m.registerNodeType("widget/button", f); - h.title = "Toggle"; - h.desc = "Toggles between true or false"; - h.prototype.onDrawForeground = function(c) { - if (!this.flags.collapsed) { - var a = 0.5 * this.size[1], b = 0.8 * this.size[1]; - c.fillStyle = "#AAA"; - c.fillRect(10, b - a, a, a); - c.fillStyle = this.properties.value ? "#AEF" : "#000"; - c.fillRect(10 + 0.25 * a, b - a + 0.25 * a, .5 * a, .5 * a); - c.textAlign = "left"; - c.font = this.properties.font || (0.8 * a).toFixed(0) + "px Arial"; - c.fillStyle = "#AAA"; - c.fillText(this.title, a + 20, 0.85 * b); - c.textAlign = "left"; - } - }; - h.prototype.onAction = function(c) { - this.properties.value = !this.properties.value; - this.trigger("e", this.properties.value); - }; - h.prototype.onExecute = function() { - var c = this.getInputData(0); - null != c && (this.properties.value = c); - this.setOutputData(0, this.properties.value); - }; - h.prototype.onMouseDown = function(c, a) { - if (1 < a[0] && 1 < a[1] && a[0] < this.size[0] - 2 && a[1] < this.size[1] - 2) { - return this.properties.value = !this.properties.value, this.graph._version++, this.trigger("e", this.properties.value), !0; - } - }; - m.registerNodeType("widget/toggle", h); - n.title = "Number"; - n.desc = "Widget to select number value"; - n.pixels_threshold = 10; - n.markers_color = "#666"; - n.prototype.onDrawForeground = function(c) { - var a = 0.5 * this.size[0], b = this.size[1]; - 30 < b ? (c.fillStyle = n.markers_color, c.beginPath(), c.moveTo(a, 0.1 * b), c.lineTo(a + 0.1 * b, 0.2 * b), c.lineTo(a + -0.1 * b, 0.2 * b), c.fill(), c.beginPath(), c.moveTo(a, 0.9 * b), c.lineTo(a + 0.1 * b, 0.8 * b), c.lineTo(a + -0.1 * b, 0.8 * b), c.fill(), c.font = (0.7 * b).toFixed(1) + "px Arial") : c.font = (0.8 * b).toFixed(1) + "px Arial"; - c.textAlign = "center"; - c.font = (0.7 * b).toFixed(1) + "px Arial"; - c.fillStyle = "#EEE"; - c.fillText(this.properties.value.toFixed(this._precision), a, 0.75 * b); - }; - n.prototype.onExecute = function() { - this.setOutputData(0, this.properties.value); - }; - n.prototype.onPropertyChanged = function(c, a) { - c = (this.properties.step + "").split("."); - this._precision = 1 < c.length ? c[1].length : 0; - }; - n.prototype.onMouseDown = function(c, a) { - if (!(0 > a[1])) { - return this.old_y = c.canvasY, this.captureInput(!0), this.mouse_captured = !0; - } - }; - n.prototype.onMouseMove = function(c) { - if (this.mouse_captured) { - var a = this.old_y - c.canvasY; - c.shiftKey && (a *= 10); - if (c.metaKey || c.altKey) { - a *= 0.1; - } - this.old_y = c.canvasY; - c = this._remainder + a / n.pixels_threshold; - this._remainder = c % 1; - c = Math.clamp(this.properties.value + (c | 0) * this.properties.step, this.properties.min, this.properties.max); - this.properties.value = c; - this.graph._version++; - this.setDirtyCanvas(!0); - } - }; - n.prototype.onMouseUp = function(c, a) { - 200 > c.click_time && (this.properties.value = Math.clamp(this.properties.value + (a[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)); - }; - m.registerNodeType("widget/number", n); - d.title = "Knob"; - d.desc = "Circular controller"; - d.widgets = [{name:"increase", text:"+", type:"minibutton"}, {name:"decrease", text:"-", type:"minibutton"}]; - d.prototype.onAdded = function() { - this.value = (this.properties.value - this.properties.min) / (this.properties.max - this.properties.min); - this.imgbg = this.loadImage("imgs/knob_bg.png"); - this.imgfg = this.loadImage("imgs/knob_fg.png"); - }; - d.prototype.onDrawImageKnob = function(c) { - if (this.imgfg && this.imgfg.width) { - var a = 0.5 * this.imgbg.width, b = this.size[0] / this.imgfg.width; - c.save(); - c.translate(0, 20); - c.scale(b, b); - c.drawImage(this.imgbg, 0, 0); - c.translate(a, a); - c.rotate(2 * this.value * Math.PI * 6 / 8 + 10 * Math.PI / 8); - c.translate(-a, -a); - c.drawImage(this.imgfg, 0, 0); - c.restore(); - this.title && (c.font = "bold 16px Criticized,Tahoma", c.fillStyle = "rgba(100,100,100,0.8)", c.textAlign = "center", c.fillText(this.title.toUpperCase(), 0.5 * this.size[0], 18), c.textAlign = "left"); - } - }; - d.prototype.onDrawVectorKnob = function(c) { - if (this.imgfg && this.imgfg.width) { - c.lineWidth = 1; - c.strokeStyle = this.mouseOver ? "#FFF" : "#AAA"; - c.fillStyle = "#000"; - c.beginPath(); - c.arc(0.5 * this.size[0], 0.5 * this.size[1] + 10, 0.5 * this.properties.size, 0, 2 * Math.PI, !0); - c.stroke(); - 0 < this.value && (c.strokeStyle = this.properties.wcolor, c.lineWidth = 0.2 * this.properties.size, c.beginPath(), c.arc(0.5 * this.size[0], 0.5 * this.size[1] + 10, 0.35 * this.properties.size, -0.5 * Math.PI + 2 * Math.PI * this.value, -0.5 * Math.PI, !0), c.stroke(), c.lineWidth = 1); - c.font = 0.2 * this.properties.size + "px Arial"; - c.fillStyle = "#AAA"; - c.textAlign = "center"; - var a = this.properties.value; - "number" == typeof a && (a = a.toFixed(2)); - c.fillText(a, 0.5 * this.size[0], 0.65 * this.size[1]); - c.textAlign = "left"; - } - }; - d.prototype.onDrawForeground = function(c) { - this.onDrawImageKnob(c); - }; - d.prototype.onExecute = function() { - this.setOutputData(0, this.properties.value); - this.boxcolor = m.colorToString([this.value, this.value, this.value]); - }; - d.prototype.onMouseDown = function(c) { - if (this.imgfg && this.imgfg.width) { - this.center = [0.5 * this.size[0], 0.5 * this.size[1] + 20]; - this.radius = 0.5 * this.size[0]; - if (20 > c.canvasY - this.pos[1] || m.distance([c.canvasX, c.canvasY], [this.pos[0] + this.center[0], this.pos[1] + this.center[1]]) > this.radius) { - return !1; - } - this.oldmouse = [c.canvasX - this.pos[0], c.canvasY - this.pos[1]]; - this.captureInput(!0); - return !0; - } - }; - d.prototype.onMouseMove = function(c) { - if (this.oldmouse) { - c = [c.canvasX - this.pos[0], c.canvasY - this.pos[1]]; - var a = this.value; - a -= 0.01 * (c[1] - this.oldmouse[1]); - 1.0 < a ? a = 1.0 : 0.0 > a && (a = 0.0); - this.value = a; - this.properties.value = this.properties.min + (this.properties.max - this.properties.min) * this.value; - this.oldmouse = c; - this.setDirtyCanvas(!0); - } - }; - d.prototype.onMouseUp = function(c) { - this.oldmouse && (this.oldmouse = null, this.captureInput(!1)); - }; - d.prototype.onMouseLeave = function(c) { - }; - d.prototype.onWidget = function(c, a) { - if ("increase" == a.name) { - this.onPropertyChanged("size", this.properties.size + 10); - } else { - if ("decrease" == a.name) { - this.onPropertyChanged("size", this.properties.size - 10); - } - } - }; - d.prototype.onPropertyChanged = function(c, a) { - if ("wcolor" == c) { - this.properties[c] = a; - } else { - if ("size" == c) { - a = parseInt(a), this.properties[c] = a, this.size = [a + 4, a + 24], this.setDirtyCanvas(!0, !0); - } else { - if ("min" == c || "max" == c || "value" == c) { - this.properties[c] = parseFloat(a); - } else { - return !1; - } - } - } - return !0; - }; - m.registerNodeType("widget/knob", d); - q.title = "Internal Slider"; - q.prototype.onPropertyChanged = function(c, a) { - "value" == c && (this.slider.value = a); - }; - q.prototype.onExecute = function() { - this.setOutputData(0, this.properties.value); - }; - m.registerNodeType("widget/internal_slider", q); - t.title = "H.Slider"; - t.desc = "Linear slider controller"; - t.prototype.onAdded = function() { - this.value = 0.5; - this.imgfg = this.loadImage("imgs/slider_fg.png"); - }; - t.prototype.onDrawVectorial = function(c) { - this.imgfg && this.imgfg.width && (c.lineWidth = 1, c.strokeStyle = this.mouseOver ? "#FFF" : "#AAA", c.fillStyle = "#000", c.beginPath(), c.rect(2, 0, this.size[0] - 4, 20), c.stroke(), c.fillStyle = this.properties.wcolor, c.beginPath(), c.rect(2 + (this.size[0] - 4 - 20) * this.value, 0, 20, 20), c.fill()); - }; - t.prototype.onDrawImage = function(c) { - this.imgfg && this.imgfg.width && (c.lineWidth = 1, c.fillStyle = "#000", c.fillRect(2, 9, this.size[0] - 4, 2), c.strokeStyle = "#333", c.beginPath(), c.moveTo(2, 9), c.lineTo(this.size[0] - 4, 9), c.stroke(), c.strokeStyle = "#AAA", c.beginPath(), c.moveTo(2, 11), c.lineTo(this.size[0] - 4, 11), c.stroke(), c.drawImage(this.imgfg, 2 + (this.size[0] - 4) * this.value - 0.5 * this.imgfg.width, 0.5 * -this.imgfg.height + 10)); - }; - t.prototype.onDrawForeground = function(c) { - this.onDrawImage(c); - }; - t.prototype.onExecute = function() { - this.properties.value = this.properties.min + (this.properties.max - this.properties.min) * this.value; - this.setOutputData(0, this.properties.value); - this.boxcolor = m.colorToString([this.value, this.value, this.value]); - }; - t.prototype.onMouseDown = function(c) { - if (0 > c.canvasY - this.pos[1]) { - return !1; - } - this.oldmouse = [c.canvasX - this.pos[0], c.canvasY - this.pos[1]]; - this.captureInput(!0); - return !0; - }; - t.prototype.onMouseMove = function(c) { - if (this.oldmouse) { - c = [c.canvasX - this.pos[0], c.canvasY - this.pos[1]]; - var a = this.value; - a += (c[0] - this.oldmouse[0]) / this.size[0]; - 1.0 < a ? a = 1.0 : 0.0 > a && (a = 0.0); - this.value = a; - this.oldmouse = c; - this.setDirtyCanvas(!0); - } - }; - t.prototype.onMouseUp = function(c) { - this.oldmouse = null; - this.captureInput(!1); - }; - t.prototype.onMouseLeave = function(c) { - }; - t.prototype.onPropertyChanged = function(c, a) { - if ("wcolor" == c) { - this.properties[c] = a; - } else { - return !1; - } - return !0; - }; - m.registerNodeType("widget/hslider", t); - v.title = "Progress"; - v.desc = "Shows data in linear progress"; - v.prototype.onExecute = function() { - var c = this.getInputData(0); - void 0 != c && (this.properties.value = c); - }; - v.prototype.onDrawForeground = function(c) { - c.lineWidth = 1; - c.fillStyle = this.properties.wcolor; - var a = (this.properties.value - this.properties.min) / (this.properties.max - this.properties.min); - a = Math.min(1, a); - a = Math.max(0, a); - c.fillRect(2, 2, (this.size[0] - 4) * a, this.size[1] - 4); - }; - m.registerNodeType("widget/progress", v); - w.title = "Text"; - w.desc = "Shows the input value"; - w.widgets = [{name:"resize", text:"Resize box", type:"button"}, {name:"led_text", text:"LED", type:"minibutton"}, {name:"normal_text", text:"Normal", type:"minibutton"}]; - w.prototype.onDrawForeground = function(c) { - c.fillStyle = this.properties.color; - var a = this.properties.value; - this.properties.glowSize ? (c.shadowColor = this.properties.color, c.shadowOffsetX = 0, c.shadowOffsetY = 0, c.shadowBlur = this.properties.glowSize) : c.shadowColor = "transparent"; - var b = this.properties.fontsize; - c.textAlign = this.properties.align; - c.font = b.toString() + "px " + this.properties.font; - this.str = "number" == typeof a ? a.toFixed(this.properties.decimals) : a; - if ("string" == typeof this.str) { - a = this.str.split("\\n"); - for (var e in a) { - c.fillText(a[e], "left" == this.properties.align ? 15 : this.size[0] - 15, -0.15 * b + b * (parseInt(e) + 1)); - } - } - c.shadowColor = "transparent"; - this.last_ctx = c; - c.textAlign = "left"; - }; - w.prototype.onExecute = function() { - var c = this.getInputData(0); - null != c && (this.properties.value = c); - }; - w.prototype.resize = function() { - if (this.last_ctx) { - var c = this.str.split("\\n"); - this.last_ctx.font = this.properties.fontsize + "px " + this.properties.font; - var a = 0, b; - for (b in c) { - var e = this.last_ctx.measureText(c[b]).width; - a < e && (a = e); - } - this.size[0] = a + 20; - this.size[1] = 4 + c.length * this.properties.fontsize; - this.setDirtyCanvas(!0); - } - }; - w.prototype.onWidget = function(c, a) { - "resize" == a.name ? this.resize() : "led_text" == a.name ? (this.properties.font = "Digital", this.properties.glowSize = 4, this.setDirtyCanvas(!0)) : "normal_text" == a.name && (this.properties.font = "Arial", this.setDirtyCanvas(!0)); - }; - w.prototype.onPropertyChanged = function(c, a) { - this.properties[c] = a; - this.str = "number" == typeof a ? a.toFixed(3) : a; - return !0; - }; - m.registerNodeType("widget/text", w); - k.title = "Panel"; - k.desc = "Non interactive panel"; - k.widgets = [{name:"update", text:"Update", type:"button"}]; - k.prototype.createGradient = function(c) { - "" == this.properties.bgcolorTop || "" == this.properties.bgcolorBottom ? this.lineargradient = 0 : (this.lineargradient = c.createLinearGradient(0, 0, 0, this.size[1]), this.lineargradient.addColorStop(0, this.properties.bgcolorTop), this.lineargradient.addColorStop(1, this.properties.bgcolorBottom)); - }; - k.prototype.onDrawForeground = function(c) { - null == this.lineargradient && this.createGradient(c); - this.lineargradient && (c.lineWidth = 1, c.strokeStyle = this.properties.borderColor, c.fillStyle = this.lineargradient, this.properties.shadowSize ? (c.shadowColor = "#000", c.shadowOffsetX = 0, c.shadowOffsetY = 0, c.shadowBlur = this.properties.shadowSize) : c.shadowColor = "transparent", c.roundRect(0, 0, this.size[0] - 1, this.size[1] - 1, this.properties.shadowSize), c.fill(), c.shadowColor = "transparent", c.stroke()); - }; - k.prototype.onWidget = function(c, a) { - "update" == a.name && (this.lineargradient = null, this.setDirtyCanvas(!0)); - }; - m.registerNodeType("widget/panel", k); -})(this); -(function(u) { - function f() { - this.addOutput("left_x_axis", "number"); - this.addOutput("left_y_axis", "number"); - 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); - this._triggers = new Float32Array(2); - this._previous_buttons = new Uint8Array(17); - this._current_buttons = new Uint8Array(17); - } - var h = u.LiteGraph; - f.title = "Gamepad"; - f.desc = "gets the input of the gamepad"; - f.zero = new Float32Array(2); - f.buttons = "a b x y lb rb lt rt back start ls rs home".split(" "); - f.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 q = this.outputs[d]; - if (q.links && q.links.length) { - var t = null; - if (h) { - switch(q.name) { - case "left_axis": - t = this._left_axis; - break; - case "right_axis": - t = this._right_axis; - break; - case "left_x_axis": - t = this._left_axis[0]; - break; - case "left_y_axis": - t = this._left_axis[1]; - break; - case "right_x_axis": - t = this._right_axis[0]; - break; - case "right_y_axis": - t = this._right_axis[1]; - break; - case "trigger_left": - t = this._triggers[0]; - break; - case "trigger_right": - t = this._triggers[1]; - break; - case "a_button": - t = h.xbox.buttons.a ? 1 : 0; - break; - case "b_button": - t = h.xbox.buttons.b ? 1 : 0; - break; - case "x_button": - t = h.xbox.buttons.x ? 1 : 0; - break; - case "y_button": - t = h.xbox.buttons.y ? 1 : 0; - break; - case "lb_button": - t = h.xbox.buttons.lb ? 1 : 0; - break; - case "rb_button": - t = h.xbox.buttons.rb ? 1 : 0; - break; - case "ls_button": - t = h.xbox.buttons.ls ? 1 : 0; - break; - case "rs_button": - t = h.xbox.buttons.rs ? 1 : 0; - break; - case "start_button": - t = h.xbox.buttons.start ? 1 : 0; - break; - case "back_button": - t = h.xbox.buttons.back ? 1 : 0; - break; - case "button_pressed": - for (q = 0; q < this._current_buttons.length; ++q) { - this._current_buttons[q] && !this._previous_buttons[q] && this.triggerSlot(d, f.buttons[q]); - } - } - } else { - switch(q.name) { - case "button_pressed": - break; - case "left_axis": - case "right_axis": - t = f.zero; - break; - default: - t = 0; - } - } - this.setOutputData(d, t); - } - } - } - }; - f.prototype.getGamepad = function() { - var f = navigator.getGamepads || navigator.webkitGetGamepads || navigator.mozGetGamepads; - if (!f) { - return null; - } - f = f.call(navigator); - this._previous_buttons.set(this._current_buttons); - for (var d = this.properties.gamepad_index; 4 > d; d++) { - if (f[d]) { - f = f[d]; - d = this.xbox_mapping; - d || (d = this.xbox_mapping = {axes:[], buttons:{}, hat:""}); - d.axes.lx = f.axes[0]; - d.axes.ly = f.axes[1]; - d.axes.rx = f.axes[2]; - d.axes.ry = f.axes[3]; - d.axes.ltrigger = f.buttons[6].value; - d.axes.rtrigger = f.buttons[7].value; - for (var h = 0; h < f.buttons.length; h++) { - switch(this._current_buttons[h] = f.buttons[h].pressed, h) { - case 0: - d.buttons.a = f.buttons[h].pressed; - break; - case 1: - d.buttons.b = f.buttons[h].pressed; - break; - case 2: - d.buttons.x = f.buttons[h].pressed; - break; - case 3: - d.buttons.y = f.buttons[h].pressed; - break; - case 4: - d.buttons.lb = f.buttons[h].pressed; - break; - case 5: - d.buttons.rb = f.buttons[h].pressed; - break; - case 6: - d.buttons.lt = f.buttons[h].pressed; - break; - case 7: - d.buttons.rt = f.buttons[h].pressed; - break; - case 8: - d.buttons.back = f.buttons[h].pressed; - break; - case 9: - d.buttons.start = f.buttons[h].pressed; - break; - case 10: - d.buttons.ls = f.buttons[h].pressed; - break; - case 11: - d.buttons.rs = f.buttons[h].pressed; - break; - case 12: - f.buttons[h].pressed && (d.hat += "up"); - break; - case 13: - f.buttons[h].pressed && (d.hat += "down"); - break; - case 14: - f.buttons[h].pressed && (d.hat += "left"); - break; - case 15: - f.buttons[h].pressed && (d.hat += "right"); - break; - case 16: - d.buttons.home = f.buttons[h].pressed; - } - } - f.xbox = d; - return f; - } - } - }; - f.prototype.onDrawBackground = function(f) { - if (!this.flags.collapsed) { - var d = this._left_axis, h = this._right_axis; - f.strokeStyle = "#88A"; - f.strokeRect(0.5 * (d[0] + 1) * this.size[0] - 4, 0.5 * (d[1] + 1) * this.size[1] - 4, 8, 8); - f.strokeStyle = "#8A8"; - f.strokeRect(0.5 * (h[0] + 1) * this.size[0] - 4, 0.5 * (h[1] + 1) * this.size[1] - 4, 8, 8); - d = this.size[1] / this._current_buttons.length; - f.fillStyle = "#AEB"; - for (h = 0; h < this._current_buttons.length; ++h) { - this._current_buttons[h] && f.fillRect(0, d * h, 6, d); - } - } - }; - f.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]]; - }; - h.registerNodeType("input/gamepad", f); -})(this); -(function(u) { - function f() { - this.addInput("in", "*"); - this.size = [60, 20]; - } - function h() { - this.addInput("in"); - this.addOutput("out"); - this.size = [60, 20]; - } - function n() { - this.addInput("in", "number", {locked:!0}); - this.addOutput("out", "number", {locked:!0}); - this.addProperty("in", 0); - this.addProperty("in_min", 0); - this.addProperty("in_max", 1); - this.addProperty("out_min", 0); - this.addProperty("out_max", 1); - this.size = [80, 20]; - } - function d() { - this.addOutput("value", "number"); - this.addProperty("min", 0); - this.addProperty("max", 1); - this.size = [60, 20]; - } - function q() { - this.addInput("in", "number"); - this.addOutput("out", "number"); - this.size = [60, 20]; - this.addProperty("min", 0); - this.addProperty("max", 1); - } - function t() { - this.properties = {f:0.5}; - this.addInput("A", "number"); - this.addInput("B", "number"); - this.addOutput("out", "number"); - } - function v() { - this.addInput("in", "number"); - this.addOutput("out", "number"); - this.size = [60, 20]; - } - function w() { - this.addInput("in", "number"); - this.addOutput("out", "number"); - this.size = [60, 20]; - } - function k() { - this.addInput("in", "number"); - this.addOutput("out", "number"); - this.size = [60, 20]; - } - function m() { - this.addInput("in", "number"); - this.addOutput("out", "number"); - this.size = [60, 20]; - this.properties = {A:0, B:1}; - } - function c() { - this.addInput("in", "number", {label:""}); - this.addOutput("out", "number", {label:""}); - this.size = [60, 20]; - this.addProperty("factor", 1); - } - function a() { - this.addInput("in", "number"); - this.addOutput("out", "number"); - this.size = [60, 20]; - this.addProperty("samples", 10); - this._values = new Float32Array(10); - this._current = 0; - } - function b() { - this.addInput("in", "number"); - this.addOutput("out", "number"); - this.addProperty("factor", 0.1); - this.size = [60, 20]; - this._value = null; - } - function e() { - this.addInput("A", "number"); - this.addInput("B", "number"); - this.addOutput("=", "number"); - this.addProperty("A", 1); - this.addProperty("B", 1); - this.addProperty("OP", "+", "enum", {values:e.values}); - } - function z() { - this.addInput("A", "number"); - this.addInput("B", "number"); - this.addOutput("A==B", "boolean"); - this.addOutput("A!=B", "boolean"); - this.addProperty("A", 0); - this.addProperty("B", 0); - } - function g() { - this.addInput("A", "number"); - this.addInput("B", "number"); - this.addOutput("out", "boolean"); - this.addProperty("A", 1); - this.addProperty("B", 1); - this.addProperty("OP", ">", "string", {values:g.values}); - this.size = [60, 40]; - } - function l() { - this.addInput("inc", "number"); - this.addOutput("total", "number"); - this.addProperty("increment", 1); - this.addProperty("value", 0); - } - function p() { - this.addInput("v", "number"); - this.addOutput("sin", "number"); - this.addProperty("amplitude", 1); - this.addProperty("offset", 0); - this.bgImageUrl = "nodes/imgs/icon-sin.png"; - } - function A() { - this.addInput("vec2", "vec2"); - this.addOutput("x", "number"); - this.addOutput("y", "number"); - } - function G() { - this.addInputs([["x", "number"], ["y", "number"]]); - this.addOutput("vec2", "vec2"); - this.properties = {x:0, y:0}; - this._data = new Float32Array(2); - } - function x() { - this.addInput("vec3", "vec3"); - this.addOutput("x", "number"); - this.addOutput("y", "number"); - this.addOutput("z", "number"); - } - function E() { - this.addInputs([["x", "number"], ["y", "number"], ["z", "number"]]); - this.addOutput("vec3", "vec3"); - this.properties = {x:0, y:0, z:0}; - this._data = new Float32Array(3); - } - function H() { - this.addInput("vec4", "vec4"); - this.addOutput("x", "number"); - this.addOutput("y", "number"); - this.addOutput("z", "number"); - this.addOutput("w", "number"); - } - function C() { - this.addInputs([["x", "number"], ["y", "number"], ["z", "number"], ["w", "number"]]); - this.addOutput("vec4", "vec4"); - this.properties = {x:0, y:0, z:0, w:0}; - this._data = new Float32Array(4); - } - var y = u.LiteGraph; - f.title = "Converter"; - f.desc = "type A to type B"; - f.prototype.onExecute = function() { - var a = this.getInputData(0); - if (null != a && this.outputs) { - for (var b = 0; b < this.outputs.length; b++) { - var c = this.outputs[b]; - if (c.links && c.links.length) { - var e = null; - switch(c.name) { - case "number": - e = a.length ? a[0] : parseFloat(a); - break; - case "vec2": - case "vec3": - case "vec4": - e = 1; - switch(c.name) { - case "vec2": - e = 2; - break; - case "vec3": - e = 3; - break; - case "vec4": - e = 4; - }e = new Float32Array(e); - if (a.length) { - for (c = 0; c < a.length && c < e.length; c++) { - e[c] = a[c]; - } - } else { - e[0] = parseFloat(a); - } - } - this.setOutputData(b, e); - } - } - } - }; - f.prototype.onGetOutputs = function() { - return [["number", "number"], ["vec2", "vec2"], ["vec3", "vec3"], ["vec4", "vec4"]]; - }; - y.registerNodeType("math/converter", f); - h.title = "Bypass"; - h.desc = "removes the type"; - h.prototype.onExecute = function() { - var a = this.getInputData(0); - this.setOutputData(0, a); - }; - y.registerNodeType("math/bypass", h); - n.title = "Range"; - n.desc = "Convert a number from one range to another"; - n.prototype.getTitle = function() { - return this.flags.collapsed ? (this._last_v || 0).toFixed(2) : this.title; - }; - n.prototype.onExecute = function() { - if (this.inputs) { - for (var a = 0; a < this.inputs.length; a++) { - var b = this.inputs[a], c = this.getInputData(a); - void 0 !== c && (this.properties[b.name] = c); - } - } - c = this.properties["in"]; - if (void 0 === c || null === c || c.constructor !== Number) { - c = 0; - } - a = this.properties.in_min; - b = this.properties.out_min; - this._last_v = (c - a) / (this.properties.in_max - a) * (this.properties.out_max - b) + b; - this.setOutputData(0, this._last_v); - }; - n.prototype.onDrawBackground = function(a) { - this.outputs[0].label = this._last_v ? this._last_v.toFixed(3) : "?"; - }; - n.prototype.onGetInputs = function() { - return [["in_min", "number"], ["in_max", "number"], ["out_min", "number"], ["out_max", "number"]]; - }; - y.registerNodeType("math/range", n); - d.title = "Rand"; - d.desc = "Random number"; - d.prototype.onExecute = function() { - if (this.inputs) { - for (var a = 0; a < this.inputs.length; a++) { - var b = this.inputs[a], c = this.getInputData(a); - void 0 !== c && (this.properties[b.name] = c); - } - } - a = this.properties.min; - this._last_v = Math.random() * (this.properties.max - a) + a; - this.setOutputData(0, this._last_v); - }; - d.prototype.onDrawBackground = function(a) { - this.outputs[0].label = this._last_v ? this._last_v.toFixed(3) : "?"; - }; - d.prototype.onGetInputs = function() { - return [["min", "number"], ["max", "number"]]; - }; - y.registerNodeType("math/rand", d); - q.title = "Clamp"; - q.desc = "Clamp number between min and max"; - q.filter = "shader"; - q.prototype.onExecute = function() { - var a = this.getInputData(0); - null != a && (a = Math.max(this.properties.min, a), a = Math.min(this.properties.max, a), this.setOutputData(0, a)); - }; - q.prototype.getCode = function(a) { - a = ""; - this.isInputConnected(0) && (a += "clamp({{0}}," + this.properties.min + "," + this.properties.max + ")"); - return a; - }; - y.registerNodeType("math/clamp", q); - t.title = "Lerp"; - t.desc = "Linear Interpolation"; - t.prototype.onExecute = function() { - var a = this.getInputData(0); - null == a && (a = 0); - var b = this.getInputData(1); - null == b && (b = 0); - var c = this.properties.f, e = this.getInputData(2); - void 0 !== e && (c = e); - this.setOutputData(0, a * (1 - c) + b * c); - }; - t.prototype.onGetInputs = function() { - return [["f", "number"]]; - }; - y.registerNodeType("math/lerp", t); - v.title = "Abs"; - v.desc = "Absolute"; - v.prototype.onExecute = function() { - var a = this.getInputData(0); - null != a && this.setOutputData(0, Math.abs(a)); - }; - y.registerNodeType("math/abs", v); - w.title = "Floor"; - w.desc = "Floor number to remove fractional part"; - w.prototype.onExecute = function() { - var a = this.getInputData(0); - null != a && this.setOutputData(0, Math.floor(a)); - }; - y.registerNodeType("math/floor", w); - k.title = "Frac"; - k.desc = "Returns fractional part"; - k.prototype.onExecute = function() { - var a = this.getInputData(0); - null != a && this.setOutputData(0, a % 1); - }; - y.registerNodeType("math/frac", k); - m.title = "Smoothstep"; - m.desc = "Smoothstep"; - m.prototype.onExecute = function() { - var a = this.getInputData(0); - if (void 0 !== a) { - var b = this.properties.A; - a = Math.clamp((a - b) / (this.properties.B - b), 0.0, 1.0); - this.setOutputData(0, a * a * (3 - 2 * a)); - } - }; - y.registerNodeType("math/smoothstep", m); - c.title = "Scale"; - c.desc = "v * factor"; - c.prototype.onExecute = function() { - var a = this.getInputData(0); - null != a && this.setOutputData(0, a * this.properties.factor); - }; - y.registerNodeType("math/scale", c); - a.title = "Average"; - a.desc = "Average Filter"; - a.prototype.onExecute = function() { - var a = this.getInputData(0); - null == a && (a = 0); - var b = this._values.length; - this._values[this._current % b] = a; - this._current += 1; - this._current > b && (this._current = 0); - for (var c = a = 0; c < b; ++c) { - a += this._values[c]; - } - this.setOutputData(0, a / b); - }; - a.prototype.onPropertyChanged = function(a, b) { - 1 > b && (b = 1); - this.properties.samples = Math.round(b); - a = this._values; - this._values = new Float32Array(this.properties.samples); - a.length <= this._values.length ? this._values.set(a) : this._values.set(a.subarray(0, this._values.length)); - }; - y.registerNodeType("math/average", a); - b.title = "TendTo"; - b.desc = "moves the output value always closer to the input"; - b.prototype.onExecute = function() { - var a = this.getInputData(0); - null == a && (a = 0); - var b = this.properties.factor; - this._value = null == this._value ? a : this._value * (1 - b) + a * b; - this.setOutputData(0, this._value); - }; - y.registerNodeType("math/tendTo", b); - e.values = "+-*/%^".split(""); - e.title = "Operation"; - e.desc = "Easy math operators"; - e["@OP"] = {type:"enum", title:"operation", values:e.values}; - e.prototype.getTitle = function() { - return "A " + this.properties.OP + " B"; - }; - e.prototype.setValue = function(a) { - "string" == typeof a && (a = parseFloat(a)); - this.properties.value = a; - }; - e.prototype.onExecute = function() { - var a = this.getInputData(0), b = this.getInputData(1); - null != a ? this.properties.A = a : a = this.properties.A; - null != b ? this.properties.B = b : b = this.properties.B; - var c = 0; - switch(this.properties.OP) { - case "+": - c = a + b; - break; - case "-": - c = a - b; - break; - case "x": - case "X": - case "*": - c = a * b; - break; - case "/": - c = a / b; - break; - case "%": - c = a % b; - break; - case "^": - c = Math.pow(a, b); - break; - default: - console.warn("Unknown operation: " + this.properties.OP); - } - this.setOutputData(0, c); - }; - e.prototype.onDrawBackground = function(a) { - this.flags.collapsed || (a.font = "40px Arial", a.fillStyle = "#CCC", a.textAlign = "center", a.fillText(this.properties.OP, 0.5 * this.size[0], 0.35 * this.size[1] + y.NODE_TITLE_HEIGHT), a.textAlign = "left"); - }; - y.registerNodeType("math/operation", e); - z.title = "Compare"; - z.desc = "compares between two values"; - z.prototype.onExecute = function() { - var a = this.getInputData(0), b = this.getInputData(1); - void 0 !== a ? this.properties.A = a : a = this.properties.A; - void 0 !== b ? this.properties.B = b : b = this.properties.B; - for (var c = 0, e = this.outputs.length; c < e; ++c) { - var d = this.outputs[c]; - if (d.links && d.links.length) { - switch(d.name) { - case "A==B": - value = a == b; - break; - case "A!=B": - value = a != b; - break; - case "A>B": - value = a > b; - break; - case "A=B": - value = a >= b; - } - this.setOutputData(c, value); - } - } - }; - z.prototype.onGetOutputs = function() { - return [["A==B", "boolean"], ["A!=B", "boolean"], ["A>B", "boolean"], ["A=B", "boolean"], ["A<=B", "boolean"]]; - }; - y.registerNodeType("math/compare", z); - g.values = "> < == != <= >=".split(" "); - g["@OP"] = {type:"enum", title:"operation", values:g.values}; - g.title = "Condition"; - g.desc = "evaluates condition between A and B"; - g.prototype.onExecute = function() { - var a = this.getInputData(0); - void 0 === a ? a = this.properties.A : this.properties.A = a; - var b = this.getInputData(1); - void 0 === b ? b = this.properties.B : this.properties.B = b; - var c = !0; - switch(this.properties.OP) { - case ">": - c = a > b; - break; - case "<": - c = a < b; - break; - case "==": - c = a == b; - break; - case "!=": - c = a != b; - break; - case "<=": - c = a <= b; - break; - case ">=": - c = a >= b; - } - this.setOutputData(0, c); - }; - y.registerNodeType("math/condition", g); - l.title = "Accumulate"; - l.desc = "Increments a value every time"; - l.prototype.onExecute = function() { - null === this.properties.value && (this.properties.value = 0); - var a = this.getInputData(0); - this.properties.value = null !== a ? this.properties.value + a : this.properties.value + this.properties.increment; - this.setOutputData(0, this.properties.value); - }; - y.registerNodeType("math/accumulate", l); - p.title = "Trigonometry"; - p.desc = "Sin Cos Tan"; - p.filter = "shader"; - p.prototype.onExecute = function() { - var a = this.getInputData(0); - null == a && (a = 0); - var b = this.properties.amplitude, c = this.findInputSlot("amplitude"); - -1 != c && (b = this.getInputData(c)); - var e = this.properties.offset; - c = this.findInputSlot("offset"); - -1 != c && (e = this.getInputData(c)); - c = 0; - for (var d = this.outputs.length; c < d; ++c) { - switch(this.outputs[c].name) { - case "sin": - value = Math.sin(a); - break; - case "cos": - value = Math.cos(a); - break; - case "tan": - value = Math.tan(a); - break; - case "asin": - value = Math.asin(a); - break; - case "acos": - value = Math.acos(a); - break; - case "atan": - value = Math.atan(a); - } - this.setOutputData(c, b * value + e); - } - }; - p.prototype.onGetInputs = function() { - return [["v", "number"], ["amplitude", "number"], ["offset", "number"]]; - }; - p.prototype.onGetOutputs = function() { - return [["sin", "number"], ["cos", "number"], ["tan", "number"], ["asin", "number"], ["acos", "number"], ["atan", "number"]]; - }; - y.registerNodeType("math/trigonometry", p); - var B = function() { - this.addInputs("x", "number"); - this.addInputs("y", "number"); - this.addOutputs("", "number"); - this.properties = {x:1.0, y:1.0, formula:"x+y"}; - }; - B.title = "Formula"; - B.desc = "Compute safe formula"; - B.prototype.onExecute = function() { - var a = this.getInputData(0), b = this.getInputData(1); - null != a ? this.properties.x = a : a = this.properties.x; - null != b ? this.properties.y = b : b = this.properties.y; - a = math.eval(this.properties.formula, {x:a, y:b, T:this.graph.globaltime}); - this.setOutputData(0, a); - }; - B.prototype.onDrawBackground = function() { - this.outputs[0].label = this.properties.formula; - }; - B.prototype.onGetOutputs = function() { - return [["A-B", "number"], ["A*B", "number"], ["A/B", "number"]]; - }; - y.registerNodeType("math/formula", B); - A.title = "Vec2->XY"; - A.desc = "vector 2 to components"; - A.prototype.onExecute = function() { - var a = this.getInputData(0); - null != a && (this.setOutputData(0, a[0]), this.setOutputData(1, a[1])); - }; - y.registerNodeType("math3d/vec2-to-xyz", A); - G.title = "XY->Vec2"; - G.desc = "components to vector2"; - G.prototype.onExecute = function() { - var a = this.getInputData(0); - null == a && (a = this.properties.x); - var b = this.getInputData(1); - null == b && (b = this.properties.y); - var c = this._data; - c[0] = a; - c[1] = b; - this.setOutputData(0, c); - }; - y.registerNodeType("math3d/xy-to-vec2", G); - x.title = "Vec3->XYZ"; - x.desc = "vector 3 to components"; - x.prototype.onExecute = function() { - var a = this.getInputData(0); - null != a && (this.setOutputData(0, a[0]), this.setOutputData(1, a[1]), this.setOutputData(2, a[2])); - }; - y.registerNodeType("math3d/vec3-to-xyz", x); - E.title = "XYZ->Vec3"; - E.desc = "components to vector3"; - E.prototype.onExecute = function() { - var a = this.getInputData(0); - null == a && (a = this.properties.x); - var b = this.getInputData(1); - null == b && (b = this.properties.y); - var c = this.getInputData(2); - null == c && (c = this.properties.z); - var e = this._data; - e[0] = a; - e[1] = b; - e[2] = c; - this.setOutputData(0, e); - }; - y.registerNodeType("math3d/xyz-to-vec3", E); - H.title = "Vec4->XYZW"; - H.desc = "vector 4 to components"; - H.prototype.onExecute = function() { - var a = this.getInputData(0); - null != a && (this.setOutputData(0, a[0]), this.setOutputData(1, a[1]), this.setOutputData(2, a[2]), this.setOutputData(3, a[3])); - }; - y.registerNodeType("math3d/vec4-to-xyzw", H); - C.title = "XYZW->Vec4"; - C.desc = "components to vector4"; - C.prototype.onExecute = function() { - var a = this.getInputData(0); - null == a && (a = this.properties.x); - var b = this.getInputData(1); - null == b && (b = this.properties.y); - var c = this.getInputData(2); - null == c && (c = this.properties.z); - var e = this.getInputData(3); - null == e && (e = this.properties.w); - var d = this._data; - d[0] = a; - d[1] = b; - d[2] = c; - d[3] = e; - this.setOutputData(0, d); - }; - y.registerNodeType("math3d/xyzw-to-vec4", C); - if (u.glMatrix) { - u = function() { - this.addInputs([["A", "quat"], ["B", "quat"], ["factor", "number"]]); - this.addOutput("slerp", "quat"); - this.addProperty("factor", 0.5); - this._value = quat.create(); - }; - B = function() { - this.addInputs([["A", "quat"], ["B", "quat"]]); - this.addOutput("A*B", "quat"); - this._value = quat.create(); - }; - var D = function() { - this.addInputs([["vec3", "vec3"], ["quat", "quat"]]); - this.addOutput("result", "vec3"); - this.properties = {vec:[0, 0, 1]}; - }, F = function() { - this.addInputs([["degrees", "number"], ["axis", "vec3"]]); - this.addOutput("quat", "quat"); - this.properties = {angle:90.0, axis:vec3.fromValues(0, 1, 0)}; - this._value = quat.create(); - }, I = function() { - this.addOutput("quat", "quat"); - this.properties = {x:0, y:0, z:0, w:1}; - this._value = quat.create(); - }; - I.title = "Quaternion"; - I.desc = "quaternion"; - I.prototype.onExecute = function() { - this._value[0] = this.properties.x; - this._value[1] = this.properties.y; - this._value[2] = this.properties.z; - this._value[3] = this.properties.w; - this.setOutputData(0, this._value); - }; - y.registerNodeType("math3d/quaternion", I); - F.title = "Rotation"; - F.desc = "quaternion rotation"; - F.prototype.onExecute = function() { - var a = this.getInputData(0); - null == a && (a = this.properties.angle); - var b = this.getInputData(1); - null == b && (b = this.properties.axis); - a = quat.setAxisAngle(this._value, b, 0.0174532925 * a); - this.setOutputData(0, a); - }; - y.registerNodeType("math3d/rotation", F); - D.title = "Rot. Vec3"; - D.desc = "rotate a point"; - D.prototype.onExecute = function() { - var a = this.getInputData(0); - null == a && (a = this.properties.vec); - var b = this.getInputData(1); - null == b ? this.setOutputData(a) : this.setOutputData(0, vec3.transformQuat(vec3.create(), a, b)); - }; - y.registerNodeType("math3d/rotate_vec3", D); - B.title = "Mult. Quat"; - B.desc = "rotate quaternion"; - B.prototype.onExecute = function() { - var a = this.getInputData(0); - if (null != a) { - var b = this.getInputData(1); - null != b && (a = quat.multiply(this._value, a, b), this.setOutputData(0, a)); - } - }; - y.registerNodeType("math3d/mult-quat", B); - u.title = "Quat Slerp"; - u.desc = "quaternion spherical interpolation"; - u.prototype.onExecute = function() { - var a = this.getInputData(0); - if (null != a) { - var b = this.getInputData(1); - if (null != b) { - var c = this.properties.factor; - null != this.getInputData(2) && (c = this.getInputData(2)); - a = quat.slerp(this._value, a, b, c); - this.setOutputData(0, a); - } - } - }; - y.registerNodeType("math3d/quat-slerp", u); - } -})(this); -(function(u) { - function f() { - this.addInput("sel", "boolean"); - this.addOutput("value", "number"); - this.properties = {A:0, B:1}; - this.size = [60, 20]; - } - u = u.LiteGraph; - f.title = "Selector"; - f.desc = "outputs A if selector is true, B if selector is false"; - f.prototype.onExecute = function() { - var f = this.getInputData(0); - if (void 0 !== f) { - for (var n = 1; n < this.inputs.length; n++) { - var d = this.inputs[n], q = this.getInputData(n); - void 0 !== q && (this.properties[d.name] = q); - } - n = this.properties.A; - d = this.properties.B; - this.setOutputData(0, f ? n : d); - } - }; - f.prototype.onGetInputs = function() { - return [["A", 0], ["B", 0]]; - }; - u.registerNodeType("logic/selector", f); -})(this); -(function(u) { - function f() { - this.addInput("A", "Number"); - this.addInput("B", "Number"); - this.addInput("C", "Number"); - this.addInput("D", "Number"); - this.values = [[], [], [], []]; - this.properties = {scale:2}; - } - function h() { - this.addOutput("frame", "image"); - this.properties = {url:""}; - } - function n() { - this.addInput("f", "number"); - this.addOutput("Color", "color"); - this.properties = {colorA:"#444444", colorB:"#44AAFF", colorC:"#44FFAA", colorD:"#FFFFFF"}; - } - function d() { - this.addInput("", "image"); - this.size = [200, 200]; - } - function q() { - this.addInputs([["img1", "image"], ["img2", "image"], ["fade", "number"]]); - this.addOutput("", "image"); - this.properties = {fade:0.5, width:512, height:512}; - } - function t() { - this.addInput("", "image"); - this.addOutput("", "image"); - this.properties = {width:256, height:256, x:0, y:0, scale:1.0}; - this.size = [50, 20]; - } - function v() { - this.addInput("t", "number"); - this.addOutputs([["frame", "image"], ["t", "number"], ["d", "number"]]); - this.properties = {url:"", use_proxy:!0}; - } - function w() { - this.addOutput("Webcam", "image"); - this.properties = {}; - } - var k = u.LiteGraph; - f.title = "Plot"; - f.desc = "Plots data over time"; - f.colors = ["#FFF", "#F99", "#9F9", "#99F"]; - f.prototype.onExecute = function(d) { - if (!this.flags.collapsed) { - d = this.size; - for (var c = 0; 4 > c; ++c) { - var a = this.getInputData(c); - if (null != a) { - var b = this.values[c]; - b.push(a); - b.length > d[0] && b.shift(); - } - } - } - }; - f.prototype.onDrawBackground = function(d) { - if (!this.flags.collapsed) { - var c = this.size, a = 0.5 * c[1] / this.properties.scale, b = f.colors, e = 0.5 * c[1]; - d.fillStyle = "#000"; - d.fillRect(0, 0, c[0], c[1]); - d.strokeStyle = "#555"; - d.beginPath(); - d.moveTo(0, e); - d.lineTo(c[0], e); - d.stroke(); - for (var m = 0; 4 > m; ++m) { - var g = this.values[m]; - d.strokeStyle = b[m]; - d.beginPath(); - var l = g[0] * a * -1 + e; - d.moveTo(0, Math.clamp(l, 0, c[1])); - for (var k = 1; k < g.length && k < c[0]; ++k) { - l = g[k] * a * -1 + e, d.lineTo(k, Math.clamp(l, 0, c[1])); - } - d.stroke(); - } - } - }; - k.registerNodeType("graphics/plot", f); - h.title = "Image"; - h.desc = "Image loader"; - h.widgets = [{name:"load", text:"Load", type:"button"}]; - h.supported_extensions = ["jpg", "jpeg", "png", "gif"]; - h.prototype.onAdded = function() { - "" != this.properties.url && null == this.img && this.loadImage(this.properties.url); - }; - h.prototype.onDrawBackground = function(d) { - this.img && 5 < this.size[0] && 5 < this.size[1] && d.drawImage(this.img, 0, 0, this.size[0], this.size[1]); - }; - h.prototype.onExecute = function() { - this.img || (this.boxcolor = "#000"); - this.img && this.img.width ? this.setOutputData(0, this.img) : this.setOutputData(0, null); - this.img && this.img.dirty && (this.img.dirty = !1); - }; - h.prototype.onPropertyChanged = function(d, c) { - this.properties[d] = c; - "url" == d && "" != c && this.loadImage(c); - return !0; - }; - h.prototype.loadImage = function(d, c) { - if ("" == d) { - this.img = null; - } else { - this.img = document.createElement("img"); - "http" == d.substr(0, 4) && k.proxy && (d = k.proxy + d.substr(d.indexOf(":") + 3)); - this.img.src = d; - this.boxcolor = "#F95"; - var a = this; - this.img.onload = function() { - c && c(this); - a.trace("Image loaded, size: " + a.img.width + "x" + a.img.height); - this.dirty = !0; - a.boxcolor = "#9F9"; - a.setDirtyCanvas(!0); - }; - } - }; - h.prototype.onWidget = function(d, c) { - "load" == c.name && this.loadImage(this.properties.url); - }; - h.prototype.onDropFile = function(d) { - var c = this; - this._url && URL.revokeObjectURL(this._url); - this._url = URL.createObjectURL(d); - this.properties.url = this._url; - this.loadImage(this._url, function(a) { - c.size[1] = a.height / a.width * c.size[0]; - }); - }; - k.registerNodeType("graphics/image", h); - n.title = "Palette"; - n.desc = "Generates a color"; - n.prototype.onExecute = function() { - var d = []; - null != this.properties.colorA && d.push(hex2num(this.properties.colorA)); - null != this.properties.colorB && d.push(hex2num(this.properties.colorB)); - null != this.properties.colorC && d.push(hex2num(this.properties.colorC)); - null != this.properties.colorD && d.push(hex2num(this.properties.colorD)); - var c = this.getInputData(0); - null == c && (c = 0.5); - 1.0 < c ? c = 1.0 : 0.0 > c && (c = 0.0); - if (0 != d.length) { - var a = [0, 0, 0]; - if (0 == c) { - a = d[0]; - } else { - if (1 == c) { - a = d[d.length - 1]; - } else { - var b = (d.length - 1) * c; - c = d[Math.floor(b)]; - d = d[Math.floor(b) + 1]; - b -= Math.floor(b); - a[0] = c[0] * (1 - b) + d[0] * b; - a[1] = c[1] * (1 - b) + d[1] * b; - a[2] = c[2] * (1 - b) + d[2] * b; - } - } - for (var e in a) { - a[e] /= 255; - } - this.boxcolor = colorToString(a); - this.setOutputData(0, a); - } - }; - k.registerNodeType("color/palette", n); - d.title = "Frame"; - d.desc = "Frame viewerew"; - d.widgets = [{name:"resize", text:"Resize box", type:"button"}, {name:"view", text:"View Image", type:"button"}]; - d.prototype.onDrawBackground = function(d) { - this.frame && d.drawImage(this.frame, 0, 0, this.size[0], this.size[1]); - }; - d.prototype.onExecute = function() { - this.frame = this.getInputData(0); - this.setDirtyCanvas(!0); - }; - d.prototype.onWidget = function(d, c) { - "resize" == c.name && this.frame ? (d = this.frame.width, c = this.frame.height, d || null == this.frame.videoWidth || (d = this.frame.videoWidth, c = this.frame.videoHeight), d && c && (this.size = [d, c]), this.setDirtyCanvas(!0, !0)) : "view" == c.name && this.show(); - }; - d.prototype.show = function() { - showElement && this.frame && showElement(this.frame); - }; - k.registerNodeType("graphics/frame", d); - q.title = "Image fade"; - q.desc = "Fades between images"; - q.widgets = [{name:"resizeA", text:"Resize to A", type:"button"}, {name:"resizeB", text:"Resize to B", type:"button"}]; - q.prototype.onAdded = function() { - this.createCanvas(); - var d = this.canvas.getContext("2d"); - d.fillStyle = "#000"; - d.fillRect(0, 0, this.properties.width, this.properties.height); - }; - q.prototype.createCanvas = function() { - this.canvas = document.createElement("canvas"); - this.canvas.width = this.properties.width; - this.canvas.height = this.properties.height; - }; - q.prototype.onExecute = function() { - var d = this.canvas.getContext("2d"); - this.canvas.width = this.canvas.width; - var c = this.getInputData(0); - null != c && d.drawImage(c, 0, 0, this.canvas.width, this.canvas.height); - c = this.getInputData(2); - null == c ? c = this.properties.fade : this.properties.fade = c; - d.globalAlpha = c; - c = this.getInputData(1); - null != c && d.drawImage(c, 0, 0, this.canvas.width, this.canvas.height); - d.globalAlpha = 1.0; - this.setOutputData(0, this.canvas); - this.setDirtyCanvas(!0); - }; - k.registerNodeType("graphics/imagefade", q); - t.title = "Crop"; - t.desc = "Crop Image"; - t.prototype.onAdded = function() { - this.createCanvas(); - }; - t.prototype.createCanvas = function() { - this.canvas = document.createElement("canvas"); - this.canvas.width = this.properties.width; - this.canvas.height = this.properties.height; - }; - t.prototype.onExecute = function() { - var d = this.getInputData(0); - d && (d.width ? (this.canvas.getContext("2d").drawImage(d, -this.properties.x, -this.properties.y, d.width * this.properties.scale, d.height * this.properties.scale), this.setOutputData(0, this.canvas)) : this.setOutputData(0, null)); - }; - t.prototype.onDrawBackground = function(d) { - this.flags.collapsed || this.canvas && d.drawImage(this.canvas, 0, 0, this.canvas.width, this.canvas.height, 0, 0, this.size[0], this.size[1]); - }; - t.prototype.onPropertyChanged = function(d, c) { - this.properties[d] = c; - "scale" == d ? (this.properties[d] = parseFloat(c), 0 == this.properties[d] && (this.trace("Error in scale"), this.properties[d] = 1.0)) : this.properties[d] = parseInt(c); - this.createCanvas(); - return !0; - }; - k.registerNodeType("graphics/cropImage", t); - v.title = "Video"; - v.desc = "Video playback"; - v.widgets = [{name:"play", text:"PLAY", type:"minibutton"}, {name:"stop", text:"STOP", type:"minibutton"}, {name:"demo", text:"Demo video", type:"button"}, {name:"mute", text:"Mute video", type:"button"}]; - v.prototype.onExecute = function() { - if (this.properties.url && (this.properties.url != this._video_url && this.loadVideo(this.properties.url), this._video && 0 != this._video.width)) { - var d = this.getInputData(0); - d && 0 <= d && 1.0 >= d && (this._video.currentTime = d * this._video.duration, this._video.pause()); - this._video.dirty = !0; - this.setOutputData(0, this._video); - this.setOutputData(1, this._video.currentTime); - this.setOutputData(2, this._video.duration); - this.setDirtyCanvas(!0); - } - }; - v.prototype.onStart = function() { - this.play(); - }; - v.prototype.onStop = function() { - this.stop(); - }; - v.prototype.loadVideo = function(d) { - this._video_url = d; - this.properties.use_proxy && "http" == d.substr(0, 4) && k.proxy && (d = k.proxy + d.substr(d.indexOf(":") + 3)); - this._video = document.createElement("video"); - this._video.src = d; - this._video.type = "type=video/mp4"; - this._video.muted = !0; - this._video.autoplay = !0; - var c = this; - this._video.addEventListener("loadedmetadata", function(a) { - c.trace("Duration: " + this.duration + " seconds"); - c.trace("Size: " + this.videoWidth + "," + this.videoHeight); - c.setDirtyCanvas(!0); - this.width = this.videoWidth; - this.height = this.videoHeight; - }); - this._video.addEventListener("progress", function(a) { - }); - this._video.addEventListener("error", function(a) { - console.log("Error loading video: " + this.src); - c.trace("Error loading video: " + this.src); - if (this.error) { - switch(this.error.code) { - case this.error.MEDIA_ERR_ABORTED: - c.trace("You stopped the video."); - break; - case this.error.MEDIA_ERR_NETWORK: - c.trace("Network error - please try again later."); - break; - case this.error.MEDIA_ERR_DECODE: - c.trace("Video is broken.."); - break; - case this.error.MEDIA_ERR_SRC_NOT_SUPPORTED: - c.trace("Sorry, your browser can't play this video."); - } - } - }); - this._video.addEventListener("ended", function(a) { - c.trace("Ended."); - this.play(); - }); - }; - v.prototype.onPropertyChanged = function(d, c) { - this.properties[d] = c; - "url" == d && "" != c && this.loadVideo(c); - return !0; - }; - v.prototype.play = function() { - this._video && this._video.play(); - }; - v.prototype.playPause = function() { - this._video && (this._video.paused ? this.play() : this.pause()); - }; - v.prototype.stop = function() { - this._video && (this._video.pause(), this._video.currentTime = 0); - }; - v.prototype.pause = function() { - this._video && (this.trace("Video paused"), this._video.pause()); - }; - v.prototype.onWidget = function(d, c) { - }; - k.registerNodeType("graphics/video", v); - w.title = "Webcam"; - w.desc = "Webcam image"; - w.prototype.openStream = function() { - navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; - window.URL = window.URL || window.webkitURL; - if (navigator.getUserMedia) { - this._waiting_confirmation = !0; - navigator.getUserMedia({video:!0}, this.streamReady.bind(this), function(c) { - console.log("Webcam rejected", c); - d._webcam_stream = !1; - d.box_color = "red"; - }); - var d = this; - } - }; - w.prototype.onRemoved = function() { - this._webcam_stream && (this._webcam_stream.stop(), this._video = this._webcam_stream = null); - }; - w.prototype.streamReady = function(d) { - this._webcam_stream = d; - var c = this._video; - c || (c = document.createElement("video"), c.autoplay = !0, c.src = window.URL.createObjectURL(d), this._video = c, c.onloadedmetadata = function(a) { - console.log(a); - }); - }; - w.prototype.onExecute = function() { - null != this._webcam_stream || this._waiting_confirmation || this.openStream(); - this._video && this._video.videoWidth && (this._video.width = this._video.videoWidth, this._video.height = this._video.videoHeight, this.setOutputData(0, this._video)); - }; - w.prototype.getExtraMenuOptions = function(d) { - var c = this; - return [{content:c.properties.show ? "Hide Frame" : "Show Frame", callback:function() { - c.properties.show = !c.properties.show; - }}]; - }; - w.prototype.onDrawBackground = function(d) { - this.flags.collapsed || 20 >= this.size[1] || !this.properties.show || !this._video || (d.save(), d.drawImage(this._video, 0, 0, this.size[0], this.size[1]), d.restore()); - }; - k.registerNodeType("graphics/webcam", w); -})(this); -(function(u) { - var f = u.LiteGraph; - u.LGraphTexture = null; - if ("undefined" != typeof GL) { - var h = function() { - this.addOutput("Cubemap", "Cubemap"); - this.properties = {name:""}; - this.size = [r.image_preview_size, r.image_preview_size]; - }, n = function() { - this.addInput("in", "Texture"); - this.addOutput("out", "Texture"); - this.properties = {key_color:vec3.fromValues(0., 1., 0.), threshold:0.8, slope:0.2, precision:r.DEFAULT}; - }, d = function() { - this.addOutput("out", "Texture"); - this.properties = {code:"", width:512, height:512, precision:r.DEFAULT}; - this._temp_texture = this._func = null; - }, q = function() { - this.addOutput("out", "Texture"); - this.properties = {width:512, height:512, seed:0, persistence:0.1, octaves:8, scale:1, offset:[0, 0], amplitude:1, precision:r.DEFAULT}; - this._key = 0; - this._uniforms = {u_persistence:0.1, u_seed:0, u_offset:vec2.create(), u_scale:1, u_viewport:vec2.create()}; - }, t = function() { - this.addInput("in", "Texture"); - this.addInput("avg", "number"); - this.addOutput("out", "Texture"); - this.properties = {enabled:!0, scale:1, gamma:1, average_lum:1, lum_white:1, precision:r.LOW}; - this._uniforms = {u_texture:0, u_lumwhite2:1, u_igamma:1, u_scale:1, u_average_lum:1}; - }, v = function() { - this.addInput("in", "Texture"); - this.addInput("exp", "number"); - this.addOutput("out", "Texture"); - this.properties = {exposition:1, precision:r.LOW}; - this._uniforms = {u_texture:0, u_exposition:exp}; - }, w = function() { - this.addInput("in", "Texture"); - this.addInput("f", "number"); - this.addOutput("out", "Texture"); - this.properties = {enabled:!0, factor:1, precision:r.LOW}; - this._uniforms = {u_texture:0, u_factor:1}; - }, k = function() { - this.addOutput("Webcam", "Texture"); - this.properties = {texture_name:""}; - }, m = function() { - this.addInput("Texture", "Texture"); - this.addOutput("Filtered", "Texture"); - this.properties = {intensity:1, radius:5}; - }, c = function() { - this.addInput("in", "Texture"); - this.addInput("dirt", "Texture"); - this.addOutput("out", "Texture"); - this.addOutput("glow", "Texture"); - this.properties = {enabled:!0, intensity:1, persistence:0.99, iterations:16, threshold:0, scale:1, dirt_factor:0.5, precision:r.DEFAULT}; - this._textures = []; - this._uniforms = {u_intensity:1, u_texture:0, u_glow_texture:1, u_threshold:0, u_texel_size:vec2.create()}; - }, a = function() { - this.addInput("Texture", "Texture"); - this.addInput("Iterations", "number"); - this.addInput("Intensity", "number"); - this.addOutput("Blurred", "Texture"); - this.properties = {intensity:1, iterations:1, preserve_aspect:!1, scale:[1, 1], precision:r.DEFAULT}; - }, b = function() { - this.addInput("Texture", "Texture"); - this.addInput("Distance", "number"); - this.addInput("Range", "number"); - this.addOutput("Texture", "Texture"); - this.properties = {distance:100, range:50, only_depth:!1, high_precision:!1}; - this._uniforms = {u_texture:0, u_distance:100, u_range:50, u_camera_planes:null}; - }, e = function() { - this.addInput("Tex.", "Texture"); - this.addOutput("Edges", "Texture"); - this.properties = {invert:!0, threshold:!1, factor:1, precision:r.DEFAULT}; - e._shader || (e._shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, e.pixel_shader)); - }, z = function() { - this.addInput("A", "Texture"); - this.addInput("B", "Texture"); - this.addInput("Mixer", "Texture"); - this.addOutput("Texture", "Texture"); - this.properties = {precision:r.DEFAULT}; - z._shader || (z._shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, z.pixel_shader)); - }, g = function() { - this.addInput("A", "color"); - this.addInput("B", "color"); - this.addOutput("Texture", "Texture"); - this.properties = {angle:0, scale:1, A:[0, 0, 0], B:[1, 1, 1], texture_size:32}; - g._shader || (g._shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, g.pixel_shader)); - this._uniforms = {u_angle:0, u_colorA:vec3.create(), u_colorB:vec3.create()}; - }, l = function() { - this.addInput("R", "Texture"); - this.addInput("G", "Texture"); - this.addInput("B", "Texture"); - this.addInput("A", "Texture"); - this.addOutput("Texture", "Texture"); - this.properties = {}; - l._shader || (l._shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, l.pixel_shader)); - }, p = function() { - this.addInput("Texture", "Texture"); - this.addOutput("R", "Texture"); - this.addOutput("G", "Texture"); - this.addOutput("B", "Texture"); - this.addOutput("A", "Texture"); - this.properties = {}; - p._shader || (p._shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, p.pixel_shader)); - }, A = function() { - this.addInput("Texture", "Texture"); - this.addInput("LUT", "Texture"); - this.addInput("Intensity", "number"); - this.addOutput("", "Texture"); - this.properties = {intensity:1, precision:r.DEFAULT, texture:null}; - A._shader || (A._shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, A.pixel_shader)); - }, G = function() { - this.addInput("Image", "image"); - this.addOutput("", "Texture"); - this.properties = {}; - }, x = function() { - this.addInput("Texture", "Texture"); - this.addOutput("tex", "Texture"); - this.addOutput("avg", "vec4"); - this.addOutput("lum", "number"); - this.properties = {mipmap_offset:0, low_precision:!1}; - this._uniforms = {u_texture:0, u_mipmap_offset:this.properties.mipmap_offset}; - this._luminance = new Float32Array(4); - }, E = function() { - this.addInput("Texture", "Texture"); - this.addOutput("", "Texture"); - this.properties = {iterations:1, generate_mipmaps:!1, precision:r.DEFAULT}; - }, H = function() { - this.addInput("Texture", "Texture"); - this.addOutput("", "Texture"); - this.properties = {size:0, generate_mipmaps:!1, precision:r.DEFAULT}; - }, C = function() { - this.addInput("Texture", "Texture"); - this.properties = {additive:!1, antialiasing:!1, filter:!0, disable_alpha:!1, gamma:1.0}; - this.size[0] = 130; - }, y = function() { - this.addInput("in", "Texture"); - this.addInput("warp", "Texture"); - this.addInput("factor", "number"); - this.addOutput("out", "Texture"); - this.properties = {factor:0.01, precision:r.DEFAULT}; - }, B = function() { - this.addInput("in", "Texture"); - this.addInput("scale", "vec2"); - this.addInput("offset", "vec2"); - this.addOutput("out", "Texture"); - this.properties = {offset:vec2.fromValues(0, 0), scale:vec2.fromValues(1, 1), precision:r.DEFAULT}; - }, D = function() { - this.addOutput("out", "Texture"); - this.properties = {code:"", width:512, height:512, precision:r.DEFAULT}; - this.properties.code = "\nvoid main() {\n vec2 uv = v_coord;\n vec3 color = vec3(0.0);\n//your code here\n\ngl_FragColor = vec4(color, 1.0);\n}\n"; - this._uniforms = {in_texture:0, texSize:vec2.create(), time:0}; - }, F = function() { - this.addInput("Texture", "Texture"); - this.addInput("TextureB", "Texture"); - this.addInput("value", "number"); - this.addOutput("Texture", "Texture"); - this.help = "

pixelcode must be vec3

\r\n\t\t\t

uvcode must be vec2, is optional

\r\n\t\t\t

uv: tex. coords

color: texture

colorB: textureB

time: scene time

value: input value

"; - this.properties = {value:1, uvcode:"", pixelcode:"color + colorB * value", precision:r.DEFAULT}; - }, I = function() { - this.addInput("Texture", "Texture"); - this.addOutput("", "Texture"); - this.properties = {name:""}; - }, J = function() { - this.addInput("Texture", "Texture"); - this.properties = {flipY:!1}; - this.size = [r.image_preview_size, r.image_preview_size]; - }, r = function() { - this.addOutput("Texture", "Texture"); - this.properties = {name:"", filter:!0}; - this.size = [r.image_preview_size, r.image_preview_size]; - }; - u.LGraphTexture = r; - r.title = "Texture"; - r.desc = "Texture"; - r.widgets_info = {name:{widget:"texture"}, filter:{widget:"checkbox"}}; - r.loadTextureCallback = null; - r.image_preview_size = 256; - r.PASS_THROUGH = 1; - r.COPY = 2; - r.LOW = 3; - r.HIGH = 4; - r.REUSE = 5; - r.DEFAULT = 2; - r.MODE_VALUES = {"pass through":r.PASS_THROUGH, copy:r.COPY, low:r.LOW, high:r.HIGH, reuse:r.REUSE, "default":r.DEFAULT}; - r.getTexturesContainer = function() { - return gl.textures; - }; - r.loadTexture = function(a, b) { - b = b || {}; - var c = a; - "http://" == c.substr(0, 7) && f.proxy && (c = f.proxy + c.substr(7)); - return r.getTexturesContainer()[a] = GL.Texture.fromURL(c, b); - }; - r.getTexture = function(a) { - var b = this.getTexturesContainer(); - if (!b) { - throw "Cannot load texture, container of textures not found"; - } - b = b[a]; - return !b && a && ":" != a[0] ? this.loadTexture(a) : b; - }; - r.getTargetTexture = function(a, b, c) { - if (!a) { - throw "LGraphTexture.getTargetTexture expects a reference texture"; - } - switch(c) { - case r.LOW: - c = gl.UNSIGNED_BYTE; - break; - case r.HIGH: - c = gl.HIGH_PRECISION_FORMAT; - break; - case r.REUSE: - return a; - default: - c = a ? a.type : gl.UNSIGNED_BYTE; - } - b && b.width == a.width && b.height == a.height && b.type == c || (b = new GL.Texture(a.width, a.height, {type:c, format:gl.RGBA, filter:gl.LINEAR})); - return b; - }; - r.getTextureType = function(a, b) { - b = b ? b.type : gl.UNSIGNED_BYTE; - switch(a) { - case r.HIGH: - b = gl.HIGH_PRECISION_FORMAT; - break; - case r.LOW: - b = gl.UNSIGNED_BYTE; - } - return b; - }; - r.getNoiseTexture = function() { - if (this._noise_texture) { - return this._noise_texture; - } - for (var a = new Uint8Array(1048576), b = 0; 1048576 > b; ++b) { - a[b] = 255 * Math.random(); - } - return this._noise_texture = a = GL.Texture.fromMemory(512, 512, a, {format:gl.RGBA, wrap:gl.REPEAT, filter:gl.NEAREST}); - }; - r.prototype.onDropFile = function(a, b, c) { - a ? ("string" == typeof a ? a = GL.Texture.fromURL(a) : -1 != b.toLowerCase().indexOf(".dds") ? a = GL.Texture.fromDDSInMemory(a) : (a = new Blob([c]), a = URL.createObjectURL(a), a = GL.Texture.fromURL(a)), this._drop_texture = a, this.properties.name = b) : (this._drop_texture = null, this.properties.name = ""); - }; - r.prototype.getExtraMenuOptions = function(a) { - var b = this; - if (this._drop_texture) { - return [{content:"Clear", callback:function() { - b._drop_texture = null; - b.properties.name = ""; - }}]; - } - }; - r.prototype.onExecute = function() { - var a = null; - this.isOutputConnected(1) && (a = this.getInputData(0)); - !a && this._drop_texture && (a = this._drop_texture); - !a && this.properties.name && (a = r.getTexture(this.properties.name)); - if (a) { - this._last_tex = a; - !1 === this.properties.filter ? a.setParameter(gl.TEXTURE_MAG_FILTER, gl.NEAREST) : a.setParameter(gl.TEXTURE_MAG_FILTER, gl.LINEAR); - this.setOutputData(0, a); - for (var b = 1; b < this.outputs.length; b++) { - var c = this.outputs[b]; - if (c) { - var d = null; - "width" == c.name ? d = a.width : "height" == c.name ? d = a.height : "aspect" == c.name && (d = a.width / a.height); - this.setOutputData(b, d); - } - } - } - }; - r.prototype.onResourceRenamed = function(a, b) { - this.properties.name == a && (this.properties.name = b); - }; - r.prototype.onDrawBackground = function(a) { - if (!(this.flags.collapsed || 20 >= this.size[1])) { - if (this._drop_texture && a.webgl) { - a.drawImage(this._drop_texture, 0, 0, this.size[0], this.size[1]); - } else { - if (this._last_preview_tex != this._last_tex) { - if (a.webgl) { - this._canvas = this._last_tex; - } else { - var b = r.generateLowResTexturePreview(this._last_tex); - if (!b) { - return; - } - this._last_preview_tex = this._last_tex; - this._canvas = cloneCanvas(b); - } - } - this._canvas && (a.save(), a.webgl || (a.translate(0, this.size[1]), a.scale(1, -1)), a.drawImage(this._canvas, 0, 0, this.size[0], this.size[1]), a.restore()); - } - } - }; - r.generateLowResTexturePreview = function(a) { - if (!a) { - return null; - } - var b = r.image_preview_size, c = a; - if (a.format == gl.DEPTH_COMPONENT) { - return null; - } - if (a.width > b || a.height > b) { - c = this._preview_temp_tex, this._preview_temp_tex || (this._preview_temp_tex = c = new GL.Texture(b, b, {minFilter:gl.NEAREST})), a.copyTo(c); - } - a = this._preview_canvas; - a || (this._preview_canvas = a = createCanvas(b, b)); - c && c.toCanvas(a); - return a; - }; - r.prototype.getResources = function(a) { - a[this.properties.name] = GL.Texture; - return a; - }; - r.prototype.onGetInputs = function() { - return [["in", "Texture"]]; - }; - r.prototype.onGetOutputs = function() { - return [["width", "number"], ["height", "number"], ["aspect", "number"]]; - }; - f.registerNodeType("texture/texture", r); - J.title = "Preview"; - J.desc = "Show a texture in the graph canvas"; - J.allow_preview = !1; - J.prototype.onDrawBackground = function(a) { - if (!this.flags.collapsed && (a.webgl || J.allow_preview)) { - var b = this.getInputData(0); - 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()); - } - }; - f.registerNodeType("texture/preview", J); - I.title = "Save"; - I.desc = "Save a texture in the repository"; - I.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)); - }; - f.registerNodeType("texture/save", I); - 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"; - F.prototype.getExtraMenuOptions = function(a) { - var b = this; - return [{content:b.properties.show ? "Hide Texture" : "Show Texture", callback:function() { - b.properties.show = !b.properties.show; - }}]; - }; - F.prototype.onDrawBackground = function(a) { - this.flags.collapsed || 20 >= this.size[1] || !this.properties.show || !this._tex || this._tex.gl != a || (a.save(), a.drawImage(this._tex, 0, 0, this.size[0], this.size[1]), a.restore()); - }; - F.prototype.onExecute = function() { - var a = this.getInputData(0); - if (this.isOutputConnected(0)) { - if (this.properties.precision === r.PASS_THROUGH) { - this.setOutputData(0, a); - } else { - var b = this.getInputData(1); - if (this.properties.uvcode || this.properties.pixelcode) { - var c = 512, d = 512; - a ? (c = a.width, d = a.height) : b && (c = b.width, d = b.height); - var e = r.getTextureType(this.properties.precision, a); - this._tex = a || this._tex ? r.getTargetTexture(a || this._tex, this._tex, this.properties.precision) : new GL.Texture(c, d, {type:e, format:gl.RGBA, filter:gl.LINEAR}); - e = ""; - this.properties.uvcode && (e = "uv = " + this.properties.uvcode, -1 != this.properties.uvcode.indexOf(";") && (e = this.properties.uvcode)); - var f = ""; - this.properties.pixelcode && (f = "result = " + this.properties.pixelcode, -1 != this.properties.pixelcode.indexOf(";") && (f = this.properties.pixelcode)); - var g = this._shader; - if (!g || this._shader_code != e + "|" + f) { - try { - this._shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, F.pixel_shader, {UV_CODE:e, PIXEL_CODE:f}), this.boxcolor = "#00FF00"; - } catch (O) { - console.log("Error compiling shader: ", O); - this.boxcolor = "#FF0000"; - return; - } - this.boxcolor = "#FF0000"; - this._shader_code = e + "|" + f; - g = this._shader; - } - if (g) { - this.boxcolor = "green"; - var l = this.getInputData(2); - null != l ? this.properties.value = l : l = parseFloat(this.properties.value); - var k = this.graph.getTime(); - this._tex.drawTo(function() { - gl.disable(gl.DEPTH_TEST); - gl.disable(gl.CULL_FACE); - gl.disable(gl.BLEND); - a && a.bind(0); - b && b.bind(1); - var e = Mesh.getScreenQuad(); - g.uniforms({u_texture:0, u_textureB:1, value:l, texSize:[c, d], time:k}).draw(e); - }); - this.setOutputData(0, this._tex); - } else { - this.boxcolor = "red"; - } - } - } - } - }; - 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"; - f.registerNodeType("texture/operation", F); - D.title = "Shader"; - D.desc = "Texture shader"; - D.widgets_info = {code:{type:"code"}, precision:{widget:"combo", values:r.MODE_VALUES}}; - D.prototype.onPropertyChanged = function(a, b) { - if ("code" == a && (a = this.getShader())) { - b = a.uniformInfo; - if (this.inputs) { - for (var c = {}, d = 0; d < this.inputs.length; ++d) { - var e = this.getInputInfo(d); - e && (b[e.name] && !c[e.name] ? c[e.name] = !0 : (this.removeInput(d), d--)); - } - } - for (d in b) { - if (e = a.uniformInfo[d], null !== e.loc && "time" != d) { - if (this._shader.samplers[d]) { - b = "texture"; - } else { - switch(e.size) { - case 1: - b = "number"; - break; - case 2: - b = "vec2"; - break; - case 3: - b = "vec3"; - break; - case 4: - b = "vec4"; - break; - case 9: - b = "mat3"; - break; - case 16: - b = "mat4"; - break; - default: - continue; - } - } - c = this.findInputSlot(d); - if (-1 != c && (e = this.getInputInfo(c))) { - if (e.type == b) { - continue; - } - this.removeInput(c, b); - } - this.addInput(d, b); - } - } - } - }; - D.prototype.getShader = function() { - if (this._shader && this._shader_code == this.properties.code) { - return this._shader; - } - this._shader_code = this.properties.code; - this._shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, D.pixel_shader + this.properties.code), this.boxcolor = "green"; - return this._shader; - }; - D.prototype.onExecute = function() { - if (this.isOutputConnected(0)) { - var a = this.getShader(); - if (a) { - for (var b = 0, c = null, d = 0; d < this.inputs.length; ++d) { - var e = this.getInputInfo(d), f = this.getInputData(d); - null != f && (f.constructor === GL.Texture && (f.bind(b), c || (c = f), f = b, b++), a.setUniform(e.name, f)); - } - var g = this._uniforms; - b = r.getTextureType(this.properties.precision, c); - d = this.properties.width | 0; - e = this.properties.height | 0; - 0 == d && (d = c ? c.width : gl.canvas.width); - 0 == e && (e = c ? c.height : gl.canvas.height); - g.texSize[0] = d; - g.texSize[1] = e; - g.time = this.graph.getTime(); - this._tex && this._tex.type == b && this._tex.width == d && this._tex.height == e || (this._tex = new GL.Texture(d, e, {type:b, format:gl.RGBA, filter:gl.LINEAR})); - this._tex.drawTo(function() { - a.uniforms(g).draw(GL.Mesh.getScreenQuad()); - }); - this.setOutputData(0, this._tex); - } - } - }; - D.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"; - f.registerNodeType("texture/shader", D); - B.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; - B.title = "Scale/Offset"; - B.desc = "Applies an scaling and offseting"; - B.prototype.onExecute = function() { - var a = this.getInputData(0); - if (this.isOutputConnected(0) && a) { - if (this.properties.precision === r.PASS_THROUGH) { - this.setOutputData(0, a); - } else { - var b = a.width, c = a.height, d = this.precision === r.LOW ? gl.UNSIGNED_BYTE : gl.HIGH_PRECISION_FORMAT; - this.precision === r.DEFAULT && (d = a.type); - this._tex && this._tex.width == b && this._tex.height == c && this._tex.type == d || (this._tex = new GL.Texture(b, c, {type:d, format:gl.RGBA, filter:gl.LINEAR})); - var e = this._shader; - e || (e = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, B.pixel_shader)); - var f = this.getInputData(1); - f ? (this.properties.scale[0] = f[0], this.properties.scale[1] = f[1]) : f = this.properties.scale; - var g = this.getInputData(2); - g ? (this.properties.offset[0] = g[0], this.properties.offset[1] = g[1]) : g = this.properties.offset; - this._tex.drawTo(function() { - gl.disable(gl.DEPTH_TEST); - gl.disable(gl.CULL_FACE); - gl.disable(gl.BLEND); - a.bind(0); - var b = Mesh.getScreenQuad(); - e.uniforms({u_texture:0, u_scale:f, u_offset:g}).draw(b); - }); - this.setOutputData(0, this._tex); - } - } - }; - B.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"; - f.registerNodeType("texture/scaleOffset", B); - y.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; - y.title = "Warp"; - y.desc = "Texture warp operation"; - y.prototype.onExecute = function() { - var a = this.getInputData(0); - if (this.isOutputConnected(0)) { - if (this.properties.precision === r.PASS_THROUGH) { - this.setOutputData(0, a); - } else { - var b = this.getInputData(1), c = 512, d = 512; - a ? (c = a.width, d = a.height) : b && (c = b.width, d = b.height); - this._tex = a || this._tex ? r.getTargetTexture(a || this._tex, this._tex, this.properties.precision) : new GL.Texture(c, d, {type:this.precision === r.LOW ? gl.UNSIGNED_BYTE : gl.HIGH_PRECISION_FORMAT, format:gl.RGBA, filter:gl.LINEAR}); - var e = this._shader; - e || (e = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, y.pixel_shader)); - var f = this.getInputData(2); - null != f ? this.properties.factor = f : f = parseFloat(this.properties.factor); - this._tex.drawTo(function() { - gl.disable(gl.DEPTH_TEST); - gl.disable(gl.CULL_FACE); - gl.disable(gl.BLEND); - a && a.bind(0); - b && b.bind(1); - var c = Mesh.getScreenQuad(); - e.uniforms({u_texture:0, u_textureB:1, u_factor:f}).draw(c); - }); - this.setOutputData(0, this._tex); - } - } - }; - y.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"; - f.registerNodeType("texture/warp", y); - C.title = "to Viewport"; - C.desc = "Texture to viewport"; - C.prototype.onExecute = function() { - var a = this.getInputData(0); - if (a) { - this.properties.disable_alpha ? gl.disable(gl.BLEND) : (gl.enable(gl.BLEND), this.properties.additive ? gl.blendFunc(gl.SRC_ALPHA, gl.ONE) : gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA)); - gl.disable(gl.DEPTH_TEST); - var b = this.properties.gamma || 1.0; - this.isInputConnected(1) && (b = this.getInputData(1)); - a.setParameter(gl.TEXTURE_MAG_FILTER, this.properties.filter ? gl.LINEAR : gl.NEAREST); - if (this.properties.antialiasing) { - C._shader || (C._shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, C.aa_pixel_shader)); - gl.getViewport(); - var c = Mesh.getScreenQuad(); - a.bind(0); - C._shader.uniforms({u_texture:0, uViewportSize:[a.width, a.height], u_igamma:1 / b, inverseVP:[1 / a.width, 1 / a.height]}).draw(c); - } else { - 1.0 != b ? (C._gamma_shader || (C._gamma_shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, C.gamma_pixel_shader)), a.toViewport(C._gamma_shader, {u_texture:0, u_igamma:1 / b})) : a.toViewport(); - } - } - }; - C.prototype.onGetInputs = function() { - return [["gamma", "number"]]; - }; - 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"; - f.registerNodeType("texture/toviewport", C); - H.title = "Copy"; - H.desc = "Copy Texture"; - H.widgets_info = {size:{widget:"combo", values:[0, 32, 64, 128, 256, 512, 1024, 2048]}, precision:{widget:"combo", values:r.MODE_VALUES}}; - H.prototype.onExecute = function() { - var a = this.getInputData(0); - if ((a || this._temp_texture) && this.isOutputConnected(0)) { - if (a) { - var b = a.width, c = a.height; - 0 != this.properties.size && (c = b = this.properties.size); - var d = this._temp_texture, e = a.type; - this.properties.precision === r.LOW ? e = gl.UNSIGNED_BYTE : this.properties.precision === r.HIGH && (e = gl.HIGH_PRECISION_FORMAT); - d && d.width == b && d.height == c && d.type == e || (d = gl.LINEAR, this.properties.generate_mipmaps && isPowerOfTwo(b) && isPowerOfTwo(c) && (d = gl.LINEAR_MIPMAP_LINEAR), this._temp_texture = new GL.Texture(b, c, {type:e, format:gl.RGBA, minFilter:d, magFilter:gl.LINEAR})); - a.copyTo(this._temp_texture); - this.properties.generate_mipmaps && (this._temp_texture.bind(0), gl.generateMipmap(this._temp_texture.texture_type), this._temp_texture.unbind(0)); - } - this.setOutputData(0, this._temp_texture); - } - }; - f.registerNodeType("texture/copy", H); - E.title = "Downsample"; - E.desc = "Downsample Texture"; - E.widgets_info = {iterations:{type:"number", step:1, precision:0, min:1}, precision:{widget:"combo", values:r.MODE_VALUES}}; - E.prototype.onExecute = function() { - var a = this.getInputData(0); - if ((a || this._temp_texture) && this.isOutputConnected(0) && a && a.texture_type === GL.TEXTURE_2D) { - var b = E._shader; - b || (E._shader = b = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, E.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, g = a, l = []; - e = {type:e, format:a.format}; - var k = vec2.create(), m = {u_offset:k}; - this._texture && GL.Texture.releaseTemporary(this._texture); - for (var h = 0; h < f; ++h) { - k[0] = 1 / c; - k[1] = 1 / d; - c = c >> 1 || 0; - d = d >> 1 || 0; - a = GL.Texture.getTemporary(c, d, e); - l.push(a); - g.setParameter(GL.TEXTURE_MAG_FILTER, GL.NEAREST); - g.copyTo(a, b, m); - if (1 == c && 1 == d) { - break; - } - g = a; - } - this._texture = l.pop(); - for (h = 0; h < l.length; ++h) { - GL.Texture.releaseTemporary(l[h]); - } - this.properties.generate_mipmaps && (this._texture.bind(0), gl.generateMipmap(this._texture.texture_type), this._texture.unbind(0)); - this.setOutputData(0, this._texture); - } - }; - E.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"; - f.registerNodeType("texture/downsample", E); - x.title = "Average"; - x.desc = "Compute a partial average (32 random samples) of a texture and stores it as a 1x1 pixel texture"; - x.prototype.onExecute = function() { - var a = this.getInputData(0); - if (a && (this.isOutputConnected(0) || this.isOutputConnected(1) || this.isOutputConnected(2))) { - if (!x._shader) { - x._shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, x.pixel_shader); - for (var b = new Float32Array(32), c = 0; 32 > c; ++c) { - b[c] = Math.random(); - } - x._shader.uniforms({u_samples_a:b.subarray(0, 16), u_samples_b:b.subarray(16, 32)}); - } - c = this._temp_texture; - b = gl.UNSIGNED_BYTE; - a.type != b && (b = gl.FLOAT); - c && c.type == b || (this._temp_texture = new GL.Texture(1, 1, {type:b, format:gl.RGBA, filter:gl.NEAREST})); - var d = x._shader, e = this._uniforms; - e.u_mipmap_offset = this.properties.mipmap_offset; - this._temp_texture.drawTo(function() { - a.toViewport(d, e); - }); - this.setOutputData(0, this._temp_texture); - if (this.isOutputConnected(1) || this.isOutputConnected(2)) { - if (c = this._temp_texture.getPixels()) { - var f = this._luminance; - b = this._temp_texture.type; - f.set(c); - b == gl.UNSIGNED_BYTE ? vec4.scale(f, f, 1 / 255) : (b == GL.HALF_FLOAT || b == GL.HALF_FLOAT_OES) && vec4.scale(f, f, 1 / 65025); - this.setOutputData(1, f); - this.setOutputData(2, (f[0] + f[1] + f[2]) / 3); - } - } - } - }; - x.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"; - f.registerNodeType("texture/average", x); - G.title = "Image to Texture"; - G.desc = "Uploads an image to the GPU"; - G.prototype.onExecute = function() { - var a = this.getInputData(0); - if (a) { - var b = a.videoWidth || a.width, c = a.videoHeight || a.height; - if (a.gltexture) { - this.setOutputData(0, a.gltexture); - } else { - var d = this._temp_texture; - d && d.width == b && d.height == c || (this._temp_texture = new GL.Texture(b, c, {format:gl.RGBA, filter:gl.LINEAR})); - try { - this._temp_texture.uploadImage(a); - } catch (M) { - console.error("image comes from an unsafe location, cannot be uploaded to webgl: " + M); - return; - } - this.setOutputData(0, this._temp_texture); - } - } - }; - f.registerNodeType("texture/imageToTexture", G); - A.widgets_info = {texture:{widget:"texture"}, precision:{widget:"combo", values:r.MODE_VALUES}}; - A.title = "LUT"; - A.desc = "Apply LUT to Texture"; - A.prototype.onExecute = function() { - if (this.isOutputConnected(0)) { - var a = this.getInputData(0); - if (this.properties.precision === r.PASS_THROUGH) { - this.setOutputData(0, a); - } else { - if (a) { - var b = this.getInputData(1); - b || (b = r.getTexture(this.properties.texture)); - if (b) { - b.bind(0); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); - gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); - gl.bindTexture(gl.TEXTURE_2D, null); - var c = this.properties.intensity; - this.isInputConnected(2) && (this.properties.intensity = c = this.getInputData(2)); - this._tex = r.getTargetTexture(a, this._tex, this.properties.precision); - this._tex.drawTo(function() { - b.bind(1); - a.toViewport(A._shader, {u_texture:0, u_textureB:1, u_amount:c}); - }); - this.setOutputData(0, this._tex); - } else { - this.setOutputData(0, a); - } - } - } - } - }; - 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 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"; - f.registerNodeType("texture/LUT", A); - p.title = "Texture to Channels"; - p.desc = "Split texture channels"; - p.prototype.onExecute = function() { - var a = this.getInputData(0); - if (a) { - this._channels || (this._channels = Array(4)); - for (var b = 0, c = 0; 4 > c; c++) { - this.isOutputConnected(c) ? (this._channels[c] && this._channels[c].width == a.width && this._channels[c].height == a.height && this._channels[c].type == a.type || (this._channels[c] = new GL.Texture(a.width, a.height, {type:a.type, format:gl.RGBA, filter:gl.LINEAR})), b++) : this._channels[c] = null; - } - if (b) { - gl.disable(gl.BLEND); - gl.disable(gl.DEPTH_TEST); - var d = Mesh.getScreenQuad(), e = p._shader, f = [[1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1]]; - for (c = 0; 4 > c; c++) { - this._channels[c] && (this._channels[c].drawTo(function() { - a.bind(0); - e.uniforms({u_texture:0, u_mask:f[c]}).draw(d); - }), this.setOutputData(c, this._channels[c])); - } - } - } - }; - 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"; - f.registerNodeType("texture/textureChannels", p); - l.title = "Channels to Texture"; - l.desc = "Split texture channels"; - l.prototype.onExecute = function() { - var a = [this.getInputData(0), this.getInputData(1), this.getInputData(2), this.getInputData(3)]; - if (a[0] && a[1] && a[2] && a[3]) { - gl.disable(gl.BLEND); - gl.disable(gl.DEPTH_TEST); - var b = Mesh.getScreenQuad(), c = l._shader; - this._tex = r.getTargetTexture(a[0], this._tex); - this._tex.drawTo(function() { - a[0].bind(0); - a[1].bind(1); - a[2].bind(2); - a[3].bind(3); - c.uniforms({u_textureR:0, u_textureG:1, u_textureB:2, u_textureA:3}).draw(b); - }); - this.setOutputData(0, this._tex); - } - }; - 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"; - f.registerNodeType("texture/channelsTexture", l); - g.title = "Gradient"; - g.desc = "Generates a gradient"; - g["@A"] = {type:"color"}; - g["@B"] = {type:"color"}; - g["@texture_size"] = {type:"enum", values:[32, 64, 128, 256, 512]}; - g.prototype.onExecute = function() { - gl.disable(gl.BLEND); - gl.disable(gl.DEPTH_TEST); - var a = GL.Mesh.getScreenQuad(), b = g._shader, c = this.getInputData(0); - c || (c = this.properties.A); - var d = this.getInputData(1); - d || (d = this.properties.B); - for (var e = 2; e < this.inputs.length; e++) { - var f = this.inputs[e], l = this.getInputData(e); - void 0 !== l && (this.properties[f.name] = l); - } - var k = this._uniforms; - this._uniforms.u_angle = this.properties.angle * DEG2RAD; - this._uniforms.u_scale = this.properties.scale; - vec3.copy(k.u_colorA, c); - vec3.copy(k.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(k).draw(a); - }); - this.setOutputData(0, this._tex); - }; - g.prototype.onGetInputs = function() { - return [["angle", "number"], ["scale", "number"]]; - }; - g.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"; - f.registerNodeType("texture/gradient", g); - z.title = "Mix"; - z.desc = "Generates a texture mixing two textures"; - z.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; - z.prototype.onExecute = function() { - var a = this.getInputData(0); - if (this.isOutputConnected(0)) { - if (this.properties.precision === r.PASS_THROUGH) { - this.setOutputData(0, a); - } else { - var b = this.getInputData(1), c = this.getInputData(2); - if (a && b && c) { - this._tex = r.getTargetTexture(a, this._tex, this.properties.precision); - gl.disable(gl.BLEND); - gl.disable(gl.DEPTH_TEST); - var d = Mesh.getScreenQuad(), e = z._shader; - this._tex.drawTo(function() { - a.bind(0); - b.bind(1); - c.bind(2); - e.uniforms({u_textureA:0, u_textureB:1, u_textureMix:2}).draw(d); - }); - this.setOutputData(0, this._tex); - } - } - } - }; - z.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\tuniform sampler2D u_textureMix;\n\r\n\t\t\t\n\r\n\t\t\tvoid main() {\n\r\n\t\t\t gl_FragColor = mix( texture2D(u_textureA, v_coord), texture2D(u_textureB, v_coord), texture2D(u_textureMix, v_coord) );\n\r\n\t\t\t}\n\r\n\t\t\t"; - f.registerNodeType("texture/mix", z); - e.title = "Edges"; - e.desc = "Detects edges"; - e.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; - e.prototype.onExecute = function() { - if (this.isOutputConnected(0)) { - var a = this.getInputData(0); - if (this.properties.precision === r.PASS_THROUGH) { - this.setOutputData(0, a); - } else { - if (a) { - this._tex = r.getTargetTexture(a, this._tex, this.properties.precision); - gl.disable(gl.BLEND); - gl.disable(gl.DEPTH_TEST); - var b = Mesh.getScreenQuad(), c = e._shader, d = this.properties.invert, f = this.properties.factor, g = this.properties.threshold ? 1 : 0; - this._tex.drawTo(function() { - a.bind(0); - c.uniforms({u_texture:0, u_isize:[1 / a.width, 1 / a.height], u_factor:f, u_threshold:g, u_invert:d ? 1 : 0}).draw(b); - }); - this.setOutputData(0, this._tex); - } - } - } - }; - 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 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"; - f.registerNodeType("texture/edges", e); - b.title = "Depth Range"; - b.desc = "Generates a texture with a depth range"; - b.prototype.onExecute = function() { - if (this.isOutputConnected(0)) { - var a = this.getInputData(0); - if (a) { - var c = gl.UNSIGNED_BYTE; - this.properties.high_precision && (c = gl.half_float_ext ? gl.HALF_FLOAT_OES : gl.FLOAT); - this._temp_texture && this._temp_texture.type == c && this._temp_texture.width == a.width && this._temp_texture.height == a.height || (this._temp_texture = new GL.Texture(a.width, a.height, {type:c, format:gl.RGBA, filter:gl.LINEAR})); - var d = this._uniforms; - c = this.properties.distance; - this.isInputConnected(1) && (c = this.getInputData(1), this.properties.distance = c); - var e = this.properties.range; - this.isInputConnected(2) && (e = this.getInputData(2), this.properties.range = e); - d.u_distance = c; - d.u_range = e; - gl.disable(gl.BLEND); - gl.disable(gl.DEPTH_TEST); - var f = Mesh.getScreenQuad(); - b._shader || (b._shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, b.pixel_shader), b._shader_onlydepth = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, b.pixel_shader, {ONLY_DEPTH:""})); - var g = this.properties.only_depth ? b._shader_onlydepth : b._shader; - c = null; - c = a.near_far_planes ? a.near_far_planes : window.LS && LS.Renderer._main_camera ? LS.Renderer._main_camera._uniforms.u_camera_planes : [0.1, 1000]; - d.u_camera_planes = c; - this._temp_texture.drawTo(function() { - a.bind(0); - g.uniforms(d).draw(f); - }); - this._temp_texture.near_far_planes = c; - this.setOutputData(0, this._temp_texture); - } - } - }; - 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_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"; - f.registerNodeType("texture/depth_range", b); - a.title = "Blur"; - a.desc = "Blur a texture"; - a.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; - a.max_iterations = 20; - a.prototype.onExecute = function() { - var b = this.getInputData(0); - if (b && this.isOutputConnected(0)) { - var c = this._final_texture; - c && c.width == b.width && c.height == b.height && c.type == b.type || (c = this._final_texture = new GL.Texture(b.width, b.height, {type:b.type, format:gl.RGBA, filter:gl.LINEAR})); - var d = this.properties.iterations; - this.isInputConnected(1) && (d = this.getInputData(1), this.properties.iterations = d); - d = Math.min(Math.floor(d), a.max_iterations); - if (0 == d) { - this.setOutputData(0, b); - } else { - var e = this.properties.intensity; - this.isInputConnected(2) && (e = this.getInputData(2), this.properties.intensity = e); - var g = f.camera_aspect; - g || void 0 === window.gl || (g = gl.canvas.height / gl.canvas.width); - g || (g = 1); - g = this.properties.preserve_aspect ? g : 1; - var l = this.properties.scale || [1, 1]; - b.applyBlur(g * l[0], l[1], e, c); - for (b = 1; b < d; ++b) { - c.applyBlur(g * l[0] * (b + 1), l[1] * (b + 1), e); - } - this.setOutputData(0, c); - } - } - }; - f.registerNodeType("texture/blur", a); - c.title = "Glow"; - c.desc = "Filters a texture giving it a glow effect"; - c.weights = new Float32Array([0.5, 0.4, 0.3, 0.2]); - c.widgets_info = {iterations:{type:"number", min:0, max:16, step:1, precision:0}, threshold:{type:"number", min:0, max:10, step:0.01, precision:2}, precision:{widget:"combo", values:r.MODE_VALUES}}; - c.prototype.onGetInputs = function() { - return [["enabled", "boolean"], ["threshold", "number"], ["intensity", "number"], ["persistence", "number"], ["iterations", "number"], ["dirt_factor", "number"]]; - }; - c.prototype.onGetOutputs = function() { - return [["average", "Texture"]]; - }; - c.prototype.onExecute = function() { - var a = this.getInputData(0); - if (a && this.isAnyOutputConnected()) { - if (this.properties.precision === r.PASS_THROUGH || !1 === this.getInputOrProperty("enabled")) { - this.setOutputData(0, a); - } else { - var b = a.width, d = a.height, e = {format:a.format, type:a.type, minFilter:GL.LINEAR, magFilter:GL.LINEAR, wrap:gl.CLAMP_TO_EDGE}, f = r.getTextureType(this.properties.precision, a), g = this._uniforms, l = this._textures, k = c._cut_shader; - k || (k = c._cut_shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, c.cut_pixel_shader)); - gl.disable(gl.DEPTH_TEST); - gl.disable(gl.BLEND); - g.u_threshold = this.getInputOrProperty("threshold"); - var h = l[0] = GL.Texture.getTemporary(b, d, e); - a.blit(h, k.uniforms(g)); - var m = h, p = this.getInputOrProperty("iterations"); - p = Math.clamp(p, 1, 16) | 0; - var n = g.u_texel_size, q = this.getInputOrProperty("intensity"); - g.u_intensity = 1; - g.u_delta = this.properties.scale; - k = c._shader; - k || (k = c._shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, c.scale_pixel_shader)); - for (var t = 1; t < p; t++) { - b >>= 1; - 1 < (d | 0) && (d >>= 1); - if (2 > b) { - break; - } - h = l[t] = GL.Texture.getTemporary(b, d, e); - n[0] = 1 / m.width; - n[1] = 1 / m.height; - m.blit(h, k.uniforms(g)); - m = 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})), n[0] = 1 / m.width, n[1] = 1 / m.height, g.u_intensity = q, g.u_delta = 1, m.blit(b, k.uniforms(g)), this.setOutputData(2, b)); - gl.enable(gl.BLEND); - gl.blendFunc(gl.ONE, gl.ONE); - g.u_intensity = this.getInputOrProperty("persistence"); - g.u_delta = 0.5; - for (t -= 2; 0 <= t; t--) { - h = l[t], l[t] = null, n[0] = 1 / m.width, n[1] = 1 / m.height, m.blit(h, k.uniforms(g)), GL.Texture.releaseTemporary(m), m = h; - } - gl.disable(gl.BLEND); - this.isOutputConnected(1) && (l = this._glow_texture, l && l.width == a.width && l.height == a.height && l.type == f && l.format == a.format || (l = this._glow_texture = new GL.Texture(a.width, a.height, {type:f, format:a.format, filter:gl.LINEAR})), m.blit(l), this.setOutputData(1, l)); - if (this.isOutputConnected(0)) { - l = this._final_texture; - l && l.width == a.width && l.height == a.height && l.type == f && l.format == a.format || (l = this._final_texture = new GL.Texture(a.width, a.height, {type:f, format:a.format, filter:gl.LINEAR})); - var u = this.getInputData(1), v = this.getInputOrProperty("dirt_factor"); - g.u_intensity = q; - k = u ? c._dirt_final_shader : c._final_shader; - k || (k = u ? c._dirt_final_shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, c.final_pixel_shader, {USE_DIRT:""}) : c._final_shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, c.final_pixel_shader)); - l.drawTo(function() { - a.bind(0); - m.bind(1); - u && (k.setUniform("u_dirt_factor", v), k.setUniform("u_dirt_texture", u.bind(2))); - k.toViewport(g); - }); - this.setOutputData(0, l); - } - GL.Texture.releaseTemporary(m); - } - } - }; - c.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}"; - c.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}"; - c.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}"; - f.registerNodeType("texture/glow", c); - m.title = "Kuwahara Filter"; - m.desc = "Filters a texture giving an artistic oil canvas painting"; - m.max_radius = 10; - m._shaders = []; - m.prototype.onExecute = function() { - var a = this.getInputData(0); - if (a && this.isOutputConnected(0)) { - var b = this._temp_texture; - b && b.width == a.width && b.height == a.height && b.type == a.type || (this._temp_texture = new GL.Texture(a.width, a.height, {type:a.type, format:gl.RGBA, filter:gl.LINEAR})); - b = this.properties.radius; - b = Math.min(Math.floor(b), m.max_radius); - if (0 == b) { - this.setOutputData(0, a); - } else { - var c = this.properties.intensity, d = f.camera_aspect; - d || void 0 === window.gl || (d = gl.canvas.height / gl.canvas.width); - d || (d = 1); - d = this.properties.preserve_aspect ? d : 1; - m._shaders[b] || (m._shaders[b] = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, m.pixel_shader, {RADIUS:b.toFixed(0)})); - var e = m._shaders[b], g = GL.Mesh.getScreenQuad(); - a.bind(0); - this._temp_texture.drawTo(function() { - e.uniforms({u_texture:0, u_intensity:c, u_resolution:[a.width, a.height], u_iResolution:[1 / a.width, 1 / a.height]}).draw(g); - }); - this.setOutputData(0, this._temp_texture); - } - } - }; - m.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"; - f.registerNodeType("texture/kuwahara", m); - k.title = "Webcam"; - k.desc = "Webcam texture"; - k.prototype.openStream = function() { - navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; - window.URL = window.URL || window.webkitURL; - if (navigator.getUserMedia) { - this._waiting_confirmation = !0; - var a = this; - navigator.getUserMedia({video:!0}, this.streamReady.bind(this), function(b) { - console.log("Webcam rejected", b); - a._webcam_stream = !1; - a.box_color = "red"; - }); - } - }; - k.prototype.streamReady = function(a) { - this._webcam_stream = a; - var b = this._video; - b || (b = document.createElement("video"), b.autoplay = !0, b.src = window.URL.createObjectURL(a), this._video = b, b.onloadedmetadata = function(a) { - console.log(a); - }); - }; - k.prototype.onRemoved = function() { - if (this._webcam_stream) { - var a = this._webcam_stream.getVideoTracks(); - a.length && (a = a[0], a.stop && a.stop()); - this._video = this._webcam_stream = null; - } - }; - k.prototype.onDrawBackground = function(a) { - this.flags.collapsed || 20 >= this.size[1] || !this._video || (a.save(), a.webgl ? this._temp_texture && a.drawImage(this._temp_texture, 0, 0, this.size[0], this.size[1]) : (a.translate(0, this.size[1]), a.scale(1, -1), a.drawImage(this._video, 0, 0, this.size[0], this.size[1])), a.restore()); - }; - k.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._temp_texture; - c && c.width == a && c.height == b || (this._temp_texture = new GL.Texture(a, b, {format:gl.RGB, filter:gl.LINEAR})); - this._temp_texture.uploadImage(this._video); - this.properties.texture_name && (r.getTexturesContainer()[this.properties.texture_name] = this._temp_texture); - this.setOutputData(0, this._temp_texture); - } - }; - f.registerNodeType("texture/webcam", k); - w.title = "Lens FX"; - w.desc = "distortion and chromatic aberration"; - w.widgets_info = {precision:{widget:"combo", values:r.MODE_VALUES}}; - w.prototype.onGetInputs = function() { - return [["enabled", "boolean"]]; - }; - w.prototype.onExecute = function() { - var a = this.getInputData(0); - if (a && this.isOutputConnected(0)) { - if (this.properties.precision === r.PASS_THROUGH || !1 === this.getInputOrProperty("enabled")) { - this.setOutputData(0, a); - } else { - var b = this._temp_texture; - b && b.width == a.width && b.height == a.height && b.type == a.type || (b = this._temp_texture = new GL.Texture(a.width, a.height, {type:a.type, format:gl.RGBA, filter:gl.LINEAR})); - var c = w._shader; - c || (c = w._shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, w.pixel_shader)); - var d = this.getInputData(1); - null == d && (d = this.properties.factor); - var e = this._uniforms; - e.u_factor = d; - gl.disable(gl.DEPTH_TEST); - b.drawTo(function() { - a.bind(0); - c.uniforms(e).draw(GL.Mesh.getScreenQuad()); - }); - this.setOutputData(0, b); - } - } - }; - w.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})); - }; - f.registerNodeType("texture/cubemap", h); - } -})(this); -(function(u) { - var f = u.LiteGraph; - if ("undefined" != typeof GL) { - var h = function() { - this.addInput("Tex.", "Texture"); - this.addInput("intensity", "number"); - this.addOutput("Texture", "Texture"); - this.properties = {intensity:1, invert:!1, precision:LGraphTexture.DEFAULT}; - h._shader || (h._shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, h.pixel_shader)); - }, n = function() { - this.addInput("Texture", "Texture"); - this.addInput("value1", "number"); - this.addInput("value2", "number"); - this.addOutput("Texture", "Texture"); - this.properties = {fx:"halftone", value1:1, value2:1, precision:LGraphTexture.DEFAULT}; - }, d = function() { - this.addInput("Texture", "Texture"); - this.addInput("Blurred", "Texture"); - this.addInput("Mask", "Texture"); - this.addInput("Threshold", "number"); - this.addOutput("Texture", "Texture"); - this.properties = {shape:"", size:10, alpha:1.0, threshold:1.0, high_precision:!1}; - }, q = function() { - this.addInput("Texture", "Texture"); - this.addInput("Aberration", "number"); - this.addInput("Distortion", "number"); - this.addInput("Blur", "number"); - this.addOutput("Texture", "Texture"); - this.properties = {aberration:1.0, distortion:1.0, blur:1.0, precision:LGraphTexture.DEFAULT}; - q._shader || (q._shader = new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, q.pixel_shader), q._texture = new GL.Texture(3, 1, {format:gl.RGB, wrap:gl.CLAMP_TO_EDGE, magFilter:gl.LINEAR, minFilter:gl.LINEAR, pixel_data:[255, 0, 0, 0, 255, 0, 0, 0, 255]})); - }; - q.title = "Lens"; - q.desc = "Camera Lens distortion"; - q.widgets_info = {precision:{widget:"combo", values:LGraphTexture.MODE_VALUES}}; - q.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 f = this.properties.aberration; - this.isInputConnected(1) && (f = this.getInputData(1), this.properties.aberration = f); - var h = this.properties.distortion; - this.isInputConnected(2) && (h = this.getInputData(2), this.properties.distortion = h); - var k = this.properties.blur; - this.isInputConnected(3) && (k = this.getInputData(3), this.properties.blur = k); - gl.disable(gl.BLEND); - gl.disable(gl.DEPTH_TEST); - var m = Mesh.getScreenQuad(), c = q._shader; - this._tex.drawTo(function() { - d.bind(0); - c.uniforms({u_texture:0, u_aberration:f, u_distortion:h, u_blur:k}).draw(m); - }); - this.setOutputData(0, this._tex); - } - } - }; - q.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"; - f.registerNodeType("fx/lens", q); - u.LGraphFXLens = q; - d.title = "Bokeh"; - d.desc = "applies an Bokeh effect"; - d.widgets_info = {shape:{widget:"texture"}}; - d.prototype.onExecute = function() { - var f = this.getInputData(0), h = this.getInputData(1), n = this.getInputData(2); - if (f && n && this.properties.shape) { - h || (h = f); - var k = LGraphTexture.getTexture(this.properties.shape); - if (k) { - var m = this.properties.threshold; - this.isInputConnected(3) && (m = this.getInputData(3), this.properties.threshold = m); - var c = gl.UNSIGNED_BYTE; - this.properties.high_precision && (c = gl.half_float_ext ? gl.HALF_FLOAT_OES : gl.FLOAT); - this._temp_texture && this._temp_texture.type == c && this._temp_texture.width == f.width && this._temp_texture.height == f.height || (this._temp_texture = new GL.Texture(f.width, f.height, {type:c, format:gl.RGBA, filter:gl.LINEAR})); - var a = d._first_shader; - a || (a = d._first_shader = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, d._first_pixel_shader)); - var b = d._second_shader; - b || (b = d._second_shader = new GL.Shader(d._second_vertex_shader, d._second_pixel_shader)); - var e = this._points_mesh; - e && e._width == f.width && e._height == f.height && 2 == e._spacing || (e = this.createPointsMesh(f.width, f.height, 2)); - var q = Mesh.getScreenQuad(), g = this.properties.size, l = this.properties.alpha; - gl.disable(gl.DEPTH_TEST); - gl.disable(gl.BLEND); - this._temp_texture.drawTo(function() { - f.bind(0); - h.bind(1); - n.bind(2); - a.uniforms({u_texture:0, u_texture_blur:1, u_mask:2, u_texsize:[f.width, f.height]}).draw(q); - }); - this._temp_texture.drawTo(function() { - gl.enable(gl.BLEND); - gl.blendFunc(gl.ONE, gl.ONE); - f.bind(0); - k.bind(3); - b.uniforms({u_texture:0, u_mask:2, u_shape:3, u_alpha:l, u_threshold:m, u_pointSize:g, u_itexsize:[1.0 / f.width, 1.0 / f.height]}).draw(e, gl.POINTS); - }); - this.setOutputData(0, this._temp_texture); - } - } else { - this.setOutputData(0, f); - } - }; - d.prototype.createPointsMesh = function(d, f, h) { - for (var k = Math.round(d / h), m = Math.round(f / h), c = new Float32Array(k * m * 2), a = -1, b = 2 / d * h, e = 2 / f * h, n = 0; n < m; ++n) { - for (var g = -1, l = 0; l < k; ++l) { - var p = n * k * 2 + 2 * l; - c[p] = g; - c[p + 1] = a; - g += b; - } - a += e; - } - this._points_mesh = GL.Mesh.load({vertices2D:c}); - this._points_mesh._width = d; - this._points_mesh._height = f; - this._points_mesh._spacing = h; - 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"; - f.registerNodeType("fx/bokeh", d); - u.LGraphFXBokeh = d; - n.title = "FX"; - n.desc = "applies an FX from a list"; - n.widgets_info = {fx:{widget:"combo", values:["halftone", "pixelate", "lowpalette", "noise", "gamma"]}, precision:{widget:"combo", values:LGraphTexture.MODE_VALUES}}; - n.shaders = {}; - n.prototype.onExecute = function() { - if (this.isOutputConnected(0)) { - 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 f = this.properties.value1; - this.isInputConnected(1) && (f = this.getInputData(1), this.properties.value1 = f); - var h = this.properties.value2; - this.isInputConnected(2) && (h = this.getInputData(2), this.properties.value2 = h); - var k = this.properties.fx, m = n.shaders[k]; - if (!m) { - var c = n["pixel_shader_" + k]; - if (!c) { - return; - } - m = n.shaders[k] = new GL.Shader(Shader.SCREEN_VERTEX_SHADER, c); - } - gl.disable(gl.BLEND); - gl.disable(gl.DEPTH_TEST); - var a = Mesh.getScreenQuad(); - camera_planes = u.LS && LS.Renderer._current_camera ? [LS.Renderer._current_camera.near, LS.Renderer._current_camera.far] : [1, 100]; - var b = null; - "noise" == k && (b = LGraphTexture.getNoiseTexture()); - this._tex.drawTo(function() { - d.bind(0); - "noise" == k && b.bind(1); - m.uniforms({u_texture:0, u_noise:1, u_size:[d.width, d.height], u_rand:[Math.random(), Math.random()], u_value1:f, u_value2:h, u_camera_planes:camera_planes}).draw(a); - }); - this.setOutputData(0, this._tex); - } - } - } - }; - n.pixel_shader_halftone = "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\tfloat pattern() {\n\r\n\t\t\t\tfloat s = sin(u_value1 * 3.1415), c = cos(u_value1 * 3.1415);\n\r\n\t\t\t\tvec2 tex = v_coord * u_size.xy;\n\r\n\t\t\t\tvec2 point = vec2(\n\r\n\t\t\t\t c * tex.x - s * tex.y ,\n\r\n\t\t\t\t s * tex.x + c * tex.y \n\r\n\t\t\t\t) * u_value2;\n\r\n\t\t\t\treturn (sin(point.x) * sin(point.y)) * 4.0;\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 average = (color.r + color.g + color.b) / 3.0;\n\r\n\t\t\t\tgl_FragColor = vec4(vec3(average * 10.0 - 5.0 + pattern()), color.a);\n\r\n\t\t\t}\n"; - n.pixel_shader_pixelate = "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\tvec2 coord = vec2( floor(v_coord.x * u_value1) / u_value1, floor(v_coord.y * u_value2) / u_value2 );\n\r\n\t\t\t\tvec4 color = texture2D(u_texture, coord);\n\r\n\t\t\t\tgl_FragColor = color;\n\r\n\t\t\t}\n"; - n.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"; - n.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"; - n.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"; - f.registerNodeType("fx/generic", n); - u.LGraphFXGeneric = n; - 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 f = this.properties.intensity; - this.isInputConnected(1) && (f = this.getInputData(1), this.properties.intensity = f); - gl.disable(gl.BLEND); - gl.disable(gl.DEPTH_TEST); - var n = Mesh.getScreenQuad(), k = h._shader, m = this.properties.invert; - this._tex.drawTo(function() { - d.bind(0); - k.uniforms({u_texture:0, u_intensity:f, u_isize:[1 / d.width, 1 / d.height], u_invert:m ? 1 : 0}).draw(n); - }); - this.setOutputData(0, this._tex); - } - } - }; - 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"; - f.registerNodeType("fx/vigneting", h); - u.LGraphFXVigneting = h; - } -})(this); -(function(u) { - function f(d) { - this.cmd = this.channel = 0; - d ? this.setup(d) : this.data = [0, 0, 0]; - } - function h(d, c) { - navigator.requestMIDIAccess ? (this.on_ready = d, 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 n() { - this.addOutput("on_midi", k.EVENT); - this.addOutput("out", "midi"); - this.properties = {port:0}; - this._current_midi_event = this._last_midi_event = null; - var d = this; - new h(function(c) { - d._midi = c; - if (d._waiting) { - d.onStart(); - } - d._waiting = !1; - }); - } - function d() { - this.addInput("send", k.EVENT); - this.properties = {port:0}; - var d = this; - new h(function(c) { - d._midi = c; - }); - } - function q() { - this.addInput("on_midi", k.EVENT); - this._str = ""; - this.size = [200, 40]; - } - function t() { - this.properties = {channel:-1, cmd:-1, min_value:-1, max_value:-1}; - this.addInput("in", k.EVENT); - this.addOutput("on_midi", k.EVENT); - } - function v() { - this.properties = {channel:0, cmd:"CC", value1:1, value2:1}; - this.addInput("send", k.EVENT); - this.addInput("assign", k.EVENT); - this.addOutput("on_midi", k.EVENT); - } - function w() { - this.properties = {cc:1, value:0}; - this.addOutput("value", "number"); - } - var k = u.LiteGraph; - f.prototype.setup = function(d) { - this.data = d; - this.status = d = d[0]; - var c = d & 240; - this.cmd = 240 <= d ? d : c; - this.cmd == f.NOTEON && 0 == this.velocity && (this.cmd = f.NOTEOFF); - this.cmd_str = f.commands[this.cmd] || ""; - if (c >= f.NOTEON || c <= f.NOTEOFF) { - this.channel = d & 15; - } - }; - Object.defineProperty(f.prototype, "velocity", {get:function() { - return this.cmd == f.NOTEON ? this.data[2] : -1; - }, set:function(d) { - this.data[2] = d; - }, enumerable:!0}); - f.notes = "A A# B C C# D D# E F F# G G#".split(" "); - f.prototype.getPitch = function() { - return 440 * Math.pow(2, (this.data[1] - 69) / 12); - }; - f.computePitch = function(d) { - return 440 * Math.pow(2, (d - 69) / 12); - }; - f.prototype.getCC = function() { - return this.data[1]; - }; - f.prototype.getCCValue = function() { - return this.data[2]; - }; - f.prototype.getPitchBend = function() { - return this.data[1] + (this.data[2] << 7) - 8192; - }; - f.computePitchBend = function(d, c) { - return d + (c << 7) - 8192; - }; - f.prototype.setCommandFromString = function(d) { - this.cmd = f.computeCommandFromString(d); - }; - f.computeCommandFromString = function(d) { - if (!d) { - return 0; - } - if (d && d.constructor === Number) { - return d; - } - d = d.toUpperCase(); - switch(d) { - case "NOTE ON": - case "NOTEON": - return f.NOTEON; - case "NOTE OFF": - case "NOTEOFF": - return f.NOTEON; - case "KEY PRESSURE": - case "KEYPRESSURE": - return f.KEYPRESSURE; - case "CONTROLLER CHANGE": - case "CONTROLLERCHANGE": - case "CC": - return f.CONTROLLERCHANGE; - case "PROGRAM CHANGE": - case "PROGRAMCHANGE": - case "PC": - return f.PROGRAMCHANGE; - case "CHANNEL PRESSURE": - case "CHANNELPRESSURE": - return f.CHANNELPRESSURE; - case "PITCH BEND": - case "PITCHBEND": - return f.PITCHBEND; - case "TIME TICK": - case "TIMETICK": - return f.TIMETICK; - default: - return Number(d); - } - }; - f.toNoteString = function(d) { - var c = (d - 21) % 12; - 0 > c && (c = 12 + c); - return f.notes[c] + Math.floor((d - 24) / 12 + 1); - }; - f.prototype.toString = function() { - var d = "" + this.channel + ". "; - switch(this.cmd) { - case f.NOTEON: - d += "NOTEON " + f.toNoteString(this.data[1]); - break; - case f.NOTEOFF: - d += "NOTEOFF " + f.toNoteString(this.data[1]); - break; - case f.CONTROLLERCHANGE: - d += "CC " + this.data[1] + " " + this.data[2]; - break; - case f.PROGRAMCHANGE: - d += "PC " + this.data[1]; - break; - case f.PITCHBEND: - d += "PITCHBEND " + this.getPitchBend(); - break; - case f.KEYPRESSURE: - d += "KEYPRESS " + this.data[1]; - } - return d; - }; - f.prototype.toHexString = function() { - for (var d = "", c = 0; c < this.data.length; c++) { - d += this.data[c].toString(16) + " "; - } - }; - f.NOTEOFF = 128; - f.NOTEON = 144; - f.KEYPRESSURE = 160; - f.CONTROLLERCHANGE = 176; - f.PROGRAMCHANGE = 192; - f.CHANNELPRESSURE = 208; - f.PITCHBEND = 224; - f.TIMETICK = 248; - f.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 = f; - h.prototype.onMIDISuccess = function(d) { - console.log("MIDI ready!"); - console.log(d); - this.midi = d; - this.updatePorts(); - if (this.on_ready) { - this.on_ready(this); - } - }; - h.prototype.updatePorts = function() { - var d = this.midi; - this.input_ports = d.inputs; - for (var c = 0, a = this.input_ports.values(), b = a.next(); b && !1 === b.done;) { - b = b.value, console.log("Input port [type:'" + b.type + "'] id:'" + b.id + "' manufacturer:'" + b.manufacturer + "' name:'" + b.name + "' version:'" + b.version + "'"), c++, b = a.next(); - } - this.num_input_ports = c; - c = 0; - this.output_ports = d.outputs; - a = this.output_ports.values(); - for (b = a.next(); b && !1 === b.done;) { - b = b.value, console.log("Output port [type:'" + b.type + "'] id:'" + b.id + "' manufacturer:'" + b.manufacturer + "' name:'" + b.name + "' version:'" + b.version + "'"), c++, b = a.next(); - } - this.num_output_ports = c; - }; - h.prototype.onMIDIFailure = function(d) { - console.error("Failed to get MIDI access - " + d); - }; - h.prototype.openInputPort = function(d, c) { - d = this.input_ports.get("input-" + d); - if (!d) { - return !1; - } - h.input = this; - var a = this; - d.onmidimessage = function(b) { - var d = new f(b.data); - a.updateState(d); - c && c(b.data, d); - if (h.on_message) { - h.on_message(b.data, d); - } - }; - console.log("port open: ", d); - return !0; - }; - h.parseMsg = function(d) { - }; - h.prototype.updateState = function(d) { - switch(d.cmd) { - case f.NOTEON: - this.state.note[d.value1 | 0] = d.value2; - break; - case f.NOTEOFF: - this.state.note[d.value1 | 0] = 0; - break; - case f.CONTROLLERCHANGE: - this.state.cc[d.getCC()] = d.getCCValue(); - } - }; - h.prototype.sendMIDI = function(d, c) { - c && (d = this.output_ports.get("output-" + d)) && (h.output = this, c.constructor === f ? d.send(c.data) : d.send(c)); - }; - n.MIDIInterface = h; - n.title = "MIDI Input"; - n.desc = "Reads MIDI from a input port"; - n.prototype.getPropertyInfo = function(d) { - if (this._midi && "port" == d) { - d = {}; - for (var c = 0; c < this._midi.input_ports.size; ++c) { - var a = this._midi.input_ports.get("input-" + c); - d[c] = c + ".- " + a.name + " version:" + a.version; - } - return {type:"enum", values:d}; - } - }; - n.prototype.onStart = function() { - this._midi ? this._midi.openInputPort(this.properties.port, this.onMIDIEvent.bind(this)) : this._waiting = !0; - }; - n.prototype.onMIDIEvent = function(d, c) { - this._last_midi_event = c; - this.trigger("on_midi", c); - c.cmd == f.NOTEON ? this.trigger("on_noteon", c) : c.cmd == f.NOTEOFF ? this.trigger("on_noteoff", c) : c.cmd == f.CONTROLLERCHANGE ? this.trigger("on_cc", c) : c.cmd == f.PROGRAMCHANGE ? this.trigger("on_pc", c) : c.cmd == f.PITCHBEND && this.trigger("on_pitchbend", c); - }; - n.prototype.onExecute = function() { - if (this.outputs) { - for (var d = this._last_midi_event, c = 0; c < this.outputs.length; ++c) { - switch(this.outputs[c].name) { - case "midi": - var a = this._midi; - break; - case "last_midi": - a = d; - break; - default: - continue; - } - this.setOutputData(c, a); - } - } - }; - n.prototype.onGetOutputs = function() { - return [["last_midi", "midi"], ["on_midi", k.EVENT], ["on_noteon", k.EVENT], ["on_noteoff", k.EVENT], ["on_cc", k.EVENT], ["on_pc", k.EVENT], ["on_pitchbend", k.EVENT]]; - }; - k.registerNodeType("midi/input", n); - d.MIDIInterface = h; - d.title = "MIDI Output"; - d.desc = "Sends MIDI to output channel"; - d.prototype.getPropertyInfo = function(d) { - if (this._midi && "port" == d) { - d = {}; - for (var c = 0; c < this._midi.output_ports.size; ++c) { - var a = this._midi.output_ports.get(c); - d[c] = c + ".- " + a.name + " version:" + a.version; - } - return {type:"enum", values:d}; - } - }; - d.prototype.onAction = function(d, c) { - console.log(c); - this._midi && ("send" == d && this._midi.sendMIDI(this.port, c), this.trigger("midi", c)); - }; - d.prototype.onGetInputs = function() { - return [["send", k.ACTION]]; - }; - d.prototype.onGetOutputs = function() { - return [["on_midi", k.EVENT]]; - }; - k.registerNodeType("midi/output", d); - q.title = "MIDI Show"; - q.desc = "Shows MIDI in the graph"; - q.prototype.onAction = function(d, c) { - c && (this._str = c.constructor === f ? c.toString() : "???"); - }; - q.prototype.onDrawForeground = function(d) { - this._str && (d.font = "30px Arial", d.fillText(this._str, 10, 0.8 * this.size[1])); - }; - q.prototype.onGetInputs = function() { - return [["in", k.ACTION]]; - }; - q.prototype.onGetOutputs = function() { - return [["on_midi", k.EVENT]]; - }; - k.registerNodeType("midi/show", q); - t.title = "MIDI Filter"; - t.desc = "Filters MIDI messages"; - t.prototype.onAction = function(d, c) { - !c || c.constructor !== f || -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); - }; - k.registerNodeType("midi/filter", t); - v.title = "MIDIEvent"; - v.desc = "Create a MIDI Event"; - v.prototype.onAction = function(d, c) { - "assign" == d ? (this.properties.channel = c.channel, this.properties.cmd = c.cmd, this.properties.value1 = c.data[1], this.properties.value2 = c.data[2]) : (c = new f, c.channel = this.properties.channel, this.properties.cmd && this.properties.cmd.constructor === String ? c.setCommandFromString(this.properties.cmd) : c.cmd = this.properties.cmd, c.data[0] = c.cmd | c.channel, c.data[1] = Number(this.properties.value1), c.data[2] = Number(this.properties.value2), this.trigger("on_midi", c)); - }; - v.prototype.onExecute = function() { - var d = this.properties; - if (this.outputs) { - for (var c = 0; c < this.outputs.length; ++c) { - switch(this.outputs[c].name) { - case "midi": - var a = new f; - a.setup([d.cmd, d.value1, d.value2]); - a.channel = d.channel; - break; - case "command": - a = d.cmd; - break; - case "cc": - a = d.value1; - break; - case "cc_value": - a = d.value2; - break; - case "note": - a = d.cmd == f.NOTEON || d.cmd == f.NOTEOFF ? d.value1 : null; - break; - case "velocity": - a = d.cmd == f.NOTEON ? d.value2 : null; - break; - case "pitch": - a = d.cmd == f.NOTEON ? f.computePitch(d.value1) : null; - break; - case "pitchbend": - a = d.cmd == f.PITCHBEND ? f.computePitchBend(d.value1, d.value2) : null; - break; - default: - continue; - } - null !== a && this.setOutputData(c, a); - } - } - }; - v.prototype.onPropertyChanged = function(d, c) { - "cmd" == d && (this.properties.cmd = f.computeCommandFromString(c)); - }; - v.prototype.onGetOutputs = function() { - return [["midi", "midi"], ["on_midi", k.EVENT], ["command", "number"], ["note", "number"], ["velocity", "number"], ["cc", "number"], ["cc_value", "number"], ["pitch", "number"], ["pitchbend", "number"]]; - }; - k.registerNodeType("midi/event", v); - w.title = "MIDICC"; - w.desc = "gets a Controller Change"; - w.prototype.onExecute = function() { - h.input && (this.properties.value = h.input.state.cc[this.properties.cc]); - this.setOutputData(0, this.properties.value); - }; - k.registerNodeType("midi/cc", w); -})(this); -(function(u) { - function f() { - this.properties = {src:"", gain:0.5, loop:!0, autoplay:!0, playbackRate:1}; - this._loading_audio = !1; - this._audiobuffer = null; - this._audionodes = []; - this._last_sourcenode = null; - this.addOutput("out", "audio"); - this.addInput("gain", "number"); - this.audionode = g.getAudioContext().createGain(); - this.audionode.graphnode = this; - this.audionode.gain.value = this.properties.gain; - this.properties.src && this.loadSound(this.properties.src); - } - function h() { - this.properties = {fftSize:2048, minDecibels:-100, maxDecibels:-10, smoothingTimeConstant:0.5}; - this.audionode = g.getAudioContext().createAnalyser(); - this.audionode.graphnode = this; - this.audionode.fftSize = this.properties.fftSize; - this.audionode.minDecibels = this.properties.minDecibels; - this.audionode.maxDecibels = this.properties.maxDecibels; - this.audionode.smoothingTimeConstant = this.properties.smoothingTimeConstant; - this.addInput("in", "audio"); - this.addOutput("freqs", "array"); - this.addOutput("samples", "array"); - this._time_bin = this._freq_bin = null; - } - function n() { - this.properties = {gain:1}; - this.audionode = g.getAudioContext().createGain(); - this.addInput("in", "audio"); - this.addInput("gain", "number"); - this.addOutput("out", "audio"); - } - function d() { - this.properties = {impulse_src:"", normalize:!0}; - this.audionode = g.getAudioContext().createConvolver(); - this.addInput("in", "audio"); - this.addOutput("out", "audio"); - } - function q() { - this.properties = {threshold:-50, knee:40, ratio:12, reduction:-20, attack:0, release:0.25}; - this.audionode = g.getAudioContext().createDynamicsCompressor(); - this.addInput("in", "audio"); - this.addOutput("out", "audio"); - } - function t() { - this.properties = {}; - this.audionode = g.getAudioContext().createWaveShaper(); - this.addInput("in", "audio"); - this.addInput("shape", "waveshape"); - this.addOutput("out", "audio"); - } - function v() { - this.properties = {gain1:0.5, gain2:0.5}; - this.audionode = g.getAudioContext().createGain(); - this.audionode1 = g.getAudioContext().createGain(); - this.audionode1.gain.value = this.properties.gain1; - this.audionode2 = g.getAudioContext().createGain(); - this.audionode2.gain.value = this.properties.gain2; - this.audionode1.connect(this.audionode); - this.audionode2.connect(this.audionode); - this.addInput("in1", "audio"); - this.addInput("in1 gain", "number"); - this.addInput("in2", "audio"); - this.addInput("in2 gain", "number"); - this.addOutput("out", "audio"); - } - function w() { - this.properties = {delayTime:0.5}; - this.audionode = g.getAudioContext().createDelay(10); - this.audionode.delayTime.value = this.properties.delayTime; - this.addInput("in", "audio"); - this.addInput("time", "number"); - this.addOutput("out", "audio"); - } - function k() { - this.properties = {frequency:350, detune:0, Q:1}; - this.addProperty("type", "lowpass", "enum", {values:"lowpass highpass bandpass lowshelf highshelf peaking notch allpass".split(" ")}); - this.audionode = g.getAudioContext().createBiquadFilter(); - this.addInput("in", "audio"); - this.addOutput("out", "audio"); - } - function m() { - this.properties = {frequency:440, detune:0, type:"sine"}; - this.addProperty("type", "sine", "enum", {values:["sine", "square", "sawtooth", "triangle", "custom"]}); - this.audionode = g.getAudioContext().createOscillator(); - this.addOutput("out", "audio"); - } - function c() { - this.properties = {continuous:!0, mark:-1}; - this.addInput("data", "array"); - this.addInput("mark", "number"); - this.size = [300, 200]; - this._last_buffer = null; - } - function a() { - this.properties = {band:440, amplitude:1}; - this.addInput("freqs", "array"); - this.addOutput("signal", "number"); - } - function b() { - if (!b.default_code) { - var a = b.default_function.toString(), c = a.indexOf("{") + 1, d = a.lastIndexOf("}"); - b.default_code = a.substr(c, d - c); - } - this.properties = {code:b.default_code}; - a = g.getAudioContext(); - a.createScriptProcessor ? this.audionode = a.createScriptProcessor(4096, 1, 1) : (console.warn("ScriptProcessorNode deprecated"), this.audionode = a.createGain()); - this.processCode(); - b._bypass_function || (b._bypass_function = this.audionode.onaudioprocess); - this.addInput("in", "audio"); - this.addOutput("out", "audio"); - } - function e() { - this.audionode = g.getAudioContext().destination; - this.addInput("in", "audio"); - } - var z = u.LiteGraph, g = {}; - u.LGAudio = g; - g.getAudioContext = function() { - if (!this._audio_context) { - window.AudioContext = window.AudioContext || window.webkitAudioContext; - if (!window.AudioContext) { - return console.error("AudioContext not supported by browser"), null; - } - this._audio_context = new AudioContext; - this._audio_context.onmessage = function(a) { - console.log("msg", a); - }; - this._audio_context.onended = function(a) { - console.log("ended", a); - }; - this._audio_context.oncomplete = function(a) { - console.log("complete", a); - }; - } - return this._audio_context; - }; - g.connect = function(a, b) { - try { - a.connect(b); - } catch (A) { - console.warn("LGraphAudio:", A); - } - }; - g.disconnect = function(a, b) { - try { - a.disconnect(b); - } catch (A) { - console.warn("LGraphAudio:", A); - } - }; - g.changeAllAudiosConnections = function(a, b) { - if (a.inputs) { - for (var c = 0; c < a.inputs.length; ++c) { - var d = a.graph.links[a.inputs[c].link]; - if (d) { - var e = a.graph.getNodeById(d.origin_id); - e = e.getAudioNodeInOutputSlot ? e.getAudioNodeInOutputSlot(d.origin_slot) : e.audionode; - d = a.getAudioNodeInInputSlot ? a.getAudioNodeInInputSlot(c) : a.audionode; - b ? g.connect(e, d) : g.disconnect(e, d); - } - } - } - if (a.outputs) { - for (c = 0; c < a.outputs.length; ++c) { - for (var f = a.outputs[c], l = 0; l < f.links.length; ++l) { - if (d = a.graph.links[f.links[l]]) { - e = a.getAudioNodeInOutputSlot ? a.getAudioNodeInOutputSlot(c) : a.audionode; - var k = a.graph.getNodeById(d.target_id); - d = k.getAudioNodeInInputSlot ? k.getAudioNodeInInputSlot(d.target_slot) : k.audionode; - b ? g.connect(e, d) : g.disconnect(e, d); - } - } - } - } - }; - g.onConnectionsChange = function(a, b, c, d) { - a == z.OUTPUT && (a = null, d && (a = this.graph.getNodeById(d.target_id)), a && (b = this.getAudioNodeInOutputSlot ? this.getAudioNodeInOutputSlot(b) : this.audionode, d = a.getAudioNodeInInputSlot ? a.getAudioNodeInInputSlot(d.target_slot) : a.audionode, c ? g.connect(b, d) : g.disconnect(b, d))); - }; - g.createAudioNodeWrapper = function(a) { - var b = a.prototype.onPropertyChanged; - a.prototype.onPropertyChanged = function(a, c) { - b && b.call(this, a, c); - this.audionode && void 0 !== this.audionode[a] && (void 0 !== this.audionode[a].value ? this.audionode[a].value = c : this.audionode[a] = c); - }; - a.prototype.onConnectionsChange = g.onConnectionsChange; - }; - g.cached_audios = {}; - g.loadSound = function(a, b, c) { - function d(a) { - console.log("Audio loading sample error:", a); - c && c(a); - } - if (g.cached_audios[a] && -1 == a.indexOf("blob:")) { - b && b(g.cached_audios[a]); - } else { - g.onProcessAudioURL && (a = g.onProcessAudioURL(a)); - var e = new XMLHttpRequest; - e.open("GET", a, !0); - e.responseType = "arraybuffer"; - var f = g.getAudioContext(); - e.onload = function() { - console.log("AudioSource loaded"); - f.decodeAudioData(e.response, function(c) { - console.log("AudioSource decoded"); - g.cached_audios[a] = c; - b && b(c); - }, d); - }; - e.send(); - return e; - } - }; - f["@src"] = {widget:"resource"}; - f.supported_extensions = ["wav", "ogg", "mp3"]; - f.prototype.onAdded = function(a) { - if (a.status === LGraph.STATUS_RUNNING) { - this.onStart(); - } - }; - f.prototype.onStart = function() { - this._audiobuffer && this.properties.autoplay && this.playBuffer(this._audiobuffer); - }; - f.prototype.onStop = function() { - this.stopAllSounds(); - }; - f.prototype.onPause = function() { - this.pauseAllSounds(); - }; - f.prototype.onUnpause = function() { - this.unpauseAllSounds(); - }; - f.prototype.onRemoved = function() { - this.stopAllSounds(); - this._dropped_url && URL.revokeObjectURL(this._url); - }; - f.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; - }; - f.prototype.pauseAllSounds = function() { - g.getAudioContext().suspend(); - }; - f.prototype.unpauseAllSounds = function() { - g.getAudioContext().resume(); - }; - f.prototype.onExecute = function() { - if (this.inputs) { - for (var a = 0; a < this.inputs.length; ++a) { - var b = this.inputs[a]; - if (null != b.link) { - var c = this.getInputData(a); - if (void 0 !== c) { - if ("gain" == b.name) { - this.audionode.gain.value = c; - } else { - if ("playbackRate" == b.name) { - for (this.properties.playbackRate = c, b = 0; b < this._audionodes.length; ++b) { - this._audionodes[b].playbackRate.value = c; - } - } - } - } - } - } - } - if (this.outputs) { - for (a = 0; a < this.outputs.length; ++a) { - "buffer" == this.outputs[a].name && this._audiobuffer && this.setOutputData(a, this._audiobuffer); - } - } - }; - f.prototype.onAction = function(a) { - this._audiobuffer && ("Play" == a ? this.playBuffer(this._audiobuffer) : "Stop" == a && this.stopAllSounds()); - }; - f.prototype.onPropertyChanged = function(a, b) { - if ("src" == a) { - this.loadSound(b); - } else { - if ("gain" == a) { - this.audionode.gain.value = b; - } else { - if ("playbackRate" == a) { - for (a = 0; a < this._audionodes.length; ++a) { - this._audionodes[a].playbackRate.value = b; - } - } - } - } - }; - f.prototype.playBuffer = function(a) { - var b = this, c = g.getAudioContext().createBufferSource(); - this._last_sourcenode = c; - c.graphnode = this; - c.buffer = a; - c.loop = this.properties.loop; - c.playbackRate.value = this.properties.playbackRate; - this._audionodes.push(c); - c.connect(this.audionode); - this._audionodes.push(c); - c.onended = function() { - b.trigger("ended"); - var a = b._audionodes.indexOf(c); - -1 != a && b._audionodes.splice(a, 1); - }; - c.started || (c.started = !0, c.start()); - return c; - }; - f.prototype.loadSound = function(a) { - var b = this; - this._request && (this._request.abort(), this._request = null); - this._audiobuffer = null; - this._loading_audio = !1; - a && (this._request = g.loadSound(a, function(a) { - this.boxcolor = z.NODE_DEFAULT_BOXCOLOR; - b._audiobuffer = a; - b._loading_audio = !1; - if (b.graph && b.graph.status === LGraph.STATUS_RUNNING) { - b.onStart(); - } - }), this._loading_audio = !0, this.boxcolor = "#AA4"); - }; - f.prototype.onConnectionsChange = g.onConnectionsChange; - f.prototype.onGetInputs = function() { - return [["playbackRate", "number"], ["Play", z.ACTION], ["Stop", z.ACTION]]; - }; - f.prototype.onGetOutputs = function() { - return [["buffer", "audiobuffer"], ["ended", z.EVENT]]; - }; - f.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; - }; - f.title = "Source"; - f.desc = "Plays audio"; - z.registerNodeType("audio/source", f); - h.prototype.onPropertyChanged = function(a, b) { - this.audionode[a] = b; - }; - h.prototype.onExecute = function() { - if (this.isOutputConnected(0)) { - var a = this.audionode.frequencyBinCount; - this._freq_bin && this._freq_bin.length == a || (this._freq_bin = new Uint8Array(a)); - this.audionode.getByteFrequencyData(this._freq_bin); - this.setOutputData(0, this._freq_bin); - } - this.isOutputConnected(1) && (a = this.audionode.frequencyBinCount, this._time_bin && this._time_bin.length == a || (this._time_bin = new Uint8Array(a)), this.audionode.getByteTimeDomainData(this._time_bin), this.setOutputData(1, this._time_bin)); - for (a = 1; a < this.inputs.length; ++a) { - var b = this.inputs[a]; - if (null != b.link) { - var c = this.getInputData(a); - void 0 !== c && (this.audionode[b.name].value = c); - } - } - }; - h.prototype.onGetInputs = function() { - return [["minDecibels", "number"], ["maxDecibels", "number"], ["smoothingTimeConstant", "number"]]; - }; - h.prototype.onGetOutputs = function() { - return [["freqs", "array"], ["samples", "array"]]; - }; - h.title = "Analyser"; - h.desc = "Audio Analyser"; - z.registerNodeType("audio/analyser", h); - n.prototype.onExecute = function() { - if (this.inputs && this.inputs.length) { - for (var a = 1; a < this.inputs.length; ++a) { - var b = this.inputs[a], c = this.getInputData(a); - void 0 !== c && (this.audionode[b.name].value = c); - } - } - }; - g.createAudioNodeWrapper(n); - n.title = "Gain"; - n.desc = "Audio gain"; - z.registerNodeType("audio/gain", n); - g.createAudioNodeWrapper(d); - d.prototype.onRemove = function() { - this._dropped_url && URL.revokeObjectURL(this._dropped_url); - }; - d.prototype.onPropertyChanged = function(a, b) { - "impulse_src" == a ? this.loadImpulse(b) : "normalize" == a && (this.audionode.normalize = b); - }; - d.prototype.onDropFile = function(a) { - this._dropped_url && URL.revokeObjectURL(this._dropped_url); - this._dropped_url = URL.createObjectURL(a); - this.properties.impulse_src = this._dropped_url; - this.loadImpulse(this._dropped_url); - }; - d.prototype.loadImpulse = function(a) { - var b = this; - this._request && (this._request.abort(), this._request = null); - this._impulse_buffer = null; - this._loading_impulse = !1; - a && (this._request = g.loadSound(a, function(a) { - b._impulse_buffer = a; - b.audionode.buffer = a; - console.log("Impulse signal set"); - b._loading_impulse = !1; - }), this._loading_impulse = !0); - }; - d.title = "Convolver"; - d.desc = "Convolves the signal (used for reverb)"; - z.registerNodeType("audio/convolver", d); - g.createAudioNodeWrapper(q); - q.prototype.onExecute = function() { - if (this.inputs && this.inputs.length) { - for (var a = 1; a < this.inputs.length; ++a) { - var b = this.inputs[a]; - if (null != b.link) { - var c = this.getInputData(a); - void 0 !== c && (this.audionode[b.name].value = c); - } - } - } - }; - q.prototype.onGetInputs = function() { - return [["threshold", "number"], ["knee", "number"], ["ratio", "number"], ["reduction", "number"], ["attack", "number"], ["release", "number"]]; - }; - q.title = "DynamicsCompressor"; - q.desc = "Dynamics Compressor"; - z.registerNodeType("audio/dynamicsCompressor", q); - t.prototype.onExecute = function() { - if (this.inputs && this.inputs.length) { - var a = this.getInputData(1); - void 0 !== a && (this.audionode.curve = a); - } - }; - t.prototype.setWaveShape = function(a) { - this.audionode.curve = a; - }; - g.createAudioNodeWrapper(t); - v.prototype.getAudioNodeInInputSlot = function(a) { - if (0 == a) { - return this.audionode1; - } - if (2 == a) { - return this.audionode2; - } - }; - v.prototype.onPropertyChanged = function(a, b) { - "gain1" == a ? this.audionode1.gain.value = b : "gain2" == a && (this.audionode2.gain.value = b); - }; - v.prototype.onExecute = function() { - if (this.inputs && this.inputs.length) { - for (var a = 1; a < this.inputs.length; ++a) { - var b = this.inputs[a]; - null != b.link && "audio" != b.type && (b = this.getInputData(a), void 0 !== b && (1 == a ? this.audionode1.gain.value = b : 3 == a && (this.audionode2.gain.value = b))); - } - } - }; - g.createAudioNodeWrapper(v); - v.title = "Mixer"; - v.desc = "Audio mixer"; - z.registerNodeType("audio/mixer", v); - g.createAudioNodeWrapper(w); - w.prototype.onExecute = function() { - var a = this.getInputData(1); - void 0 !== a && (this.audionode.delayTime.value = a); - }; - w.title = "Delay"; - w.desc = "Audio delay"; - z.registerNodeType("audio/delay", w); - k.prototype.onExecute = function() { - if (this.inputs && this.inputs.length) { - for (var a = 1; a < this.inputs.length; ++a) { - var b = this.inputs[a]; - if (null != b.link) { - var c = this.getInputData(a); - void 0 !== c && (this.audionode[b.name].value = c); - } - } - } - }; - k.prototype.onGetInputs = function() { - return [["frequency", "number"], ["detune", "number"], ["Q", "number"]]; - }; - g.createAudioNodeWrapper(k); - k.title = "BiquadFilter"; - k.desc = "Audio filter"; - z.registerNodeType("audio/biquadfilter", k); - m.prototype.onStart = function() { - this.audionode.started || (this.audionode.started = !0, this.audionode.start()); - }; - m.prototype.onStop = function() { - this.audionode.started && (this.audionode.started = !1, this.audionode.stop()); - }; - m.prototype.onPause = function() { - this.onStop(); - }; - m.prototype.onUnpause = function() { - this.onStart(); - }; - m.prototype.onExecute = function() { - if (this.inputs && this.inputs.length) { - for (var a = 0; a < this.inputs.length; ++a) { - var b = this.inputs[a]; - if (null != b.link) { - var c = this.getInputData(a); - void 0 !== c && (this.audionode[b.name].value = c); - } - } - } - }; - m.prototype.onGetInputs = function() { - return [["frequency", "number"], ["detune", "number"], ["type", "string"]]; - }; - g.createAudioNodeWrapper(m); - m.title = "Oscillator"; - m.desc = "Oscillator"; - z.registerNodeType("audio/oscillator", m); - c.prototype.onExecute = function() { - this._last_buffer = this.getInputData(0); - var a = this.getInputData(1); - void 0 !== a && (this.properties.mark = a); - this.setDirtyCanvas(!0, !1); - }; - c.prototype.onDrawForeground = function(a) { - if (this._last_buffer) { - var b = this._last_buffer, c = b.length / this.size[0], d = this.size[1]; - a.fillStyle = "black"; - a.fillRect(0, 0, this.size[0], this.size[1]); - a.strokeStyle = "white"; - a.beginPath(); - var e = 0; - if (this.properties.continuous) { - a.moveTo(e, d); - for (var f = 0; f < b.length; f += c) { - a.lineTo(e, d - b[f | 0] / 255 * d), e++; - } - } else { - for (f = 0; f < b.length; f += c) { - a.moveTo(e + 0.5, d), a.lineTo(e + 0.5, d - b[f | 0] / 255 * d), e++; - } - } - a.stroke(); - 0 <= this.properties.mark && (b = g.getAudioContext().sampleRate / b.length, e = this.properties.mark / b * 2 / c, e >= this.size[0] && (e = this.size[0] - 1), a.strokeStyle = "red", a.beginPath(), a.moveTo(e, d), a.lineTo(e, 0), a.stroke()); - } - }; - c.title = "Visualization"; - c.desc = "Audio Visualization"; - z.registerNodeType("audio/visualization", c); - a.prototype.onExecute = function() { - if (this._freqs = this.getInputData(0)) { - var a = this.properties.band, b = this.getInputData(1); - void 0 !== b && (a = b); - b = g.getAudioContext().sampleRate / this._freqs.length; - b = a / b * 2; - b >= this._freqs.length ? b = this._freqs[this._freqs.length - 1] : (a = b | 0, b -= a, b = this._freqs[a] * (1 - b) + this._freqs[a + 1] * b); - this.setOutputData(0, b / 255 * this.properties.amplitude); - } - }; - a.prototype.onGetInputs = function() { - return [["band", "number"]]; - }; - a.title = "Signal"; - a.desc = "extract the signal of some frequency"; - z.registerNodeType("audio/signal", a); - b.prototype.onAdded = function(a) { - a.status == LGraph.STATUS_RUNNING && (this.audionode.onaudioprocess = this._callback); - }; - b["@code"] = {widget:"code"}; - b.prototype.onStart = function() { - this.audionode.onaudioprocess = this._callback; - }; - b.prototype.onStop = function() { - this.audionode.onaudioprocess = b._bypass_function; - }; - b.prototype.onPause = function() { - this.audionode.onaudioprocess = b._bypass_function; - }; - b.prototype.onUnpause = function() { - this.audionode.onaudioprocess = this._callback; - }; - b.prototype.onExecute = function() { - }; - b.prototype.onRemoved = function() { - this.audionode.onaudioprocess = b._bypass_function; - }; - b.prototype.processCode = function() { - try { - this._script = new (new Function("properties", this.properties.code))(this.properties), this._old_code = this.properties.code, this._callback = this._script.onaudioprocess; - } catch (l) { - console.error("Error in onaudioprocess code", l), this._callback = b._bypass_function, this.audionode.onaudioprocess = this._callback; - } - }; - b.prototype.onPropertyChanged = function(a, b) { - "code" == a && (this.properties.code = b, this.processCode(), this.graph && this.graph.status == LGraph.STATUS_RUNNING && (this.audionode.onaudioprocess = this._callback)); - }; - b.default_function = function() { - this.onaudioprocess = function(a) { - var b = a.inputBuffer; - a = a.outputBuffer; - for (var c = 0; c < a.numberOfChannels; c++) { - for (var d = b.getChannelData(c), e = a.getChannelData(c), f = 0; f < b.length; f++) { - e[f] = d[f]; - } - } - }; - }; - g.createAudioNodeWrapper(b); - b.title = "Script"; - b.desc = "apply script to signal"; - z.registerNodeType("audio/script", b); - e.title = "Destination"; - e.desc = "Audio output"; - z.registerNodeType("audio/destination", e); -})(this); -(function(u) { - function f() { - this.size = [60, 20]; - this.addInput("send", n.ACTION); - this.addOutput("received", n.EVENT); - this.addInput("in", 0); - this.addOutput("out", 0); - this.properties = {url:"", room:"lgraph"}; - this._ws = null; - this._last_data = []; - } - function h() { - this.size = [60, 20]; - this.addInput("send", n.ACTION); - this.addOutput("received", n.EVENT); - this.addInput("in", 0); - this.addOutput("out", 0); - this.properties = {url:"tamats.com:55000", room:"lgraph", save_bandwidth:!0}; - this._server = null; - this.createSocket(); - this._last_input_data = []; - this._last_output_data = []; - } - var n = u.LiteGraph; - f.title = "WebSocket"; - f.desc = "Send data through a websocket"; - f.prototype.onPropertyChanged = function(d, f) { - "url" == d && this.createSocket(); - }; - f.prototype.onExecute = function() { - !this._ws && this.properties.url && this.createSocket(); - if (this._ws && this._ws.readyState == WebSocket.OPEN) { - for (var d = this.properties.room, f = 1; f < this.inputs.length; ++f) { - var h = this.getInputData(f); - if (null != h) { - try { - var n = JSON.stringify({type:0, room:d, channel:f, data:h}); - } catch (w) { - continue; - } - this._ws.send(n); - } - } - for (f = 1; f < this.outputs.length; ++f) { - this.setOutputData(f, this._last_data[f]); - } - } - }; - f.prototype.createSocket = function() { - var d = this, f = this.properties.url; - "ws" != f.substr(0, 2) && (f = "ws://" + f); - this._ws = new WebSocket(f); - this._ws.onopen = function() { - console.log("ready"); - d.boxcolor = "#8E8"; - }; - this._ws.onmessage = function(f) { - var h = JSON.parse(f.data); - h.room && h.room != this.properties.room || (1 == f.data.type ? d.triggerSlot(0, h) : d._last_data[f.data.channel || 0] = h.data); - }; - this._ws.onerror = function(f) { - console.log("couldnt connect to websocket"); - d.boxcolor = "#E88"; - }; - this._ws.onclose = function(f) { - console.log("connection closed"); - d.boxcolor = "#000"; - }; - }; - f.prototype.send = function(d) { - this._ws && this._ws.readyState == WebSocket.OPEN && this._ws.send(JSON.stringify({type:1, msg:d})); - }; - f.prototype.onAction = function(d, f) { - this._ws && this._ws.readyState == WebSocket.OPEN && this._ws.send({type:1, room:this.properties.room, action:d, data:f}); - }; - f.prototype.onGetInputs = function() { - return [["in", 0]]; - }; - f.prototype.onGetOutputs = function() { - return [["out", 0]]; - }; - n.registerNodeType("network/websocket", f); - h.title = "SillyClient"; - h.desc = "Connects to SillyServer to broadcast messages"; - h.prototype.onPropertyChanged = function(d, f) { - 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, f = 1; f < this.inputs.length; ++f) { - var h = this.getInputData(f); - null == h || d && this._last_input_data[f] == h || (this._server.sendMessage({type:0, channel:f, data:h}), this._last_input_data[f] = h); - } - for (f = 1; f < this.outputs.length; ++f) { - this.setOutputData(f, this._last_output_data[f]); - } - } - }; - 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(f, h) { - f = null; - try { - f = JSON.parse(h); - } catch (v) { - return; - } - 1 == f.type ? d.triggerSlot(0, f) : d._last_output_data[f.channel || 0] = f.data; - }, this._server.on_error = function(f) { - console.log("couldnt connect to websocket"); - d.boxcolor = "#E88"; - }, this._server.on_close = function(f) { - 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, f) { - this._server && this._server.is_connected && this._server.sendMessage({type:1, action:d, data:f}); - }; - h.prototype.onGetInputs = function() { - return [["in", 0]]; - }; - h.prototype.onGetOutputs = function() { - return [["out", 0]]; - }; - n.registerNodeType("network/sillyclient", h); -})(this); - - -(function(u){function h(a){k.debug&&console.log("Graph created");this.list_of_graphcanvas=null;this.clear();a&&this.configure(a)}function f(a){this._ctor(a)}function p(a){this._ctor(a)}function d(a,c,g){g=g||{};this.background_image="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII="; -a&&a.constructor===String&&(a=document.querySelector(a));this.max_zoom=10;this.min_zoom=0.1;this.zoom_modify_alpha=!0;this.title_text_font="bold "+k.NODE_TEXT_SIZE+"px Arial";this.inner_text_font="normal "+k.NODE_SUBTEXT_SIZE+"px Arial";this.node_title_color=k.NODE_TITLE_COLOR;this.default_link_color=k.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;this.editor_alpha=1;this.pause_rendering= +(function(u){function h(a){l.debug&&console.log("Graph created");this.list_of_graphcanvas=null;this.clear();a&&this.configure(a)}function f(a){this._ctor(a)}function p(a){this._ctor(a)}function d(a,c,g){g=g||{};this.background_image="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII="; +a&&a.constructor===String&&(a=document.querySelector(a));this.max_zoom=10;this.min_zoom=0.1;this.zoom_modify_alpha=!0;this.title_text_font="bold "+l.NODE_TEXT_SIZE+"px Arial";this.inner_text_font="normal "+l.NODE_SUBTEXT_SIZE+"px Arial";this.node_title_color=l.NODE_TITLE_COLOR;this.default_link_color=l.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;this.editor_alpha=1;this.pause_rendering= !1;this.render_only_selected=this.clear_background=this.render_shadows=!0;this.live_mode=!1;this.allow_searchbox=this.allow_interaction=this.allow_dragnodes=this.allow_dragcanvas=this.show_info=!0;this.drag_mode=this.allow_reconnect_links=!1;this.filter=this.dragging_rectangle=null;this.always_render_background=!1;this.render_canvas_border=!0;this.render_connections_shadows=!1;this.render_connection_arrows=this.render_curved_connections=this.render_connections_border=!0;this.render_execution_order= -!1;this.canvas_mouse=[0,0];this.onSearchBoxSelection=this.onSearchBox=null;this.connections_width=3;this.round_radius=8;this.node_widget=this.current_node=null;this.last_mouse_position=[0,0];this.visible_area=new Float32Array(4);c&&c.attachCanvas(this);this.setCanvas(a);this.clear();g.skip_render||this.startRendering();this.autoresize=g.autoresize}function q(a,c){return Math.sqrt((c[0]-a[0])*(c[0]-a[0])+(c[1]-a[1])*(c[1]-a[1]))}function s(a,c,g,w,e,l){return ga&&wc?!0:!1}function v(a, +!1;this.canvas_mouse=[0,0];this.onSearchBoxSelection=this.onSearchBox=null;this.connections_width=3;this.round_radius=8;this.node_widget=this.current_node=null;this.last_mouse_position=[0,0];this.visible_area=new Float32Array(4);c&&c.attachCanvas(this);this.setCanvas(a);this.clear();g.skip_render||this.startRendering();this.autoresize=g.autoresize}function n(a,c){return Math.sqrt((c[0]-a[0])*(c[0]-a[0])+(c[1]-a[1])*(c[1]-a[1]))}function s(a,c,g,w,e,k){return ga&&wc?!0:!1}function v(a, c){var g=a[0]+a[2],w=a[1]+a[3],e=c[1]+c[3];return a[0]>c[0]+c[2]||a[1]>e||gk.width-d.width-10&&(l=k.width-d.width-10);b>k.height-d.height-10&&(b=k.height-d.height-10)}e.style.left= -l+"px";e.style.top=b+"px"}var k=u.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)",LINK_COLOR:"#AAD",EVENT_LINK_COLOR:"#F85",CONNECTING_LINK_COLOR:"#AFA", +function(a){if(2!=a.button)return!1;a.preventDefault();return!1},!0);e.addEventListener("mousedown",function(a){if(2==a.button)return w.close(),a.preventDefault(),!0},!0);e.addEventListener("wheel",g,!0);e.addEventListener("mousewheel",g,!0);this.root=e;if(c.title){var k=document.createElement("div");k.className="litemenu-title";k.innerHTML=c.title;e.appendChild(k)}var k=0,b;for(b in a){var l=a.constructor==Array?a[b]:b;null!=l&&l.constructor!==String&&(l=void 0===l.content?String(l):l.content);this.addItem(l, +a[b],c);k++}e.addEventListener("mouseleave",function(a){w.lock||w.close(a)});b=document;c.event&&(b=c.event.target.ownerDocument);b||(b=document);b.body.appendChild(e);k=c.left||0;b=c.top||0;if(c.event){k=c.event.pageX-10;b=c.event.pageY-10;c.title&&(b-=20);c.parentMenu&&(k=c.parentMenu.root.getBoundingClientRect(),k=k.left+k.width);var l=document.body.getBoundingClientRect(),d=e.getBoundingClientRect();k>l.width-d.width-10&&(k=l.width-d.width-10);b>l.height-d.height-10&&(b=l.height-d.height-10)}e.style.left= +k+"px";e.style.top=b+"px"}var l=u.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)",LINK_COLOR:"#AAD",EVENT_LINK_COLOR:"#F85",CONNECTING_LINK_COLOR:"#AFA", MAX_NUMBER_OF_NODES:1E3,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:!0,registered_node_types:{},node_types_by_file_extension:{},Nodes:{},registerNodeType:function(a, -c){if(!c.prototype)throw"Cannot register a simple object, it must be a class with a prototype";c.type=a;k.debug&&console.log("Node registered: "+a);a.split("/");var g=c.name,b=a.lastIndexOf("/");c.category=a.substr(0,b);c.title||(c.title=g);if(c.prototype)for(var e in f.prototype)c.prototype[e]||(c.prototype[e]=f.prototype[e]);Object.defineProperty(c.prototype,"shape",{set:function(a){switch(a){case "default":delete this._shape;break;case "box":this._shape=k.BOX_SHAPE;break;case "round":this._shape= -k.ROUND_SHAPE;break;case "circle":this._shape=k.CIRCLE_SHAPE;break;case "card":this._shape=k.CARD_SHAPE;break;default:this._shape=a}},get:function(a){return this._shape},enumerable:!0});this.registered_node_types[a]=c;c.constructor.name&&(this.Nodes[g]=c);c.prototype.onPropertyChange&&console.warn("LiteGraph node class "+a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end");if(c.supported_extensions)for(e in c.supported_extensions)this.node_types_by_file_extension[c.supported_extensions[e].toLowerCase()]= -c},wrapFunctionAsNode:function(a,c,g,b){for(var e=Array(c.length),l="",r=k.getParameterNames(c),d=0;dr&&(r=e.size[0]),k+=e.size[1]+a;c+=r+a}this.setDirtyCanvas(!0,!0)};h.prototype.getTime=function(){return this.globaltime}; -h.prototype.getFixedTime=function(){return this.fixedtime};h.prototype.getElapsedTime=function(){return this.elapsed_time};h.prototype.sendEventToAllNodes=function(a,c,g){g=g||k.ALWAYS;var b=this._nodes_in_order?this._nodes_in_order:this._nodes;if(b)for(var e=0,l=b.length;e=k.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);a.graph=this;this._version++;this._nodes.push(a);this._nodes_by_id[a.id]=a;if(a.onAdded)a.onAdded(this);this.config.align_to_grid&&a.alignToGrid();c||this.updateExecutionOrder();if(this.onNodeAdded)this.onNodeAdded(a);this.setDirtyCanvas(!0);this.change();return a}};h.prototype.remove=function(a){if(a.constructor===k.LGraphGroup){var c=this._groups.indexOf(a);-1!=c&&this._groups.splice(c,1);a.graph=null;this._version++;this.setDirtyCanvas(!0,!0);this.change()}else if(null!= +this.sendEventToAllNodes("onStart");this.last_update_time=this.starttime=l.getTime();a=a||0;var c=this;if(0==a&&"undefined"!=typeof window&&window.requestAnimationFrame){var g=function(){-1==c.execution_timer_id&&(window.requestAnimationFrame(g),c.runStep(1,!this.catch_errors))};this.execution_timer_id=-1;g()}else this.execution_timer_id=setInterval(function(){c.runStep(1,!this.catch_errors)},a)}};h.prototype.stop=function(){if(this.status!=h.STATUS_STOPPED){this.status=h.STATUS_STOPPED;if(this.onStopEvent)this.onStopEvent(); +null!=this.execution_timer_id&&(-1!=this.execution_timer_id&&clearInterval(this.execution_timer_id),this.execution_timer_id=null);this.sendEventToAllNodes("onStop")}};h.prototype.runStep=function(a,c){a=a||1;var g=l.getTime();this.globaltime=0.001*(g-this.starttime);var b=this._nodes_executable?this._nodes_executable:this._nodes;if(b){if(c){for(var e=0;eq&&(q=e.size[0]),l+=e.size[1]+a;c+=q+a}this.setDirtyCanvas(!0,!0)};h.prototype.getTime=function(){return this.globaltime}; +h.prototype.getFixedTime=function(){return this.fixedtime};h.prototype.getElapsedTime=function(){return this.elapsed_time};h.prototype.sendEventToAllNodes=function(a,c,g){g=g||l.ALWAYS;var b=this._nodes_in_order?this._nodes_in_order:this._nodes;if(b)for(var e=0,k=b.length;e=l.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);a.graph=this;this._version++;this._nodes.push(a);this._nodes_by_id[a.id]=a;if(a.onAdded)a.onAdded(this);this.config.align_to_grid&&a.alignToGrid();c||this.updateExecutionOrder();if(this.onNodeAdded)this.onNodeAdded(a);this.setDirtyCanvas(!0);this.change();return a}};h.prototype.remove=function(a){if(a.constructor===l.LGraphGroup){var c=this._groups.indexOf(a);-1!=c&&this._groups.splice(c,1);a.graph=null;this._version++;this.setDirtyCanvas(!0,!0);this.change()}else if(null!= this._nodes_by_id[a.id]&&!a.ignore_remove){if(a.inputs)for(c=0;ca.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});this.id=-1;this.type=null;this.inputs=[];this.outputs=[];this.connections=[];this.properties={};this.properties_info=[];this.data=null;this.flags={}};f.prototype.configure=function(a){this.graph&&this.graph._version++;for(var c in a)if("console"!= -c)if("properties"==c)for(var g in a.properties){if(this.properties[g]=a.properties[g],this.onPropertyChanged)this.onPropertyChanged(g,a.properties[g])}else null!=a[c]&&("object"==typeof a[c]?this[c]&&this[c].configure?this[c].configure(a[c]):this[c]=k.cloneObject(a[c],this[c]):this[c]=a[c]);a.title||(this.title=this.constructor.title);if(this.onConnectionsChange){if(this.inputs)for(var b=0;b=this.outputs.length)){var g=this.outputs[a];if(g&&(g._data=c,this.outputs[a].links))for(g=0;g=this.inputs.length|| -null==this.inputs[a].link)){var g=this.graph.links[this.inputs[a].link];if(!g)return null;if(!c)return g.data;var b=this.graph.getNodeById(g.origin_id);if(!b)return g.data;if(b.updateOutputData)b.updateOutputData(g.origin_slot);else if(b.onExecute)b.onExecute();return g.data}};f.prototype.getInputDataByName=function(a,c){var g=this.findInputSlot(a);return-1==g?null:this.getInputData(g,c)};f.prototype.isInputConnected=function(a){return 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};f.prototype.getInputOrProperty=function(a){if(!this.inputs||!this.inputs.length)return this.properties?this.properties[a]:null;for(var c=0,g=this.inputs.length;c=this.outputs.length?null:this.outputs[a]._data};f.prototype.getOutputInfo=function(a){return this.outputs?a=this.outputs.length)return null;a=this.outputs[a];if(!a.links||0==a.links.length)return null;for(var c=[],g=0;ga&&this.pos[1]-e-gc)return!0;return!1};f.prototype.getSlotInPosition=function(a,c){if(this.inputs)for(var g= -0,b=this.inputs.length;g= -this.outputs.length)return k.debug&&console.log("Connect: Error, slot number not found"),!1;c&&c.constructor===Number&&(c=this.graph.getNodeById(c));if(!c)throw"target node is null";if(c==this)return!1;if(g.constructor===String){if(g=c.findInputSlot(g),-1==g)return k.debug&&console.log("Connect: Error, no slot of name "+g),!1}else{if(g===k.EVENT)return!1;if(!c.inputs||g>=c.inputs.length)return k.debug&&console.log("Connect: Error, slot number not found"),!1}null!=c.inputs[g].link&&c.disconnectInput(g); -var b=this.outputs[a];if(c.onConnectInput&&!1===c.onConnectInput(g,b.type,b))return!1;var e=c.inputs[g];if(k.isValidConnection(b.type,e.type)){var l={id:this.graph.last_link_id++,type:e.type,origin_id:this.id,origin_slot:a,target_id:c.id,target_slot:g};this.graph.links[l.id]=l;null==b.links&&(b.links=[]);b.links.push(l.id);c.inputs[g].link=l.id;this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(k.OUTPUT,a,!0,l,b);if(c.onConnectionsChange)c.onConnectionsChange(k.INPUT, -g,!0,l,e);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(k.INPUT,c,g,this,a),this.graph.onNodeConnectionChange(k.OUTPUT,this,a,c,g))}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);return!0};f.prototype.disconnectOutput=function(a,c){if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return k.debug&&console.log("Connect: Error, no slot of name "+a),!1}else if(!this.outputs||a>=this.outputs.length)return k.debug&&console.log("Connect: Error, slot number not found"), -!1;var g=this.outputs[a];if(!g.links||0==g.links.length)return!1;if(c){c.constructor===Number&&(c=this.graph.getNodeById(c));if(!c)throw"Target Node not found";for(var b=0,e=g.links.length;b=this.inputs.length)return k.debug&&console.log("Connect: Error, slot number not found"),!1;var c=this.inputs[a];if(!c)return!1;var g=this.inputs[a].link;this.inputs[a].link=null;var b=this.graph.links[g];if(b){var e=this.graph.getNodeById(b.origin_id);if(!e)return!1;var l=e.outputs[b.origin_slot];if(!l||!l.links||0==l.links.length)return!1;for(var d=0,m=l.links.length;d< -m;d++)if(l.links[d]==g){l.links.splice(d,1);break}delete this.graph.links[g];this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(k.INPUT,a,!1,b,c);if(e.onConnectionsChange)e.onConnectionsChange(k.OUTPUT,d,!1,b,l);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(k.OUTPUT,e,d),this.graph.onNodeConnectionChange(k.INPUT,this,a))}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);return!0};f.prototype.getConnectionPos=function(a, -c){return this.flags.collapsed?a?[this.pos[0],this.pos[1]-0.5*k.NODE_TITLE_HEIGHT]:[this.pos[0]+(this._collapsed_width||k.NODE_COLLAPSED_WIDTH),this.pos[1]-0.5*k.NODE_TITLE_HEIGHT]:a&&-1==c?[this.pos[0]+10,this.pos[1]+10]:a&&this.inputs&&this.inputs.length>c&&this.inputs[c].pos?[this.pos[0]+this.inputs[c].pos[0],this.pos[1]+this.inputs[c].pos[1]]:!a&&this.outputs&&this.outputs.length>c&&this.outputs[c].pos?[this.pos[0]+this.outputs[c].pos[0],this.pos[1]+this.outputs[c].pos[1]]:this.flags.horizontal? -a?[this.pos[0]+this.size[0]/this.inputs.length*(c+0.5),this.pos[1]-k.NODE_TITLE_HEIGHT]:[this.pos[0]+this.size[0]/this.outputs.length*(c+0.5),this.pos[1]+this.size[1]]:a?[this.pos[0],this.pos[1]+10+c*k.NODE_SLOT_HEIGHT+(this.constructor.slot_start_y||0)]:[this.pos[0]+this.size[0]+1,this.pos[1]+10+c*k.NODE_SLOT_HEIGHT+(this.constructor.slot_start_y||0)]};f.prototype.alignToGrid=function(){this.pos[0]=k.CANVAS_GRID_SIZE*Math.round(this.pos[0]/k.CANVAS_GRID_SIZE);this.pos[1]=k.CANVAS_GRID_SIZE*Math.round(this.pos[1]/ -k.CANVAS_GRID_SIZE)};f.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>f.MAX_CONSOLE&&this.console.shift();this.graph.onNodeTrace(this,a)};f.prototype.setDirtyCanvas=function(a,c){this.graph&&this.graph.sendActionToCanvas("setDirty",[a,c])};f.prototype.loadImage=function(a){var c=new Image;c.src=k.node_images_path+a;c.ready=!1;var g=this;c.onload=function(){this.ready=!0;g.setDirtyCanvas(!0)};return c};f.prototype.captureInput=function(a){if(this.graph&& -this.graph.list_of_graphcanvas)for(var c=this.graph.list_of_graphcanvas,g=0;ga.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos}, -enumerable:!0});Object.defineProperty(this,"size",{set:function(a){!a||2>a.length||(this._size[0]=Math.max(140,a[0]),this._size[1]=Math.max(80,a[1]))},get:function(){return this._size},enumerable:!0})};p.prototype.configure=function(a){this.title=a.title;this._bounding.set(a.bounding);this.color=a.color};p.prototype.serialize=function(){var a=this._bounding;return{title:this.title,bounding:[Math.round(a[0]),Math.round(a[1]),Math.round(a[2]),Math.round(a[3])],color:this.color}};p.prototype.move=function(a, -c,g){this._pos[0]+=a;this._pos[1]+=c;if(!g)for(g=0;g element, you passed a "+a.localName;throw"This browser doesnt support Canvas";}null==(this.ctx=a.getContext("2d"))&&(a.webgl_enabled||console.warn("This canvas seems to be WebGL, enabling WebGL renderer"),this.enableWebGL());this._mousemove_callback=this.processMouseMove.bind(this);this._mouseup_callback=this.processMouseUp.bind(this); -c||this.bindEvents()}};d.prototype._doNothing=function(a){a.preventDefault();return!1};d.prototype._doReturnTrue=function(a){a.preventDefault();return!0};d.prototype.bindEvents=function(){if(this._events_binded)console.warn("LGraphCanvas: events already binded");else{var a=this.canvas,c=this.getCanvasWindow().document;this._mousedown_callback=this.processMouseDown.bind(this);this._mousewheel_callback=this.processMouseWheel.bind(this);a.addEventListener("mousedown",this._mousedown_callback,!0);a.addEventListener("mousemove", -this._mousemove_callback);a.addEventListener("mousewheel",this._mousewheel_callback,!1);a.addEventListener("contextmenu",this._doNothing);a.addEventListener("DOMMouseScroll",this._mousewheel_callback,!1);a.addEventListener("touchstart",this.touchHandler,!0);a.addEventListener("touchmove",this.touchHandler,!0);a.addEventListener("touchend",this.touchHandler,!0);a.addEventListener("touchcancel",this.touchHandler,!0);this._key_callback=this.processKey.bind(this);a.addEventListener("keydown",this._key_callback, -!0);c.addEventListener("keyup",this._key_callback,!0);this._ondrop_callback=this.processDrop.bind(this);a.addEventListener("dragover",this._doNothing,!1);a.addEventListener("dragend",this._doNothing,!1);a.addEventListener("drop",this._ondrop_callback,!1);a.addEventListener("dragenter",this._doReturnTrue,!1);this._events_binded=!0}};d.prototype.unbindEvents=function(){if(this._events_binded){var a=this.getCanvasWindow().document;this.canvas.removeEventListener("mousedown",this._mousedown_callback); -this.canvas.removeEventListener("mousewheel",this._mousewheel_callback);this.canvas.removeEventListener("DOMMouseScroll",this._mousewheel_callback);this.canvas.removeEventListener("keydown",this._key_callback);a.removeEventListener("keyup",this._key_callback);this.canvas.removeEventListener("contextmenu",this._doNothing);this.canvas.removeEventListener("drop",this._ondrop_callback);this.canvas.removeEventListener("dragenter",this._doReturnTrue);this.canvas.removeEventListener("touchstart",this.touchHandler); -this.canvas.removeEventListener("touchmove",this.touchHandler);this.canvas.removeEventListener("touchend",this.touchHandler);this.canvas.removeEventListener("touchcancel",this.touchHandler);this._ondrop_callback=this._key_callback=this._mousewheel_callback=this._mousedown_callback=null;this._events_binded=!1}else console.warn("LGraphCanvas: no events binded")};d.getFileExtension=function(a){var c=a.indexOf("?");-1!=c&&(a=a.substr(0,c));c=a.lastIndexOf(".");return-1==c?"":a.substr(c+1).toLowerCase()}; -d.prototype.enableWebGL=function(){if(void 0===typeof GL)throw"litegl.js must be included to use a WebGL canvas";if(void 0===typeof enableWebGLCanvas)throw"webglCanvas.js must be included to use this feature";this.gl=this.ctx=enableWebGLCanvas(this.canvas);this.ctx.webgl=!0;this.bgcanvas=this.canvas;this.bgctx=this.gl;this.canvas.webgl_enabled=!0};d.prototype.setDirty=function(a,c){a&&(this.dirty_canvas=!0);c&&(this.dirty_bgcanvas=!0)};d.prototype.getCanvasWindow=function(){if(!this.canvas)return window; -var a=this.canvas.ownerDocument;return a.defaultView||a.parentWindow};d.prototype.startRendering=function(){function a(){this.pause_rendering||this.draw();var c=this.getCanvasWindow();this.is_rendering&&c.requestAnimationFrame(a.bind(this))}this.is_rendering||(this.is_rendering=!0,a.call(this))};d.prototype.stopRendering=function(){this.is_rendering=!1};d.prototype.processMouseDown=function(a){if(this.graph){this.adjustMouseEvent(a);var c=this.getCanvasWindow();d.active_canvas=this;this.canvas.removeEventListener("mousemove", -this._mousemove_callback);c.document.addEventListener("mousemove",this._mousemove_callback,!0);c.document.addEventListener("mouseup",this._mouseup_callback,!0);var g=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes),b=!1,e=300>k.getTime()-this.last_mouseclick;this.canvas_mouse[0]=a.canvasX;this.canvas_mouse[1]=a.canvasY;k.closeAllContextMenus(c);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,b=!0);var l=!1;if(g&&this.allow_interaction&&!b){this.live_mode||g.flags.pinned||this.bringToFront(g);if(!this.connecting_node&&!g.flags.collapsed&&!this.live_mode){if(g.outputs)for(var r=0,m=g.outputs.length;rq([a.canvasX,a.canvasY],[this.selected_group.pos[0]+this.selected_group.size[0],this.selected_group.pos[1]+this.selected_group.size[1]])*this.scale?this.selected_group_resizing=!0:this.selected_group.recomputeInsideNodes()),e&&this.showSearchBox(a),l=!0;!b&&l&&this.allow_dragcanvas&&(this.dragging_canvas=!0)}else 2!=a.which&&3==a.which&&this.processContextMenu(g,a);this.last_mouse[0]=a.localX;this.last_mouse[1]=a.localY;this.last_mouseclick=k.getTime();this.graph.change(); -(!c.document.activeElement||"input"!=c.document.activeElement.nodeName.toLowerCase()&&"textarea"!=c.document.activeElement.nodeName.toLowerCase())&&a.preventDefault();a.stopPropagation();if(this.onMouseDown)this.onMouseDown(a);return!1}};d.prototype.processMouseMove=function(a){this.autoresize&&this.resize();if(this.graph){d.active_canvas=this;this.adjustMouseEvent(a);var c=[a.localX,a.localY],g=[c[0]-this.last_mouse[0],c[1]-this.last_mouse[1]];this.last_mouse=c;this.canvas_mouse[0]=a.canvasX;this.canvas_mouse[1]= -a.canvasY;this.node_widget&&(this.processNodeWidgets(this.node_widget[0],this.canvas_mouse,a,this.node_widget[1]),this.dirty_canvas=!0);if(this.dragging_rectangle)this.dragging_rectangle[2]=a.canvasX-this.dragging_rectangle[0],this.dragging_rectangle[3]=a.canvasY-this.dragging_rectangle[1],this.dirty_canvas=!0;else if(this.selected_group)this.selected_group_resizing?this.selected_group.size=[a.canvasX-this.selected_group.pos[0],a.canvasY-this.selected_group.pos[1]]:(this.selected_group.move(g[0]/ -this.scale,g[1]/this.scale,a.ctrlKey),this.selected_group._nodes.length&&(this.dirty_canvas=!0)),this.dirty_bgcanvas=!0;else if(this.dragging_canvas)this.offset[0]+=g[0]/this.scale,this.offset[1]+=g[1]/this.scale,this.dirty_bgcanvas=this.dirty_canvas=!0;else if(this.allow_interaction){this.connecting_node&&(this.dirty_canvas=!0);for(var b=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes),c=0,e=this.graph._nodes.length;cthis.dragging_rectangle[3]?this.dragging_rectangle[1]-e:this.dragging_rectangle[1];this.dragging_rectangle[0]=0>this.dragging_rectangle[2]?this.dragging_rectangle[0]-b:this.dragging_rectangle[0]; -this.dragging_rectangle[1]=l;this.dragging_rectangle[2]=b;this.dragging_rectangle[3]=e;e=[];for(l=0;la.click_time&&this.deselectAllNodes();this.dirty_canvas=!0;this.dragging_canvas=!1;if(this.node_over&& -this.node_over.onMouseUp)this.node_over.onMouseUp(a,[a.canvasX-this.node_over.pos[0],a.canvasY-this.node_over.pos[1]],this);if(this.node_capturing_input&&this.node_capturing_input.onMouseUp)this.node_capturing_input.onMouseUp(a,[a.canvasX-this.node_capturing_input.pos[0],a.canvasY-this.node_capturing_input.pos[1]])}}else 2==a.which?(this.dirty_canvas=!0,this.dragging_canvas=!1):3==a.which&&(this.dirty_canvas=!0,this.dragging_canvas=!1);this.graph.change();a.stopPropagation();a.preventDefault();return!1}}; -d.prototype.processMouseWheel=function(a){if(this.graph&&this.allow_dragcanvas){var c=null!=a.wheelDeltaY?a.wheelDeltaY:-60*a.detail;this.adjustMouseEvent(a);var g=this.scale;0c&&(g*=1/1.1);this.setZoom(g,[a.localX,a.localY]);this.graph.change();a.preventDefault();return!1}};d.prototype.isOverNodeBox=function(a,c,g){var b=k.NODE_TITLE_HEIGHT;return s(c,g,a.pos[0]+2,a.pos[1]+2-b,b-4,b-4)?!0:!1};d.prototype.isOverNodeInput=function(a,c,g,b){if(a.inputs)for(var e=0,l=a.inputs.length;ethis.max_zoom?this.scale=this.max_zoom:this.scaleb-this.graph._last_trigger_time)&&this.drawBackCanvas();(this.dirty_canvas||a)&&this.drawFrontCanvas();this.fps=this.render_time?1/this.render_time:0;this.frame+=1}};d.prototype.drawFrontCanvas=function(){this.dirty_canvas=!1;this.ctx||(this.ctx=this.bgcanvas.getContext("2d"));var a=this.ctx;if(a){a.start2D&&a.start2D();var c=this.canvas;a.restore();a.setTransform(1,0,0,1,0,0);this.dirty_area&&(a.save(),a.beginPath(),a.rect(this.dirty_area[0],this.dirty_area[1],this.dirty_area[2],this.dirty_area[3]), -a.clip());this.clear_background&&a.clearRect(0,0,c.width,c.height);this.bgcanvas==this.canvas?this.drawBackCanvas():a.drawImage(this.bgcanvas,0,0);if(this.onRender)this.onRender(c,a);this.show_info&&this.renderInfo(a);if(this.graph){a.save();a.scale(this.scale,this.scale);a.translate(this.offset[0],this.offset[1]);for(var c=this.computeVisibleNodes(null,this.visible_nodes),b=0;bthis.scale?c.fillRect(0,r,p,q):f==k.ROUND_SHAPE||f==k.CARD_SHAPE?c.roundRect(0,r,p,q,this.round_radius,f==k.CARD_SHAPE?0:this.round_radius):f==k.CIRCLE_SHAPE&&c.arc(0.5*b[0],0.5*b[1],0.5*b[0],0,2*Math.PI),c.fill());c.shadowColor="transparent";a.bgImage&&a.bgImage.width&&c.drawImage(a.bgImage, -0.5*(b[0]-a.bgImage.width),0.5*(b[1]-a.bgImage.height));a.bgImageUrl&&!a.bgImage&&(a.bgImage=a.loadImage(a.bgImageUrl));if(a.onDrawBackground)a.onDrawBackground(c,this,this.canvas);if(n||h==k.TRANSPARENT_TITLE){if(h!=k.TRANSPARENT_TITLE){a.flags.collapsed&&(c.shadowColor=k.DEFAULT_SHADOW_COLOR);if(this.use_gradients){var s=d.gradients[m];s||(s=d.gradients[m]=c.createLinearGradient(0,0,400,0),s.addColorStop(0,m),s.addColorStop(1,"#000"));c.fillStyle=s}else c.fillStyle=m;s=c.globalAlpha;c.beginPath(); -f==k.BOX_SHAPE||0.5>this.scale?c.rect(0,-e,b[0]+1,e):f!=k.ROUND_SHAPE&&f!=k.CARD_SHAPE||c.roundRect(0,-e,b[0]+1,e,this.round_radius,a.flags.collapsed?this.round_radius:0);c.fill();c.shadowColor="transparent"}f==k.ROUND_SHAPE||f==k.CIRCLE_SHAPE||f==k.CARD_SHAPE?(0.5d[2]&&(d[0]+=d[2],d[2]=Math.abs(d[2]));0>d[3]&&(d[1]+=d[3],d[3]=Math.abs(d[3]));if(v(d,b)&&(p=p.outputs[q].dir||(p.flags.horizontal?k.DOWN:k.RIGHT),q=f.inputs[h].dir||(f.flags.horizontal?k.UP:k.LEFT),this.renderLink(a,s,t,n,!1,0,null,p,q),n&&n._last_time&&1E3>c-n._last_time)){var u=2-0.002*(c-n._last_time),E="rgba(255,255,255, "+u.toFixed(2)+")";this.renderLink(a,s,t,n,!0,u,E,p,q)}}}}}a.globalAlpha=1};d.prototype.renderLink=function(a,c,b,f,e, -l,m,h,p){if(this.highquality_render){h=h||k.RIGHT;p=p||k.LEFT;var n=q(c,b);this.render_connections_border&&0.6c[1]?0:Math.PI,a.save(),a.translate(e[0],e[1]),a.rotate(n),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)e=(0.001*k.getTime()+0.2*l)%1,e=this.computeConnectionPoint(c,b,e,h,p),a.beginPath(),a.arc(e[0],e[1],5,0,2*Math.PI),a.fill()}else a.beginPath(),a.moveTo(c[0],c[1]), -a.lineTo(b[0],b[1]),a.stroke()};d.prototype.computeConnectionPoint=function(a,c,b,d,e){d=d||k.RIGHT;e=e||k.LEFT;var l=q(a,c),f=[a[0],a[1]],m=[c[0],c[1]];switch(d){case k.LEFT:f[0]+=-0.25*l;break;case k.RIGHT:f[0]+=0.25*l;break;case k.UP:f[1]+=-0.25*l;break;case k.DOWN:f[1]+=0.25*l}switch(e){case k.LEFT:m[0]+=-0.25*l;break;case k.RIGHT:m[0]+=0.25*l;break;case k.UP:m[1]+=-0.25*l;break;case k.DOWN:m[1]+=0.25*l}d=(1-b)*(1-b)*(1-b);e=3*(1-b)*(1-b)*b;l=3*(1-b)*b*b;b*=b*b;return[d*a[0]+e*f[0]+l*m[0]+b*c[0], -d*a[1]+e*f[1]+l*m[1]+b*c[1]]};d.prototype.drawExecutionOrder=function(a){a.shadowColor="transparent";a.globalAlpha=0.25;a.textAlign="center";a.strokeStyle="white";a.globalAlpha=0.75;for(var c=this.visible_nodes,b=0;bn.last_y&&ln.options.max&&(n.value= -n.options.max)):"mousedown"==b.type&&(b=40>e?-1:e>f-40?1:0,"number"==n.type?(n.value+=0.1*b*(n.options.step||1),null!=n.options.min&&n.valuen.options.max&&(n.value=n.options.max)):b&&(b=n.options.values.indexOf(n.value)+b,b>=n.options.values.length&&(b=0),0>b&&(b=n.options.values.length-1),n.value=n.options.values[b]));n.callback&&setTimeout(function(){this.callback(this.value,m,a,c)}.bind(n),20);this.dirty_canvas=!0;break;case "toggle":"mousedown"== -b.type&&(n.value=!n.value);break;case "text":"mousedown"==b.type&&this.prompt("Value",n.value,function(a){this.value=a}.bind(n),b)}return n}}return null};d.prototype.drawGroups=function(a,c){if(this.graph){var b=this.graph._groups;c.save();c.globalAlpha=0.5*this.editor_alpha;c.font="24px Arial";for(var d=0;db&&0.01>c.editor_alpha&&(clearInterval(d),1>b&&(c.live_mode=!0));1"+ -p+""+a+"",value:p});if(h.length)return new k.ContextMenu(h,{event:b,callback:l,parentMenu:f,allow_html:!0,node:e},c),!1}};d.decodeHTML=function(a){var c=document.createElement("div");c.innerText=a;return c.innerHTML};d.onResizeNode=function(a,c,b,d,e){e&&(e.size=e.computeSize(),e.setDirtyCanvas(!0,!0))};d.onShowTitleEditor=function(a,c,b,f,e){function l(){e.title=k.value;m.parentNode.removeChild(m);e.setDirtyCanvas(!0,!0)}var m=document.createElement("div"); -m.className="graphdialog";m.innerHTML="Title";var k=m.querySelector("input");k&&(k.value=e.title,k.addEventListener("blur",function(a){this.focus()}),k.addEventListener("keydown",function(a){13==a.keyCode&&(l(),a.preventDefault(),a.stopPropagation())}));a=d.active_canvas.canvas;c=a.getBoundingClientRect();f=b=-20;c&&(b-=c.left,f-=c.top);event?(m.style.left=event.pageX+b+"px",m.style.top=event.pageY+f+"px"):(m.style.left= -0.5*a.width+b+"px",m.style.top=0.5*a.height+f+"px");m.querySelector("button").addEventListener("click",l);a.parentNode.appendChild(m)};d.prototype.prompt=function(a,c,b,f){var e=this;a=a||"";var l=document.createElement("div");l.className="graphdialog rounded";l.innerHTML=" ";l.close=function(){e.prompt_box=null;l.parentNode.removeChild(l)};l.addEventListener("mouseleave",function(a){l.close()}); -e.prompt_box&&e.prompt_box.close();e.prompt_box=l;l.querySelector(".name").innerText=a;l.querySelector(".value").value=c;var m=l.querySelector("input");m.addEventListener("keydown",function(a){if(27==a.keyCode)l.close();else if(13==a.keyCode)b&&b(this.value),l.close();else return;a.preventDefault();a.stopPropagation()});l.querySelector("button").addEventListener("click",function(a){b&&b(m.value);e.setDirty(!0);l.close()});a=d.active_canvas.canvas;c=a.getBoundingClientRect();var k=-20,h=-20;c&&(k-= -c.left,h-=c.top);f?(l.style.left=f.pageX+k+"px",l.style.top=f.pageY+h+"px"):(l.style.left=0.5*a.width+k+"px",l.style.top=0.5*a.height+h+"px");a.parentNode.appendChild(l);setTimeout(function(){m.focus()},10);return l};d.prototype.showSearchBox=function(a){function c(c){if(c)if(e.onSearchBoxSelection)e.onSearchBoxSelection(c,a,s);else if(c=k.createNode(c))c.pos=s.convertEventToCanvas(a),s.graph.add(c);l.close()}function b(a){var c=n;n&&n.classList.remove("selected");n?(n=a?n.nextSibling:n.previousSibling)|| -(n=c):n=a?m.childNodes[0]:m.childNodes[m.childNodes.length];n&&(n.classList.add("selected"),n.scrollIntoView())}function f(){p=null;var a=q.value;h=null;m.innerHTML="";if(a)if(e.onSearchBox)e.onSearchBox(g,a,s);else for(var b in k.registered_node_types)if(-1!=b.indexOf(a)){var g=document.createElement("div");h||(h=b);g.innerText=b;g.className="litegraph lite-search-item";g.addEventListener("click",function(a){c(this.innerText)});m.appendChild(g)}}var e=this,l=document.createElement("div");l.className= -"litegraph litesearchbox graphdialog rounded";l.innerHTML="Search
";l.close=function(){e.search_box=null;l.parentNode.removeChild(l)};l.addEventListener("mouseleave",function(a){l.close()});e.search_box&&e.search_box.close();e.search_box=l;var m=l.querySelector(".helper"),h=null,p=null,n=null,q=l.querySelector("input");q&&(q.addEventListener("blur",function(a){this.focus()}),q.addEventListener("keydown", -function(a){if(38==a.keyCode)b(!1);else if(40==a.keyCode)b(!0);else if(27==a.keyCode)l.close();else if(13==a.keyCode)n?c(n.innerHTML):h?c(h):l.close();else{p&&clearInterval(p);p=setTimeout(f,10);return}a.preventDefault();a.stopPropagation()}));var s=d.active_canvas,v=s.canvas,t=v.getBoundingClientRect(),u=-20,E=-20;t&&(u-=t.left,E-=t.top);a?(l.style.left=a.pageX+u+"px",l.style.top=a.pageY+E+"px"):(l.style.left=0.5*v.width+u+"px",l.style.top=0.5*v.height+E+"px");v.parentNode.appendChild(l);q.focus(); -return l};d.prototype.showEditPropertyValue=function(a,c,b){function d(){e(q.value)}function e(b){"number"==typeof a.properties[c]&&(b=Number(b));"array"==l&&(b=b.split(",").map(Number));a.properties[c]=b;a._graph&&a._graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(c,b);p.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[c]){b=b||{};var l="string";null!==a.properties[c]&&(l=typeof a.properties[c]);"object"==l&&a.properties[c].length&&(l="array");var f=null;a.getPropertyInfo&& -(f=a.getPropertyInfo(c));if(a.properties_info)for(var m=0;m";else if("enum"==l&&f.values){k=""}else if("boolean"==l)k="";else{console.warn("unknown type: "+l);return}var p=this.createDialog(""+c+""+k+"",b);if("enum"==l&&f.values){var q=p.querySelector("select");q.addEventListener("change",function(a){e(a.target.value)})}else if("boolean"==l)(q=p.querySelector("input"))&&q.addEventListener("click",function(a){e(!!q.checked)}); -else if(q=p.querySelector("input"))q.addEventListener("blur",function(a){this.focus()}),q.value=void 0!==a.properties[c]?a.properties[c]:"",q.addEventListener("keydown",function(a){13==a.keyCode&&(d(),a.preventDefault(),a.stopPropagation())});p.querySelector("button").addEventListener("click",d)}};d.prototype.createDialog=function(a,c){c=c||{};var b=document.createElement("div");b.className="graphdialog";b.innerHTML=a;var d=this.canvas.getBoundingClientRect(),e=-20,l=-20;d&&(e-=d.left,l-=d.top);c.position? -(e+=c.position[0],l+=c.position[1]):c.event?(e+=c.event.pageX,l+=c.event.pageY):(e+=0.5*this.canvas.width,l+=0.5*this.canvas.height);b.style.left=e+"px";b.style.top=l+"px";this.canvas.parentNode.appendChild(b);b.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return b};d.onMenuNodeCollapse=function(a,c,b,d,e){e.collapse()};d.onMenuNodePin=function(a,c,b,d,e){e.pin()};d.onMenuNodeMode=function(a,c,b,d,e){new k.ContextMenu(["Always","On Event","On Trigger","Never"],{event:b,callback:function(a){if(e)switch(a){case "On Event":e.mode= -k.ON_EVENT;break;case "On Trigger":e.mode=k.ON_TRIGGER;break;case "Never":e.mode=k.NEVER;break;default:e.mode=k.ALWAYS}},parentMenu:d,node:e});return!1};d.onMenuNodeColors=function(a,c,b,f,e){if(!e)throw"no node for color";c=[];c.push({value:null,content:"No color"});for(var l in d.node_colors)a=d.node_colors[l],a={value:l,content:""+l+""},c.push(a);new k.ContextMenu(c,{event:b,callback:function(a){e&&((a=a.value?d.node_colors[a.value]:null)?e.constructor===k.LGraphGroup?e.color=a.groupcolor:(e.color=a.color,e.bgcolor=a.bgcolor):(delete e.color,delete e.bgcolor),e.setDirtyCanvas(!0,!0))},parentMenu:f,node:e});return!1};d.onMenuNodeShapes=function(a,c,b,d,e){if(!e)throw"no node passed";new k.ContextMenu(k.VALID_SHAPES,{event:b,callback:function(a){e&&(e.shape=a,e.setDirtyCanvas(!0))},parentMenu:d,node:e}); -return!1};d.onMenuNodeRemove=function(a,c,b,d,e){if(!e)throw"no node passed";!1!==e.removable&&(e.graph.remove(e),e.setDirtyCanvas(!0,!0))};d.onMenuNodeClone=function(a,c,b,d,e){!1!=e.clonable&&(a=e.clone())&&(a.pos=[e.pos[0]+5,e.pos[1]+5],e.graph.add(a),e.setDirtyCanvas(!0,!0))};d.node_colors={red:{color:"#322",bgcolor:"#533",groupcolor:"#A88"},brown:{color:"#332922",bgcolor:"#593930",groupcolor:"#b06634"},green:{color:"#232",bgcolor:"#353",groupcolor:"#8A8"},blue:{color:"#223",bgcolor:"#335",groupcolor:"#88A"}, -pale_blue:{color:"#2a363b",bgcolor:"#3f5159",groupcolor:"#3f789e"},cyan:{color:"#233",bgcolor:"#355",groupcolor:"#8AA"},purple:{color:"#323",bgcolor:"#535",groupcolor:"#a1309b"},yellow:{color:"#432",bgcolor:"#653",groupcolor:"#b58b2a"},black:{color:"#222",bgcolor:"#000",groupcolor:"#444"}};d.prototype.getCanvasMenuOptions=function(){var a=null;this.getMenuOptions?a=this.getMenuOptions():(a=[{content:"Add Node",has_submenu:!0,callback:d.onMenuAdd},{content:"Add Group",callback:d.onGroupAdd}],this._graph_stack&& -0Name",e),f= -m.querySelector("input");f&&d&&(f.value=d.label);m.querySelector("button").addEventListener("click",function(a){f.value&&(d&&(d.label=f.value),b.setDirty(!0));m.close()})}},extra:a},m=null;a&&(m=a.getSlotInPosition(c.canvasX,c.canvasY),d.active_node=a);m?(e=[],e.push(m.locked?"Cannot remove":{content:"Remove Slot",slot:m}),e.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==k.ACTION&&(l.title="Action"),m.output&& -m.output.type==k.EVENT&&(l.title="Event")):a?e=this.getNodeMenuOptions(a):(e=this.getCanvasMenuOptions(),(m=this.graph.getGroupOnPos(c.canvasX,c.canvasY))&&e.push(null,{content:"Edit Group",has_submenu:!0,submenu:{title:"Group",extra:m,options:this.getGroupMenuOptions(m)}}));e&&new k.ContextMenu(e,l,f)};this.CanvasRenderingContext2D&&(CanvasRenderingContext2D.prototype.roundRect=function(a,c,b,d,e,l){void 0===e&&(e=5);void 0===l&&(l=e);this.moveTo(a+e,c);this.lineTo(a+b-e,c);this.quadraticCurveTo(a+ -b,c,a+b,c+e);this.lineTo(a+b,c+d-l);this.quadraticCurveTo(a+b,c+d,a+b-l,c+d);this.lineTo(a+l,c+d);this.quadraticCurveTo(a,c+d,a,c+d-l);this.lineTo(a,c+e);this.quadraticCurveTo(a,c,a+e,c)});k.compareObjects=function(a,c){for(var b in a)if(a[b]!=c[b])return!1;return!0};k.distance=q;k.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")+")"};k.isInsideRectangle=s;k.growBounding= -function(a,c,b){ca[2]&&(a[2]=c);ba[3]&&(a[3]=b)};k.isInsideBounding=function(a,c){return a[0]c[1][0]||a[1]>c[1][1]?!1:!0};k.overlapBounding=v;k.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var c=Array(3),b=0,d,e,l=0;6>l;l+=2)d="0123456789ABCDEF".indexOf(a.charAt(l)),e="0123456789ABCDEF".indexOf(a.charAt(l+1)),c[b]=16*d+e,b++;return c};k.num2hex=function(a){for(var c="#",b,d,e=0;3>e;e++)b=a[e]/16,d=a[e]%16,c+= -"0123456789ABCDEF".charAt(b)+"0123456789ABCDEF".charAt(d);return c};t.prototype.addItem=function(a,c,b){function d(a){var c=this.value;c&&c.has_submenu&&e.call(this,a)}function e(a){var c=this.value,e=!0;l.current_submenu&&l.current_submenu.close(a);if(b.callback){var d=b.callback.call(this,c,b,a,l,b.node);!0===d&&(e=!1)}if(c&&(c.callback&&!b.ignore_item_callbacks&&!0!==c.disabled&&(d=c.callback.call(this,c,b,a,l,b.extra),!0===d&&(e=!1)),c.submenu)){if(!c.submenu.options)throw"ContextMenu submenu needs options"; -new l.constructor(c.submenu.options,{callback:c.submenu.callback,event:a,parentMenu:l,ignore_item_callbacks:c.submenu.ignore_item_callbacks,title:c.submenu.title,extra:c.submenu.extra,autoopen:b.autoopen});e=!1}e&&!l.lock&&l.close()}var l=this;b=b||{};var m=document.createElement("div");m.className="litemenu-entry submenu";var f=!1;if(null===c)m.classList.add("separator");else{m.innerHTML=c&&c.title?c.title:a;if(m.value=c)c.disabled&&(f=!0,m.classList.add("disabled")),(c.submenu||c.has_submenu)&& -m.classList.add("has_submenu");"function"==typeof c?(m.dataset.value=a,m.onclick_callback=c):m.dataset.value=c;c.className&&(m.className+=" "+c.className)}this.root.appendChild(m);f||m.addEventListener("click",e);b.autoopen&&m.addEventListener("mouseenter",d);return m};t.prototype.close=function(a,c){this.root.parentNode&&this.root.parentNode.removeChild(this.root);this.parentMenu&&!c&&(this.parentMenu.lock=!1,this.parentMenu.current_submenu=null,void 0===a?this.parentMenu.close():a&&!t.isCursorOverElement(a, -this.parentMenu.root)&&t.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0)};t.trigger=function(a,c,b,d){var e=document.createEvent("CustomEvent");e.initCustomEvent(c,!0,!0,b);e.srcElement=d;a.dispatchEvent?a.dispatchEvent(e):a.__events&&a.__events.dispatchEvent(e);return e};t.prototype.getTopMenu=function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this};t.prototype.getFirstEvent=function(){return this.options.parentMenu? -this.options.parentMenu.getFirstEvent():this.options.event};t.isCursorOverElement=function(a,c){var b=a.pageX,d=a.pageY,e=c.getBoundingClientRect();return e?d>e.top&&de.left&&ba?c:ba.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});this.id=-1;this.type=null;this.inputs=[];this.outputs=[];this.connections=[];this.properties={};this.properties_info=[];this.data=null;this.flags={}};f.prototype.configure=function(a){this.graph&&this.graph._version++;for(var c in a)if("console"!= +c)if("properties"==c)for(var g in a.properties){if(this.properties[g]=a.properties[g],this.onPropertyChanged)this.onPropertyChanged(g,a.properties[g])}else null!=a[c]&&("object"==typeof a[c]?this[c]&&this[c].configure?this[c].configure(a[c]):this[c]=l.cloneObject(a[c],this[c]):this[c]=a[c]);a.title||(this.title=this.constructor.title);if(this.onConnectionsChange){if(this.inputs)for(var b=0;b=this.outputs.length)){var g=this.outputs[a];if(g&&(g._data=c,this.outputs[a].links))for(g=0;g=this.inputs.length||null==this.inputs[a].link)){var g=this.graph.links[this.inputs[a].link];if(!g)return null;if(!c)return g.data;var b=this.graph.getNodeById(g.origin_id);if(!b)return g.data;if(b.updateOutputData)b.updateOutputData(g.origin_slot);else if(b.onExecute)b.onExecute();return g.data}};f.prototype.getInputDataByName=function(a,c){var g=this.findInputSlot(a);return-1==g?null:this.getInputData(g,c)};f.prototype.isInputConnected= +function(a){return 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};f.prototype.getInputOrProperty=function(a){if(!this.inputs||!this.inputs.length)return this.properties?this.properties[a]: +null;for(var c=0,g=this.inputs.length;c=this.outputs.length?null:this.outputs[a]._data};f.prototype.getOutputInfo=function(a){return this.outputs?a=this.outputs.length)return null;a=this.outputs[a];if(!a.links||0==a.links.length)return null;for(var c=[],g=0;ga&&this.pos[1]-e-gc)return!0; +return!1};f.prototype.getSlotInPosition=function(a,c){if(this.inputs)for(var g=0,b=this.inputs.length;g=this.outputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),!1;c&&c.constructor===Number&&(c=this.graph.getNodeById(c));if(!c)throw"target node is null";if(c==this)return!1;if(g.constructor===String){if(g=c.findInputSlot(g),-1==g)return l.debug&&console.log("Connect: Error, no slot of name "+g),!1}else{if(g===l.EVENT)return!1;if(!c.inputs||g>=c.inputs.length)return l.debug&&console.log("Connect: Error, slot number not found"), +!1}null!=c.inputs[g].link&&c.disconnectInput(g);var b=this.outputs[a];if(c.onConnectInput&&!1===c.onConnectInput(g,b.type,b))return!1;var e=c.inputs[g];if(l.isValidConnection(b.type,e.type)){var k={id:this.graph.last_link_id++,type:e.type,origin_id:this.id,origin_slot:a,target_id:c.id,target_slot:g};this.graph.links[k.id]=k;null==b.links&&(b.links=[]);b.links.push(k.id);c.inputs[g].link=k.id;this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(l.OUTPUT,a,!0,k,b); +if(c.onConnectionsChange)c.onConnectionsChange(l.INPUT,g,!0,k,e);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(l.INPUT,c,g,this,a),this.graph.onNodeConnectionChange(l.OUTPUT,this,a,c,g))}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);return!0};f.prototype.disconnectOutput=function(a,c){if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return l.debug&&console.log("Connect: Error, no slot of name "+a),!1}else if(!this.outputs||a>=this.outputs.length)return l.debug&& +console.log("Connect: Error, slot number not found"),!1;var g=this.outputs[a];if(!g||!g.links||0==g.links.length)return!1;if(c){c.constructor===Number&&(c=this.graph.getNodeById(c));if(!c)throw"Target Node not found";for(var b=0,e=g.links.length;b=this.inputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),!1;var c=this.inputs[a];if(!c)return!1;var g=this.inputs[a].link;this.inputs[a].link=null;var b=this.graph.links[g];if(b){var e=this.graph.getNodeById(b.origin_id);if(!e)return!1; +var k=e.outputs[b.origin_slot];if(!k||!k.links||0==k.links.length)return!1;for(var d=0,m=k.links.length;dc&&this.inputs[c].pos?[this.pos[0]+this.inputs[c].pos[0],this.pos[1]+this.inputs[c].pos[1]]:!a&&this.outputs&&this.outputs.length>c&&this.outputs[c].pos?[this.pos[0]+ +this.outputs[c].pos[0],this.pos[1]+this.outputs[c].pos[1]]:this.flags.horizontal?a?[this.pos[0]+this.size[0]/this.inputs.length*(c+0.5),this.pos[1]-l.NODE_TITLE_HEIGHT]:[this.pos[0]+this.size[0]/this.outputs.length*(c+0.5),this.pos[1]+this.size[1]]:a?[this.pos[0],this.pos[1]+10+c*l.NODE_SLOT_HEIGHT+(this.constructor.slot_start_y||0)]:[this.pos[0]+this.size[0]+1,this.pos[1]+10+c*l.NODE_SLOT_HEIGHT+(this.constructor.slot_start_y||0)]};f.prototype.alignToGrid=function(){this.pos[0]=l.CANVAS_GRID_SIZE* +Math.round(this.pos[0]/l.CANVAS_GRID_SIZE);this.pos[1]=l.CANVAS_GRID_SIZE*Math.round(this.pos[1]/l.CANVAS_GRID_SIZE)};f.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>f.MAX_CONSOLE&&this.console.shift();this.graph.onNodeTrace(this,a)};f.prototype.setDirtyCanvas=function(a,c){this.graph&&this.graph.sendActionToCanvas("setDirty",[a,c])};f.prototype.loadImage=function(a){var c=new Image;c.src=l.node_images_path+a;c.ready=!1;var g=this;c.onload=function(){this.ready= +!0;g.setDirtyCanvas(!0)};return c};f.prototype.captureInput=function(a){if(this.graph&&this.graph.list_of_graphcanvas)for(var c=this.graph.list_of_graphcanvas,g=0;ga.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});Object.defineProperty(this,"size",{set:function(a){!a||2>a.length||(this._size[0]=Math.max(140,a[0]),this._size[1]=Math.max(80,a[1]))},get:function(){return this._size},enumerable:!0})};p.prototype.configure=function(a){this.title=a.title;this._bounding.set(a.bounding);this.color=a.color};p.prototype.serialize=function(){var a=this._bounding;return{title:this.title,bounding:[Math.round(a[0]), +Math.round(a[1]),Math.round(a[2]),Math.round(a[3])],color:this.color}};p.prototype.move=function(a,c,g){this._pos[0]+=a;this._pos[1]+=c;if(!g)for(g=0;g element, you passed a "+a.localName;throw"This browser doesnt support Canvas";}null==(this.ctx=a.getContext("2d"))&&(a.webgl_enabled||console.warn("This canvas seems to be WebGL, enabling WebGL renderer"), +this.enableWebGL());this._mousemove_callback=this.processMouseMove.bind(this);this._mouseup_callback=this.processMouseUp.bind(this);c||this.bindEvents()}};d.prototype._doNothing=function(a){a.preventDefault();return!1};d.prototype._doReturnTrue=function(a){a.preventDefault();return!0};d.prototype.bindEvents=function(){if(this._events_binded)console.warn("LGraphCanvas: events already binded");else{var a=this.canvas,c=this.getCanvasWindow().document;this._mousedown_callback=this.processMouseDown.bind(this); +this._mousewheel_callback=this.processMouseWheel.bind(this);a.addEventListener("mousedown",this._mousedown_callback,!0);a.addEventListener("mousemove",this._mousemove_callback);a.addEventListener("mousewheel",this._mousewheel_callback,!1);a.addEventListener("contextmenu",this._doNothing);a.addEventListener("DOMMouseScroll",this._mousewheel_callback,!1);a.addEventListener("touchstart",this.touchHandler,!0);a.addEventListener("touchmove",this.touchHandler,!0);a.addEventListener("touchend",this.touchHandler, +!0);a.addEventListener("touchcancel",this.touchHandler,!0);this._key_callback=this.processKey.bind(this);a.addEventListener("keydown",this._key_callback,!0);c.addEventListener("keyup",this._key_callback,!0);this._ondrop_callback=this.processDrop.bind(this);a.addEventListener("dragover",this._doNothing,!1);a.addEventListener("dragend",this._doNothing,!1);a.addEventListener("drop",this._ondrop_callback,!1);a.addEventListener("dragenter",this._doReturnTrue,!1);this._events_binded=!0}};d.prototype.unbindEvents= +function(){if(this._events_binded){var a=this.getCanvasWindow().document;this.canvas.removeEventListener("mousedown",this._mousedown_callback);this.canvas.removeEventListener("mousewheel",this._mousewheel_callback);this.canvas.removeEventListener("DOMMouseScroll",this._mousewheel_callback);this.canvas.removeEventListener("keydown",this._key_callback);a.removeEventListener("keyup",this._key_callback);this.canvas.removeEventListener("contextmenu",this._doNothing);this.canvas.removeEventListener("drop", +this._ondrop_callback);this.canvas.removeEventListener("dragenter",this._doReturnTrue);this.canvas.removeEventListener("touchstart",this.touchHandler);this.canvas.removeEventListener("touchmove",this.touchHandler);this.canvas.removeEventListener("touchend",this.touchHandler);this.canvas.removeEventListener("touchcancel",this.touchHandler);this._ondrop_callback=this._key_callback=this._mousewheel_callback=this._mousedown_callback=null;this._events_binded=!1}else console.warn("LGraphCanvas: no events binded")}; +d.getFileExtension=function(a){var c=a.indexOf("?");-1!=c&&(a=a.substr(0,c));c=a.lastIndexOf(".");return-1==c?"":a.substr(c+1).toLowerCase()};d.prototype.enableWebGL=function(){if(void 0===typeof GL)throw"litegl.js must be included to use a WebGL canvas";if(void 0===typeof enableWebGLCanvas)throw"webglCanvas.js must be included to use this feature";this.gl=this.ctx=enableWebGLCanvas(this.canvas);this.ctx.webgl=!0;this.bgcanvas=this.canvas;this.bgctx=this.gl;this.canvas.webgl_enabled=!0};d.prototype.setDirty= +function(a,c){a&&(this.dirty_canvas=!0);c&&(this.dirty_bgcanvas=!0)};d.prototype.getCanvasWindow=function(){if(!this.canvas)return window;var a=this.canvas.ownerDocument;return a.defaultView||a.parentWindow};d.prototype.startRendering=function(){function a(){this.pause_rendering||this.draw();var c=this.getCanvasWindow();this.is_rendering&&c.requestAnimationFrame(a.bind(this))}this.is_rendering||(this.is_rendering=!0,a.call(this))};d.prototype.stopRendering=function(){this.is_rendering=!1};d.prototype.processMouseDown= +function(a){if(this.graph){this.adjustMouseEvent(a);var c=this.getCanvasWindow();d.active_canvas=this;this.canvas.removeEventListener("mousemove",this._mousemove_callback);c.document.addEventListener("mousemove",this._mousemove_callback,!0);c.document.addEventListener("mouseup",this._mouseup_callback,!0);var g=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes,5),b=!1,e=300>l.getTime()-this.last_mouseclick;this.canvas_mouse[0]=a.canvasX;this.canvas_mouse[1]=a.canvasY;l.closeAllContextMenus(c); +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,b=!0);var k=!1;if(g&&this.allow_interaction&&!b){this.live_mode||g.flags.pinned||this.bringToFront(g);if(!this.connecting_node&&!g.flags.collapsed&&!this.live_mode)if(!b&&!1!==g.flags.resizable&&s(a.canvasX,a.canvasY,g.pos[0]+g.size[0]-5,g.pos[1]+g.size[1]-5,10,10))this.resizing_node=g,this.canvas.style.cursor= +"se-resize",b=!0;else{if(g.outputs)for(var q=0,m=g.outputs.length;qn([a.canvasX,a.canvasY],[this.selected_group.pos[0]+this.selected_group.size[0],this.selected_group.pos[1]+this.selected_group.size[1]])*this.scale?this.selected_group_resizing=!0:this.selected_group.recomputeInsideNodes()),e&&this.showSearchBox(a),k=!0;!b&&k&&this.allow_dragcanvas&& +(this.dragging_canvas=!0)}else 2!=a.which&&3==a.which&&this.processContextMenu(g,a);this.last_mouse[0]=a.localX;this.last_mouse[1]=a.localY;this.last_mouseclick=l.getTime();this.last_mouse_dragging=!0;this.graph.change();(!c.document.activeElement||"input"!=c.document.activeElement.nodeName.toLowerCase()&&"textarea"!=c.document.activeElement.nodeName.toLowerCase())&&a.preventDefault();a.stopPropagation();if(this.onMouseDown)this.onMouseDown(a);return!1}};d.prototype.processMouseMove=function(a){this.autoresize&& +this.resize();if(this.graph){d.active_canvas=this;this.adjustMouseEvent(a);var c=[a.localX,a.localY],g=[c[0]-this.last_mouse[0],c[1]-this.last_mouse[1]];this.last_mouse=c;this.canvas_mouse[0]=a.canvasX;this.canvas_mouse[1]=a.canvasY;a.dragging=this.last_mouse_dragging;this.node_widget&&(this.processNodeWidgets(this.node_widget[0],this.canvas_mouse,a,this.node_widget[1]),this.dirty_canvas=!0);if(this.dragging_rectangle)this.dragging_rectangle[2]=a.canvasX-this.dragging_rectangle[0],this.dragging_rectangle[3]= +a.canvasY-this.dragging_rectangle[1],this.dirty_canvas=!0;else if(this.selected_group)this.selected_group_resizing?this.selected_group.size=[a.canvasX-this.selected_group.pos[0],a.canvasY-this.selected_group.pos[1]]:(this.selected_group.move(g[0]/this.scale,g[1]/this.scale,a.ctrlKey),this.selected_group._nodes.length&&(this.dirty_canvas=!0)),this.dirty_bgcanvas=!0;else if(this.dragging_canvas)this.offset[0]+=g[0]/this.scale,this.offset[1]+=g[1]/this.scale,this.dirty_bgcanvas=this.dirty_canvas=!0; +else if(this.allow_interaction){this.connecting_node&&(this.dirty_canvas=!0);for(var b=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes),c=0,e=this.graph._nodes.length;cthis.dragging_rectangle[3]?this.dragging_rectangle[1]-e:this.dragging_rectangle[1];this.dragging_rectangle[0]=0>this.dragging_rectangle[2]?this.dragging_rectangle[0]-b:this.dragging_rectangle[0];this.dragging_rectangle[1]=k;this.dragging_rectangle[2]=b;this.dragging_rectangle[3]=e;e=[];for(k=0;ka.click_time&&this.deselectAllNodes();this.dirty_canvas=!0;this.dragging_canvas=!1;if(this.node_over&&this.node_over.onMouseUp)this.node_over.onMouseUp(a,[a.canvasX-this.node_over.pos[0],a.canvasY-this.node_over.pos[1]],this);if(this.node_capturing_input&&this.node_capturing_input.onMouseUp)this.node_capturing_input.onMouseUp(a,[a.canvasX- +this.node_capturing_input.pos[0],a.canvasY-this.node_capturing_input.pos[1]])}}else 2==a.which?(this.dirty_canvas=!0,this.dragging_canvas=!1):3==a.which&&(this.dirty_canvas=!0,this.dragging_canvas=!1);this.graph.change();a.stopPropagation();a.preventDefault();return!1}};d.prototype.processMouseWheel=function(a){if(this.graph&&this.allow_dragcanvas){var c=null!=a.wheelDeltaY?a.wheelDeltaY:-60*a.detail;this.adjustMouseEvent(a);var g=this.scale;0c&&(g*=1/1.1);this.setZoom(g,[a.localX,a.localY]); +this.graph.change();a.preventDefault();return!1}};d.prototype.isOverNodeBox=function(a,c,g){var b=l.NODE_TITLE_HEIGHT;return s(c,g,a.pos[0]+2,a.pos[1]+2-b,b-4,b-4)?!0:!1};d.prototype.isOverNodeInput=function(a,c,g,b){if(a.inputs)for(var e=0,k=a.inputs.length;ethis.max_zoom?this.scale=this.max_zoom:this.scaleb-this.graph._last_trigger_time)&&this.drawBackCanvas();(this.dirty_canvas||a)&&this.drawFrontCanvas();this.fps=this.render_time?1/this.render_time:0;this.frame+=1}};d.prototype.drawFrontCanvas=function(){this.dirty_canvas= +!1;this.ctx||(this.ctx=this.bgcanvas.getContext("2d"));var a=this.ctx;if(a){a.start2D&&a.start2D();var c=this.canvas;a.restore();a.setTransform(1,0,0,1,0,0);this.dirty_area&&(a.save(),a.beginPath(),a.rect(this.dirty_area[0],this.dirty_area[1],this.dirty_area[2],this.dirty_area[3]),a.clip());this.clear_background&&a.clearRect(0,0,c.width,c.height);this.bgcanvas==this.canvas?this.drawBackCanvas():a.drawImage(this.bgcanvas,0,0);if(this.onRender)this.onRender(c,a);this.show_info&&this.renderInfo(a);if(this.graph){a.save(); +a.scale(this.scale,this.scale);a.translate(this.offset[0],this.offset[1]);for(var c=this.computeVisibleNodes(null,this.visible_nodes),b=0;bthis.scale?c.fillRect(0,q,p, +n):f==l.ROUND_SHAPE||f==l.CARD_SHAPE?c.roundRect(0,q,p,n,this.round_radius,f==l.CARD_SHAPE?0:this.round_radius):f==l.CIRCLE_SHAPE&&c.arc(0.5*b[0],0.5*b[1],0.5*b[0],0,2*Math.PI),c.fill());c.shadowColor="transparent";a.bgImage&&a.bgImage.width&&c.drawImage(a.bgImage,0.5*(b[0]-a.bgImage.width),0.5*(b[1]-a.bgImage.height));a.bgImageUrl&&!a.bgImage&&(a.bgImage=a.loadImage(a.bgImageUrl));if(a.onDrawBackground)a.onDrawBackground(c,this,this.canvas);if(r||h==l.TRANSPARENT_TITLE){if(h!=l.TRANSPARENT_TITLE){a.flags.collapsed&& +(c.shadowColor=l.DEFAULT_SHADOW_COLOR);if(this.use_gradients){var s=d.gradients[m];s||(s=d.gradients[m]=c.createLinearGradient(0,0,400,0),s.addColorStop(0,m),s.addColorStop(1,"#000"));c.fillStyle=s}else c.fillStyle=m;s=c.globalAlpha;c.beginPath();f==l.BOX_SHAPE||0.5>this.scale?c.rect(0,-e,b[0]+1,e):f!=l.ROUND_SHAPE&&f!=l.CARD_SHAPE||c.roundRect(0,-e,b[0]+1,e,this.round_radius,a.flags.collapsed?this.round_radius:0);c.fill();c.shadowColor="transparent"}f==l.ROUND_SHAPE||f==l.CIRCLE_SHAPE||f==l.CARD_SHAPE? +(0.5d[2]&&(d[0]+=d[2],d[2]=Math.abs(d[2]));0>d[3]&&(d[1]+=d[3],d[3]=Math.abs(d[3]));if(v(d,b)&&(p=p.outputs[n].dir||(p.flags.horizontal?l.DOWN:l.RIGHT),n=m.inputs[f].dir||(m.flags.horizontal?l.UP:l.LEFT),this.renderLink(a,s, +t,h,!1,0,null,p,n),h&&h._last_time&&1E3>c-h._last_time)){var u=2-0.002*(c-h._last_time),D="rgba(255,255,255, "+u.toFixed(2)+")";this.renderLink(a,s,t,h,!0,u,D,p,n)}}}}}a.globalAlpha=1};d.prototype.renderLink=function(a,c,b,m,e,k,f,h,p){if(this.highquality_render){h=h||l.RIGHT;p=p||l.LEFT;var r=n(c,b);this.render_connections_border&&0.6c[1]?0:Math.PI,a.save(),a.translate(e[0],e[1]),a.rotate(r),a.beginPath(),a.moveTo(-5,-5),a.lineTo(0,5),a.lineTo(5, +-5),a.fill(),a.restore());if(k)for(k=0;5>k;++k)e=(0.001*l.getTime()+0.2*k)%1,e=this.computeConnectionPoint(c,b,e,h,p),a.beginPath(),a.arc(e[0],e[1],5,0,2*Math.PI),a.fill()}else a.beginPath(),a.moveTo(c[0],c[1]),a.lineTo(b[0],b[1]),a.stroke()};d.prototype.computeConnectionPoint=function(a,c,b,d,e){d=d||l.RIGHT;e=e||l.LEFT;var k=n(a,c),m=[a[0],a[1]],f=[c[0],c[1]];switch(d){case l.LEFT:m[0]+=-0.25*k;break;case l.RIGHT:m[0]+=0.25*k;break;case l.UP:m[1]+=-0.25*k;break;case l.DOWN:m[1]+=0.25*k}switch(e){case l.LEFT:f[0]+= +-0.25*k;break;case l.RIGHT:f[0]+=0.25*k;break;case l.UP:f[1]+=-0.25*k;break;case l.DOWN:f[1]+=0.25*k}d=(1-b)*(1-b)*(1-b);e=3*(1-b)*(1-b)*b;k=3*(1-b)*b*b;b*=b*b;return[d*a[0]+e*m[0]+k*f[0]+b*c[0],d*a[1]+e*m[1]+k*f[1]+b*c[1]]};d.prototype.drawExecutionOrder=function(a){a.shadowColor="transparent";a.globalAlpha=0.25;a.textAlign="center";a.strokeStyle="white";a.globalAlpha=0.75;for(var c=this.visible_nodes,b=0;br.last_y&&kr.options.max&&(r.value=r.options.max)):"mousedown"==b.type&&(b=40>e?-1:e>m-40?1:0,"number"==r.type?(r.value+=0.1*b*(r.options.step||1),null!=r.options.min&&r.valuer.options.max&&(r.value=r.options.max)):b&&(b=r.options.values.indexOf(r.value)+ +b,b>=r.options.values.length&&(b=0),0>b&&(b=r.options.values.length-1),r.value=r.options.values[b]));r.callback&&setTimeout(function(){this.callback(this.value,f,a,c)}.bind(r),20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==b.type&&(r.value=!r.value);break;case "text":"mousedown"==b.type&&this.prompt("Value",r.value,function(a){this.value=a}.bind(r),b)}return r}}return null};d.prototype.drawGroups=function(a,c){if(this.graph){var b=this.graph._groups;c.save();c.globalAlpha=0.5*this.editor_alpha; +c.font="24px Arial";for(var d=0;d +b&&0.01>c.editor_alpha&&(clearInterval(d),1>b&&(c.live_mode=!0));1"+p+""+a+"",value:p});if(h.length)return new l.ContextMenu(h,{event:b,callback:k,parentMenu:m,allow_html:!0,node:e},c),!1}};d.decodeHTML=function(a){var c=document.createElement("div");c.innerText=a;return c.innerHTML}; +d.onResizeNode=function(a,c,b,d,e){e&&(e.size=e.computeSize(),e.setDirtyCanvas(!0,!0))};d.onShowTitleEditor=function(a,c,b,m,e){function k(){e.title=l.value;f.parentNode.removeChild(f);e.setDirtyCanvas(!0,!0)}var f=document.createElement("div");f.className="graphdialog";f.innerHTML="Title";var l=f.querySelector("input");l&&(l.value=e.title,l.addEventListener("blur",function(a){this.focus()}),l.addEventListener("keydown", +function(a){13==a.keyCode&&(k(),a.preventDefault(),a.stopPropagation())}));a=d.active_canvas.canvas;c=a.getBoundingClientRect();m=b=-20;c&&(b-=c.left,m-=c.top);event?(f.style.left=event.pageX+b+"px",f.style.top=event.pageY+m+"px"):(f.style.left=0.5*a.width+b+"px",f.style.top=0.5*a.height+m+"px");f.querySelector("button").addEventListener("click",k);a.parentNode.appendChild(f)};d.prototype.prompt=function(a,c,b,m){var e=this;a=a||"";var k=document.createElement("div");k.className="graphdialog rounded"; +k.innerHTML=" ";k.close=function(){e.prompt_box=null;k.parentNode.removeChild(k)};k.addEventListener("mouseleave",function(a){k.close()});e.prompt_box&&e.prompt_box.close();e.prompt_box=k;k.querySelector(".name").innerText=a;k.querySelector(".value").value=c;var f=k.querySelector("input");f.addEventListener("keydown",function(a){if(27==a.keyCode)k.close();else if(13==a.keyCode)b&&b(this.value), +k.close();else return;a.preventDefault();a.stopPropagation()});k.querySelector("button").addEventListener("click",function(a){b&&b(f.value);e.setDirty(!0);k.close()});a=d.active_canvas.canvas;c=a.getBoundingClientRect();var l=-20,h=-20;c&&(l-=c.left,h-=c.top);m?(k.style.left=m.pageX+l+"px",k.style.top=m.pageY+h+"px"):(k.style.left=0.5*a.width+l+"px",k.style.top=0.5*a.height+h+"px");a.parentNode.appendChild(k);setTimeout(function(){f.focus()},10);return k};d.search_filter=!1;d.search_limit=-1;d.prototype.showSearchBox= +function(a){function c(c){if(c)if(e.onSearchBoxSelection)e.onSearchBoxSelection(c,a,v);else if(c=l.createNode(c))c.pos=v.convertEventToCanvas(a),v.graph.add(c);k.close()}function b(a){var c=n;n&&n.classList.remove("selected");n?(n=a?n.nextSibling:n.previousSibling)||(n=c):n=a?f.childNodes[0]:f.childNodes[f.childNodes.length];n&&(n.classList.add("selected"),n.scrollIntoView())}function m(){function a(b){var g=document.createElement("div");h||(h=b);g.innerText=b;g.className="litegraph lite-search-item"; +g.addEventListener("click",function(a){c(this.innerText)});f.appendChild(g)}p=null;var b=s.value;h=null;f.innerHTML="";if(b)if(e.onSearchBox)e.onSearchBox(help,b,v);else{var g=0;if(d.search_filter)for(var b=b.toLowerCase(),k=Object.keys(l.registered_node_types).filter(function(a){return-1!==a.toLowerCase().indexOf(b)}),D=0;Dd.search_limit);D++);else for(D in l.registered_node_types)if(-1!=D.indexOf(b)&&(a(D),-1!==d.search_limit&&g++>d.search_limit))break}} +var e=this,k=document.createElement("div");k.className="litegraph litesearchbox graphdialog rounded";k.innerHTML="Search
";k.close=function(){e.search_box=null;k.parentNode.removeChild(k)};k.addEventListener("mouseleave",function(a){k.close()});e.search_box&&e.search_box.close();e.search_box=k;var f=k.querySelector(".helper"),h=null,p=null,n=null,s=k.querySelector("input");s&&(s.addEventListener("blur", +function(a){this.focus()}),s.addEventListener("keydown",function(a){if(38==a.keyCode)b(!1);else if(40==a.keyCode)b(!0);else if(27==a.keyCode)k.close();else if(13==a.keyCode)n?c(n.innerHTML):h?c(h):k.close();else{p&&clearInterval(p);p=setTimeout(m,10);return}a.preventDefault();a.stopPropagation()}));var v=d.active_canvas,t=v.canvas,u=t.getBoundingClientRect(),z=-20,D=-20;u&&(z-=u.left,D-=u.top);a?(k.style.left=a.pageX+z+"px",k.style.top=a.pageY+D+"px"):(k.style.left=0.5*t.width+z+"px",k.style.top= +0.5*t.height+D+"px");t.parentNode.appendChild(k);s.focus();return k};d.prototype.showEditPropertyValue=function(a,c,b){function d(){e(n.value)}function e(b){"number"==typeof a.properties[c]&&(b=Number(b));"array"==k&&(b=b.split(",").map(Number));a.properties[c]=b;a._graph&&a._graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(c,b);p.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[c]){b=b||{};var k="string";null!==a.properties[c]&&(k=typeof a.properties[c]);"object"==k&&a.properties[c].length&& +(k="array");var m=null;a.getPropertyInfo&&(m=a.getPropertyInfo(c));if(a.properties_info)for(var f=0;f";else if("enum"==k&&m.values){l=""}else if("boolean"==k)l="";else{console.warn("unknown type: "+k);return}var p=this.createDialog(""+c+""+l+"",b);if("enum"==k&&m.values){var n=p.querySelector("select");n.addEventListener("change",function(a){e(a.target.value)})}else if("boolean"==k)(n=p.querySelector("input"))&&n.addEventListener("click", +function(a){e(!!n.checked)});else if(n=p.querySelector("input"))n.addEventListener("blur",function(a){this.focus()}),n.value=void 0!==a.properties[c]?a.properties[c]:"",n.addEventListener("keydown",function(a){13==a.keyCode&&(d(),a.preventDefault(),a.stopPropagation())});p.querySelector("button").addEventListener("click",d)}};d.prototype.createDialog=function(a,c){c=c||{};var b=document.createElement("div");b.className="graphdialog";b.innerHTML=a;var d=this.canvas.getBoundingClientRect(),e=-20,k= +-20;d&&(e-=d.left,k-=d.top);c.position?(e+=c.position[0],k+=c.position[1]):c.event?(e+=c.event.pageX,k+=c.event.pageY):(e+=0.5*this.canvas.width,k+=0.5*this.canvas.height);b.style.left=e+"px";b.style.top=k+"px";this.canvas.parentNode.appendChild(b);b.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return b};d.onMenuNodeCollapse=function(a,c,b,d,e){e.collapse()};d.onMenuNodePin=function(a,c,b,d,e){e.pin()};d.onMenuNodeMode=function(a,c,b,d,e){new l.ContextMenu(["Always","On Event", +"On Trigger","Never"],{event:b,callback:function(a){if(e)switch(a){case "On Event":e.mode=l.ON_EVENT;break;case "On Trigger":e.mode=l.ON_TRIGGER;break;case "Never":e.mode=l.NEVER;break;default:e.mode=l.ALWAYS}},parentMenu:d,node:e});return!1};d.onMenuNodeColors=function(a,c,b,m,e){if(!e)throw"no node for color";c=[];c.push({value:null,content:"No color"});for(var k in d.node_colors)a=d.node_colors[k],a={value:k,content:""+k+""},c.push(a);new l.ContextMenu(c,{event:b,callback:function(a){e&&((a=a.value?d.node_colors[a.value]:null)?e.constructor===l.LGraphGroup?e.color=a.groupcolor:(e.color=a.color,e.bgcolor=a.bgcolor):(delete e.color,delete e.bgcolor),e.setDirtyCanvas(!0,!0))},parentMenu:m,node:e});return!1};d.onMenuNodeShapes=function(a,c,b,d,e){if(!e)throw"no node passed";new l.ContextMenu(l.VALID_SHAPES,{event:b,callback:function(a){e&&(e.shape=a,e.setDirtyCanvas(!0))}, +parentMenu:d,node:e});return!1};d.onMenuNodeRemove=function(a,c,b,d,e){if(!e)throw"no node passed";!1!==e.removable&&(e.graph.remove(e),e.setDirtyCanvas(!0,!0))};d.onMenuNodeClone=function(a,c,b,d,e){!1!=e.clonable&&(a=e.clone())&&(a.pos=[e.pos[0]+5,e.pos[1]+5],e.graph.add(a),e.setDirtyCanvas(!0,!0))};d.node_colors={red:{color:"#322",bgcolor:"#533",groupcolor:"#A88"},brown:{color:"#332922",bgcolor:"#593930",groupcolor:"#b06634"},green:{color:"#232",bgcolor:"#353",groupcolor:"#8A8"},blue:{color:"#223", +bgcolor:"#335",groupcolor:"#88A"},pale_blue:{color:"#2a363b",bgcolor:"#3f5159",groupcolor:"#3f789e"},cyan:{color:"#233",bgcolor:"#355",groupcolor:"#8AA"},purple:{color:"#323",bgcolor:"#535",groupcolor:"#a1309b"},yellow:{color:"#432",bgcolor:"#653",groupcolor:"#b58b2a"},black:{color:"#222",bgcolor:"#000",groupcolor:"#444"}};d.prototype.getCanvasMenuOptions=function(){var a=null;this.getMenuOptions?a=this.getMenuOptions():(a=[{content:"Add Node",has_submenu:!0,callback:d.onMenuAdd},{content:"Add Group", +callback:d.onGroupAdd}],this._graph_stack&&0Name",e),m=f.querySelector("input");m&&d&&(m.value=d.label);f.querySelector("button").addEventListener("click",function(a){m.value&&(d&&(d.label=m.value),b.setDirty(!0));f.close()})}},extra:a},f=null;a&&(f=a.getSlotInPosition(c.canvasX,c.canvasY),d.active_node=a);f?(e=[],f&&f.output&&f.output.links&&f.output.links.length&&e.push({content:"Disconnect Links", +slot:f}),e.push(f.locked?"Cannot remove":{content:"Remove Slot",slot:f}),e.push(f.nameLocked?"Cannot rename":{content:"Rename Slot",slot:f}),k.title=(f.input?f.input.type:f.output.type)||"*",f.input&&f.input.type==l.ACTION&&(k.title="Action"),f.output&&f.output.type==l.EVENT&&(k.title="Event")):a?e=this.getNodeMenuOptions(a):(e=this.getCanvasMenuOptions(),(f=this.graph.getGroupOnPos(c.canvasX,c.canvasY))&&e.push(null,{content:"Edit Group",has_submenu:!0,submenu:{title:"Group",extra:f,options:this.getGroupMenuOptions(f)}})); +e&&new l.ContextMenu(e,k,m)};this.CanvasRenderingContext2D&&(CanvasRenderingContext2D.prototype.roundRect=function(a,c,b,d,e,k){void 0===e&&(e=5);void 0===k&&(k=e);this.moveTo(a+e,c);this.lineTo(a+b-e,c);this.quadraticCurveTo(a+b,c,a+b,c+e);this.lineTo(a+b,c+d-k);this.quadraticCurveTo(a+b,c+d,a+b-k,c+d);this.lineTo(a+k,c+d);this.quadraticCurveTo(a,c+d,a,c+d-k);this.lineTo(a,c+e);this.quadraticCurveTo(a,c,a+e,c)});l.compareObjects=function(a,c){for(var b in a)if(a[b]!=c[b])return!1;return!0};l.distance= +n;l.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")+")"};l.isInsideRectangle=s;l.growBounding=function(a,c,b){ca[2]&&(a[2]=c);ba[3]&&(a[3]=b)};l.isInsideBounding=function(a,c){return a[0]c[1][0]||a[1]>c[1][1]?!1:!0};l.overlapBounding=v;l.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase(); +for(var c=Array(3),b=0,d,e,k=0;6>k;k+=2)d="0123456789ABCDEF".indexOf(a.charAt(k)),e="0123456789ABCDEF".indexOf(a.charAt(k+1)),c[b]=16*d+e,b++;return c};l.num2hex=function(a){for(var c="#",b,d,e=0;3>e;e++)b=a[e]/16,d=a[e]%16,c+="0123456789ABCDEF".charAt(b)+"0123456789ABCDEF".charAt(d);return c};t.prototype.addItem=function(a,c,b){function d(a){var c=this.value;c&&c.has_submenu&&e.call(this,a)}function e(a){var c=this.value,e=!0;k.current_submenu&&k.current_submenu.close(a);if(b.callback){var d=b.callback.call(this, +c,b,a,k,b.node);!0===d&&(e=!1)}if(c&&(c.callback&&!b.ignore_item_callbacks&&!0!==c.disabled&&(d=c.callback.call(this,c,b,a,k,b.extra),!0===d&&(e=!1)),c.submenu)){if(!c.submenu.options)throw"ContextMenu submenu needs options";new k.constructor(c.submenu.options,{callback:c.submenu.callback,event:a,parentMenu:k,ignore_item_callbacks:c.submenu.ignore_item_callbacks,title:c.submenu.title,extra:c.submenu.extra,autoopen:b.autoopen});e=!1}e&&!k.lock&&k.close()}var k=this;b=b||{};var f=document.createElement("div"); +f.className="litemenu-entry submenu";var m=!1;if(null===c)f.classList.add("separator");else{f.innerHTML=c&&c.title?c.title:a;if(f.value=c)c.disabled&&(m=!0,f.classList.add("disabled")),(c.submenu||c.has_submenu)&&f.classList.add("has_submenu");"function"==typeof c?(f.dataset.value=a,f.onclick_callback=c):f.dataset.value=c;c.className&&(f.className+=" "+c.className)}this.root.appendChild(f);m||f.addEventListener("click",e);b.autoopen&&f.addEventListener("mouseenter",d);return f};t.prototype.close= +function(a,c){this.root.parentNode&&this.root.parentNode.removeChild(this.root);this.parentMenu&&!c&&(this.parentMenu.lock=!1,this.parentMenu.current_submenu=null,void 0===a?this.parentMenu.close():a&&!t.isCursorOverElement(a,this.parentMenu.root)&&t.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0)};t.trigger=function(a,c,b,d){var e=document.createEvent("CustomEvent");e.initCustomEvent(c,!0,!0,b);e.srcElement=d;a.dispatchEvent?a.dispatchEvent(e): +a.__events&&a.__events.dispatchEvent(e);return e};t.prototype.getTopMenu=function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this};t.prototype.getFirstEvent=function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event};t.isCursorOverElement=function(a,c){var b=a.pageX,d=a.pageY,e=c.getBoundingClientRect();return e?d>e.top&&de.left&&ba?c:bthis.size[0]-m.NODE_TITLE_HEIGHT&&0>a[1]){var d= -this;setTimeout(function(){c.openSubgraph(d.subgraph)},10)}};f.prototype.onSubgraphNewGlobalInput=function(b,a){this.addInput(b,a)};f.prototype.onSubgraphRenamedGlobalInput=function(b,a){var c=this.findInputSlot(b);-1!=c&&(this.getInputInfo(c).name=a)};f.prototype.onSubgraphTypeChangeGlobalInput=function(b,a){var c=this.findInputSlot(b);-1!=c&&(this.getInputInfo(c).type=a)};f.prototype.onSubgraphNewGlobalOutput=function(b,a){this.addOutput(b,a)};f.prototype.onSubgraphRenamedGlobalOutput=function(b, -a){var c=this.findOutputSlot(b);-1!=c&&(this.getOutputInfo(c).name=a)};f.prototype.onSubgraphTypeChangeGlobalOutput=function(b,a){var c=this.findOutputSlot(b);-1!=c&&(this.getOutputInfo(c).type=a)};f.prototype.getExtraMenuOptions=function(b){var a=this;return[{content:"Open",callback:function(){b.openSubgraph(a.subgraph)}}]};f.prototype.onResize=function(b){b[1]+=20};f.prototype.onExecute=function(){if(this.inputs)for(var b=0;bthis.size[0]-m.NODE_TITLE_HEIGHT&&0>a[1]){var d=this;setTimeout(function(){c.openSubgraph(d.subgraph)}, +10)}};f.prototype.onSubgraphNewGlobalInput=function(b,a){this.addInput(b,a)};f.prototype.onSubgraphRenamedGlobalInput=function(b,a){var c=this.findInputSlot(b);-1!=c&&(this.getInputInfo(c).name=a)};f.prototype.onSubgraphTypeChangeGlobalInput=function(b,a){var c=this.findInputSlot(b);-1!=c&&(this.getInputInfo(c).type=a)};f.prototype.onSubgraphNewGlobalOutput=function(b,a){this.addOutput(b,a)};f.prototype.onSubgraphRenamedGlobalOutput=function(b,a){var c=this.findOutputSlot(b);-1!=c&&(this.getOutputInfo(c).name= +a)};f.prototype.onSubgraphTypeChangeGlobalOutput=function(b,a){var c=this.findOutputSlot(b);-1!=c&&(this.getOutputInfo(c).type=a)};f.prototype.getExtraMenuOptions=function(b){var a=this;return[{content:"Open",callback:function(){b.openSubgraph(a.subgraph)}}]};f.prototype.onResize=function(b){b[1]+=20};f.prototype.onExecute=function(){if(this.inputs)for(var b=0;bb.canvasY-this.pos[1]||m.distance([b.canvasX,b.canvasY],[this.pos[0]+this.center[0],this.pos[1]+this.center[1]])>this.radius)return!1;this.oldmouse=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];this.captureInput(!0); -return!0}};d.prototype.onMouseMove=function(b){if(this.oldmouse){b=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];var a=this.value,a=a-0.01*(b[1]-this.oldmouse[1]);1a&&(a=0);this.value=a;this.properties.value=this.properties.min+(this.properties.max-this.properties.min)*this.value;this.oldmouse=b;this.setDirtyCanvas(!0)}};d.prototype.onMouseUp=function(b){this.oldmouse&&(this.oldmouse=null,this.captureInput(!1))};d.prototype.onMouseLeave=function(b){};d.prototype.onWidget=function(b,a){if("increase"== -a.name)this.onPropertyChanged("size",this.properties.size+10);else if("decrease"==a.name)this.onPropertyChanged("size",this.properties.size-10)};d.prototype.onPropertyChanged=function(b,a){if("wcolor"==b)this.properties[b]=a;else if("size"==b)a=parseInt(a),this.properties[b]=a,this.size=[a+4,a+24],this.setDirtyCanvas(!0,!0);else if("min"==b||"max"==b||"value"==b)this.properties[b]=parseFloat(a);else return!1;return!0};m.registerNodeType("widget/knob",d);q.title="Internal Slider";q.prototype.onPropertyChanged= -function(b,a){"value"==b&&(this.slider.value=a)};q.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};m.registerNodeType("widget/internal_slider",q);s.title="H.Slider";s.desc="Linear slider controller";s.prototype.onAdded=function(){this.value=0.5;this.imgfg=this.loadImage("imgs/slider_fg.png")};s.prototype.onDrawVectorial=function(b){this.imgfg&&this.imgfg.width&&(b.lineWidth=1,b.strokeStyle=this.mouseOver?"#FFF":"#AAA",b.fillStyle="#000",b.beginPath(),b.rect(2,0,this.size[0]- -4,20),b.stroke(),b.fillStyle=this.properties.wcolor,b.beginPath(),b.rect(2+(this.size[0]-4-20)*this.value,0,20,20),b.fill())};s.prototype.onDrawImage=function(b){this.imgfg&&this.imgfg.width&&(b.lineWidth=1,b.fillStyle="#000",b.fillRect(2,9,this.size[0]-4,2),b.strokeStyle="#333",b.beginPath(),b.moveTo(2,9),b.lineTo(this.size[0]-4,9),b.stroke(),b.strokeStyle="#AAA",b.beginPath(),b.moveTo(2,11),b.lineTo(this.size[0]-4,11),b.stroke(),b.drawImage(this.imgfg,2+(this.size[0]-4)*this.value-0.5*this.imgfg.width, -0.5*-this.imgfg.height+10))};s.prototype.onDrawForeground=function(b){this.onDrawImage(b)};s.prototype.onExecute=function(){this.properties.value=this.properties.min+(this.properties.max-this.properties.min)*this.value;this.setOutputData(0,this.properties.value);this.boxcolor=m.colorToString([this.value,this.value,this.value])};s.prototype.onMouseDown=function(b){if(0>b.canvasY-this.pos[1])return!1;this.oldmouse=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];this.captureInput(!0);return!0};s.prototype.onMouseMove= -function(b){if(this.oldmouse){b=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];var a=this.value,a=a+(b[0]-this.oldmouse[0])/this.size[0];1a&&(a=0);this.value=a;this.oldmouse=b;this.setDirtyCanvas(!0)}};s.prototype.onMouseUp=function(b){this.oldmouse=null;this.captureInput(!1)};s.prototype.onMouseLeave=function(b){};s.prototype.onPropertyChanged=function(b,a){if("wcolor"==b)this.properties[b]=a;else return!1;return!0};m.registerNodeType("widget/hslider",s);v.title="Progress";v.desc="Shows data in linear progress"; -v.prototype.onExecute=function(){var b=this.getInputData(0);void 0!=b&&(this.properties.value=b)};v.prototype.onDrawForeground=function(b){b.lineWidth=1;b.fillStyle=this.properties.wcolor;var a=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),a=Math.min(1,a),a=Math.max(0,a);b.fillRect(2,2,(this.size[0]-4)*a,this.size[1]-4)};m.registerNodeType("widget/progress",v);t.title="Text";t.desc="Shows the input value";t.widgets=[{name:"resize",text:"Resize box",type:"button"}, -{name:"led_text",text:"LED",type:"minibutton"},{name:"normal_text",text:"Normal",type:"minibutton"}];t.prototype.onDrawForeground=function(b){b.fillStyle=this.properties.color;var a=this.properties.value;this.properties.glowSize?(b.shadowColor=this.properties.color,b.shadowOffsetX=0,b.shadowOffsetY=0,b.shadowBlur=this.properties.glowSize):b.shadowColor="transparent";var c=this.properties.fontsize;b.textAlign=this.properties.align;b.font=c.toString()+"px "+this.properties.font;this.str="number"==typeof a? -a.toFixed(this.properties.decimals):a;if("string"==typeof this.str){var a=this.str.split("\\n"),d;for(d in a)b.fillText(a[d],"left"==this.properties.align?15:this.size[0]-15,-0.15*c+c*(parseInt(d)+1))}b.shadowColor="transparent";this.last_ctx=b;b.textAlign="left"};t.prototype.onExecute=function(){var b=this.getInputData(0);null!=b&&(this.properties.value=b)};t.prototype.resize=function(){if(this.last_ctx){var b=this.str.split("\\n");this.last_ctx.font=this.properties.fontsize+"px "+this.properties.font; -var a=0,c;for(c in b){var d=this.last_ctx.measureText(b[c]).width;aa&&(a=0);this.value=a;this.properties.value=this.properties.min+(this.properties.max-this.properties.min)*this.value;this.oldmouse=b;this.setDirtyCanvas(!0)}};d.prototype.onMouseUp=function(b){this.oldmouse&&(this.oldmouse=null,this.captureInput(!1))};d.prototype.onMouseLeave=function(b){};d.prototype.onPropertyChanged=function(b, +a){if("wcolor"==b)this.properties[b]=a;else if("size"==b)a=parseInt(a),this.properties[b]=a,this.size=[a+4,a+24],this.setDirtyCanvas(!0,!0);else if("min"==b||"max"==b||"value"==b)this.properties[b]=parseFloat(a);else return!1;return!0};m.registerNodeType("widget/knob",d);n.title="Internal Slider";n.prototype.onPropertyChanged=function(b,a){"value"==b&&(this.slider.value=a)};n.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};m.registerNodeType("widget/internal_slider",n); +s.title="H.Slider";s.desc="Linear slider controller";s.prototype.onAdded=function(){this.value=0.5;this.imgfg=this.loadImage("imgs/slider_fg.png")};s.prototype.onDrawVectorial=function(b){this.imgfg&&this.imgfg.width&&(b.lineWidth=1,b.strokeStyle=this.mouseOver?"#FFF":"#AAA",b.fillStyle="#000",b.beginPath(),b.rect(2,0,this.size[0]-4,20),b.stroke(),b.fillStyle=this.properties.wcolor,b.beginPath(),b.rect(2+(this.size[0]-4-20)*this.value,0,20,20),b.fill())};s.prototype.onDrawImage=function(b){this.imgfg&& +this.imgfg.width&&(b.lineWidth=1,b.fillStyle="#000",b.fillRect(2,9,this.size[0]-4,2),b.strokeStyle="#333",b.beginPath(),b.moveTo(2,9),b.lineTo(this.size[0]-4,9),b.stroke(),b.strokeStyle="#AAA",b.beginPath(),b.moveTo(2,11),b.lineTo(this.size[0]-4,11),b.stroke(),b.drawImage(this.imgfg,2+(this.size[0]-4)*this.value-0.5*this.imgfg.width,0.5*-this.imgfg.height+10))};s.prototype.onDrawForeground=function(b){this.onDrawImage(b)};s.prototype.onExecute=function(){this.properties.value=this.properties.min+ +(this.properties.max-this.properties.min)*this.value;this.setOutputData(0,this.properties.value);this.boxcolor=m.colorToString([this.value,this.value,this.value])};s.prototype.onMouseDown=function(b){if(0>b.canvasY-this.pos[1])return!1;this.oldmouse=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];this.captureInput(!0);return!0};s.prototype.onMouseMove=function(b){if(this.oldmouse){b=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];var a=this.value,a=a+(b[0]-this.oldmouse[0])/this.size[0];1a&& +(a=0);this.value=a;this.oldmouse=b;this.setDirtyCanvas(!0)}};s.prototype.onMouseUp=function(b){this.oldmouse=null;this.captureInput(!1)};s.prototype.onMouseLeave=function(b){};s.prototype.onPropertyChanged=function(b,a){if("wcolor"==b)this.properties[b]=a;else return!1;return!0};m.registerNodeType("widget/hslider",s);v.title="Progress";v.desc="Shows data in linear progress";v.prototype.onExecute=function(){var b=this.getInputData(0);void 0!=b&&(this.properties.value=b)};v.prototype.onDrawForeground= +function(b){b.lineWidth=1;b.fillStyle=this.properties.wcolor;var a=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),a=Math.min(1,a),a=Math.max(0,a);b.fillRect(2,2,(this.size[0]-4)*a,this.size[1]-4)};m.registerNodeType("widget/progress",v);t.title="Text";t.desc="Shows the input value";t.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"led_text",text:"LED",type:"minibutton"},{name:"normal_text",text:"Normal",type:"minibutton"}];t.prototype.onDrawForeground= +function(b){b.fillStyle=this.properties.color;var a=this.properties.value;this.properties.glowSize?(b.shadowColor=this.properties.color,b.shadowOffsetX=0,b.shadowOffsetY=0,b.shadowBlur=this.properties.glowSize):b.shadowColor="transparent";var c=this.properties.fontsize;b.textAlign=this.properties.align;b.font=c.toString()+"px "+this.properties.font;this.str="number"==typeof a?a.toFixed(this.properties.decimals):a;if("string"==typeof this.str){var a=this.str.split("\\n"),d;for(d in a)b.fillText(a[d], +"left"==this.properties.align?15:this.size[0]-15,-0.15*c+c*(parseInt(d)+1))}b.shadowColor="transparent";this.last_ctx=b;b.textAlign="left"};t.prototype.onExecute=function(){var b=this.getInputData(0);null!=b&&(this.properties.value=b)};t.prototype.resize=function(){if(this.last_ctx){var b=this.str.split("\\n");this.last_ctx.font=this.properties.fontsize+"px "+this.properties.font;var a=0,c;for(c in b){var d=this.last_ctx.measureText(b[c]).width;ad?f.xbox.axes.lx:0,this._left_axis[1]=Math.abs(f.xbox.axes.ly)>d?f.xbox.axes.ly:0,this._right_axis[0]=Math.abs(f.xbox.axes.rx)>d?f.xbox.axes.rx:0,this._right_axis[1]=Math.abs(f.xbox.axes.ry)>d?f.xbox.axes.ry:0,this._triggers[0]=Math.abs(f.xbox.axes.ltrigger)>d?f.xbox.axes.ltrigger:0,this._triggers[1]=Math.abs(f.xbox.axes.rtrigger)>d?f.xbox.axes.rtrigger:0);if(this.outputs)for(d= -0;df;f++)if(d[f]){f=d[f];d=this.xbox_mapping;d||(d=this.xbox_mapping= +0;df;f++)if(d[f]){f=d[f];d=this.xbox_mapping;d||(d=this.xbox_mapping= {axes:[],buttons:{},hat:""});d.axes.lx=f.axes[0];d.axes.ly=f.axes[1];d.axes.rx=f.axes[2];d.axes.ry=f.axes[3];d.axes.ltrigger=f.buttons[6].value;d.axes.rtrigger=f.buttons[7].value;for(var h=0;h","string",{values:e.values});this.size=[60,40]}function l(){this.addInput("inc","number");this.addOutput("total","number");this.addProperty("increment",1);this.addProperty("value",0)}function r(){this.addInput("v","number");this.addOutput("sin","number");this.addProperty("amplitude",1);this.addProperty("offset",0);this.bgImageUrl="nodes/imgs/icon-sin.png"} -function D(){this.addInput("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function y(){this.addInputs([["x","number"],["y","number"]]);this.addOutput("vec2","vec2");this.properties={x:0,y:0};this._data=new Float32Array(2)}function n(){this.addInput("vec3","vec3");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number")}function A(){this.addInputs([["x","number"],["y","number"],["z","number"]]);this.addOutput("vec3","vec3");this.properties={x:0, +"number");this.addInput("B","number");this.addOutput("out","boolean");this.addProperty("A",1);this.addProperty("B",1);this.addProperty("OP",">","string",{values:e.values});this.size=[60,40]}function k(){this.addInput("inc","number");this.addOutput("total","number");this.addProperty("increment",1);this.addProperty("value",0)}function q(){this.addInput("v","number");this.addOutput("sin","number");this.addProperty("amplitude",1);this.addProperty("offset",0);this.bgImageUrl="nodes/imgs/icon-sin.png"} +function E(){this.addInput("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function y(){this.addInputs([["x","number"],["y","number"]]);this.addOutput("vec2","vec2");this.properties={x:0,y:0};this._data=new Float32Array(2)}function r(){this.addInput("vec3","vec3");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number")}function A(){this.addInputs([["x","number"],["y","number"],["z","number"]]);this.addOutput("vec3","vec3");this.properties={x:0, y:0,z:0};this._data=new Float32Array(3)}function C(){this.addInput("vec4","vec4");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number");this.addOutput("w","number")}function B(){this.addInputs([["x","number"],["y","number"],["z","number"],["w","number"]]);this.addOutput("vec4","vec4");this.properties={x:0,y:0,z:0,w:0};this._data=new Float32Array(4)}var x=u.LiteGraph;h.title="Converter";h.desc="type A to type B";h.prototype.onExecute=function(){var a=this.getInputData(0); if(null!=a&&this.outputs)for(var c=0;cb&&(this._current=0);for(var c=a=0;cb&&(b=1);this.properties.samples=Math.round(b);var c=this._values;this._values=new Float32Array(this.properties.samples);c.length<=this._values.length?this._values.set(c):this._values.set(c.subarray(0,this._values.length))};x.registerNodeType("math/average",a);c.title="TendTo";c.desc="moves the output value always closer to the input"; c.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.factor;this._value=null==this._value?a:this._value*(1-b)+a*b;this.setOutputData(0,this._value)};x.registerNodeType("math/tendTo",c);g.values="+-*/%^".split("");g.title="Operation";g.desc="Easy math operators";g["@OP"]={type:"enum",title:"operation",values:g.values};g.prototype.getTitle=function(){return"A "+this.properties.OP+" B"};g.prototype.setValue=function(a){"string"==typeof a&&(a=parseFloat(a)); @@ -8515,41 +279,41 @@ this.properties.value=a};g.prototype.onExecute=function(){var a=this.getInputDat function(a){this.flags.collapsed||(a.font="40px Arial",a.fillStyle="#CCC",a.textAlign="center",a.fillText(this.properties.OP,0.5*this.size[0],0.35*this.size[1]+x.NODE_TITLE_HEIGHT),a.textAlign="left")};x.registerNodeType("math/operation",g);w.title="Compare";w.desc="compares between two values";w.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);void 0!==a?this.properties.A=a:a=this.properties.A;void 0!==b?this.properties.B=b:b=this.properties.B;for(var c=0,e=this.outputs.length;c< e;++c){var d=this.outputs[c];if(d.links&&d.links.length){switch(d.name){case "A==B":value=a==b;break;case "A!=B":value=a!=b;break;case "A>B":value=a>b;break;case "A=B":value=a>=b}this.setOutputData(c,value)}}};w.prototype.onGetOutputs=function(){return[["A==B","boolean"],["A!=B","boolean"],["A>B","boolean"],["A=B","boolean"],["A<=B","boolean"]]};x.registerNodeType("math/compare",w);e.values="> < == != <= >=".split(" ");e["@OP"]= {type:"enum",title:"operation",values:e.values};e.title="Condition";e.desc="evaluates condition between A and B";e.prototype.onExecute=function(){var a=this.getInputData(0);void 0===a?a=this.properties.A:this.properties.A=a;var b=this.getInputData(1);void 0===b?b=this.properties.B:this.properties.B=b;var c=!0;switch(this.properties.OP){case ">":c=a>b;break;case "<":c=a=":c=a>=b}this.setOutputData(0,c)};x.registerNodeType("math/condition", -e);l.title="Accumulate";l.desc="Increments a value every time";l.prototype.onExecute=function(){null===this.properties.value&&(this.properties.value=0);var a=this.getInputData(0);this.properties.value=null!==a?this.properties.value+a:this.properties.value+this.properties.increment;this.setOutputData(0,this.properties.value)};x.registerNodeType("math/accumulate",l);r.title="Trigonometry";r.desc="Sin Cos Tan";r.filter="shader";r.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a= +e);k.title="Accumulate";k.desc="Increments a value every time";k.prototype.onExecute=function(){null===this.properties.value&&(this.properties.value=0);var a=this.getInputData(0);this.properties.value=null!==a?this.properties.value+a:this.properties.value+this.properties.increment;this.setOutputData(0,this.properties.value)};x.registerNodeType("math/accumulate",k);q.title="Trigonometry";q.desc="Sin Cos Tan";q.filter="shader";q.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a= 0);var b=this.properties.amplitude,c=this.findInputSlot("amplitude");-1!=c&&(b=this.getInputData(c));var e=this.properties.offset,c=this.findInputSlot("offset");-1!=c&&(e=this.getInputData(c));for(var c=0,d=this.outputs.length;cXY";D.desc="vector 2 to components";D.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]))};x.registerNodeType("math3d/vec2-to-xyz",D);y.title="XY->Vec2";y.desc="components to vector2";y.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this._data;c[0]=a;c[1]=b;this.setOutputData(0,c)};x.registerNodeType("math3d/xy-to-vec2", -y);n.title="Vec3->XYZ";n.desc="vector 3 to components";n.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]))};x.registerNodeType("math3d/vec3-to-xyz",n);A.title="XYZ->Vec3";A.desc="components to vector3";A.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2);null==c&&(c=this.properties.z); +e)}};q.prototype.onGetInputs=function(){return[["v","number"],["amplitude","number"],["offset","number"]]};q.prototype.onGetOutputs=function(){return[["sin","number"],["cos","number"],["tan","number"],["asin","number"],["acos","number"],["atan","number"]]};x.registerNodeType("math/trigonometry",q);if(void 0!=typeof math){var z=function(){this.addInputs("x","number");this.addInputs("y","number");this.addOutputs("","number");this.properties={x:1,y:1,formula:"x+y"}};z.title="Formula";z.desc="Compute safe formula"; +z.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);null!=a?this.properties.x=a:a=this.properties.x;null!=b?this.properties.y=b:b=this.properties.y;a=math.eval(this.properties.formula,{x:a,y:b,T:this.graph.globaltime});this.setOutputData(0,a)};z.prototype.onDrawBackground=function(){this.outputs[0].label=this.properties.formula};z.prototype.onGetOutputs=function(){return[["A-B","number"],["A*B","number"],["A/B","number"]]};x.registerNodeType("math/formula",z)}E.title= +"Vec2->XY";E.desc="vector 2 to components";E.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]))};x.registerNodeType("math3d/vec2-to-xyz",E);y.title="XY->Vec2";y.desc="components to vector2";y.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this._data;c[0]=a;c[1]=b;this.setOutputData(0,c)};x.registerNodeType("math3d/xy-to-vec2", +y);r.title="Vec3->XYZ";r.desc="vector 3 to components";r.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]))};x.registerNodeType("math3d/vec3-to-xyz",r);A.title="XYZ->Vec3";A.desc="components to vector3";A.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2);null==c&&(c=this.properties.z); var e=this._data;e[0]=a;e[1]=b;e[2]=c;this.setOutputData(0,e)};x.registerNodeType("math3d/xyz-to-vec3",A);C.title="Vec4->XYZW";C.desc="vector 4 to components";C.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]),this.setOutputData(3,a[3]))};x.registerNodeType("math3d/vec4-to-xyzw",C);B.title="XYZW->Vec4";B.desc="components to vector4";B.prototype.onExecute=function(){var a=this.getInputData(0);null== a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2);null==c&&(c=this.properties.z);var e=this.getInputData(3);null==e&&(e=this.properties.w);var d=this._data;d[0]=a;d[1]=b;d[2]=c;d[3]=e;this.setOutputData(0,d)};x.registerNodeType("math3d/xyzw-to-vec4",B);u.glMatrix&&(u=function(){this.addOutput("quat","quat");this.properties={x:0,y:0,z:0,w:1};this._value=quat.create()},u.title="Quaternion",u.desc="quaternion",u.prototype.onExecute=function(){this._value[0]= this.properties.x;this._value[1]=this.properties.y;this._value[2]=this.properties.z;this._value[3]=this.properties.w;this.setOutputData(0,this._value)},x.registerNodeType("math3d/quaternion",u),u=function(){this.addInputs([["degrees","number"],["axis","vec3"]]);this.addOutput("quat","quat");this.properties={angle:90,axis:vec3.fromValues(0,1,0)};this._value=quat.create()},u.title="Rotation",u.desc="quaternion rotation",u.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.angle); var b=this.getInputData(1);null==b&&(b=this.properties.axis);a=quat.setAxisAngle(this._value,b,0.0174532925*a);this.setOutputData(0,a)},x.registerNodeType("math3d/rotation",u),u=function(){this.addInputs([["vec3","vec3"],["quat","quat"]]);this.addOutput("result","vec3");this.properties={vec:[0,0,1]}},u.title="Rot. Vec3",u.desc="rotate a point",u.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.vec);var b=this.getInputData(1);null==b?this.setOutputData(a):this.setOutputData(0, vec3.transformQuat(vec3.create(),a,b))},x.registerNodeType("math3d/rotate_vec3",u),u=function(){this.addInputs([["A","quat"],["B","quat"]]);this.addOutput("A*B","quat");this._value=quat.create()},u.title="Mult. Quat",u.desc="rotate quaternion",u.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);null!=b&&(a=quat.multiply(this._value,a,b),this.setOutputData(0,a))}},x.registerNodeType("math3d/mult-quat",u),u=function(){this.addInputs([["A","quat"],["B", "quat"],["factor","number"]]);this.addOutput("slerp","quat");this.addProperty("factor",0.5);this._value=quat.create()},u.title="Quat Slerp",u.desc="quaternion spherical interpolation",u.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);if(null!=b){var c=this.properties.factor;null!=this.getInputData(2)&&(c=this.getInputData(2));a=quat.slerp(this._value,a,b,c);this.setOutputData(0,a)}}},x.registerNodeType("math3d/quat-slerp",u))})(this); -(function(u){function h(){this.addInput("sel","boolean");this.addOutput("value","number");this.properties={A:0,B:1};this.size=[60,20]}u=u.LiteGraph;h.title="Selector";h.desc="outputs A if selector is true, B if selector is false";h.prototype.onExecute=function(){var f=this.getInputData(0);if(void 0!==f){for(var h=1;hb;++b){var a=this.getInputData(b);if(null!=a){var c=this.values[b];c.push(a);c.length>d[0]&&c.shift()}}}};h.prototype.onDrawBackground=function(d){if(!this.flags.collapsed){var b=this.size,a=0.5*b[1]/this.properties.scale,c=h.colors,f=0.5*b[1];d.fillStyle="#000";d.fillRect(0,0,b[0],b[1]);d.strokeStyle="#555";d.beginPath();d.moveTo(0,f);d.lineTo(b[0], -f);d.stroke();for(var k=0;4>k;++k){var e=this.values[k];d.strokeStyle=c[k];d.beginPath();var l=e[0]*a*-1+f;d.moveTo(0,Math.clamp(l,0,b[1]));for(var r=1;rl;++l){var e=this.values[l];d.strokeStyle=c[l];d.beginPath();var k=e[0]*a*-1+f;d.moveTo(0,Math.clamp(k,0,b[1]));for(var q=1;qb&&(b=0);if(0!=d.length){var a=[0,0,0];if(0==b)a=d[0];else if(1==b)a=d[d.length-1];else{var c=(d.length-1)*b,b=d[Math.floor(c)],d=d[Math.floor(c)+1],c=c-Math.floor(c);a[0]=b[0]*(1-c)+d[0]*c;a[1]=b[1]*(1-c)+d[1]*c;a[2]=b[2]*(1-c)+d[2]*c}for(var f in a)a[f]/=255;this.boxcolor=colorToString(a);this.setOutputData(0,a)}};k.registerNodeType("color/palette",p);d.title="Frame";d.desc="Frame viewerew";d.widgets=[{name:"resize",text:"Resize box",type:"button"}, +else{this.img=document.createElement("img");"http"==d.substr(0,4)&&l.proxy&&(d=l.proxy+d.substr(d.indexOf(":")+3));this.img.src=d;this.boxcolor="#F95";var a=this;this.img.onload=function(){b&&b(this);a.trace("Image loaded, size: "+a.img.width+"x"+a.img.height);this.dirty=!0;a.boxcolor="#9F9";a.setDirtyCanvas(!0)}}};f.prototype.onWidget=function(d,b){"load"==b.name&&this.loadImage(this.properties.url)};f.prototype.onDropFile=function(d){var b=this;this._url&&URL.revokeObjectURL(this._url);this._url= +URL.createObjectURL(d);this.properties.url=this._url;this.loadImage(this._url,function(a){b.size[1]=a.height/a.width*b.size[0]})};l.registerNodeType("graphics/image",f);p.title="Palette";p.desc="Generates a color";p.prototype.onExecute=function(){var d=[];null!=this.properties.colorA&&d.push(hex2num(this.properties.colorA));null!=this.properties.colorB&&d.push(hex2num(this.properties.colorB));null!=this.properties.colorC&&d.push(hex2num(this.properties.colorC));null!=this.properties.colorD&&d.push(hex2num(this.properties.colorD)); +var b=this.getInputData(0);null==b&&(b=0.5);1b&&(b=0);if(0!=d.length){var a=[0,0,0];if(0==b)a=d[0];else if(1==b)a=d[d.length-1];else{var c=(d.length-1)*b,b=d[Math.floor(c)],d=d[Math.floor(c)+1],c=c-Math.floor(c);a[0]=b[0]*(1-c)+d[0]*c;a[1]=b[1]*(1-c)+d[1]*c;a[2]=b[2]*(1-c)+d[2]*c}for(var f in a)a[f]/=255;this.boxcolor=colorToString(a);this.setOutputData(0,a)}};l.registerNodeType("color/palette",p);d.title="Frame";d.desc="Frame viewerew";d.widgets=[{name:"resize",text:"Resize box",type:"button"}, {name:"view",text:"View Image",type:"button"}];d.prototype.onDrawBackground=function(d){this.frame&&d.drawImage(this.frame,0,0,this.size[0],this.size[1])};d.prototype.onExecute=function(){this.frame=this.getInputData(0);this.setDirtyCanvas(!0)};d.prototype.onWidget=function(d,b){if("resize"==b.name&&this.frame){var a=this.frame.width,c=this.frame.height;a||null==this.frame.videoWidth||(a=this.frame.videoWidth,c=this.frame.videoHeight);a&&c&&(this.size=[a,c]);this.setDirtyCanvas(!0,!0)}else"view"== -b.name&&this.show()};d.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};k.registerNodeType("graphics/frame",d);q.title="Image fade";q.desc="Fades between images";q.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];q.prototype.onAdded=function(){this.createCanvas();var d=this.canvas.getContext("2d");d.fillStyle="#000";d.fillRect(0,0,this.properties.width,this.properties.height)};q.prototype.createCanvas=function(){this.canvas= -document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};q.prototype.onExecute=function(){var d=this.canvas.getContext("2d");this.canvas.width=this.canvas.width;var b=this.getInputData(0);null!=b&&d.drawImage(b,0,0,this.canvas.width,this.canvas.height);b=this.getInputData(2);null==b?b=this.properties.fade:this.properties.fade=b;d.globalAlpha=b;b=this.getInputData(1);null!=b&&d.drawImage(b,0,0,this.canvas.width,this.canvas.height);d.globalAlpha= -1;this.setOutputData(0,this.canvas);this.setDirtyCanvas(!0)};k.registerNodeType("graphics/imagefade",q);s.title="Crop";s.desc="Crop Image";s.prototype.onAdded=function(){this.createCanvas()};s.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};s.prototype.onExecute=function(){var d=this.getInputData(0);d&&(d.width?(this.canvas.getContext("2d").drawImage(d,-this.properties.x,-this.properties.y, +b.name&&this.show()};d.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};l.registerNodeType("graphics/frame",d);n.title="Image fade";n.desc="Fades between images";n.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];n.prototype.onAdded=function(){this.createCanvas();var d=this.canvas.getContext("2d");d.fillStyle="#000";d.fillRect(0,0,this.properties.width,this.properties.height)};n.prototype.createCanvas=function(){this.canvas= +document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};n.prototype.onExecute=function(){var d=this.canvas.getContext("2d");this.canvas.width=this.canvas.width;var b=this.getInputData(0);null!=b&&d.drawImage(b,0,0,this.canvas.width,this.canvas.height);b=this.getInputData(2);null==b?b=this.properties.fade:this.properties.fade=b;d.globalAlpha=b;b=this.getInputData(1);null!=b&&d.drawImage(b,0,0,this.canvas.width,this.canvas.height);d.globalAlpha= +1;this.setOutputData(0,this.canvas);this.setDirtyCanvas(!0)};l.registerNodeType("graphics/imagefade",n);s.title="Crop";s.desc="Crop Image";s.prototype.onAdded=function(){this.createCanvas()};s.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};s.prototype.onExecute=function(){var d=this.getInputData(0);d&&(d.width?(this.canvas.getContext("2d").drawImage(d,-this.properties.x,-this.properties.y, d.width*this.properties.scale,d.height*this.properties.scale),this.setOutputData(0,this.canvas)):this.setOutputData(0,null))};s.prototype.onDrawBackground=function(d){this.flags.collapsed||this.canvas&&d.drawImage(this.canvas,0,0,this.canvas.width,this.canvas.height,0,0,this.size[0],this.size[1])};s.prototype.onPropertyChanged=function(d,b){this.properties[d]=b;"scale"==d?(this.properties[d]=parseFloat(b),0==this.properties[d]&&(this.trace("Error in scale"),this.properties[d]=1)):this.properties[d]= -parseInt(b);this.createCanvas();return!0};k.registerNodeType("graphics/cropImage",s);v.title="Video";v.desc="Video playback";v.widgets=[{name:"play",text:"PLAY",type:"minibutton"},{name:"stop",text:"STOP",type:"minibutton"},{name:"demo",text:"Demo video",type:"button"},{name:"mute",text:"Mute video",type:"button"}];v.prototype.onExecute=function(){if(this.properties.url&&(this.properties.url!=this._video_url&&this.loadVideo(this.properties.url),this._video&&0!=this._video.width)){var d=this.getInputData(0); -d&&0<=d&&1>=d&&(this._video.currentTime=d*this._video.duration,this._video.pause());this._video.dirty=!0;this.setOutputData(0,this._video);this.setOutputData(1,this._video.currentTime);this.setOutputData(2,this._video.duration);this.setDirtyCanvas(!0)}};v.prototype.onStart=function(){this.play()};v.prototype.onStop=function(){this.stop()};v.prototype.loadVideo=function(d){this._video_url=d;this.properties.use_proxy&&"http"==d.substr(0,4)&&k.proxy&&(d=k.proxy+d.substr(d.indexOf(":")+3));this._video= +parseInt(b);this.createCanvas();return!0};l.registerNodeType("graphics/cropImage",s);v.title="Video";v.desc="Video playback";v.widgets=[{name:"play",text:"PLAY",type:"minibutton"},{name:"stop",text:"STOP",type:"minibutton"},{name:"demo",text:"Demo video",type:"button"},{name:"mute",text:"Mute video",type:"button"}];v.prototype.onExecute=function(){if(this.properties.url&&(this.properties.url!=this._video_url&&this.loadVideo(this.properties.url),this._video&&0!=this._video.width)){var d=this.getInputData(0); +d&&0<=d&&1>=d&&(this._video.currentTime=d*this._video.duration,this._video.pause());this._video.dirty=!0;this.setOutputData(0,this._video);this.setOutputData(1,this._video.currentTime);this.setOutputData(2,this._video.duration);this.setDirtyCanvas(!0)}};v.prototype.onStart=function(){this.play()};v.prototype.onStop=function(){this.stop()};v.prototype.loadVideo=function(d){this._video_url=d;this.properties.use_proxy&&"http"==d.substr(0,4)&&l.proxy&&(d=l.proxy+d.substr(d.indexOf(":")+3));this._video= document.createElement("video");this._video.src=d;this._video.type="type=video/mp4";this._video.muted=!0;this._video.autoplay=!0;var b=this;this._video.addEventListener("loadedmetadata",function(a){b.trace("Duration: "+this.duration+" seconds");b.trace("Size: "+this.videoWidth+","+this.videoHeight);b.setDirtyCanvas(!0);this.width=this.videoWidth;this.height=this.videoHeight});this._video.addEventListener("progress",function(a){});this._video.addEventListener("error",function(a){console.log("Error loading video: "+ this.src);b.trace("Error loading video: "+this.src);if(this.error)switch(this.error.code){case this.error.MEDIA_ERR_ABORTED:b.trace("You stopped the video.");break;case this.error.MEDIA_ERR_NETWORK:b.trace("Network error - please try again later.");break;case this.error.MEDIA_ERR_DECODE:b.trace("Video is broken..");break;case this.error.MEDIA_ERR_SRC_NOT_SUPPORTED:b.trace("Sorry, your browser can't play this video.")}});this._video.addEventListener("ended",function(a){b.trace("Ended.");this.play()})}; -v.prototype.onPropertyChanged=function(d,b){this.properties[d]=b;"url"==d&&""!=b&&this.loadVideo(b);return!0};v.prototype.play=function(){this._video&&this._video.play()};v.prototype.playPause=function(){this._video&&(this._video.paused?this.play():this.pause())};v.prototype.stop=function(){this._video&&(this._video.pause(),this._video.currentTime=0)};v.prototype.pause=function(){this._video&&(this.trace("Video paused"),this._video.pause())};v.prototype.onWidget=function(d,b){};k.registerNodeType("graphics/video", +v.prototype.onPropertyChanged=function(d,b){this.properties[d]=b;"url"==d&&""!=b&&this.loadVideo(b);return!0};v.prototype.play=function(){this._video&&this._video.play()};v.prototype.playPause=function(){this._video&&(this._video.paused?this.play():this.pause())};v.prototype.stop=function(){this._video&&(this._video.pause(),this._video.currentTime=0)};v.prototype.pause=function(){this._video&&(this.trace("Video paused"),this._video.pause())};v.prototype.onWidget=function(d,b){};l.registerNodeType("graphics/video", v);t.title="Webcam";t.desc="Webcam image";t.prototype.openStream=function(){function d(a){console.log("Webcam rejected",a);b._webcam_stream=!1;b.box_color="red"}navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;window.URL=window.URL||window.webkitURL;if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.getUserMedia({video:!0},this.streamReady.bind(this),d);var b=this}};t.prototype.onRemoved=function(){this._webcam_stream&& (this._webcam_stream.stop(),this._video=this._webcam_stream=null)};t.prototype.streamReady=function(d){this._webcam_stream=d;var b=this._video;b||(b=document.createElement("video"),b.autoplay=!0,b.src=window.URL.createObjectURL(d),this._video=b,b.onloadedmetadata=function(a){console.log(a)})};t.prototype.onExecute=function(){null!=this._webcam_stream||this._waiting_confirmation||this.openStream();this._video&&this._video.videoWidth&&(this._video.width=this._video.videoWidth,this._video.height=this._video.videoHeight, -this.setOutputData(0,this._video))};t.prototype.getExtraMenuOptions=function(d){var b=this;return[{content:b.properties.show?"Hide Frame":"Show Frame",callback:function(){b.properties.show=!b.properties.show}}]};t.prototype.onDrawBackground=function(d){this.flags.collapsed||20>=this.size[1]||!this.properties.show||!this._video||(d.save(),d.drawImage(this._video,0,0,this.size[0],this.size[1]),d.restore())};k.registerNodeType("graphics/webcam",t)})(this); +this.setOutputData(0,this._video))};t.prototype.getExtraMenuOptions=function(d){var b=this;return[{content:b.properties.show?"Hide Frame":"Show Frame",callback:function(){b.properties.show=!b.properties.show}}]};t.prototype.onDrawBackground=function(d){this.flags.collapsed||20>=this.size[1]||!this.properties.show||!this._video||(d.save(),d.drawImage(this._video,0,0,this.size[0],this.size[1]),d.restore())};l.registerNodeType("graphics/webcam",t)})(this); (function(u){var h=u.LiteGraph;u.LGraphTexture=null;if("undefined"!=typeof GL){var f=function(){this.addOutput("Texture","Texture");this.properties={name:"",filter:!0};this.size=[f.image_preview_size,f.image_preview_size]};u.LGraphTexture=f;f.title="Texture";f.desc="Texture";f.widgets_info={name:{widget:"texture"},filter:{widget:"checkbox"}};f.loadTextureCallback=null;f.image_preview_size=256;f.PASS_THROUGH=1;f.COPY=2;f.LOW=3;f.HIGH=4;f.REUSE=5;f.DEFAULT=2;f.MODE_VALUES={"pass through":f.PASS_THROUGH, copy:f.COPY,low:f.LOW,high:f.HIGH,reuse:f.REUSE,"default":f.DEFAULT};f.getTexturesContainer=function(){return gl.textures};f.loadTexture=function(a,b){b=b||{};var c=a;"http://"==c.substr(0,7)&&h.proxy&&(c=h.proxy+c.substr(7));return f.getTexturesContainer()[a]=GL.Texture.fromURL(c,b)};f.getTexture=function(a){var b=this.getTexturesContainer();if(!b)throw"Cannot load texture, container of textures not found";b=b[a];return!b&&a&&":"!=a[0]?this.loadTexture(a):b};f.getTargetTexture=function(a,b,c){if(!a)throw"LGraphTexture.getTargetTexture expects a reference texture"; var d=null;switch(c){case f.LOW:d=gl.UNSIGNED_BYTE;break;case f.HIGH:d=gl.HIGH_PRECISION_FORMAT;break;case f.REUSE:return a;default:d=a?a.type:gl.UNSIGNED_BYTE}b&&b.width==a.width&&b.height==a.height&&b.type==d||(b=new GL.Texture(a.width,a.height,{type:d,format:gl.RGBA,filter:gl.LINEAR}));return b};f.getTextureType=function(a,b){var c=b?b.type:gl.UNSIGNED_BYTE;switch(a){case f.HIGH:c=gl.HIGH_PRECISION_FORMAT;break;case f.LOW:c=gl.UNSIGNED_BYTE}return c};f.getNoiseTexture=function(){if(this._noise_texture)return this._noise_texture; @@ -8560,72 +324,72 @@ else{if(this._last_preview_tex!=this._last_tex)if(a.webgl)this._canvas=this._las if(a.width>b||a.height>b)c=this._preview_temp_tex,this._preview_temp_tex||(this._preview_temp_tex=c=new GL.Texture(b,b,{minFilter:gl.NEAREST})),a.copyTo(c);a=this._preview_canvas;a||(this._preview_canvas=a=createCanvas(b,b));c&&c.toCanvas(a);return a};f.prototype.getResources=function(a){a[this.properties.name]=GL.Texture;return a};f.prototype.onGetInputs=function(){return[["in","Texture"]]};f.prototype.onGetOutputs=function(){return[["width","number"],["height","number"],["aspect","number"]]};h.registerNodeType("texture/texture", f);var p=function(){this.addInput("Texture","Texture");this.properties={flipY:!1};this.size=[f.image_preview_size,f.image_preview_size]};p.title="Preview";p.desc="Show a texture in the graph canvas";p.allow_preview=!1;p.prototype.onDrawBackground=function(a){if(!this.flags.collapsed&&(a.webgl||p.allow_preview)){var b=this.getInputData(0);if(b){var c=null,c=!b.handle&&a.webgl?b:f.generateLowResTexturePreview(b);a.save();this.properties.flipY&&(a.translate(0,this.size[1]),a.scale(1,-1));a.drawImage(c, 0,0,this.size[0],this.size[1]);a.restore()}}};h.registerNodeType("texture/preview",p);var d=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={name:""}};d.title="Save";d.desc="Save a texture in the repository";d.prototype.onExecute=function(){var a=this.getInputData(0);a&&(this.properties.name&&(f.storeTexture?f.storeTexture(this.properties.name,a):f.getTexturesContainer()[this.properties.name]=a),this.setOutputData(0,a))};h.registerNodeType("texture/save", -d);var q=function(){this.addInput("Texture","Texture");this.addInput("TextureB","Texture");this.addInput("value","number");this.addOutput("Texture","Texture");this.help="

pixelcode must be vec3

\t\t\t

uvcode must be vec2, is optional

\t\t\t

uv: tex. coords

color: texture

colorB: textureB

time: scene time

value: input value

";this.properties={value:1,uvcode:"",pixelcode:"color + colorB * value", -precision:f.DEFAULT}};q.widgets_info={uvcode:{widget:"textarea",height:100},pixelcode:{widget:"textarea",height:100},precision:{widget:"combo",values:f.MODE_VALUES}};q.title="Operation";q.desc="Texture shader operation";q.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:b.properties.show?"Hide Texture":"Show Texture",callback:function(){b.properties.show=!b.properties.show}}]};q.prototype.onDrawBackground=function(a){this.flags.collapsed||20>=this.size[1]||!this.properties.show|| -!this._tex||this._tex.gl!=a||(a.save(),a.drawImage(this._tex,0,0,this.size[0],this.size[1]),a.restore())};q.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===f.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1);if(this.properties.uvcode||this.properties.pixelcode){var c=512,d=512;a?(c=a.width,d=a.height):b&&(c=b.width,d=b.height);var e=f.getTextureType(this.properties.precision,a);this._tex=a||this._tex?f.getTargetTexture(a|| -this._tex,this._tex,this.properties.precision):new GL.Texture(c,d,{type:e,format:gl.RGBA,filter:gl.LINEAR});e="";this.properties.uvcode&&(e="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(e=this.properties.uvcode));var l="";this.properties.pixelcode&&(l="result = "+this.properties.pixelcode,-1!=this.properties.pixelcode.indexOf(";")&&(l=this.properties.pixelcode));var g=this._shader;if(!g||this._shader_code!=e+"|"+l){try{this._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER, -q.pixel_shader,{UV_CODE:e,PIXEL_CODE:l}),this.boxcolor="#00FF00"}catch(h){console.log("Error compiling shader: ",h);this.boxcolor="#FF0000";return}this.boxcolor="#FF0000";this._shader_code=e+"|"+l;g=this._shader}if(g){this.boxcolor="green";var k=this.getInputData(2);null!=k?this.properties.value=k:k=parseFloat(this.properties.value);var m=this.graph.getTime();this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);a&&a.bind(0);b&&b.bind(1);var e=Mesh.getScreenQuad(); -g.uniforms({u_texture:0,u_textureB:1,value:k,texSize:[c,d],time:m}).draw(e)});this.setOutputData(0,this._tex)}else this.boxcolor="red"}}};q.pixel_shader="precision highp float;\n\t\t\t\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform vec2 texSize;\n\t\t\tuniform float time;\n\t\t\tuniform float value;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord;\n\t\t\t\tUV_CODE;\n\t\t\t\tvec4 color4 = texture2D(u_texture, uv);\n\t\t\t\tvec3 color = color4.rgb;\n\t\t\t\tvec4 color4B = texture2D(u_textureB, uv);\n\t\t\t\tvec3 colorB = color4B.rgb;\n\t\t\t\tvec3 result = color;\n\t\t\t\tfloat alpha = 1.0;\n\t\t\t\tPIXEL_CODE;\n\t\t\t\tgl_FragColor = vec4(result, alpha);\n\t\t\t}\n\t\t\t"; -h.registerNodeType("texture/operation",q);var s=function(){this.addOutput("out","Texture");this.properties={code:"",width:512,height:512,precision:f.DEFAULT};this.properties.code="\nvoid main() {\n vec2 uv = v_coord;\n vec3 color = vec3(0.0);\n//your code here\n\ngl_FragColor = vec4(color, 1.0);\n}\n";this._uniforms={in_texture:0,texSize:vec2.create(),time:0}};s.title="Shader";s.desc="Texture shader";s.widgets_info={code:{type:"code"},precision:{widget:"combo",values:f.MODE_VALUES}};s.prototype.onPropertyChanged= -function(a,b){if("code"==a){var c=this.getShader();if(c){var d=c.uniformInfo;if(this.inputs)for(var e={},f=0;fpixelcode must be vec3

\t\t\t

uvcode must be vec2, is optional

\t\t\t

uv: tex. coords

color: texture

colorB: textureB

time: scene time

value: input value

";this.properties={value:1,uvcode:"",pixelcode:"color + colorB * value", +precision:f.DEFAULT}};n.widgets_info={uvcode:{widget:"textarea",height:100},pixelcode:{widget:"textarea",height:100},precision:{widget:"combo",values:f.MODE_VALUES}};n.title="Operation";n.desc="Texture shader operation";n.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:b.properties.show?"Hide Texture":"Show Texture",callback:function(){b.properties.show=!b.properties.show}}]};n.prototype.onDrawBackground=function(a){this.flags.collapsed||20>=this.size[1]||!this.properties.show|| +!this._tex||this._tex.gl!=a||(a.save(),a.drawImage(this._tex,0,0,this.size[0],this.size[1]),a.restore())};n.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===f.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1);if(this.properties.uvcode||this.properties.pixelcode){var c=512,d=512;a?(c=a.width,d=a.height):b&&(c=b.width,d=b.height);var e=f.getTextureType(this.properties.precision,a);this._tex=a||this._tex?f.getTargetTexture(a|| +this._tex,this._tex,this.properties.precision):new GL.Texture(c,d,{type:e,format:gl.RGBA,filter:gl.LINEAR});e="";this.properties.uvcode&&(e="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(e=this.properties.uvcode));var k="";this.properties.pixelcode&&(k="result = "+this.properties.pixelcode,-1!=this.properties.pixelcode.indexOf(";")&&(k=this.properties.pixelcode));var g=this._shader;if(!g||this._shader_code!=e+"|"+k){try{this._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER, +n.pixel_shader,{UV_CODE:e,PIXEL_CODE:k}),this.boxcolor="#00FF00"}catch(h){console.log("Error compiling shader: ",h);this.boxcolor="#FF0000";return}this.boxcolor="#FF0000";this._shader_code=e+"|"+k;g=this._shader}if(g){this.boxcolor="green";var l=this.getInputData(2);null!=l?this.properties.value=l:l=parseFloat(this.properties.value);var m=this.graph.getTime();this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);a&&a.bind(0);b&&b.bind(1);var e=Mesh.getScreenQuad(); +g.uniforms({u_texture:0,u_textureB:1,value:l,texSize:[c,d],time:m}).draw(e)});this.setOutputData(0,this._tex)}else this.boxcolor="red"}}};n.pixel_shader="precision highp float;\n\t\t\t\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform vec2 texSize;\n\t\t\tuniform float time;\n\t\t\tuniform float value;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord;\n\t\t\t\tUV_CODE;\n\t\t\t\tvec4 color4 = texture2D(u_texture, uv);\n\t\t\t\tvec3 color = color4.rgb;\n\t\t\t\tvec4 color4B = texture2D(u_textureB, uv);\n\t\t\t\tvec3 colorB = color4B.rgb;\n\t\t\t\tvec3 result = color;\n\t\t\t\tfloat alpha = 1.0;\n\t\t\t\tPIXEL_CODE;\n\t\t\t\tgl_FragColor = vec4(result, alpha);\n\t\t\t}\n\t\t\t"; +h.registerNodeType("texture/operation",n);var s=function(){this.addOutput("out","Texture");this.properties={code:"",width:512,height:512,precision:f.DEFAULT};this.properties.code="\nvoid main() {\n vec2 uv = v_coord;\n vec3 color = vec3(0.0);\n//your code here\n\ngl_FragColor = vec4(color, 1.0);\n}\n";this._uniforms={in_texture:0,texSize:vec2.create(),time:0}};s.title="Shader";s.desc="Texture shader";s.widgets_info={code:{type:"code"},precision:{widget:"combo",values:f.MODE_VALUES}};s.prototype.onPropertyChanged= +function(a,b){if("code"==a){var c=this.getShader();if(c){var d=c.uniformInfo;if(this.inputs)for(var e={},f=0;f lumaMax))\n\t\t\t\t\tcolor = vec4(rgbA, 1.0);\n\t\t\t\telse\n\t\t\t\t\tcolor = vec4(rgbB, 1.0);\n\t\t\t\tif(u_igamma != 1.0)\n\t\t\t\t\tcolor.xyz = pow( color.xyz, vec3(u_igamma) );\n\t\t\t\treturn color;\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = applyFXAA( u_texture, v_coord * uViewportSize) ;\n\t\t\t}\n\t\t\t"; -k.gamma_pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_igamma;\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D( u_texture, v_coord);\n\t\t\t\tcolor.xyz = pow(color.xyz, vec3(u_igamma) );\n\t\t\t gl_FragColor = color;\n\t\t\t}\n\t\t\t";h.registerNodeType("texture/toviewport",k);d=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={size:0,generate_mipmaps:!1, +a);else{var b=this.getInputData(1),c=512,d=512;a?(c=a.width,d=a.height):b&&(c=b.width,d=b.height);this._tex=a||this._tex?f.getTargetTexture(a||this._tex,this._tex,this.properties.precision):new GL.Texture(c,d,{type:this.precision===f.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT,format:gl.RGBA,filter:gl.LINEAR});var e=this._shader;e||(e=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,t.pixel_shader));var k=this.getInputData(2);null!=k?this.properties.factor=k:k=parseFloat(this.properties.factor);this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST); +gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);a&&a.bind(0);b&&b.bind(1);var c=Mesh.getScreenQuad();e.uniforms({u_texture:0,u_textureB:1,u_factor:k}).draw(c)});this.setOutputData(0,this._tex)}};t.pixel_shader="precision highp float;\n\t\t\t\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform float u_factor;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord;\n\t\t\t\tuv += ( texture2D(u_textureB, uv).rg - vec2(0.5)) * u_factor;\n\t\t\t\tgl_FragColor = texture2D(u_texture, uv);\n\t\t\t}\n\t\t\t"; +h.registerNodeType("texture/warp",t);var l=function(){this.addInput("Texture","Texture");this.properties={additive:!1,antialiasing:!1,filter:!0,disable_alpha:!1,gamma:1};this.size[0]=130};l.title="to Viewport";l.desc="Texture to viewport";l.prototype.onExecute=function(){var a=this.getInputData(0);if(a){this.properties.disable_alpha?gl.disable(gl.BLEND):(gl.enable(gl.BLEND),this.properties.additive?gl.blendFunc(gl.SRC_ALPHA,gl.ONE):gl.blendFunc(gl.SRC_ALPHA,gl.ONE_MINUS_SRC_ALPHA));gl.disable(gl.DEPTH_TEST); +var b=this.properties.gamma||1;this.isInputConnected(1)&&(b=this.getInputData(1));a.setParameter(gl.TEXTURE_MAG_FILTER,this.properties.filter?gl.LINEAR:gl.NEAREST);if(this.properties.antialiasing){l._shader||(l._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,l.aa_pixel_shader));gl.getViewport();var c=Mesh.getScreenQuad();a.bind(0);l._shader.uniforms({u_texture:0,uViewportSize:[a.width,a.height],u_igamma:1/b,inverseVP:[1/a.width,1/a.height]}).draw(c)}else 1!=b?(l._gamma_shader||(l._gamma_shader= +new GL.Shader(Shader.SCREEN_VERTEX_SHADER,l.gamma_pixel_shader)),a.toViewport(l._gamma_shader,{u_texture:0,u_igamma:1/b})):a.toViewport()}};l.prototype.onGetInputs=function(){return[["gamma","number"]]};l.aa_pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 uViewportSize;\n\t\t\tuniform vec2 inverseVP;\n\t\t\tuniform float u_igamma;\n\t\t\t#define FXAA_REDUCE_MIN (1.0/ 128.0)\n\t\t\t#define FXAA_REDUCE_MUL (1.0 / 8.0)\n\t\t\t#define FXAA_SPAN_MAX 8.0\n\t\t\t\n\t\t\t/* from mitsuhiko/webgl-meincraft based on the code on geeks3d.com */\n\t\t\tvec4 applyFXAA(sampler2D tex, vec2 fragCoord)\n\t\t\t{\n\t\t\t\tvec4 color = vec4(0.0);\n\t\t\t\t/*vec2 inverseVP = vec2(1.0 / uViewportSize.x, 1.0 / uViewportSize.y);*/\n\t\t\t\tvec3 rgbNW = texture2D(tex, (fragCoord + vec2(-1.0, -1.0)) * inverseVP).xyz;\n\t\t\t\tvec3 rgbNE = texture2D(tex, (fragCoord + vec2(1.0, -1.0)) * inverseVP).xyz;\n\t\t\t\tvec3 rgbSW = texture2D(tex, (fragCoord + vec2(-1.0, 1.0)) * inverseVP).xyz;\n\t\t\t\tvec3 rgbSE = texture2D(tex, (fragCoord + vec2(1.0, 1.0)) * inverseVP).xyz;\n\t\t\t\tvec3 rgbM = texture2D(tex, fragCoord * inverseVP).xyz;\n\t\t\t\tvec3 luma = vec3(0.299, 0.587, 0.114);\n\t\t\t\tfloat lumaNW = dot(rgbNW, luma);\n\t\t\t\tfloat lumaNE = dot(rgbNE, luma);\n\t\t\t\tfloat lumaSW = dot(rgbSW, luma);\n\t\t\t\tfloat lumaSE = dot(rgbSE, luma);\n\t\t\t\tfloat lumaM = dot(rgbM, luma);\n\t\t\t\tfloat lumaMin = min(lumaM, min(min(lumaNW, lumaNE), min(lumaSW, lumaSE)));\n\t\t\t\tfloat lumaMax = max(lumaM, max(max(lumaNW, lumaNE), max(lumaSW, lumaSE)));\n\t\t\t\t\n\t\t\t\tvec2 dir;\n\t\t\t\tdir.x = -((lumaNW + lumaNE) - (lumaSW + lumaSE));\n\t\t\t\tdir.y = ((lumaNW + lumaSW) - (lumaNE + lumaSE));\n\t\t\t\t\n\t\t\t\tfloat dirReduce = max((lumaNW + lumaNE + lumaSW + lumaSE) * (0.25 * FXAA_REDUCE_MUL), FXAA_REDUCE_MIN);\n\t\t\t\t\n\t\t\t\tfloat rcpDirMin = 1.0 / (min(abs(dir.x), abs(dir.y)) + dirReduce);\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\t\t\t\t\n\t\t\t\tvec3 rgbA = 0.5 * (texture2D(tex, fragCoord * inverseVP + dir * (1.0 / 3.0 - 0.5)).xyz + \n\t\t\t\t\ttexture2D(tex, fragCoord * inverseVP + dir * (2.0 / 3.0 - 0.5)).xyz);\n\t\t\t\tvec3 rgbB = rgbA * 0.5 + 0.25 * (texture2D(tex, fragCoord * inverseVP + dir * -0.5).xyz + \n\t\t\t\t\ttexture2D(tex, fragCoord * inverseVP + dir * 0.5).xyz);\n\t\t\t\t\n\t\t\t\t//return vec4(rgbA,1.0);\n\t\t\t\tfloat lumaB = dot(rgbB, luma);\n\t\t\t\tif ((lumaB < lumaMin) || (lumaB > lumaMax))\n\t\t\t\t\tcolor = vec4(rgbA, 1.0);\n\t\t\t\telse\n\t\t\t\t\tcolor = vec4(rgbB, 1.0);\n\t\t\t\tif(u_igamma != 1.0)\n\t\t\t\t\tcolor.xyz = pow( color.xyz, vec3(u_igamma) );\n\t\t\t\treturn color;\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = applyFXAA( u_texture, v_coord * uViewportSize) ;\n\t\t\t}\n\t\t\t"; +l.gamma_pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_igamma;\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D( u_texture, v_coord);\n\t\t\t\tcolor.xyz = pow(color.xyz, vec3(u_igamma) );\n\t\t\t gl_FragColor = color;\n\t\t\t}\n\t\t\t";h.registerNodeType("texture/toviewport",l);d=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={size:0,generate_mipmaps:!1, precision:f.DEFAULT}};d.title="Copy";d.desc="Copy Texture";d.widgets_info={size:{widget:"combo",values:[0,32,64,128,256,512,1024,2048]},precision:{widget:"combo",values:f.MODE_VALUES}};d.prototype.onExecute=function(){var a=this.getInputData(0);if((a||this._temp_texture)&&this.isOutputConnected(0)){if(a){var b=a.width,c=a.height;0!=this.properties.size&&(c=b=this.properties.size);var d=this._temp_texture,e=a.type;this.properties.precision===f.LOW?e=gl.UNSIGNED_BYTE:this.properties.precision===f.HIGH&& (e=gl.HIGH_PRECISION_FORMAT);d&&d.width==b&&d.height==c&&d.type==e||(d=gl.LINEAR,this.properties.generate_mipmaps&&isPowerOfTwo(b)&&isPowerOfTwo(c)&&(d=gl.LINEAR_MIPMAP_LINEAR),this._temp_texture=new GL.Texture(b,c,{type:e,format:gl.RGBA,minFilter:d,magFilter:gl.LINEAR}));a.copyTo(this._temp_texture);this.properties.generate_mipmaps&&(this._temp_texture.bind(0),gl.generateMipmap(this._temp_texture.texture_type),this._temp_texture.unbind(0))}this.setOutputData(0,this._temp_texture)}};h.registerNodeType("texture/copy", d);var m=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={iterations:1,generate_mipmaps:!1,precision:f.DEFAULT}};m.title="Downsample";m.desc="Downsample Texture";m.widgets_info={iterations:{type:"number",step:1,precision:0,min:1},precision:{widget:"combo",values:f.MODE_VALUES}};m.prototype.onExecute=function(){var a=this.getInputData(0);if((a||this._temp_texture)&&this.isOutputConnected(0)&&a&&a.texture_type===GL.TEXTURE_2D){var b=m._shader;b||(m._shader= -b=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,m.pixel_shader));var c=a.width|0,d=a.height|0,e=a.type;this.properties.precision===f.LOW?e=gl.UNSIGNED_BYTE:this.properties.precision===f.HIGH&&(e=gl.HIGH_PRECISION_FORMAT);var l=this.properties.iterations||1,g=a,h=null,k=[],a={type:e,format:a.format},e=vec2.create(),r={u_offset:e};this._texture&&GL.Texture.releaseTemporary(this._texture);for(var n=0;n>1||0;d=d>>1||0;h=GL.Texture.getTemporary(c,d,a);k.push(h);g.setParameter(GL.TEXTURE_MAG_FILTER, -GL.NEAREST);g.copyTo(h,b,r);if(1==c&&1==d)break;g=h}this._texture=k.pop();for(n=0;n>1||0;d=d>>1||0;h=GL.Texture.getTemporary(c,d,a);l.push(h);g.setParameter(GL.TEXTURE_MAG_FILTER, +GL.NEAREST);g.copyTo(h,b,q);if(1==c&&1==d)break;g=h}this._texture=l.pop();for(n=0;nd;++d)c[d]=Math.random();b._shader.uniforms({u_samples_a:c.subarray(0,16),u_samples_b:c.subarray(16,32)})}d=this._temp_texture;c=gl.UNSIGNED_BYTE;a.type!=c&&(c=gl.FLOAT);d&&d.type==c||(this._temp_texture=new GL.Texture(1,1,{type:c,format:gl.RGBA,filter:gl.NEAREST})); -var e=b._shader,l=this._uniforms;l.u_mipmap_offset=this.properties.mipmap_offset;this._temp_texture.drawTo(function(){a.toViewport(e,l)});this.setOutputData(0,this._temp_texture);if(this.isOutputConnected(1)||this.isOutputConnected(2))if(d=this._temp_texture.getPixels()){var f=this._luminance,c=this._temp_texture.type;f.set(d);c==gl.UNSIGNED_BYTE?vec4.scale(f,f,1/255):c!=GL.HALF_FLOAT&&c!=GL.HALF_FLOAT_OES||vec4.scale(f,f,1/65025);this.setOutputData(1,f);this.setOutputData(2,(f[0]+f[1]+f[2])/3)}}}; +var e=b._shader,f=this._uniforms;f.u_mipmap_offset=this.properties.mipmap_offset;this._temp_texture.drawTo(function(){a.toViewport(e,f)});this.setOutputData(0,this._temp_texture);if(this.isOutputConnected(1)||this.isOutputConnected(2))if(d=this._temp_texture.getPixels()){var k=this._luminance,c=this._temp_texture.type;k.set(d);c==gl.UNSIGNED_BYTE?vec4.scale(k,k,1/255):c!=GL.HALF_FLOAT&&c!=GL.HALF_FLOAT_OES||vec4.scale(k,k,1/65025);this.setOutputData(1,k);this.setOutputData(2,(k[0]+k[1]+k[2])/3)}}}; b.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tuniform mat4 u_samples_a;\n\t\t\tuniform mat4 u_samples_b;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_mipmap_offset;\n\t\t\tvarying vec2 v_coord;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = vec4(0.0);\n\t\t\t\tfor(int i = 0; i < 4; ++i)\n\t\t\t\t\tfor(int j = 0; j < 4; ++j)\n\t\t\t\t\t{\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\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\t\t\t\t\t}\n\t\t\t gl_FragColor = color * 0.03125;\n\t\t\t}\n\t\t\t"; h.registerNodeType("texture/average",b);d=function(){this.addInput("Image","image");this.addOutput("","Texture");this.properties={}};d.title="Image to Texture";d.desc="Uploads an image to the GPU";d.prototype.onExecute=function(){var a=this.getInputData(0);if(a){var b=a.videoWidth||a.width,c=a.videoHeight||a.height;if(a.gltexture)this.setOutputData(0,a.gltexture);else{var d=this._temp_texture;d&&d.width==b&&d.height==c||(this._temp_texture=new GL.Texture(b,c,{format:gl.RGBA,filter:gl.LINEAR}));try{this._temp_texture.uploadImage(a)}catch(e){console.error("image comes from an unsafe location, cannot be uploaded to webgl: "+ e);return}this.setOutputData(0,this._temp_texture)}}};h.registerNodeType("texture/imageToTexture",d);var a=function(){this.addInput("Texture","Texture");this.addInput("LUT","Texture");this.addInput("Intensity","number");this.addOutput("","Texture");this.properties={intensity:1,precision:f.DEFAULT,texture:null};a._shader||(a._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,a.pixel_shader))};a.widgets_info={texture:{widget:"texture"},precision:{widget:"combo",values:f.MODE_VALUES}};a.title="LUT";a.desc= "Apply LUT to Texture";a.prototype.onExecute=function(){if(this.isOutputConnected(0)){var b=this.getInputData(0);if(this.properties.precision===f.PASS_THROUGH)this.setOutputData(0,b);else if(b){var c=this.getInputData(1);c||(c=f.getTexture(this.properties.texture));if(c){c.bind(0);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.LINEAR);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE);gl.bindTexture(gl.TEXTURE_2D, null);var d=this.properties.intensity;this.isInputConnected(2)&&(this.properties.intensity=d=this.getInputData(2));this._tex=f.getTargetTexture(b,this._tex,this.properties.precision);this._tex.drawTo(function(){c.bind(1);b.toViewport(a._shader,{u_texture:0,u_textureB:1,u_amount:d})});this.setOutputData(0,this._tex)}else this.setOutputData(0,b)}}};a.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform float u_amount;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\t lowp vec4 textureColor = clamp( texture2D(u_texture, v_coord), vec4(0.0), vec4(1.0) );\n\t\t\t\t mediump float blueColor = textureColor.b * 63.0;\n\t\t\t\t mediump vec2 quad1;\n\t\t\t\t quad1.y = floor(floor(blueColor) / 8.0);\n\t\t\t\t quad1.x = floor(blueColor) - (quad1.y * 8.0);\n\t\t\t\t mediump vec2 quad2;\n\t\t\t\t quad2.y = floor(ceil(blueColor) / 8.0);\n\t\t\t\t quad2.x = ceil(blueColor) - (quad2.y * 8.0);\n\t\t\t\t highp vec2 texPos1;\n\t\t\t\t texPos1.x = (quad1.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.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\t\t\t\t highp vec2 texPos2;\n\t\t\t\t texPos2.x = (quad2.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.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\t\t\t\t lowp vec4 newColor1 = texture2D(u_textureB, texPos1);\n\t\t\t\t lowp vec4 newColor2 = texture2D(u_textureB, texPos2);\n\t\t\t\t lowp vec4 newColor = mix(newColor1, newColor2, fract(blueColor));\n\t\t\t\t gl_FragColor = vec4( mix( textureColor.rgb, newColor.rgb, u_amount), textureColor.w);\n\t\t\t}\n\t\t\t"; h.registerNodeType("texture/LUT",a);var c=function(){this.addInput("Texture","Texture");this.addOutput("R","Texture");this.addOutput("G","Texture");this.addOutput("B","Texture");this.addOutput("A","Texture");this.properties={};c._shader||(c._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,c.pixel_shader))};c.title="Texture to Channels";c.desc="Split texture channels";c.prototype.onExecute=function(){var a=this.getInputData(0);if(a){this._channels||(this._channels=Array(4));for(var b=0,d=0;4>d;d++)this.isOutputConnected(d)? -(this._channels[d]&&this._channels[d].width==a.width&&this._channels[d].height==a.height&&this._channels[d].type==a.type||(this._channels[d]=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR})),b++):this._channels[d]=null;if(b){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);for(var e=Mesh.getScreenQuad(),l=c._shader,f=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]],d=0;4>d;d++)this._channels[d]&&(this._channels[d].drawTo(function(){a.bind(0);l.uniforms({u_texture:0,u_mask:f[d]}).draw(e)}), +(this._channels[d]&&this._channels[d].width==a.width&&this._channels[d].height==a.height&&this._channels[d].type==a.type||(this._channels[d]=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR})),b++):this._channels[d]=null;if(b){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);for(var e=Mesh.getScreenQuad(),k=c._shader,f=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]],d=0;4>d;d++)this._channels[d]&&(this._channels[d].drawTo(function(){a.bind(0);k.uniforms({u_texture:0,u_mask:f[d]}).draw(e)}), this.setOutputData(d,this._channels[d]))}}};c.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec4 u_mask;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = vec4( vec3( length( texture2D(u_texture, v_coord) * u_mask )), 1.0 );\n\t\t\t}\n\t\t\t";h.registerNodeType("texture/textureChannels",c);var g=function(){this.addInput("R","Texture");this.addInput("G","Texture");this.addInput("B","Texture");this.addInput("A", "Texture");this.addOutput("Texture","Texture");this.properties={};g._shader||(g._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,g.pixel_shader))};g.title="Channels to Texture";g.desc="Split texture channels";g.prototype.onExecute=function(){var a=[this.getInputData(0),this.getInputData(1),this.getInputData(2),this.getInputData(3)];if(a[0]&&a[1]&&a[2]&&a[3]){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var b=Mesh.getScreenQuad(),c=g._shader;this._tex=f.getTargetTexture(a[0],this._tex);this._tex.drawTo(function(){a[0].bind(0); a[1].bind(1);a[2].bind(2);a[3].bind(3);c.uniforms({u_textureR:0,u_textureG:1,u_textureB:2,u_textureA:3}).draw(b)});this.setOutputData(0,this._tex)}};g.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_textureR;\n\t\t\tuniform sampler2D u_textureG;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform sampler2D u_textureA;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = vec4( \t\t\t\t\t\ttexture2D(u_textureR, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureG, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureB, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureA, v_coord).r);\n\t\t\t}\n\t\t\t"; h.registerNodeType("texture/channelsTexture",g);var w=function(){this.addInput("A","color");this.addInput("B","color");this.addOutput("Texture","Texture");this.properties={angle:0,scale:1,A:[0,0,0],B:[1,1,1],texture_size:32};w._shader||(w._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,w.pixel_shader));this._uniforms={u_angle:0,u_colorA:vec3.create(),u_colorB:vec3.create()}};w.title="Gradient";w.desc="Generates a gradient";w["@A"]={type:"color"};w["@B"]={type:"color"};w["@texture_size"]={type:"enum", -values:[32,64,128,256,512]};w.prototype.onExecute=function(){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var a=GL.Mesh.getScreenQuad(),b=w._shader,c=this.getInputData(0);c||(c=this.properties.A);var d=this.getInputData(1);d||(d=this.properties.B);for(var e=2;e 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\t\t\t}\n\t\t\t"; -h.registerNodeType("texture/edges",l);var r=function(){this.addInput("Texture","Texture");this.addInput("Distance","number");this.addInput("Range","number");this.addOutput("Texture","Texture");this.properties={distance:100,range:50,only_depth:!1,high_precision:!1};this._uniforms={u_texture:0,u_distance:100,u_range:50,u_camera_planes:null}};r.title="Depth Range";r.desc="Generates a texture with a depth range";r.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0); +f.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1),c=this.getInputData(2);if(a&&b&&c){this._tex=f.getTargetTexture(a,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var d=Mesh.getScreenQuad(),k=e._shader;this._tex.drawTo(function(){a.bind(0);b.bind(1);c.bind(2);k.uniforms({u_textureA:0,u_textureB:1,u_textureMix:2}).draw(d)});this.setOutputData(0,this._tex)}}};e.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_textureA;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform sampler2D u_textureMix;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = mix( texture2D(u_textureA, v_coord), texture2D(u_textureB, v_coord), texture2D(u_textureMix, v_coord) );\n\t\t\t}\n\t\t\t"; +h.registerNodeType("texture/mix",e);var k=function(){this.addInput("Tex.","Texture");this.addOutput("Edges","Texture");this.properties={invert:!0,threshold:!1,factor:1,precision:f.DEFAULT};k._shader||(k._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,k.pixel_shader))};k.title="Edges";k.desc="Detects edges";k.widgets_info={precision:{widget:"combo",values:f.MODE_VALUES}};k.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===f.PASS_THROUGH)this.setOutputData(0, +a);else if(a){this._tex=f.getTargetTexture(a,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var b=Mesh.getScreenQuad(),c=k._shader,d=this.properties.invert,e=this.properties.factor,g=this.properties.threshold?1:0;this._tex.drawTo(function(){a.bind(0);c.uniforms({u_texture:0,u_isize:[1/a.width,1/a.height],u_factor:e,u_threshold:g,u_invert:d?1:0}).draw(b)});this.setOutputData(0,this._tex)}}};k.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_isize;\n\t\t\tuniform int u_invert;\n\t\t\tuniform float u_factor;\n\t\t\tuniform float u_threshold;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 center = texture2D(u_texture, v_coord);\n\t\t\t\tvec4 up = texture2D(u_texture, v_coord + u_isize * vec2(0.0,1.0) );\n\t\t\t\tvec4 down = texture2D(u_texture, v_coord + u_isize * vec2(0.0,-1.0) );\n\t\t\t\tvec4 left = texture2D(u_texture, v_coord + u_isize * vec2(1.0,0.0) );\n\t\t\t\tvec4 right = texture2D(u_texture, v_coord + u_isize * vec2(-1.0,0.0) );\n\t\t\t\tvec4 diff = abs(center - up) + abs(center - down) + abs(center - left) + abs(center - right);\n\t\t\t\tdiff *= u_factor;\n\t\t\t\tif(u_invert == 1)\n\t\t\t\t\tdiff.xyz = vec3(1.0) - diff.xyz;\n\t\t\t\tif( u_threshold == 0.0 )\n\t\t\t\t\tgl_FragColor = vec4( diff.xyz, center.a );\n\t\t\t\telse\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\t\t\t}\n\t\t\t"; +h.registerNodeType("texture/edges",k);var q=function(){this.addInput("Texture","Texture");this.addInput("Distance","number");this.addInput("Range","number");this.addOutput("Texture","Texture");this.properties={distance:100,range:50,only_depth:!1,high_precision:!1};this._uniforms={u_texture:0,u_distance:100,u_range:50,u_camera_planes:null}};q.title="Depth Range";q.desc="Generates a texture with a depth range";q.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0); if(a){var b=gl.UNSIGNED_BYTE;this.properties.high_precision&&(b=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==b&&this._temp_texture.width==a.width&&this._temp_texture.height==a.height||(this._temp_texture=new GL.Texture(a.width,a.height,{type:b,format:gl.RGBA,filter:gl.LINEAR}));var c=this._uniforms,b=this.properties.distance;this.isInputConnected(1)&&(b=this.getInputData(1),this.properties.distance=b);var d=this.properties.range;this.isInputConnected(2)&& -(d=this.getInputData(2),this.properties.range=d);c.u_distance=b;c.u_range=d;gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var e=Mesh.getScreenQuad();r._shader||(r._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,r.pixel_shader),r._shader_onlydepth=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,r.pixel_shader,{ONLY_DEPTH:""}));var l=this.properties.only_depth?r._shader_onlydepth:r._shader,b=null,b=a.near_far_planes?a.near_far_planes:window.LS&&LS.Renderer._main_camera?LS.Renderer._main_camera._uniforms.u_camera_planes: -[0.1,1E3];c.u_camera_planes=b;this._temp_texture.drawTo(function(){a.bind(0);l.uniforms(c).draw(e)});this._temp_texture.near_far_planes=b;this.setOutputData(0,this._temp_texture)}}};r.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_distance;\n\t\t\tuniform float u_range;\n\t\t\t\n\t\t\tfloat LinearDepth()\n\t\t\t{\n\t\t\t\tfloat zNear = u_camera_planes.x;\n\t\t\t\tfloat zFar = u_camera_planes.y;\n\t\t\t\tfloat depth = texture2D(u_texture, v_coord).x;\n\t\t\t\tdepth = depth * 2.0 - 1.0;\n\t\t\t\treturn zNear * (depth + 1.0) / (zFar + zNear - depth * (zFar - zNear));\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tfloat depth = LinearDepth();\n\t\t\t\t#ifdef ONLY_DEPTH\n\t\t\t\t gl_FragColor = vec4(depth);\n\t\t\t\t#else\n\t\t\t\t\tfloat diff = abs(depth * u_camera_planes.y - u_distance);\n\t\t\t\t\tfloat dof = 1.0;\n\t\t\t\t\tif(diff <= u_range)\n\t\t\t\t\t\tdof = diff / u_range;\n\t\t\t\t gl_FragColor = vec4(dof);\n\t\t\t\t#endif\n\t\t\t}\n\t\t\t"; -h.registerNodeType("texture/depth_range",r);var D=function(){this.addInput("Texture","Texture");this.addInput("Iterations","number");this.addInput("Intensity","number");this.addOutput("Blurred","Texture");this.properties={intensity:1,iterations:1,preserve_aspect:!1,scale:[1,1],precision:f.DEFAULT}};D.title="Blur";D.desc="Blur a texture";D.widgets_info={precision:{widget:"combo",values:f.MODE_VALUES}};D.max_iterations=20;D.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b= -this._final_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(b=this._final_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));var c=this.properties.iterations;this.isInputConnected(1)&&(c=this.getInputData(1),this.properties.iterations=c);c=Math.min(Math.floor(c),D.max_iterations);if(0==c)this.setOutputData(0,a);else{var d=this.properties.intensity;this.isInputConnected(2)&&(d=this.getInputData(2),this.properties.intensity=d);var e=h.camera_aspect; -e||void 0===window.gl||(e=gl.canvas.height/gl.canvas.width);e||(e=1);var e=this.properties.preserve_aspect?e:1,l=this.properties.scale||[1,1];a.applyBlur(e*l[0],l[1],d,b);for(a=1;a>=1;1<(c|0)&&(c>>=1);if(2>b)break;k=g[s]=GL.Texture.getTemporary(b,c,d);n[0]=1/m.width;n[1]=1/m.height;m.blit(k,h.uniforms(l));m=k}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})),n[0]=1/m.width,n[1]=1/m.height,l.u_intensity= -q,l.u_delta=1,m.blit(b,h.uniforms(l)),this.setOutputData(2,b));gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);l.u_intensity=this.getInputOrProperty("persistence");l.u_delta=0.5;for(s-=2;0<=s;s--)k=g[s],g[s]=null,n[0]=1/m.width,n[1]=1/m.height,m.blit(k,h.uniforms(l)),GL.Texture.releaseTemporary(m),m=k;gl.disable(gl.BLEND);this.isOutputConnected(1)&&(g=this._glow_texture,g&&g.width==a.width&&g.height==a.height&&g.type==e&&g.format==a.format||(g=this._glow_texture=new GL.Texture(a.width,a.height,{type:e, -format:a.format,filter:gl.LINEAR})),m.blit(g),this.setOutputData(1,g));if(this.isOutputConnected(0)){g=this._final_texture;g&&g.width==a.width&&g.height==a.height&&g.type==e&&g.format==a.format||(g=this._final_texture=new GL.Texture(a.width,a.height,{type:e,format:a.format,filter:gl.LINEAR}));var p=this.getInputData(1),v=this.getInputOrProperty("dirt_factor");l.u_intensity=q;h=p?y._dirt_final_shader:y._final_shader;h||(h=p?y._dirt_final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,y.final_pixel_shader, -{USE_DIRT:""}):y._final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,y.final_pixel_shader));g.drawTo(function(){a.bind(0);m.bind(1);p&&(h.setUniform("u_dirt_factor",v),h.setUniform("u_dirt_texture",p.bind(2)));h.toViewport(l)});this.setOutputData(0,g)}GL.Texture.releaseTemporary(m)}};y.cut_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_threshold;\n\t\tvoid main() {\n\t\t\tgl_FragColor = max( texture2D( u_texture, v_coord ) - vec4( u_threshold ), vec4(0.0) );\n\t\t}"; +wrap:gl.CLAMP_TO_EDGE},e=f.getTextureType(this.properties.precision,a),k=this._uniforms,g=this._textures,h=y._cut_shader;h||(h=y._cut_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,y.cut_pixel_shader));gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);k.u_threshold=this.getInputOrProperty("threshold");var l=g[0]=GL.Texture.getTemporary(b,c,d);a.blit(l,h.uniforms(k));var m=l,q=this.getInputOrProperty("iterations"),q=Math.clamp(q,1,16)|0,n=k.u_texel_size,s=this.getInputOrProperty("intensity");k.u_intensity= +1;k.u_delta=this.properties.scale;h=y._shader;h||(h=y._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,y.scale_pixel_shader));for(var r=1;r>=1;1<(c|0)&&(c>>=1);if(2>b)break;l=g[r]=GL.Texture.getTemporary(b,c,d);n[0]=1/m.width;n[1]=1/m.height;m.blit(l,h.uniforms(k));m=l}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})),n[0]=1/m.width,n[1]=1/m.height,k.u_intensity= +s,k.u_delta=1,m.blit(b,h.uniforms(k)),this.setOutputData(2,b));gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);k.u_intensity=this.getInputOrProperty("persistence");k.u_delta=0.5;for(r-=2;0<=r;r--)l=g[r],g[r]=null,n[0]=1/m.width,n[1]=1/m.height,m.blit(l,h.uniforms(k)),GL.Texture.releaseTemporary(m),m=l;gl.disable(gl.BLEND);this.isOutputConnected(1)&&(g=this._glow_texture,g&&g.width==a.width&&g.height==a.height&&g.type==e&&g.format==a.format||(g=this._glow_texture=new GL.Texture(a.width,a.height,{type:e, +format:a.format,filter:gl.LINEAR})),m.blit(g),this.setOutputData(1,g));if(this.isOutputConnected(0)){g=this._final_texture;g&&g.width==a.width&&g.height==a.height&&g.type==e&&g.format==a.format||(g=this._final_texture=new GL.Texture(a.width,a.height,{type:e,format:a.format,filter:gl.LINEAR}));var p=this.getInputData(1),v=this.getInputOrProperty("dirt_factor");k.u_intensity=s;h=p?y._dirt_final_shader:y._final_shader;h||(h=p?y._dirt_final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,y.final_pixel_shader, +{USE_DIRT:""}):y._final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,y.final_pixel_shader));g.drawTo(function(){a.bind(0);m.bind(1);p&&(h.setUniform("u_dirt_factor",v),h.setUniform("u_dirt_texture",p.bind(2)));h.toViewport(k)});this.setOutputData(0,g)}GL.Texture.releaseTemporary(m)}};y.cut_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_threshold;\n\t\tvoid main() {\n\t\t\tgl_FragColor = max( texture2D( u_texture, v_coord ) - vec4( u_threshold ), vec4(0.0) );\n\t\t}"; y.scale_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 u_texel_size;\n\t\tuniform float u_delta;\n\t\tuniform float u_intensity;\n\t\t\n\t\tvec4 sampleBox(vec2 uv) {\n\t\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\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\t\t\treturn s * 0.25;\n\t\t}\n\t\tvoid main() {\n\t\t\tgl_FragColor = u_intensity * sampleBox( v_coord );\n\t\t}"; y.final_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_glow_texture;\n\t\t#ifdef USE_DIRT\n\t\t\tuniform sampler2D u_dirt_texture;\n\t\t#endif\n\t\tuniform vec2 u_texel_size;\n\t\tuniform float u_delta;\n\t\tuniform float u_intensity;\n\t\tuniform float u_dirt_factor;\n\t\t\n\t\tvec4 sampleBox(vec2 uv) {\n\t\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\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\t\t\treturn s * 0.25;\n\t\t}\n\t\tvoid main() {\n\t\t\tvec4 glow = sampleBox( v_coord );\n\t\t\t#ifdef USE_DIRT\n\t\t\t\tglow = mix( glow, glow * texture2D( u_dirt_texture, v_coord ), u_dirt_factor );\n\t\t\t#endif\n\t\t\tgl_FragColor = texture2D( u_texture, v_coord ) + u_intensity * glow;\n\t\t}"; -h.registerNodeType("texture/glow",y);var n=function(){this.addInput("Texture","Texture");this.addOutput("Filtered","Texture");this.properties={intensity:1,radius:5}};n.title="Kuwahara Filter";n.desc="Filters a texture giving an artistic oil canvas painting";n.max_radius=10;n._shaders=[];n.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b=this._temp_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(this._temp_texture=new GL.Texture(a.width, -a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));b=this.properties.radius;b=Math.min(Math.floor(b),n.max_radius);if(0==b)this.setOutputData(0,a);else{var c=this.properties.intensity,d=h.camera_aspect;d||void 0===window.gl||(d=gl.canvas.height/gl.canvas.width);d||(d=1);d=this.properties.preserve_aspect?d:1;n._shaders[b]||(n._shaders[b]=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,n.pixel_shader,{RADIUS:b.toFixed(0)}));var e=n._shaders[b],l=GL.Mesh.getScreenQuad();a.bind(0);this._temp_texture.drawTo(function(){e.uniforms({u_texture:0, -u_intensity:c,u_resolution:[a.width,a.height],u_iResolution:[1/a.width,1/a.height]}).draw(l)});this.setOutputData(0,this._temp_texture)}}};n.pixel_shader="\n\tprecision highp float;\n\tvarying vec2 v_coord;\n\tuniform sampler2D u_texture;\n\tuniform float u_intensity;\n\tuniform vec2 u_resolution;\n\tuniform vec2 u_iResolution;\n\t#ifndef RADIUS\n\t\t#define RADIUS 7\n\t#endif\n\tvoid main() {\n\t\n\t\tconst int radius = RADIUS;\n\t\tvec2 fragCoord = v_coord;\n\t\tvec2 src_size = u_iResolution;\n\t\tvec2 uv = v_coord;\n\t\tfloat n = float((radius + 1) * (radius + 1));\n\t\tint i;\n\t\tint j;\n\t\tvec3 m0 = vec3(0.0); vec3 m1 = vec3(0.0); vec3 m2 = vec3(0.0); vec3 m3 = vec3(0.0);\n\t\tvec3 s0 = vec3(0.0); vec3 s1 = vec3(0.0); vec3 s2 = vec3(0.0); vec3 s3 = vec3(0.0);\n\t\tvec3 c;\n\t\t\n\t\tfor (int j = -radius; j <= 0; ++j) {\n\t\t\tfor (int i = -radius; i <= 0; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm0 += c;\n\t\t\t\ts0 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfor (int j = -radius; j <= 0; ++j) {\n\t\t\tfor (int i = 0; i <= radius; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm1 += c;\n\t\t\t\ts1 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfor (int j = 0; j <= radius; ++j) {\n\t\t\tfor (int i = 0; i <= radius; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm2 += c;\n\t\t\t\ts2 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfor (int j = 0; j <= radius; ++j) {\n\t\t\tfor (int i = -radius; i <= 0; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm3 += c;\n\t\t\t\ts3 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfloat min_sigma2 = 1e+2;\n\t\tm0 /= n;\n\t\ts0 = abs(s0 / n - m0 * m0);\n\t\t\n\t\tfloat sigma2 = s0.r + s0.g + s0.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m0, 1.0);\n\t\t}\n\t\t\n\t\tm1 /= n;\n\t\ts1 = abs(s1 / n - m1 * m1);\n\t\t\n\t\tsigma2 = s1.r + s1.g + s1.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m1, 1.0);\n\t\t}\n\t\t\n\t\tm2 /= n;\n\t\ts2 = abs(s2 / n - m2 * m2);\n\t\t\n\t\tsigma2 = s2.r + s2.g + s2.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m2, 1.0);\n\t\t}\n\t\t\n\t\tm3 /= n;\n\t\ts3 = abs(s3 / n - m3 * m3);\n\t\t\n\t\tsigma2 = s3.r + s3.g + s3.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m3, 1.0);\n\t\t}\n\t}\n\t"; -h.registerNodeType("texture/kuwahara",n);d=function(){this.addOutput("Webcam","Texture");this.properties={texture_name:""}};d.title="Webcam";d.desc="Webcam texture";d.prototype.openStream=function(){function a(c){console.log("Webcam rejected",c);b._webcam_stream=!1;b.box_color="red"}navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;window.URL=window.URL||window.webkitURL;if(navigator.getUserMedia){this._waiting_confirmation= +h.registerNodeType("texture/glow",y);var r=function(){this.addInput("Texture","Texture");this.addOutput("Filtered","Texture");this.properties={intensity:1,radius:5}};r.title="Kuwahara Filter";r.desc="Filters a texture giving an artistic oil canvas painting";r.max_radius=10;r._shaders=[];r.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b=this._temp_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(this._temp_texture=new GL.Texture(a.width, +a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));b=this.properties.radius;b=Math.min(Math.floor(b),r.max_radius);if(0==b)this.setOutputData(0,a);else{var c=this.properties.intensity,d=h.camera_aspect;d||void 0===window.gl||(d=gl.canvas.height/gl.canvas.width);d||(d=1);d=this.properties.preserve_aspect?d:1;r._shaders[b]||(r._shaders[b]=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,r.pixel_shader,{RADIUS:b.toFixed(0)}));var e=r._shaders[b],k=GL.Mesh.getScreenQuad();a.bind(0);this._temp_texture.drawTo(function(){e.uniforms({u_texture:0, +u_intensity:c,u_resolution:[a.width,a.height],u_iResolution:[1/a.width,1/a.height]}).draw(k)});this.setOutputData(0,this._temp_texture)}}};r.pixel_shader="\n\tprecision highp float;\n\tvarying vec2 v_coord;\n\tuniform sampler2D u_texture;\n\tuniform float u_intensity;\n\tuniform vec2 u_resolution;\n\tuniform vec2 u_iResolution;\n\t#ifndef RADIUS\n\t\t#define RADIUS 7\n\t#endif\n\tvoid main() {\n\t\n\t\tconst int radius = RADIUS;\n\t\tvec2 fragCoord = v_coord;\n\t\tvec2 src_size = u_iResolution;\n\t\tvec2 uv = v_coord;\n\t\tfloat n = float((radius + 1) * (radius + 1));\n\t\tint i;\n\t\tint j;\n\t\tvec3 m0 = vec3(0.0); vec3 m1 = vec3(0.0); vec3 m2 = vec3(0.0); vec3 m3 = vec3(0.0);\n\t\tvec3 s0 = vec3(0.0); vec3 s1 = vec3(0.0); vec3 s2 = vec3(0.0); vec3 s3 = vec3(0.0);\n\t\tvec3 c;\n\t\t\n\t\tfor (int j = -radius; j <= 0; ++j) {\n\t\t\tfor (int i = -radius; i <= 0; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm0 += c;\n\t\t\t\ts0 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfor (int j = -radius; j <= 0; ++j) {\n\t\t\tfor (int i = 0; i <= radius; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm1 += c;\n\t\t\t\ts1 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfor (int j = 0; j <= radius; ++j) {\n\t\t\tfor (int i = 0; i <= radius; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm2 += c;\n\t\t\t\ts2 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfor (int j = 0; j <= radius; ++j) {\n\t\t\tfor (int i = -radius; i <= 0; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm3 += c;\n\t\t\t\ts3 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfloat min_sigma2 = 1e+2;\n\t\tm0 /= n;\n\t\ts0 = abs(s0 / n - m0 * m0);\n\t\t\n\t\tfloat sigma2 = s0.r + s0.g + s0.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m0, 1.0);\n\t\t}\n\t\t\n\t\tm1 /= n;\n\t\ts1 = abs(s1 / n - m1 * m1);\n\t\t\n\t\tsigma2 = s1.r + s1.g + s1.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m1, 1.0);\n\t\t}\n\t\t\n\t\tm2 /= n;\n\t\ts2 = abs(s2 / n - m2 * m2);\n\t\t\n\t\tsigma2 = s2.r + s2.g + s2.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m2, 1.0);\n\t\t}\n\t\t\n\t\tm3 /= n;\n\t\ts3 = abs(s3 / n - m3 * m3);\n\t\t\n\t\tsigma2 = s3.r + s3.g + s3.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m3, 1.0);\n\t\t}\n\t}\n\t"; +h.registerNodeType("texture/kuwahara",r);d=function(){this.addOutput("Webcam","Texture");this.properties={texture_name:""}};d.title="Webcam";d.desc="Webcam texture";d.prototype.openStream=function(){function a(c){console.log("Webcam rejected",c);b._webcam_stream=!1;b.box_color="red"}navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;window.URL=window.URL||window.webkitURL;if(navigator.getUserMedia){this._waiting_confirmation= !0;var b=this;navigator.getUserMedia({video:!0},this.streamReady.bind(this),a)}};d.prototype.streamReady=function(a){this._webcam_stream=a;var b=this._video;b||(b=document.createElement("video"),b.autoplay=!0,b.src=window.URL.createObjectURL(a),this._video=b,b.onloadedmetadata=function(a){console.log(a)})};d.prototype.onRemoved=function(){if(this._webcam_stream){var a=this._webcam_stream.getVideoTracks();a.length&&(a=a[0],a.stop&&a.stop());this._video=this._webcam_stream=null}};d.prototype.onDrawBackground= function(a){this.flags.collapsed||20>=this.size[1]||!this._video||(a.save(),a.webgl?this._temp_texture&&a.drawImage(this._temp_texture,0,0,this.size[0],this.size[1]):(a.translate(0,this.size[1]),a.scale(1,-1),a.drawImage(this._video,0,0,this.size[0],this.size[1])),a.restore())};d.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._temp_texture; c&&c.width==a&&c.height==b||(this._temp_texture=new GL.Texture(a,b,{format:gl.RGB,filter:gl.LINEAR}));this._temp_texture.uploadImage(this._video);this.properties.texture_name&&(f.getTexturesContainer()[this.properties.texture_name]=this._temp_texture);this.setOutputData(0,this._temp_texture)}};h.registerNodeType("texture/webcam",d);var A=function(){this.addInput("in","Texture");this.addInput("f","number");this.addOutput("out","Texture");this.properties={enabled:!0,factor:1,precision:f.LOW};this._uniforms= @@ -8639,37 +403,37 @@ a);else{var b=this._temp_texture;b&&b.width==a.width&&b.height==a.height&&b.type e.u_igamma=1/this.properties.gamma;gl.disable(gl.DEPTH_TEST);b.drawTo(function(){a.bind(0);c.uniforms(e).draw(GL.Mesh.getScreenQuad())});this.setOutputData(0,this._temp_texture)}};B.pixel_shader="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_scale;\n\t\t\tuniform float u_average_lum;\n\t\t\tuniform float u_lumwhite2;\n\t\t\tuniform float u_igamma;\n\t\t\tvec3 RGB2xyY (vec3 rgb)\n\t\t\t{\n\t\t\t\t const mat3 RGB2XYZ = mat3(0.4124, 0.3576, 0.1805,\n\t\t\t\t\t\t\t\t\t\t 0.2126, 0.7152, 0.0722,\n\t\t\t\t\t\t\t\t\t\t 0.0193, 0.1192, 0.9505);\n\t\t\t\tvec3 XYZ = RGB2XYZ * rgb;\n\t\t\t\t\n\t\t\t\tfloat f = (XYZ.x + XYZ.y + XYZ.z);\n\t\t\t\treturn vec3(XYZ.x / f,\n\t\t\t\t\t\t\tXYZ.y / f,\n\t\t\t\t\t\t\tXYZ.y);\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D( u_texture, v_coord );\n\t\t\t\tvec3 rgb = color.xyz;\n\t\t\t\t//Ld - this part of the code is the same for both versions\n\t\t\t\tfloat lum = dot(rgb, vec3(0.2126, 0.7152, 0.0722));\n\t\t\t\tfloat L = (u_scale / u_average_lum) * lum;\n\t\t\t\tfloat Ld = (L * (1.0 + L / u_lumwhite2)) / (1.0 + L);\n\t\t\t\t//first\n\t\t\t\t//vec3 xyY = RGB2xyY(rgb);\n\t\t\t\t//xyY.z *= Ld;\n\t\t\t\t//rgb = xyYtoRGB(xyY);\n\t\t\t\t//second\n\t\t\t\trgb = (rgb / lum) * Ld;\n\t\t\t\trgb = pow( rgb, vec3( u_igamma ) );\n\t\t\t\tgl_FragColor = vec4( rgb, color.a );\n\t\t\t}"; h.registerNodeType("texture/tonemapping",B);var x=function(){this.addOutput("out","Texture");this.properties={width:512,height:512,seed:0,persistence:0.1,octaves:8,scale:1,offset:[0,0],amplitude:1,precision:f.DEFAULT};this._key=0;this._uniforms={u_persistence:0.1,u_seed:0,u_offset:vec2.create(),u_scale:1,u_viewport:vec2.create()}};x.title="Perlin";x.desc="Generates a perlin noise texture";x.widgets_info={precision:{widget:"combo",values:f.MODE_VALUES},width:{type:"Number",precision:0,step:1},height:{type:"Number", precision:0,step:1},octaves:{type:"Number",precision:0,step:1,min:1,max:50}};x.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.properties.width|0,b=this.properties.height|0;0==a&&(a=gl.viewport_data[2]);0==b&&(b=gl.viewport_data[3]);var c=f.getTextureType(this.properties.precision),d=this._temp_texture;d&&d.width==a&&d.height==b&&d.type==c||(d=this._temp_texture=new GL.Texture(a,b,{type:c,format:gl.RGB,filter:gl.LINEAR}));c=a+b+c+this.properties.persistence+this.properties.octaves+ -this.properties.scale+this.properties.seed+this.properties.offset[0]+this.properties.offset[1]+this.properties.amplitude;if(c!=this._key){this._key=c;var e=this._uniforms;e.u_persistence=this.properties.persistence;e.u_octaves=this.properties.octaves;e.u_offset[0]=this.properties.offset[0];e.u_offset[1]=this.properties.offset[1];e.u_scale=this.properties.scale;e.u_amplitude=this.properties.amplitude;e.u_viewport[0]=a;e.u_viewport[1]=b;e.u_seed=128*this.properties.seed;var l=x._shader;l||(l=x._shader= -new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,x.pixel_shader));gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);d.drawTo(function(){l.uniforms(e).draw(GL.Mesh.getScreenQuad())})}this.setOutputData(0,d)}};x.pixel_shader="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform vec2 u_offset;\n\t\t\tuniform float u_scale;\n\t\t\tuniform float u_persistence;\n\t\t\tuniform int u_octaves;\n\t\t\tuniform float u_amplitude;\n\t\t\tuniform vec2 u_viewport;\n\t\t\tuniform float u_seed;\n\t\t\t#define M_PI 3.14159265358979323846\n\t\t\t\n\t\t\tfloat rand(vec2 c){\treturn fract(sin(dot(c.xy ,vec2( 12.9898 + u_seed,78.233 + u_seed))) * 43758.5453); }\n\t\t\t\n\t\t\tfloat noise(vec2 p, float freq ){\n\t\t\t\tfloat unit = u_viewport.x/freq;\n\t\t\t\tvec2 ij = floor(p/unit);\n\t\t\t\tvec2 xy = mod(p,unit)/unit;\n\t\t\t\t//xy = 3.*xy*xy-2.*xy*xy*xy;\n\t\t\t\txy = .5*(1.-cos(M_PI*xy));\n\t\t\t\tfloat a = rand((ij+vec2(0.,0.)));\n\t\t\t\tfloat b = rand((ij+vec2(1.,0.)));\n\t\t\t\tfloat c = rand((ij+vec2(0.,1.)));\n\t\t\t\tfloat d = rand((ij+vec2(1.,1.)));\n\t\t\t\tfloat x1 = mix(a, b, xy.x);\n\t\t\t\tfloat x2 = mix(c, d, xy.x);\n\t\t\t\treturn mix(x1, x2, xy.y);\n\t\t\t}\n\t\t\t\n\t\t\tfloat pNoise(vec2 p, int res){\n\t\t\t\tfloat persistance = u_persistence;\n\t\t\t\tfloat n = 0.;\n\t\t\t\tfloat normK = 0.;\n\t\t\t\tfloat f = 4.;\n\t\t\t\tfloat amp = 1.0;\n\t\t\t\tint iCount = 0;\n\t\t\t\tfor (int i = 0; i<50; i++){\n\t\t\t\t\tn+=amp*noise(p, f);\n\t\t\t\t\tf*=2.;\n\t\t\t\t\tnormK+=amp;\n\t\t\t\t\tamp*=persistance;\n\t\t\t\t\tif (iCount >= res)\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tiCount++;\n\t\t\t\t}\n\t\t\t\tfloat nf = n/normK;\n\t\t\t\treturn nf*nf*nf*nf;\n\t\t\t}\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord * u_scale * u_viewport + u_offset * u_scale;\n\t\t\t\tvec4 color = vec4( pNoise( uv, u_octaves ) * u_amplitude );\n\t\t\t\tgl_FragColor = color;\n\t\t\t}"; +this.properties.scale+this.properties.seed+this.properties.offset[0]+this.properties.offset[1]+this.properties.amplitude;if(c!=this._key){this._key=c;var e=this._uniforms;e.u_persistence=this.properties.persistence;e.u_octaves=this.properties.octaves;e.u_offset[0]=this.properties.offset[0];e.u_offset[1]=this.properties.offset[1];e.u_scale=this.properties.scale;e.u_amplitude=this.properties.amplitude;e.u_viewport[0]=a;e.u_viewport[1]=b;e.u_seed=128*this.properties.seed;var k=x._shader;k||(k=x._shader= +new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,x.pixel_shader));gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);d.drawTo(function(){k.uniforms(e).draw(GL.Mesh.getScreenQuad())})}this.setOutputData(0,d)}};x.pixel_shader="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform vec2 u_offset;\n\t\t\tuniform float u_scale;\n\t\t\tuniform float u_persistence;\n\t\t\tuniform int u_octaves;\n\t\t\tuniform float u_amplitude;\n\t\t\tuniform vec2 u_viewport;\n\t\t\tuniform float u_seed;\n\t\t\t#define M_PI 3.14159265358979323846\n\t\t\t\n\t\t\tfloat rand(vec2 c){\treturn fract(sin(dot(c.xy ,vec2( 12.9898 + u_seed,78.233 + u_seed))) * 43758.5453); }\n\t\t\t\n\t\t\tfloat noise(vec2 p, float freq ){\n\t\t\t\tfloat unit = u_viewport.x/freq;\n\t\t\t\tvec2 ij = floor(p/unit);\n\t\t\t\tvec2 xy = mod(p,unit)/unit;\n\t\t\t\t//xy = 3.*xy*xy-2.*xy*xy*xy;\n\t\t\t\txy = .5*(1.-cos(M_PI*xy));\n\t\t\t\tfloat a = rand((ij+vec2(0.,0.)));\n\t\t\t\tfloat b = rand((ij+vec2(1.,0.)));\n\t\t\t\tfloat c = rand((ij+vec2(0.,1.)));\n\t\t\t\tfloat d = rand((ij+vec2(1.,1.)));\n\t\t\t\tfloat x1 = mix(a, b, xy.x);\n\t\t\t\tfloat x2 = mix(c, d, xy.x);\n\t\t\t\treturn mix(x1, x2, xy.y);\n\t\t\t}\n\t\t\t\n\t\t\tfloat pNoise(vec2 p, int res){\n\t\t\t\tfloat persistance = u_persistence;\n\t\t\t\tfloat n = 0.;\n\t\t\t\tfloat normK = 0.;\n\t\t\t\tfloat f = 4.;\n\t\t\t\tfloat amp = 1.0;\n\t\t\t\tint iCount = 0;\n\t\t\t\tfor (int i = 0; i<50; i++){\n\t\t\t\t\tn+=amp*noise(p, f);\n\t\t\t\t\tf*=2.;\n\t\t\t\t\tnormK+=amp;\n\t\t\t\t\tamp*=persistance;\n\t\t\t\t\tif (iCount >= res)\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tiCount++;\n\t\t\t\t}\n\t\t\t\tfloat nf = n/normK;\n\t\t\t\treturn nf*nf*nf*nf;\n\t\t\t}\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord * u_scale * u_viewport + u_offset * u_scale;\n\t\t\t\tvec4 color = vec4( pNoise( uv, u_octaves ) * u_amplitude );\n\t\t\t\tgl_FragColor = color;\n\t\t\t}"; h.registerNodeType("texture/perlin",x);d=function(){this.addOutput("out","Texture");this.properties={code:"",width:512,height:512,precision:f.DEFAULT};this._temp_texture=this._func=null};d.title="Canvas2D";d.desc="Executes Canvas2D code inside a texture or the viewport";d.widgets_info={precision:{widget:"combo",values:f.MODE_VALUES},code:{type:"code"},width:{type:"Number",precision:0,step:1},height:{type:"Number",precision:0,step:1}};d.prototype.onPropertyChanged=function(a,b){if("code"==a&&h.allow_scripts){this._func= null;try{this._func=new Function("canvas","ctx","time","script",b),this.boxcolor="#00FF00"}catch(c){this.boxcolor="#FF0000",console.error("Error parsing script"),console.error(c)}}};d.prototype.onExecute=function(){var a=this._func;if(a&&this.isOutputConnected(0))if(u.enableWebGLCanvas){var b=this.properties.width||gl.canvas.width,c=this.properties.height||gl.canvas.height,d=this._temp_texture;d&&d.width==b&&d.height==c||(d=this._temp_texture=new GL.Texture(b,c,{format:gl.RGBA,filter:gl.LINEAR})); -var e=this,l=this.graph.getTime();d.drawTo(function(){gl.start2D();try{a.draw?a.draw.call(e,gl.canvas,gl,l,a):a.call(e,gl.canvas,gl,l,a),e.boxcolor="#00FF00"}catch(b){e.boxcolor="#FF0000",console.error("Error executing script"),console.error(b)}gl.finish2D()});this.setOutputData(0,d)}else console.warn("cannot use LGraphTextureCanvas2D if Canvas2DtoWebGL is not included")};h.registerNodeType("texture/canvas2D",d);var z=function(){this.addInput("in","Texture");this.addOutput("out","Texture");this.properties= +var e=this,k=this.graph.getTime();d.drawTo(function(){gl.start2D();try{a.draw?a.draw.call(e,gl.canvas,gl,k,a):a.call(e,gl.canvas,gl,k,a),e.boxcolor="#00FF00"}catch(b){e.boxcolor="#FF0000",console.error("Error executing script"),console.error(b)}gl.finish2D()});this.setOutputData(0,d)}else console.warn("cannot use LGraphTextureCanvas2D if Canvas2DtoWebGL is not included")};h.registerNodeType("texture/canvas2D",d);var z=function(){this.addInput("in","Texture");this.addOutput("out","Texture");this.properties= {key_color:vec3.fromValues(0,1,0),threshold:0.8,slope:0.2,precision:f.DEFAULT}};z.title="Matte";z.desc="Extracts background";z.widgets_info={key_color:{widget:"color"},precision:{widget:"combo",values:f.MODE_VALUES}};z.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===f.PASS_THROUGH)this.setOutputData(0,a);else if(a){this._tex=f.getTargetTexture(a,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST); this._uniforms||(this._uniforms={u_texture:0,u_key_color:this.properties.key_color,u_threshold:1,u_slope:1});var b=this._uniforms,c=Mesh.getScreenQuad(),d=z._shader;d||(d=z._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,z.pixel_shader));b.u_key_color=this.properties.key_color;b.u_threshold=this.properties.threshold;b.u_slope=this.properties.slope;this._tex.drawTo(function(){a.bind(0);d.uniforms(b).draw(c)});this.setOutputData(0,this._tex)}}};z.pixel_shader="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec3 u_key_color;\n\t\t\tuniform float u_threshold;\n\t\t\tuniform float u_slope;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec3 color = texture2D( u_texture, v_coord ).xyz;\n\t\t\t\tfloat diff = length( normalize(color) - normalize(u_key_color) );\n\t\t\t\tfloat edge = u_threshold * (1.0 - u_slope);\n\t\t\t\tfloat alpha = smoothstep( edge, u_threshold, diff);\n\t\t\t\tgl_FragColor = vec4( color, alpha );\n\t\t\t}"; h.registerNodeType("texture/matte",z);d=function(){this.addOutput("Cubemap","Cubemap");this.properties={name:""};this.size=[f.image_preview_size,f.image_preview_size]};d.title="Cubemap";d.prototype.onDropFile=function(a,b,c){a?(this._drop_texture="string"==typeof a?GL.Texture.fromURL(a):GL.Texture.fromDDSInMemory(a),this.properties.name=b):(this._drop_texture=null,this.properties.name="")};d.prototype.onExecute=function(){if(this._drop_texture)this.setOutputData(0,this._drop_texture);else if(this.properties.name){var a= f.getTexture(this.properties.name);a&&(this._last_tex=a,this.setOutputData(0,a))}};d.prototype.onDrawBackground=function(a){this.flags.collapsed||20>=this.size[1]||a.webgl&&(gl.meshes.cube||(gl.meshes.cube=GL.Mesh.cube({size:1})))};h.registerNodeType("texture/cubemap",d)}})(this); (function(u){var h=u.LiteGraph;if("undefined"!=typeof GL){var f=function(){this.addInput("Texture","Texture");this.addInput("Aberration","number");this.addInput("Distortion","number");this.addInput("Blur","number");this.addOutput("Texture","Texture");this.properties={aberration:1,distortion:1,blur:1,precision:LGraphTexture.DEFAULT};f._shader||(f._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,f.pixel_shader),f._texture=new GL.Texture(3,1,{format:gl.RGB,wrap:gl.CLAMP_TO_EDGE,magFilter:gl.LINEAR, minFilter:gl.LINEAR,pixel_data:[255,0,0,0,255,0,0,0,255]}))};f.title="Lens";f.desc="Camera Lens distortion";f.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};f.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 h=this.properties.aberration;this.isInputConnected(1)&&(h=this.getInputData(1), -this.properties.aberration=h);var q=this.properties.distortion;this.isInputConnected(2)&&(q=this.getInputData(2),this.properties.distortion=q);var k=this.properties.blur;this.isInputConnected(3)&&(k=this.getInputData(3),this.properties.blur=k);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var m=Mesh.getScreenQuad(),b=f._shader;this._tex.drawTo(function(){d.bind(0);b.uniforms({u_texture:0,u_aberration:h,u_distortion:q,u_blur:k}).draw(m)});this.setOutputData(0,this._tex)}};f.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_aberration;\n\t\t\tuniform float u_distortion;\n\t\t\tuniform float u_blur;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = v_coord;\n\t\t\t\tfloat dist = distance(vec2(0.5), coord);\n\t\t\t\tvec2 dist_coord = coord - vec2(0.5);\n\t\t\t\tfloat percent = 1.0 + ((0.5 - dist) / 0.5) * u_distortion;\n\t\t\t\tdist_coord *= percent;\n\t\t\t\tcoord = dist_coord + vec2(0.5);\n\t\t\t\tvec4 color = texture2D(u_texture,coord, u_blur * dist);\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\t\t\t\tcolor.b = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0-0.01*u_aberration), u_blur * dist ).b;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n\t\t\t"; +this.properties.aberration=h);var n=this.properties.distortion;this.isInputConnected(2)&&(n=this.getInputData(2),this.properties.distortion=n);var l=this.properties.blur;this.isInputConnected(3)&&(l=this.getInputData(3),this.properties.blur=l);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var m=Mesh.getScreenQuad(),b=f._shader;this._tex.drawTo(function(){d.bind(0);b.uniforms({u_texture:0,u_aberration:h,u_distortion:n,u_blur:l}).draw(m)});this.setOutputData(0,this._tex)}};f.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_aberration;\n\t\t\tuniform float u_distortion;\n\t\t\tuniform float u_blur;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = v_coord;\n\t\t\t\tfloat dist = distance(vec2(0.5), coord);\n\t\t\t\tvec2 dist_coord = coord - vec2(0.5);\n\t\t\t\tfloat percent = 1.0 + ((0.5 - dist) / 0.5) * u_distortion;\n\t\t\t\tdist_coord *= percent;\n\t\t\t\tcoord = dist_coord + vec2(0.5);\n\t\t\t\tvec4 color = texture2D(u_texture,coord, u_blur * dist);\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\t\t\t\tcolor.b = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0-0.01*u_aberration), u_blur * dist ).b;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n\t\t\t"; h.registerNodeType("fx/lens",f);u.LGraphFXLens=f;var p=function(){this.addInput("Texture","Texture");this.addInput("Blurred","Texture");this.addInput("Mask","Texture");this.addInput("Threshold","number");this.addOutput("Texture","Texture");this.properties={shape:"",size:10,alpha:1,threshold:1,high_precision:!1}};p.title="Bokeh";p.desc="applies an Bokeh effect";p.widgets_info={shape:{widget:"texture"}};p.prototype.onExecute=function(){var d=this.getInputData(0),f=this.getInputData(1),h=this.getInputData(2); -if(d&&h&&this.properties.shape){f||(f=d);var k=LGraphTexture.getTexture(this.properties.shape);if(k){var m=this.properties.threshold;this.isInputConnected(3)&&(m=this.getInputData(3),this.properties.threshold=m);var b=gl.UNSIGNED_BYTE;this.properties.high_precision&&(b=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==b&&this._temp_texture.width==d.width&&this._temp_texture.height==d.height||(this._temp_texture=new GL.Texture(d.width,d.height,{type:b,format:gl.RGBA, -filter:gl.LINEAR}));var a=p._first_shader;a||(a=p._first_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,p._first_pixel_shader));var c=p._second_shader;c||(c=p._second_shader=new GL.Shader(p._second_vertex_shader,p._second_pixel_shader));var g=this._points_mesh;g&&g._width==d.width&&g._height==d.height&&2==g._spacing||(g=this.createPointsMesh(d.width,d.height,2));var q=Mesh.getScreenQuad(),e=this.properties.size,l=this.properties.alpha;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){d.bind(0); -f.bind(1);h.bind(2);a.uniforms({u_texture:0,u_texture_blur:1,u_mask:2,u_texsize:[d.width,d.height]}).draw(q)});this._temp_texture.drawTo(function(){gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);d.bind(0);k.bind(3);c.uniforms({u_texture:0,u_mask:2,u_shape:3,u_alpha:l,u_threshold:m,u_pointSize:e,u_itexsize:[1/d.width,1/d.height]}).draw(g,gl.POINTS)});this.setOutputData(0,this._temp_texture)}}else this.setOutputData(0,d)};p.prototype.createPointsMesh=function(d,f,h){for(var k=Math.round(d/h),m=Math.round(f/ -h),b=new Float32Array(k*m*2),a=-1,c=2/d*h,g=2/f*h,q=0;q=h.NOTEON||b<=h.NOTEOFF)this.channel=d&15};Object.defineProperty(h.prototype,"velocity",{get:function(){return this.cmd==h.NOTEON?this.data[2]: +d.pixel_shader_gamma="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_value1;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tfloat gamma = 1.0 / u_value1;\n\t\t\t\tgl_FragColor = vec4( pow( color.xyz, vec3(gamma) ), color.a );\n\t\t\t}\n";h.registerNodeType("fx/generic",d);u.LGraphFXGeneric=d;var n=function(){this.addInput("Tex.","Texture");this.addInput("intensity","number");this.addOutput("Texture", +"Texture");this.properties={intensity:1,invert:!1,precision:LGraphTexture.DEFAULT};n._shader||(n._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,n.pixel_shader))};n.title="Vigneting";n.desc="Vigneting";n.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};n.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 f=this.properties.intensity;this.isInputConnected(1)&&(f=this.getInputData(1),this.properties.intensity=f);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var h=Mesh.getScreenQuad(),l=n._shader,m=this.properties.invert;this._tex.drawTo(function(){d.bind(0);l.uniforms({u_texture:0,u_intensity:f,u_isize:[1/d.width,1/d.height],u_invert:m?1:0}).draw(h)});this.setOutputData(0,this._tex)}};n.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_intensity;\n\t\t\tuniform int u_invert;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tfloat luminance = 1.0 - length( v_coord - vec2(0.5) ) * 1.414;\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tif(u_invert == 1)\n\t\t\t\t\tluminance = 1.0 - luminance;\n\t\t\t\tluminance = mix(1.0, luminance, u_intensity);\n\t\t\t gl_FragColor = vec4( luminance * color.xyz, color.a);\n\t\t\t}\n\t\t\t"; +h.registerNodeType("fx/vigneting",n);u.LGraphFXVigneting=n}})(this); +(function(u){function h(d){this.cmd=this.channel=0;d?this.setup(d):this.data=[0,0,0]}function f(d,b){navigator.requestMIDIAccess?(this.on_ready=d,this.state={note:[],cc:[]},navigator.requestMIDIAccess().then(this.onMIDISuccess.bind(this),this.onMIDIFailure.bind(this))):(this.error="not suppoorted",b?b("Not supported"):console.error("MIDI NOT SUPPORTED, enable by chrome://flags"))}function p(){this.addOutput("on_midi",l.EVENT);this.addOutput("out","midi");this.properties={port:0};this._current_midi_event= +this._last_midi_event=null;var d=this;new f(function(b){d._midi=b;if(d._waiting)d.onStart();d._waiting=!1})}function d(){this.addInput("send",l.EVENT);this.properties={port:0};var d=this;new f(function(b){d._midi=b})}function n(){this.addInput("on_midi",l.EVENT);this._str="";this.size=[200,40]}function s(){this.properties={channel:-1,cmd:-1,min_value:-1,max_value:-1};this.addInput("in",l.EVENT);this.addOutput("on_midi",l.EVENT)}function v(){this.properties={channel:0,cmd:"CC",value1:1,value2:1};this.addInput("send", +l.EVENT);this.addInput("assign",l.EVENT);this.addOutput("on_midi",l.EVENT)}function t(){this.properties={cc:1,value:0};this.addOutput("value","number")}var l=u.LiteGraph;h.prototype.setup=function(d){this.data=d;this.status=d=d[0];var b=d&240;this.cmd=240<=d?d:b;this.cmd==h.NOTEON&&0==this.velocity&&(this.cmd=h.NOTEOFF);this.cmd_str=h.commands[this.cmd]||"";if(b>=h.NOTEON||b<=h.NOTEOFF)this.channel=d&15};Object.defineProperty(h.prototype,"velocity",{get:function(){return this.cmd==h.NOTEON?this.data[2]: -1},set:function(d){this.data[2]=d},enumerable:!0});h.notes="A A# B C C# D D# E F F# G G#".split(" ");h.prototype.getPitch=function(){return 440*Math.pow(2,(this.data[1]-69)/12)};h.computePitch=function(d){return 440*Math.pow(2,(d-69)/12)};h.prototype.getCC=function(){return this.data[1]};h.prototype.getCCValue=function(){return this.data[2]};h.prototype.getPitchBend=function(){return this.data[1]+(this.data[2]<<7)-8192};h.computePitchBend=function(d,b){return d+(b<<7)-8192};h.prototype.setCommandFromString= function(d){this.cmd=h.computeCommandFromString(d)};h.computeCommandFromString=function(d){if(!d)return 0;if(d&&d.constructor===Number)return d;d=d.toUpperCase();switch(d){case "NOTE ON":case "NOTEON":return h.NOTEON;case "NOTE OFF":case "NOTEOFF":return h.NOTEON;case "KEY PRESSURE":case "KEYPRESSURE":return h.KEYPRESSURE;case "CONTROLLER CHANGE":case "CONTROLLERCHANGE":case "CC":return h.CONTROLLERCHANGE;case "PROGRAM CHANGE":case "PROGRAMCHANGE":case "PC":return h.PROGRAMCHANGE;case "CHANNEL PRESSURE":case "CHANNELPRESSURE":return h.CHANNELPRESSURE; case "PITCH BEND":case "PITCHBEND":return h.PITCHBEND;case "TIME TICK":case "TIMETICK":return h.TIMETICK;default:return Number(d)}};h.toNoteString=function(d){var b;b=(d-21)%12;0>b&&(b=12+b);return h.notes[b]+Math.floor((d-24)/12+1)};h.prototype.toString=function(){var d=""+this.channel+". ";switch(this.cmd){case h.NOTEON:d+="NOTEON "+h.toNoteString(this.data[1]);break;case h.NOTEOFF:d+="NOTEOFF "+h.toNoteString(this.data[1]);break;case h.CONTROLLERCHANGE:d+="CC "+this.data[1]+" "+this.data[2];break; @@ -8679,25 +443,25 @@ case h.PROGRAMCHANGE:d+="PC "+this.data[1];break;case h.PITCHBEND:d+="PITCHBEND function(d){console.error("Failed to get MIDI access - "+d)};f.prototype.openInputPort=function(d,b){var a=this.input_ports.get("input-"+d);if(!a)return!1;f.input=this;var c=this;a.onmidimessage=function(a){var d=new h(a.data);c.updateState(d);b&&b(a.data,d);if(f.on_message)f.on_message(a.data,d)};console.log("port open: ",a);return!0};f.parseMsg=function(d){};f.prototype.updateState=function(d){switch(d.cmd){case h.NOTEON:this.state.note[d.value1|0]=d.value2;break;case h.NOTEOFF:this.state.note[d.value1| 0]=0;break;case h.CONTROLLERCHANGE:this.state.cc[d.getCC()]=d.getCCValue()}};f.prototype.sendMIDI=function(d,b){if(b){var a=this.output_ports.get("output-"+d);a&&(f.output=this,b.constructor===h?a.send(b.data):a.send(b))}};p.MIDIInterface=f;p.title="MIDI Input";p.desc="Reads MIDI from a input port";p.prototype.getPropertyInfo=function(d){if(this._midi&&"port"==d){d={};for(var b=0;bthis.properties.max_value||this.trigger("on_midi",b)};k.registerNodeType("midi/filter",s);v.title="MIDIEvent";v.desc="Create a MIDI Event";v.prototype.onAction=function(d,b){"assign"==d?(this.properties.channel=b.channel,this.properties.cmd=b.cmd,this.properties.value1= +this._last_midi_event,b=0;bthis.properties.max_value||this.trigger("on_midi",b)};l.registerNodeType("midi/filter",s);v.title="MIDIEvent";v.desc="Create a MIDI Event";v.prototype.onAction=function(d,b){"assign"==d?(this.properties.channel=b.channel,this.properties.cmd=b.cmd,this.properties.value1= b.data[1],this.properties.value2=b.data[2]):(b=new h,b.channel=this.properties.channel,this.properties.cmd&&this.properties.cmd.constructor===String?b.setCommandFromString(this.properties.cmd):b.cmd=this.properties.cmd,b.data[0]=b.cmd|b.channel,b.data[1]=Number(this.properties.value1),b.data[2]=Number(this.properties.value2),this.trigger("on_midi",b))};v.prototype.onExecute=function(){var d=this.properties;if(this.outputs)for(var b=0;b=this.size[0]&&(f=this.size[0]-1),a.strokeStyle="red",a.beginPath(),a.moveTo(f,d),a.lineTo(f,0),a.stroke())}};b.title="Visualization";b.desc="Audio Visualization";w.registerNodeType("audio/visualization", @@ -8730,4 +494,3 @@ h);f.title="SillyClient";f.desc="Connects to SillyServer to broadcast messages"; h||(this._server.sendMessage({type:0,channel:f,data:h}),this._last_input_data[f]=h)}for(f=1;f LGraphCanvas.search_limit) break; + if(LGraphCanvas.search_limit !== -1 && c++ > LGraphCanvas.search_limit) + break; } } else { for (var i in LiteGraph.registered_node_types) { if (i.indexOf(str) != -1) { addResult(i); - if(LGraphCanvas.search_limit !== -1 && c++ > LGraphCanvas.search_limit) break; + if(LGraphCanvas.search_limit !== -1 && c++ > LGraphCanvas.search_limit) + break; } } } } + + function addResult(result) { + var help = document.createElement("div"); + if (!first) first = result; + help.innerText = result; + help.className = "litegraph lite-search-item"; + help.addEventListener("click", function (e) { + select(this.innerText); + }); + helper.appendChild(help); + } } return dialog;