From 0e52737808c18d2858db56836744f66da9c6b0dc Mon Sep 17 00:00:00 2001 From: tamat Date: Tue, 13 Dec 2016 19:43:46 +0100 Subject: [PATCH] fixed bug in getOutputNodes --- build/litegraph.js | 15 +- build/litegraph.min.js | 597 +++++++++++++++++++++-------------------- src/litegraph.js | 11 +- 3 files changed, 323 insertions(+), 300 deletions(-) diff --git a/build/litegraph.js b/build/litegraph.js index 083569e567..bc3bb7b10a 100644 --- a/build/litegraph.js +++ b/build/litegraph.js @@ -690,7 +690,9 @@ LGraph.prototype.add = function(node, skip_compute_order) //give him an id if(node.id == null || node.id == -1) - node.id = this.last_node_id++; + node.id = ++this.last_node_id; + else if (this.last_node_id < node.id) + this.last_node_id = node.id; node.graph = this; @@ -1678,7 +1680,16 @@ LGraphNode.prototype.getOutputNodes = function(slot) var r = []; for(var i = 0; i < output.links.length; i++) - r.push( this.graph.getNodeById( output.links[i] )); + { + var link_id = output.links[i]; + var link = this.graph.links[ link_id ]; + if(link) + { + var target_node = this.graph.getNodeById( link.target_id ); + if( target_node ) + r.push( target_node ); + } + } return r; } diff --git a/build/litegraph.min.js b/build/litegraph.min.js index 73893dbdf8..42ced6e8b3 100755 --- a/build/litegraph.min.js +++ b/build/litegraph.min.js @@ -1,224 +1,224 @@ -(function(e){function d(a,b){return Math.sqrt((b[0]-a[0])*(b[0]-a[0])+(b[1]-a[1])*(b[1]-a[1]))}function g(a,b,c,f,l,d){return ca&&fb?!0:!1}function k(a,b){return a[0]>b[2]||a[1]>b[3]||a[2]a&&gb?!0:!1}function k(a,b){return a[0]>b[2]||a[1]>b[3]||a[2]=h.MAX_NUMBER_OF_NODES)throw"LiteGraph: max number of nodes in a graph reached";if(null==a.id||-1==a.id)a.id=this.last_node_id++;a.graph= -this;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}};LGraph.prototype.remove=function(a){if(null!=this._nodes_by_id[a.id]&&!a.ignore_remove){if(a.inputs)for(var b=0;b!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={}};LGraphNode.prototype.configure=function(a){for(var b in a)if("console"!=b)if("properties"==b)for(var c in a.properties){if(this.properties[c]=a.properties[c],this.onPropertyChanged)this.onPropertyChanged(c,a.properties[c])}else null!=a[b]&&("object"==typeof a[b]?this[b]&&this[b].configure?this[b].configure(a[b]):this[b]=h.cloneObject(a[b], -this[b]):this[b]=a[b]);if(this.onConnectionsChange){if(this.inputs)for(var f=0;f=this.inputs.length|| -null==this.inputs[a].link)){var c=this.graph.links[this.inputs[a].link];if(!b)return c.data;var f=this.graph.getNodeById(c.origin_id);if(!f)return c.data;if(f.updateOutputData)f.updateOutputData(c.origin_slot);else if(f.onExecute)f.onExecute();return c.data}};LGraphNode.prototype.isInputConnected=function(a){return this.inputs?a=this.inputs.length)return null;a=this.inputs[a];return a&&a.link?(a=this.graph.links[a.link])?this.graph.getNodeById(a.origin_id):null:null};LGraphNode.prototype.getOutputInfo=function(a){return this.outputs?aa&&this.pos[1]-f-cb)return!0;return!1};LGraphNode.prototype.getSlotInPosition=function(a,b){if(this.inputs)for(var c=0,f=this.inputs.length;c=this.outputs.length)return h.debug&&console.log("Connect: Error, slot number not found"), -!1;b&&b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"Node not found";if(b==this)return!1;if(c.constructor===String){if(c=b.findInputSlot(c),-1==c)return h.debug&&console.log("Connect: Error, no slot of name "+c),!1}else{if(c===h.EVENT)return!1;if(!b.inputs||c>=b.inputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),!1}null!=b.inputs[c].link&&b.disconnectInput(c);this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);var f=this.outputs[a];if(b.onConnectInput&& -!1===b.onConnectInput(c,f.type,f))return!1;if(h.isValidConnection(f.type,b.inputs[c].type)){var l={id:this.graph.last_link_id++,origin_id:this.id,origin_slot:a,target_id:b.id,target_slot:c};this.graph.links[l.id]=l;null==f.links&&(f.links=[]);f.links.push(l.id);b.inputs[c].link=l.id;if(this.onConnectionsChange)this.onConnectionsChange(h.OUTPUT,a,!0,l);if(b.onConnectionsChange)b.onConnectionsChange(h.INPUT,c,!0,l)}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);return!0};LGraphNode.prototype.disconnectOutput= -function(a,b){if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return h.debug&&console.log("Connect: Error, no slot of name "+a),!1}else if(!this.outputs||a>=this.outputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),!1;var c=this.outputs[a];if(!c.links||0==c.links.length)return!1;if(b){b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"Target Node not found";for(var f=0,l=c.links.length;f=this.inputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),!1;if(!this.inputs[a])return!1;var b=this.inputs[a].link;this.inputs[a].link=null;if(b=this.graph.links[b]){var c=this.graph.getNodeById(b.origin_id); -if(!c)return!1;var f=c.outputs[b.origin_slot];if(!f||!f.links||0==f.links.length)return!1;for(var l=0,d=f.links.length;lb&&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]]:a?[this.pos[0],this.pos[1]+10+b*h.NODE_SLOT_HEIGHT]:[this.pos[0]+this.size[0]+1,this.pos[1]+10+b*h.NODE_SLOT_HEIGHT]}; -LGraphNode.prototype.alignToGrid=function(){this.pos[0]=h.CANVAS_GRID_SIZE*Math.round(this.pos[0]/h.CANVAS_GRID_SIZE);this.pos[1]=h.CANVAS_GRID_SIZE*Math.round(this.pos[1]/h.CANVAS_GRID_SIZE)};LGraphNode.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>LGraphNode.MAX_CONSOLE&&this.console.shift();this.graph.onNodeTrace(this,a)};LGraphNode.prototype.setDirtyCanvas=function(a,b){this.graph&&this.graph.sendActionToCanvas("setDirty",[a,b])};LGraphNode.prototype.loadImage= -function(a){var b=new Image;b.src=h.node_images_path+a;b.ready=!1;var c=this;b.onload=function(){this.ready=!0;c.setDirtyCanvas(!0)};return b};LGraphNode.prototype.captureInput=function(a){if(this.graph&&this.graph.list_of_graphcanvas)for(var b=this.graph.list_of_graphcanvas,c=0;ch.getTime()-this.last_mouseclick&&this.selected_nodes[c.id]){if(c.onDblClick)c.onDblClick(a);this.processNodeDblClicked(c);l=!0}c.onMouseDown&&c.onMouseDown(a,[a.canvasX-c.pos[0],a.canvasY-c.pos[1]])?l=!0:this.live_mode&&(l=f=!0);l||(this.allow_dragnodes&&(this.node_dragged=c),this.selected_nodes[c.id]||this.processNodeSelected(c,a));this.dirty_canvas=!0}}else f=!0;f&&this.allow_dragcanvas&& -(this.dragging_canvas=!0)}else 2!=a.which&&3==a.which&&this.processContextMenu(c,a);this.last_mouse[0]=a.localX;this.last_mouse[1]=a.localY;this.last_mouseclick=h.getTime();this.canvas_mouse=[a.canvasX,a.canvasY];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}};LGraphCanvas.prototype.processMouseMove= -function(a){this.autoresize&&this.resize();if(this.graph){this.adjustMouseEvent(a);var b=[a.localX,a.localY],c=[b[0]-this.last_mouse[0],b[1]-this.last_mouse[1]];this.last_mouse=b;this.canvas_mouse=[a.canvasX,a.canvasY];if(this.dragging_canvas)this.offset[0]+=c[0]/this.scale,this.offset[1]+=c[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),f= -0,l=this.graph._nodes.length;fb&&(c*=1/1.1);this.setZoom(c,[a.localX,a.localY]);this.graph.change();a.preventDefault();return!1}};LGraphCanvas.prototype.isOverNodeBox=function(a,b,c){var f=h.NODE_TITLE_HEIGHT; -return g(b,c,a.pos[0]+2,a.pos[1]+2-f,f-4,f-4)?!0:!1};LGraphCanvas.prototype.isOverNodeInput=function(a,b,c,f){if(a.inputs)for(var l=0,d=a.inputs.length;lthis.max_zoom?this.scale=this.max_zoom:this.scalec-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}};LGraphCanvas.prototype.drawFrontCanvas=function(){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]); -this.visible_nodes=b=this.computeVisibleNodes();for(var c=0;cb-g._last_time&&(g=2-0.002*(b-g._last_time),k="rgba(255,255,255, "+g.toFixed(2)+")",this.renderLink(a,e,l.getConnectionPos(!0,d),k,!0,g))}}}}}a.globalAlpha=1};LGraphCanvas.prototype.renderLink=function(a,b,c,f,l,e){if(this.highquality_render){var g=d(b,c);this.render_connections_border&&0.6this.scale)&&(this.render_connection_arrows&& -0.6b[1]?0:Math.PI,a.save(),a.translate(f[0],f[1]),a.rotate(g),a.beginPath(),a.moveTo(-5,-5),a.lineTo(0,5),a.lineTo(5,-5),a.fill(),a.restore()),e))for(e=0;5>e;++e)f=(0.001*h.getTime()+0.2*e)%1,f=this.computeConnectionPoint(b,c,f),a.beginPath(),a.arc(f[0],f[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()};LGraphCanvas.prototype.computeConnectionPoint=function(a,b,c){var f=d(a,b),l=[a[0]+0.25*f,a[1]],f=[b[0]-0.25*f,b[1]],e=(1-c)*(1-c)*(1-c),g=3*(1-c)*(1-c)*c,h=3*(1-c)*c*c;c*=c*c;return[e*a[0]+g*l[0]+h*f[0]+c*b[0],e*a[1]+g*l[1]+h*f[1]+c*b[1]]};LGraphCanvas.prototype.resize=function(a,b){if(!a&&!b){var c=this.canvas.parentNode;a=c.offsetWidth;b=c.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)};LGraphCanvas.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 f=setInterval(function(){b.editor_alpha*=c;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>c&&0.01>b.editor_alpha&&(clearInterval(f),1>c&&(b.live_mode=!0));1"+k+""+n+"",value:k})}if(g.length)return h.createContextMenu(g,{event:b,callback:f,from:c,allow_html:!0},d),!1}};LGraphCanvas.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};LGraphCanvas.onShowTitleEditor=function(a,b){function c(){a.title=e.value;f.parentNode.removeChild(f);a.setDirtyCanvas(!0, -!0)}var f=document.createElement("div");f.className="graphdialog";f.innerHTML="Title";var e=f.querySelector("input");e&&(e.value=a.title,e.addEventListener("keydown",function(a){13==a.keyCode&&(c(),a.preventDefault(),a.stopPropagation())}));var d=this.canvas.getClientRects()[0],g=-20,h=-20;d&&(g-=d.left,h-=d.top);b?(f.style.left=b.pageX+g+"px",f.style.top=b.pageY+h+"px"):(f.style.left=0.5*this.canvas.width+g+ -"px",f.style.top=0.5*this.canvas.height+h+"px");f.querySelector("button").addEventListener("click",c);this.canvas.parentNode.appendChild(f)};LGraphCanvas.prototype.showEditPropertyValue=function(a,b,c){function f(){e(v.value)}function e(c){"number"==typeof a.properties[b]&&(c=Number(c));a.properties[b]=c;if(a.onPropertyChanged)a.onPropertyChanged(b,c);p.parentNode.removeChild(p);a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[b]){c=c||{};var d="string";null!==a.properties[b]&&(d=typeof a.properties[b]); -var g=null;a.getPropertyInfo&&(g=a.getPropertyInfo(b));if(a.properties_info)for(var h=0;h";else if("enum"==d&&g.values){k=""}else"boolean"==d&&(k="");var p=document.createElement("div");p.className="graphdialog";p.innerHTML=""+b+""+k+"";if("enum"==d&&g.values){var v=p.querySelector("select");v.addEventListener("change",function(a){e(a.target.value)})}else if("boolean"==d)(v=p.querySelector("input"))&&v.addEventListener("click",function(a){e(!!v.checked)}); -else if(v=p.querySelector("input"))v.value=void 0!==a.properties[b]?a.properties[b]:"",v.addEventListener("keydown",function(a){13==a.keyCode&&(f(),a.preventDefault(),a.stopPropagation())});d=this.canvas.getClientRects()[0];h=g=-20;d&&(g-=d.left,h-=d.top);c.event?(p.style.left=c.event.pageX+g+"px",p.style.top=c.event.pageY+h+"px"):(p.style.left=0.5*this.canvas.width+g+"px",p.style.top=0.5*this.canvas.height+h+"px");p.querySelector("button").addEventListener("click",f);this.canvas.parentNode.appendChild(p)}}; -LGraphCanvas.onMenuNodeCollapse=function(a){a.flags.collapsed=!a.flags.collapsed;a.setDirtyCanvas(!0,!0)};LGraphCanvas.onMenuNodePin=function(a){a.pin()};LGraphCanvas.onMenuNodeMode=function(a,b,c){h.createContextMenu(["Always","On Event","Never"],{event:b,callback:function(b){if(a)switch(b){case "On Event":a.mode=h.ON_EVENT;break;case "Never":a.mode=h.NEVER;break;default:a.mode=h.ALWAYS}},from:c});return!1};LGraphCanvas.onMenuNodeColors=function(a,b,c){var f=[],d;for(d in LGraphCanvas.node_colors){var e= -LGraphCanvas.node_colors[d];f.push({value:d,content:""+d+""})}h.createContextMenu(f,{event:b,callback:function(b){a&&(b=LGraphCanvas.node_colors[b.value])&&(a.color=b.color,a.bgcolor=b.bgcolor,a.setDirtyCanvas(!0))},from:c});return!1};LGraphCanvas.onMenuNodeShapes=function(a,b){h.createContextMenu(["box","round"],{event:b,callback:function(b){a&&(a.shape=b,a.setDirtyCanvas(!0))}});return!1};LGraphCanvas.onMenuNodeRemove= -function(a){!1!=a.removable&&(a.graph.remove(a),a.setDirtyCanvas(!0,!0))};LGraphCanvas.onMenuNodeClone=function(a){if(!1!=a.clonable){var b=a.clone();b&&(b.pos=[a.pos[0]+5,a.pos[1]+5],a.graph.add(b),a.setDirtyCanvas(!0,!0))}};LGraphCanvas.node_colors={red:{color:"#FAA",bgcolor:"#A44"},green:{color:"#AFA",bgcolor:"#4A4"},blue:{color:"#AAF",bgcolor:"#44A"},white:{color:"#FFF",bgcolor:"#AAA"}};LGraphCanvas.prototype.getCanvasMenuOptions=function(){var a=null;this.getMenuOptions?a=this.getMenuOptions(): -(a=[{content:"Add Node",is_menu:!0,callback:LGraphCanvas.onMenuAdd}],this._graph_stack&&0a[2]&&(a[2]=b);ca[3]&&(a[3]=c)};h.isInsideBounding=function(a,b){return a[0]b[1][0]||a[1]>b[1][1]?!1:!0};h.overlapBounding=k;h.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),c=0,f,d,e=0;6>e;e+=2)f="0123456789ABCDEF".indexOf(a.charAt(e)), -d="0123456789ABCDEF".indexOf(a.charAt(e+1)),b[c]=16*f+d,c++;return b};h.num2hex=function(a){for(var b="#",c,f,d=0;3>d;d++)c=a[d]/16,f=a[d]%16,b+="0123456789ABCDEF".charAt(c)+"0123456789ABCDEF".charAt(f);return b};h.createContextMenu=function(a,b,c){function f(a){var f=!0;b.callback&&(a=b.callback.call(g,this.data,a),void 0!==a&&(f=a));f&&h.closeAllContextMenus(c)}this.options=b=b||{};c=c||window;if(b.from){var d=document.querySelectorAll(".graphcontextmenu"),e;for(e in d)d[e].previousSibling==b.from&& -d[e].closeMenu()}else h.closeAllContextMenus(c);var g=c.document.createElement("div");g.className="graphcontextmenu graphmenubar-panel";this.root=g;d=g.style;d.minWidth="100px";d.minHeight="20px";d.position="fixed";d.top="100px";d.left="100px";d.color="#AAF";d.padding="2px";d.borderBottom="2px solid #AAF";d.backgroundColor="#444";d.zIndex=10;b.title&&(d=document.createElement("div"),d.className="graphcontextmenu-title",d.innerHTML=b.title,g.appendChild(d));g.addEventListener("contextmenu",function(a){a.preventDefault(); -return!1});for(var k in a){e=a[k];d=c.document.createElement("div");d.className="graphmenu-entry";if(null==e)d.className+=" separator";else{e.is_menu&&(d.className+=" submenu");e.disabled&&(d.className+=" disabled");e.className&&(d.className+=" "+e.className);d.style.cursor="pointer";d.dataset.value="string"==typeof e?e:e.value;d.data=e;var n="",n="string"==typeof e?a.constructor==Array?a[k]:k:e.content?e.content:k;b.allow_html?d.innerHTML=n:d.innerText=n;d.addEventListener("click",f)}g.appendChild(d)}g.addEventListener("mouseover", -function(a){this.mouse_inside=!0});g.addEventListener("mouseout",function(a){for(a=a.relatedTarget||a.toElement;a!=this&&a!=c.document;)a=a.parentNode;a!=this&&(this.mouse_inside=!1,this.block_close||this.closeMenu())});c.document.body.appendChild(g);a=g.getClientRects()[0];b.from&&(b.from.block_close=!0);e=b.left||0;k=b.top||0;b.event&&(e=b.event.pageX-10,k=b.event.pageY-10,b.left&&(e=b.left),d=c.document.body.getClientRects()[0],b.from&&(e=b.from.getClientRects()[0],e=e.left+e.width),e>d.width- -a.width-10&&(e=d.width-a.width-10),k>d.height-a.height-10&&(k=d.height-a.height-10));g.style.left=e+"px";g.style.top=k+"px";g.closeMenu=function(){b.from&&(b.from.block_close=!1,b.from.mouse_inside||b.from.closeMenu());this.parentNode&&c.document.body.removeChild(this)};return g};h.closeAllContextMenus=function(a){a=a||window;a=a.document.querySelectorAll(".graphcontextmenu");if(a.length){for(var b=[],c=0;c=h.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.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={}};LGraphNode.prototype.configure=function(a){for(var b in a)if("console"!=b)if("properties"==b)for(var c in a.properties){if(this.properties[c]=a.properties[c],this.onPropertyChanged)this.onPropertyChanged(c,a.properties[c])}else null!= +a[b]&&("object"==typeof a[b]?this[b]&&this[b].configure?this[b].configure(a[b]):this[b]=h.cloneObject(a[b],this[b]):this[b]=a[b]);if(this.onConnectionsChange){if(this.inputs)for(var g=0;g=this.inputs.length||null==this.inputs[a].link)){var c=this.graph.links[this.inputs[a].link];if(!b)return c.data;var g=this.graph.getNodeById(c.origin_id);if(!g)return c.data;if(g.updateOutputData)g.updateOutputData(c.origin_slot);else if(g.onExecute)g.onExecute();return c.data}};LGraphNode.prototype.isInputConnected=function(a){return this.inputs?a=this.inputs.length)return null;a=this.inputs[a];return a&&a.link?(a=this.graph.links[a.link])?this.graph.getNodeById(a.origin_id):null:null};LGraphNode.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 b=[],c=0;ca&&this.pos[1]-g-cb)return!0;return!1};LGraphNode.prototype.getSlotInPosition=function(a,b){if(this.inputs)for(var c=0,g=this.inputs.length;c=this.outputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),!1;b&&b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"Node not found";if(b==this)return!1;if(c.constructor===String){if(c=b.findInputSlot(c),-1==c)return h.debug&&console.log("Connect: Error, no slot of name "+c),!1}else{if(c===h.EVENT)return!1;if(!b.inputs|| +c>=b.inputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),!1}null!=b.inputs[c].link&&b.disconnectInput(c);this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);var g=this.outputs[a];if(b.onConnectInput&&!1===b.onConnectInput(c,g.type,g))return!1;if(h.isValidConnection(g.type,b.inputs[c].type)){var l={id:this.graph.last_link_id++,origin_id:this.id,origin_slot:a,target_id:b.id,target_slot:c};this.graph.links[l.id]=l;null==g.links&&(g.links=[]);g.links.push(l.id); +b.inputs[c].link=l.id;if(this.onConnectionsChange)this.onConnectionsChange(h.OUTPUT,a,!0,l);if(b.onConnectionsChange)b.onConnectionsChange(h.INPUT,c,!0,l)}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);return!0};LGraphNode.prototype.disconnectOutput=function(a,b){if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return h.debug&&console.log("Connect: Error, no slot of name "+a),!1}else if(!this.outputs||a>=this.outputs.length)return h.debug&&console.log("Connect: Error, slot number not found"), +!1;var c=this.outputs[a];if(!c.links||0==c.links.length)return!1;if(b){b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"Target Node not found";for(var g=0,l=c.links.length;g=this.inputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),!1;if(!this.inputs[a])return!1;var b=this.inputs[a].link;this.inputs[a].link=null;if(b=this.graph.links[b]){var c=this.graph.getNodeById(b.origin_id);if(!c)return!1;var g=c.outputs[b.origin_slot];if(!g||!g.links||0==g.links.length)return!1;for(var l=0,d=g.links.length;l +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]]:a?[this.pos[0],this.pos[1]+10+b*h.NODE_SLOT_HEIGHT]:[this.pos[0]+this.size[0]+1,this.pos[1]+10+b*h.NODE_SLOT_HEIGHT]};LGraphNode.prototype.alignToGrid=function(){this.pos[0]=h.CANVAS_GRID_SIZE*Math.round(this.pos[0]/h.CANVAS_GRID_SIZE);this.pos[1]=h.CANVAS_GRID_SIZE*Math.round(this.pos[1]/ +h.CANVAS_GRID_SIZE)};LGraphNode.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>LGraphNode.MAX_CONSOLE&&this.console.shift();this.graph.onNodeTrace(this,a)};LGraphNode.prototype.setDirtyCanvas=function(a,b){this.graph&&this.graph.sendActionToCanvas("setDirty",[a,b])};LGraphNode.prototype.loadImage=function(a){var b=new Image;b.src=h.node_images_path+a;b.ready=!1;var c=this;b.onload=function(){this.ready=!0;c.setDirtyCanvas(!0)};return b};LGraphNode.prototype.captureInput= +function(a){if(this.graph&&this.graph.list_of_graphcanvas)for(var b=this.graph.list_of_graphcanvas,c=0;ch.getTime()-this.last_mouseclick&&this.selected_nodes[c.id]){if(c.onDblClick)c.onDblClick(a);this.processNodeDblClicked(c); +l=!0}c.onMouseDown&&c.onMouseDown(a,[a.canvasX-c.pos[0],a.canvasY-c.pos[1]])?l=!0:this.live_mode&&(l=g=!0);l||(this.allow_dragnodes&&(this.node_dragged=c),this.selected_nodes[c.id]||this.processNodeSelected(c,a));this.dirty_canvas=!0}}else g=!0;g&&this.allow_dragcanvas&&(this.dragging_canvas=!0)}else 2!=a.which&&3==a.which&&this.processContextMenu(c,a);this.last_mouse[0]=a.localX;this.last_mouse[1]=a.localY;this.last_mouseclick=h.getTime();this.canvas_mouse=[a.canvasX,a.canvasY];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}};LGraphCanvas.prototype.processMouseMove=function(a){this.autoresize&&this.resize();if(this.graph){this.adjustMouseEvent(a);var b=[a.localX,a.localY],c=[b[0]-this.last_mouse[0],b[1]-this.last_mouse[1]];this.last_mouse=b;this.canvas_mouse=[a.canvasX,a.canvasY];if(this.dragging_canvas)this.offset[0]+= +c[0]/this.scale,this.offset[1]+=c[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),g=0,l=this.graph._nodes.length;gb&&(c*=1/1.1);this.setZoom(c,[a.localX,a.localY]);this.graph.change();a.preventDefault();return!1}};LGraphCanvas.prototype.isOverNodeBox=function(a,b,c){var g=h.NODE_TITLE_HEIGHT;return f(b,c,a.pos[0]+2,a.pos[1]+2-g,g-4,g-4)?!0:!1};LGraphCanvas.prototype.isOverNodeInput=function(a,b,c,g){if(a.inputs)for(var l=0,d=a.inputs.length;lthis.max_zoom?this.scale=this.max_zoom:this.scalec-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}};LGraphCanvas.prototype.drawFrontCanvas=function(){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]);this.visible_nodes=b=this.computeVisibleNodes();for(var c=0;cb-f._last_time&&(f=2-0.002*(b-f._last_time), +k="rgba(255,255,255, "+f.toFixed(2)+")",this.renderLink(a,d,l.getConnectionPos(!0,e),k,!0,f))}}}}}a.globalAlpha=1};LGraphCanvas.prototype.renderLink=function(a,b,c,g,l,d){if(this.highquality_render){var f=e(b,c);this.render_connections_border&&0.6this.scale)&&(this.render_connection_arrows&&0.6b[1]?0:Math.PI,a.save(), +a.translate(g[0],g[1]),a.rotate(f),a.beginPath(),a.moveTo(-5,-5),a.lineTo(0,5),a.lineTo(5,-5),a.fill(),a.restore()),d))for(d=0;5>d;++d)g=(0.001*h.getTime()+0.2*d)%1,g=this.computeConnectionPoint(b,c,g),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()};LGraphCanvas.prototype.computeConnectionPoint=function(a,b,c){var g=e(a,b),l=[a[0]+0.25*g,a[1]],g=[b[0]-0.25*g,b[1]],d=(1-c)*(1-c)*(1-c),f=3*(1-c)*(1-c)*c,h=3*(1-c)*c*c;c*=c* +c;return[d*a[0]+f*l[0]+h*g[0]+c*b[0],d*a[1]+f*l[1]+h*g[1]+c*b[1]]};LGraphCanvas.prototype.resize=function(a,b){if(!a&&!b){var c=this.canvas.parentNode;a=c.offsetWidth;b=c.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)};LGraphCanvas.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 g=setInterval(function(){b.editor_alpha*=c;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>c&&0.01>b.editor_alpha&&(clearInterval(g),1>c&&(b.live_mode=!0));1"+k+""+ +n+"",value:k})}if(f.length)return h.createContextMenu(f,{event:b,callback:g,from:c,allow_html:!0},d),!1}};LGraphCanvas.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};LGraphCanvas.onShowTitleEditor=function(a,b){function c(){a.title=e.value;g.parentNode.removeChild(g);a.setDirtyCanvas(!0,!0)}var g=document.createElement("div");g.className="graphdialog";g.innerHTML="Title"; +var e=g.querySelector("input");e&&(e.value=a.title,e.addEventListener("keydown",function(a){13==a.keyCode&&(c(),a.preventDefault(),a.stopPropagation())}));var d=this.canvas.getClientRects()[0],f=-20,h=-20;d&&(f-=d.left,h-=d.top);b?(g.style.left=b.pageX+f+"px",g.style.top=b.pageY+h+"px"):(g.style.left=0.5*this.canvas.width+f+"px",g.style.top=0.5*this.canvas.height+h+"px");g.querySelector("button").addEventListener("click",c);this.canvas.parentNode.appendChild(g)};LGraphCanvas.prototype.showEditPropertyValue= +function(a,b,c){function g(){e(s.value)}function e(c){"number"==typeof a.properties[b]&&(c=Number(c));a.properties[b]=c;if(a.onPropertyChanged)a.onPropertyChanged(b,c);p.parentNode.removeChild(p);a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[b]){c=c||{};var d="string";null!==a.properties[b]&&(d=typeof a.properties[b]);var f=null;a.getPropertyInfo&&(f=a.getPropertyInfo(b));if(a.properties_info)for(var h=0;h";else if("enum"==d&&f.values){k=""}else"boolean"==d&&(k="");var p= +document.createElement("div");p.className="graphdialog";p.innerHTML=""+b+""+k+"";if("enum"==d&&f.values){var s=p.querySelector("select");s.addEventListener("change",function(a){e(a.target.value)})}else if("boolean"==d)(s=p.querySelector("input"))&&s.addEventListener("click",function(a){e(!!s.checked)});else if(s=p.querySelector("input"))s.value=void 0!==a.properties[b]?a.properties[b]:"",s.addEventListener("keydown",function(a){13==a.keyCode&&(g(),a.preventDefault(), +a.stopPropagation())});d=this.canvas.getClientRects()[0];h=f=-20;d&&(f-=d.left,h-=d.top);c.event?(p.style.left=c.event.pageX+f+"px",p.style.top=c.event.pageY+h+"px"):(p.style.left=0.5*this.canvas.width+f+"px",p.style.top=0.5*this.canvas.height+h+"px");p.querySelector("button").addEventListener("click",g);this.canvas.parentNode.appendChild(p)}};LGraphCanvas.onMenuNodeCollapse=function(a){a.flags.collapsed=!a.flags.collapsed;a.setDirtyCanvas(!0,!0)};LGraphCanvas.onMenuNodePin=function(a){a.pin()};LGraphCanvas.onMenuNodeMode= +function(a,b,c){h.createContextMenu(["Always","On Event","Never"],{event:b,callback:function(b){if(a)switch(b){case "On Event":a.mode=h.ON_EVENT;break;case "Never":a.mode=h.NEVER;break;default:a.mode=h.ALWAYS}},from:c});return!1};LGraphCanvas.onMenuNodeColors=function(a,b,c){var g=[],d;for(d in LGraphCanvas.node_colors){var e=LGraphCanvas.node_colors[d];g.push({value:d,content:""+d+""})}h.createContextMenu(g,{event:b, +callback:function(b){a&&(b=LGraphCanvas.node_colors[b.value])&&(a.color=b.color,a.bgcolor=b.bgcolor,a.setDirtyCanvas(!0))},from:c});return!1};LGraphCanvas.onMenuNodeShapes=function(a,b){h.createContextMenu(["box","round"],{event:b,callback:function(b){a&&(a.shape=b,a.setDirtyCanvas(!0))}});return!1};LGraphCanvas.onMenuNodeRemove=function(a){!1!=a.removable&&(a.graph.remove(a),a.setDirtyCanvas(!0,!0))};LGraphCanvas.onMenuNodeClone=function(a){if(!1!=a.clonable){var b=a.clone();b&&(b.pos=[a.pos[0]+ +5,a.pos[1]+5],a.graph.add(b),a.setDirtyCanvas(!0,!0))}};LGraphCanvas.node_colors={red:{color:"#FAA",bgcolor:"#A44"},green:{color:"#AFA",bgcolor:"#4A4"},blue:{color:"#AAF",bgcolor:"#44A"},white:{color:"#FFF",bgcolor:"#AAA"}};LGraphCanvas.prototype.getCanvasMenuOptions=function(){var a=null;this.getMenuOptions?a=this.getMenuOptions():(a=[{content:"Add Node",is_menu:!0,callback:LGraphCanvas.onMenuAdd}],this._graph_stack&&0a[2]&&(a[2]=b);ca[3]&&(a[3]=c)};h.isInsideBounding=function(a,b){return a[0]b[1][0]||a[1]>b[1][1]?!1:!0};h.overlapBounding=k;h.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),c=0,g,d,e=0;6>e;e+=2)g="0123456789ABCDEF".indexOf(a.charAt(e)),d="0123456789ABCDEF".indexOf(a.charAt(e+1)),b[c]=16*g+d,c++;return b};h.num2hex=function(a){for(var b="#",c,g,d=0;3>d;d++)c=a[d]/16,g=a[d]%16,b+= +"0123456789ABCDEF".charAt(c)+"0123456789ABCDEF".charAt(g);return b};h.createContextMenu=function(a,b,c){function g(a){var g=!0;b.callback&&(a=b.callback.call(f,this.data,a),void 0!==a&&(g=a));g&&h.closeAllContextMenus(c)}this.options=b=b||{};c=c||window;if(b.from){var d=document.querySelectorAll(".graphcontextmenu"),e;for(e in d)d[e].previousSibling==b.from&&d[e].closeMenu()}else h.closeAllContextMenus(c);var f=c.document.createElement("div");f.className="graphcontextmenu graphmenubar-panel";this.root= +f;d=f.style;d.minWidth="100px";d.minHeight="20px";d.position="fixed";d.top="100px";d.left="100px";d.color="#AAF";d.padding="2px";d.borderBottom="2px solid #AAF";d.backgroundColor="#444";d.zIndex=10;b.title&&(d=document.createElement("div"),d.className="graphcontextmenu-title",d.innerHTML=b.title,f.appendChild(d));f.addEventListener("contextmenu",function(a){a.preventDefault();return!1});for(var k in a){e=a[k];d=c.document.createElement("div");d.className="graphmenu-entry";if(null==e)d.className+= +" separator";else{e.is_menu&&(d.className+=" submenu");e.disabled&&(d.className+=" disabled");e.className&&(d.className+=" "+e.className);d.style.cursor="pointer";d.dataset.value="string"==typeof e?e:e.value;d.data=e;var n="",n="string"==typeof e?a.constructor==Array?a[k]:k:e.content?e.content:k;b.allow_html?d.innerHTML=n:d.innerText=n;d.addEventListener("click",g)}f.appendChild(d)}f.addEventListener("mouseover",function(a){this.mouse_inside=!0});f.addEventListener("mouseout",function(a){for(a=a.relatedTarget|| +a.toElement;a!=this&&a!=c.document;)a=a.parentNode;a!=this&&(this.mouse_inside=!1,this.block_close||this.closeMenu())});c.document.body.appendChild(f);a=f.getClientRects()[0];b.from&&(b.from.block_close=!0);e=b.left||0;k=b.top||0;b.event&&(e=b.event.pageX-10,k=b.event.pageY-10,b.left&&(e=b.left),d=c.document.body.getClientRects()[0],b.from&&(e=b.from.getClientRects()[0],e=e.left+e.width),e>d.width-a.width-10&&(e=d.width-a.width-10),k>d.height-a.height-10&&(k=d.height-a.height-10));f.style.left=e+ +"px";f.style.top=k+"px";f.closeMenu=function(){b.from&&(b.from.block_close=!1,b.from.mouse_inside||b.from.closeMenu());this.parentNode&&c.document.body.removeChild(this)};return f};h.closeAllContextMenus=function(a){a=a||window;a=a.document.querySelectorAll(".graphcontextmenu");if(a.length){for(var b=[],c=0;ca.canvasY-this.pos[1]||LiteGraph.distance([a.canvasX,a.canvasY],[this.pos[0]+this.center[0],this.pos[1]+this.center[1]])>this.radius)return!1;this.oldmouse=[a.canvasX-this.pos[0],a.canvasY-this.pos[1]];this.captureInput(!0);return!0}};d.prototype.onMouseMove=function(a){if(this.oldmouse){a=[a.canvasX-this.pos[0],a.canvasY-this.pos[1]];var c=this.value,c=c-0.01*(a[1]-this.oldmouse[1]);1c&&(c=0);this.value=c;this.properties.value= -this.properties.min+(this.properties.max-this.properties.min)*this.value;this.oldmouse=a;this.setDirtyCanvas(!0)}};d.prototype.onMouseUp=function(a){this.oldmouse&&(this.oldmouse=null,this.captureInput(!1))};d.prototype.onMouseLeave=function(a){};d.prototype.onWidget=function(a,c){if("increase"==c.name)this.onPropertyChanged("size",this.properties.size+10);else if("decrease"==c.name)this.onPropertyChanged("size",this.properties.size-10)};d.prototype.onPropertyChanged=function(a,c){if("wcolor"==a)this.properties[a]= -c;else if("size"==a)c=parseInt(c),this.properties[a]=c,this.size=[c+4,c+24],this.setDirtyCanvas(!0,!0);else if("min"==a||"max"==a||"value"==a)this.properties[a]=parseFloat(c);else return!1;return!0};LiteGraph.registerNodeType("widget/knob",d);g.title="H.Slider";g.desc="Linear slider controller";g.prototype.onInit=function(){this.value=0.5;this.imgfg=this.loadImage("imgs/slider_fg.png")};g.prototype.onDrawVectorial=function(a){this.imgfg&&this.imgfg.width&&(a.lineWidth=1,a.strokeStyle=this.mouseOver? -"#FFF":"#AAA",a.fillStyle="#000",a.beginPath(),a.rect(2,0,this.size[0]-4,20),a.stroke(),a.fillStyle=this.properties.wcolor,a.beginPath(),a.rect(2+(this.size[0]-4-20)*this.value,0,20,20),a.fill())};g.prototype.onDrawImage=function(a){this.imgfg&&this.imgfg.width&&(a.lineWidth=1,a.fillStyle="#000",a.fillRect(2,9,this.size[0]-4,2),a.strokeStyle="#333",a.beginPath(),a.moveTo(2,9),a.lineTo(this.size[0]-4,9),a.stroke(),a.strokeStyle="#AAA",a.beginPath(),a.moveTo(2,11),a.lineTo(this.size[0]-4,11),a.stroke(), -a.drawImage(this.imgfg,2+(this.size[0]-4)*this.value-0.5*this.imgfg.width,0.5*-this.imgfg.height+10))};g.prototype.onDrawForeground=function(a){this.onDrawImage(a)};g.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=LiteGraph.colorToString([this.value,this.value,this.value])};g.prototype.onMouseDown=function(a){if(0>a.canvasY-this.pos[1])return!1;this.oldmouse=[a.canvasX- -this.pos[0],a.canvasY-this.pos[1]];this.captureInput(!0);return!0};g.prototype.onMouseMove=function(a){if(this.oldmouse){a=[a.canvasX-this.pos[0],a.canvasY-this.pos[1]];var c=this.value,c=c+(a[0]-this.oldmouse[0])/this.size[0];1c&&(c=0);this.value=c;this.oldmouse=a;this.setDirtyCanvas(!0)}};g.prototype.onMouseUp=function(a){this.oldmouse=null;this.captureInput(!1)};g.prototype.onMouseLeave=function(a){};g.prototype.onPropertyChanged=function(a,c){if("wcolor"==a)this.properties[a]=c;else return!1; -return!0};LiteGraph.registerNodeType("widget/hslider",g);k.title="Progress";k.desc="Shows data in linear progress";k.prototype.onExecute=function(){var a=this.getInputData(0);void 0!=a&&(this.properties.value=a)};k.prototype.onDrawForeground=function(a){a.lineWidth=1;a.fillStyle=this.properties.wcolor;var c=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),c=Math.min(1,c),c=Math.max(0,c);a.fillRect(2,2,(this.size[0]-4)*c,this.size[1]-4)};LiteGraph.registerNodeType("widget/progress", +(function(){function d(){this.size=[60,20];this.addProperty("time",1E3);this.addInput("event",LiteGraph.ACTION);this.addOutput("on_time",LiteGraph.EVENT);this._pending=[]}d.title="Delay";d.desc="Delays one event";d.prototype.onAction=function(d,f){this._pending.push([this.properties.time,f])};d.prototype.onExecute=function(){for(var d=1E3*this.graph.elapsed_time,f=0;fa.canvasY-this.pos[1]||LiteGraph.distance([a.canvasX,a.canvasY],[this.pos[0]+this.center[0],this.pos[1]+this.center[1]])>this.radius)return!1;this.oldmouse=[a.canvasX-this.pos[0],a.canvasY-this.pos[1]];this.captureInput(!0);return!0}};e.prototype.onMouseMove=function(a){if(this.oldmouse){a=[a.canvasX-this.pos[0],a.canvasY-this.pos[1]];var c=this.value,c=c-0.01*(a[1]-this.oldmouse[1]);1c&&(c=0);this.value=c;this.properties.value= +this.properties.min+(this.properties.max-this.properties.min)*this.value;this.oldmouse=a;this.setDirtyCanvas(!0)}};e.prototype.onMouseUp=function(a){this.oldmouse&&(this.oldmouse=null,this.captureInput(!1))};e.prototype.onMouseLeave=function(a){};e.prototype.onWidget=function(a,c){if("increase"==c.name)this.onPropertyChanged("size",this.properties.size+10);else if("decrease"==c.name)this.onPropertyChanged("size",this.properties.size-10)};e.prototype.onPropertyChanged=function(a,c){if("wcolor"==a)this.properties[a]= +c;else if("size"==a)c=parseInt(c),this.properties[a]=c,this.size=[c+4,c+24],this.setDirtyCanvas(!0,!0);else if("min"==a||"max"==a||"value"==a)this.properties[a]=parseFloat(c);else return!1;return!0};LiteGraph.registerNodeType("widget/knob",e);f.title="H.Slider";f.desc="Linear slider controller";f.prototype.onInit=function(){this.value=0.5;this.imgfg=this.loadImage("imgs/slider_fg.png")};f.prototype.onDrawVectorial=function(a){this.imgfg&&this.imgfg.width&&(a.lineWidth=1,a.strokeStyle=this.mouseOver? +"#FFF":"#AAA",a.fillStyle="#000",a.beginPath(),a.rect(2,0,this.size[0]-4,20),a.stroke(),a.fillStyle=this.properties.wcolor,a.beginPath(),a.rect(2+(this.size[0]-4-20)*this.value,0,20,20),a.fill())};f.prototype.onDrawImage=function(a){this.imgfg&&this.imgfg.width&&(a.lineWidth=1,a.fillStyle="#000",a.fillRect(2,9,this.size[0]-4,2),a.strokeStyle="#333",a.beginPath(),a.moveTo(2,9),a.lineTo(this.size[0]-4,9),a.stroke(),a.strokeStyle="#AAA",a.beginPath(),a.moveTo(2,11),a.lineTo(this.size[0]-4,11),a.stroke(), +a.drawImage(this.imgfg,2+(this.size[0]-4)*this.value-0.5*this.imgfg.width,0.5*-this.imgfg.height+10))};f.prototype.onDrawForeground=function(a){this.onDrawImage(a)};f.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=LiteGraph.colorToString([this.value,this.value,this.value])};f.prototype.onMouseDown=function(a){if(0>a.canvasY-this.pos[1])return!1;this.oldmouse=[a.canvasX- +this.pos[0],a.canvasY-this.pos[1]];this.captureInput(!0);return!0};f.prototype.onMouseMove=function(a){if(this.oldmouse){a=[a.canvasX-this.pos[0],a.canvasY-this.pos[1]];var c=this.value,c=c+(a[0]-this.oldmouse[0])/this.size[0];1c&&(c=0);this.value=c;this.oldmouse=a;this.setDirtyCanvas(!0)}};f.prototype.onMouseUp=function(a){this.oldmouse=null;this.captureInput(!1)};f.prototype.onMouseLeave=function(a){};f.prototype.onPropertyChanged=function(a,c){if("wcolor"==a)this.properties[a]=c;else return!1; +return!0};LiteGraph.registerNodeType("widget/hslider",f);k.title="Progress";k.desc="Shows data in linear progress";k.prototype.onExecute=function(){var a=this.getInputData(0);void 0!=a&&(this.properties.value=a)};k.prototype.onDrawForeground=function(a){a.lineWidth=1;a.fillStyle=this.properties.wcolor;var c=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),c=Math.min(1,c),c=Math.max(0,c);a.fillRect(2,2,(this.size[0]-4)*c,this.size[1]-4)};LiteGraph.registerNodeType("widget/progress", k);h.title="Text";h.desc="Shows the input value";h.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"led_text",text:"LED",type:"minibutton"},{name:"normal_text",text:"Normal",type:"minibutton"}];h.prototype.onDrawForeground=function(a){a.fillStyle=this.properties.color;var c=this.properties.value;this.properties.glowSize?(a.shadowColor=this.properties.color,a.shadowOffsetX=0,a.shadowOffsetY=0,a.shadowBlur=this.properties.glowSize):a.shadowColor="transparent";var d=this.properties.fontsize; a.textAlign=this.properties.align;a.font=d.toString()+"px "+this.properties.font;this.str="number"==typeof c?c.toFixed(this.properties.decimals):c;if("string"==typeof this.str){var c=this.str.split("\\n"),e;for(e in c)a.fillText(c[e],"left"==this.properties.align?15:this.size[0]-15,-0.15*d+d*(parseInt(e)+1))}a.shadowColor="transparent";this.last_ctx=a;a.textAlign="left"};h.prototype.onExecute=function(){var a=this.getInputData(0);this.properties.value=null!=a?a:"";this.setDirtyCanvas(!0)};h.prototype.resize= function(){if(this.last_ctx){var a=this.str.split("\\n");this.last_ctx.font=this.properties.fontsize+"px "+this.properties.font;var c=0,d;for(d in a){var e=this.last_ctx.measureText(a[d]).width;ck;k++)if(e[k]){d=e[k];e=this.xbox_mapping;e||(e=this.xbox_mapping= -{axes:[],buttons:{},hat:""});e.axes.lx=d.axes[0];e.axes.ly=d.axes[1];e.axes.rx=d.axes[2];e.axes.ry=d.axes[3];e.axes.ltrigger=d.buttons[6].value;e.axes.rtrigger=d.buttons[7].value;for(k=0;k","string",{values:q.values}); -this.size=[60,40]}function p(){this.addInput("inc","number");this.addOutput("total","number");this.addProperty("increment",1);this.addProperty("value",0)}function v(){this.addInput("v","number");this.addOutput("sin","number");this.addProperty("amplitude",1);this.addProperty("offset",0);this.bgImageUrl="nodes/imgs/icon-sin.png"}function w(){this.addInput("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function x(){this.addInputs([["x","number"],["y","number"]]);this.addOutput("vec2", +1:0;break;case "rs_button":h=d.xbox.buttons.rs?1:0;break;case "start_button":h=d.xbox.buttons.start?1:0;break;case "back_button":h=d.xbox.buttons.back?1:0}else switch(k.name){case "left_axis":case "right_axis":h=[0,0];break;default:h=0}this.setOutputData(f,h)}};d.prototype.getGamepad=function(){var d=navigator.getGamepads||navigator.webkitGetGamepads||navigator.mozGetGamepads;if(!d)return null;for(var f=d.call(navigator),d=null,k=0;4>k;k++)if(f[k]){d=f[k];f=this.xbox_mapping;f||(f=this.xbox_mapping= +{axes:[],buttons:{},hat:""});f.axes.lx=d.axes[0];f.axes.ly=d.axes[1];f.axes.rx=d.axes[2];f.axes.ry=d.axes[3];f.axes.ltrigger=d.buttons[6].value;f.axes.rtrigger=d.buttons[7].value;for(k=0;k","string",{values:q.values}); +this.size=[60,40]}function p(){this.addInput("inc","number");this.addOutput("total","number");this.addProperty("increment",1);this.addProperty("value",0)}function s(){this.addInput("v","number");this.addOutput("sin","number");this.addProperty("amplitude",1);this.addProperty("offset",0);this.bgImageUrl="nodes/imgs/icon-sin.png"}function w(){this.addInput("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function x(){this.addInputs([["x","number"],["y","number"]]);this.addOutput("vec2", "vec2");this.properties={x:0,y:0};this._data=new Float32Array(2)}function y(){this.addInput("vec3","vec3");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number")}function z(){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 A(){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)}e.title="Converter";e.desc="type A to type B";e.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a&&this.outputs)for(var b=0;bb&&(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))};LiteGraph.registerNodeType("math/average",s);t.values="+-*/%^".split("");t.title="Operation";t.desc="Easy math operators";t["@OP"]={type:"enum",title:"operation",values:t.values};t.prototype.setValue=function(a){"string"==typeof a&&(a=parseFloat(a));this.properties.value=a};t.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)};t.prototype.onDrawBackground=function(a){this.flags.collapsed||(a.font="40px Arial",a.fillStyle="black",a.textAlign="center",a.fillText(this.properties.OP,0.5*this.size[0],0.5* -this.size[1]+LiteGraph.NODE_TITLE_HEIGHT),a.textAlign="left")};LiteGraph.registerNodeType("math/operation",t);n.title="Compare";n.desc="compares between two values";n.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,d=this.outputs.length;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))};LiteGraph.registerNodeType("math/average",t);u.values="+-*/%^".split("");u.title="Operation";u.desc="Easy math operators";u["@OP"]={type:"enum",title:"operation",values:u.values};u.prototype.setValue=function(a){"string"==typeof a&&(a=parseFloat(a));this.properties.value=a};u.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)};u.prototype.onDrawBackground=function(a){this.flags.collapsed||(a.font="40px Arial",a.fillStyle="black",a.textAlign="center",a.fillText(this.properties.OP,0.5*this.size[0],0.5* +this.size[1]+LiteGraph.NODE_TITLE_HEIGHT),a.textAlign="left")};LiteGraph.registerNodeType("math/operation",u);n.title="Compare";n.desc="compares between two values";n.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,d=this.outputs.length;cB":value=a>b;break;case "A=B":value=a>=b}this.setOutputData(c,value)}}};n.prototype.onGetOutputs=function(){return[["A==B","boolean"],["A!=B","boolean"],["A>B","boolean"],["A=B","boolean"],["A<=B","boolean"]]};LiteGraph.registerNodeType("math/compare",n);q.values="> < == != <= >=".split(" ");q["@OP"]={type:"enum",title:"operation",values:q.values};q.title="Condition";q.desc="evaluates condition between A and B"; q.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)};LiteGraph.registerNodeType("math/condition",q);p.title="Accumulate";p.desc="Increments a value every time";p.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)};LiteGraph.registerNodeType("math/accumulate",p);v.title="Trigonometry";v.desc="Sin Cos Tan";v.filter="shader";v.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 d=this.properties.offset,c=this.findInputSlot("offset");-1!=c&&(d=this.getInputData(c));for(var c=0,e=this.outputs.length;cXY";w.desc="vector 2 to components";w.prototype.onExecute=function(){var a= this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]))};LiteGraph.registerNodeType("math3d/vec2-to-xyz",w);x.title="XY->Vec2";x.desc="components to vector2";x.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)};LiteGraph.registerNodeType("math3d/xy-to-vec2",x);y.title="Vec3->XYZ";y.desc="vector 3 to components";y.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]))};LiteGraph.registerNodeType("math3d/vec3-to-xyz",y);z.title="XYZ->Vec3";z.desc="components to vector3";z.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 d=this._data;d[0]=a;d[1]=b;d[2]=c;this.setOutputData(0,d)}; LiteGraph.registerNodeType("math3d/xyz-to-vec3",z);A.title="Vec4->XYZW";A.desc="vector 4 to components";A.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]))};LiteGraph.registerNodeType("math3d/vec4-to-xyzw",A);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 d=this.getInputData(3);null==d&&(d=this.properties.w);var e=this._data;e[0]=a;e[1]=b;e[2]=c;e[3]=d;this.setOutputData(0,e)};LiteGraph.registerNodeType("math3d/xyzw-to-vec4",B);window.glMatrix&&(r=function(){this.addOutput("quat","quat");this.properties={x:0,y:0,z:0,w:1};this._value=quat.create()},r.title="Quaternion",r.desc="quaternion",r.prototype.onExecute=function(){this._value[0]=this.properties.x;this._value[1]= +null==b&&(b=this.properties.y);var c=this.getInputData(2);null==c&&(c=this.properties.z);var d=this.getInputData(3);null==d&&(d=this.properties.w);var g=this._data;g[0]=a;g[1]=b;g[2]=c;g[3]=d;this.setOutputData(0,g)};LiteGraph.registerNodeType("math3d/xyzw-to-vec4",B);window.glMatrix&&(r=function(){this.addOutput("quat","quat");this.properties={x:0,y:0,z:0,w:1};this._value=quat.create()},r.title="Quaternion",r.desc="quaternion",r.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)},LiteGraph.registerNodeType("math3d/quaternion",r),r=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()},r.title="Rotation",r.desc="quaternion rotation",r.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)},LiteGraph.registerNodeType("math3d/rotation",r),r=function(){this.addInputs([["vec3","vec3"],["quat","quat"]]);this.addOutput("result","vec3");this.properties={vec:[0,0,1]}},r.title="Rot. Vec3",r.desc="rotate a point",r.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))},LiteGraph.registerNodeType("math3d/rotate_vec3",r),r=function(){this.addInputs([["A","quat"],["B","quat"]]);this.addOutput("A*B","quat");this._value=quat.create()},r.title="Mult. Quat",r.desc="rotate quaternion",r.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))}},LiteGraph.registerNodeType("math3d/mult-quat",r),r=function(){this.addInputs([["A","quat"],["B","quat"],["factor", "number"]]);this.addOutput("slerp","quat");this.addProperty("factor",0.5);this._value=quat.create()},r.title="Quat Slerp",r.desc="quaternion spherical interpolation",r.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)}}},LiteGraph.registerNodeType("math3d/quat-slerp",r))})(); -function Selector(){this.addInput("sel","boolean");this.addOutput("value","number");this.properties={A:0,B:1};this.size=[60,20]}Selector.title="Selector";Selector.desc="outputs A if selector is true, B if selector is false";Selector.prototype.onExecute=function(){var e=this.getInputData(0);if(void 0!==e){for(var d=1;db&&(b=0);if(0!=a.length){var d=[0,0,0];if(0==b)d=a[0];else if(1==b)d=a[a.length-1];else{var e=(a.length-1)*b,b=a[Math.floor(e)],a=a[Math.floor(e)+1],e=e-Math.floor(e);d[0]=b[0]*(1-e)+a[0]*e;d[1]=b[1]*(1-e)+a[1]*e;d[2]=b[2]*(1-e)+a[2]*e}for(var g in d)d[g]/=255;this.boxcolor=colorToString(d);this.setOutputData(0,d)}};LiteGraph.registerNodeType("color/palette",d);g.title="Frame"; -g.desc="Frame viewerew";g.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"view",text:"View Image",type:"button"}];g.prototype.onDrawBackground=function(a){this.frame&&a.drawImage(this.frame,0,0,this.size[0],this.size[1])};g.prototype.onExecute=function(){this.frame=this.getInputData(0);this.setDirtyCanvas(!0)};g.prototype.onWidget=function(a,b){if("resize"==b.name&&this.frame){var d=this.frame.width,e=this.frame.height;d||null==this.frame.videoWidth||(d=this.frame.videoWidth,e=this.frame.videoHeight); -d&&e&&(this.size=[d,e]);this.setDirtyCanvas(!0,!0)}else"view"==b.name&&this.show()};g.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};LiteGraph.registerNodeType("graphics/frame",g);k.title="Image fade";k.desc="Fades between images";k.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];k.prototype.onAdded=function(){this.createCanvas();var a=this.canvas.getContext("2d");a.fillStyle="#000";a.fillRect(0,0,this.properties.width, +(function(){function d(){this.inputs=[];this.addOutput("frame","image");this.properties={url:""}}function e(){this.addInput("f","number");this.addOutput("Color","color");this.properties={colorA:"#444444",colorB:"#44AAFF",colorC:"#44FFAA",colorD:"#FFFFFF"}}function f(){this.addInput("","image");this.size=[200,200]}function k(){this.addInputs([["img1","image"],["img2","image"],["fade","number"]]);this.addInput("","image");this.properties={fade:0.5,width:512,height:512}}function h(){this.addInput("", +"image");this.addOutput("","image");this.properties={width:256,height:256,x:0,y:0,scale:1};this.size=[50,20]}function a(){this.addInput("t","number");this.addOutputs([["frame","image"],["t","number"],["d","number"]]);this.properties={url:""}}function b(){this.addOutput("Webcam","image");this.properties={}}d.title="Image";d.desc="Image loader";d.widgets=[{name:"load",text:"Load",type:"button"}];d.supported_extensions=["jpg","jpeg","png","gif"];d.prototype.onAdded=function(){""!=this.properties.url&& +null==this.img&&this.loadImage(this.properties.url)};d.prototype.onDrawBackground=function(a){this.img&&5b&&(b=0);if(0!=a.length){var d=[0,0,0];if(0==b)d=a[0];else if(1==b)d=a[a.length-1];else{var e=(a.length-1)*b,b=a[Math.floor(e)],a=a[Math.floor(e)+1],e=e-Math.floor(e);d[0]=b[0]*(1-e)+a[0]*e;d[1]=b[1]*(1-e)+a[1]*e;d[2]=b[2]*(1-e)+a[2]*e}for(var f in d)d[f]/=255;this.boxcolor=colorToString(d);this.setOutputData(0,d)}};LiteGraph.registerNodeType("color/palette",e);f.title="Frame"; +f.desc="Frame viewerew";f.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"view",text:"View Image",type:"button"}];f.prototype.onDrawBackground=function(a){this.frame&&a.drawImage(this.frame,0,0,this.size[0],this.size[1])};f.prototype.onExecute=function(){this.frame=this.getInputData(0);this.setDirtyCanvas(!0)};f.prototype.onWidget=function(a,b){if("resize"==b.name&&this.frame){var d=this.frame.width,e=this.frame.height;d||null==this.frame.videoWidth||(d=this.frame.videoWidth,e=this.frame.videoHeight); +d&&e&&(this.size=[d,e]);this.setDirtyCanvas(!0,!0)}else"view"==b.name&&this.show()};f.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};LiteGraph.registerNodeType("graphics/frame",f);k.title="Image fade";k.desc="Fades between images";k.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];k.prototype.onAdded=function(){this.createCanvas();var a=this.canvas.getContext("2d");a.fillStyle="#000";a.fillRect(0,0,this.properties.width, this.properties.height)};k.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};k.prototype.onExecute=function(){var a=this.canvas.getContext("2d");this.canvas.width=this.canvas.width;var b=this.getInputData(0);null!=b&&a.drawImage(b,0,0,this.canvas.width,this.canvas.height);b=this.getInputData(2);null==b?b=this.properties.fade:this.properties.fade=b;a.globalAlpha=b;b=this.getInputData(1); null!=b&&a.drawImage(b,0,0,this.canvas.width,this.canvas.height);a.globalAlpha=1;this.setOutputData(0,this.canvas);this.setDirtyCanvas(!0)};LiteGraph.registerNodeType("graphics/imagefade",k);h.title="Crop";h.desc="Crop Image";h.prototype.onAdded=function(){this.createCanvas()};h.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};h.prototype.onExecute=function(){var a=this.getInputData(0); a&&(a.width?(this.canvas.getContext("2d").drawImage(a,-this.properties.x,-this.properties.y,a.width*this.properties.scale,a.height*this.properties.scale),this.setOutputData(0,this.canvas)):this.setOutputData(0,null))};h.prototype.onDrawBackground=function(a){this.flags.collapsed||this.canvas&&a.drawImage(this.canvas,0,0,this.canvas.width,this.canvas.height,0,0,this.size[0],this.size[1])};h.prototype.onPropertyChanged=function(a,b){this.properties[a]=b;"scale"==a?(this.properties[a]=parseFloat(b), @@ -231,142 +231,145 @@ a);b.title="Webcam";b.desc="Webcam image";b.prototype.openStream=function(){func (this._webcam_stream.stop(),this._video=this._webcam_stream=null)};b.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)})};b.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))};b.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:b.properties.show?"Hide Frame":"Show Frame",callback:function(){b.properties.show=!b.properties.show}}]};b.prototype.onDrawBackground=function(a){this.flags.collapsed||20>=this.size[1]||!this.properties.show||!this._video||(a.save(),a.drawImage(this._video,0,0,this.size[0],this.size[1]),a.restore())};LiteGraph.registerNodeType("graphics/webcam",b)})(); if("undefined"!=typeof LiteGraph){var LGraphTexture=function(){this.addOutput("Texture","Texture");this.properties={name:"",filter:!0};this.size=[LGraphTexture.image_preview_size,LGraphTexture.image_preview_size]};LGraphTexture.title="Texture";LGraphTexture.desc="Texture";LGraphTexture.widgets_info={name:{widget:"texture"},filter:{widget:"checkbox"}};LGraphTexture.loadTextureCallback=null;LGraphTexture.image_preview_size=256;LGraphTexture.PASS_THROUGH=1;LGraphTexture.COPY=2;LGraphTexture.LOW=3;LGraphTexture.HIGH= -4;LGraphTexture.REUSE=5;LGraphTexture.DEFAULT=2;LGraphTexture.MODE_VALUES={"pass through":LGraphTexture.PASS_THROUGH,copy:LGraphTexture.COPY,low:LGraphTexture.LOW,high:LGraphTexture.HIGH,reuse:LGraphTexture.REUSE,"default":LGraphTexture.DEFAULT};LGraphTexture.getTexturesContainer=function(){return gl.textures};LGraphTexture.loadTexture=function(e,d){d=d||{};var g=e;"http://"==g.substr(0,7)&&LiteGraph.proxy&&(g=LiteGraph.proxy+g.substr(7));return LGraphTexture.getTexturesContainer()[e]=GL.Texture.fromURL(g, -d)};LGraphTexture.getTexture=function(e){var d=this.getTexturesContainer();if(!d)throw"Cannot load texture, container of textures not found";d=d[e];return!d&&e&&":"!=e[0]?this.loadTexture(e):d};LGraphTexture.getTargetTexture=function(e,d,g){if(!e)throw"LGraphTexture.getTargetTexture expects a reference texture";var k=null;switch(g){case LGraphTexture.LOW:k=gl.UNSIGNED_BYTE;break;case LGraphTexture.HIGH:k=gl.HIGH_PRECISION_FORMAT;break;case LGraphTexture.REUSE:return e;default:k=e?e.type:gl.UNSIGNED_BYTE}d&& -d.width==e.width&&d.height==e.height&&d.type==k||(d=new GL.Texture(e.width,e.height,{type:k,format:gl.RGBA,filter:gl.LINEAR}));return d};LGraphTexture.getNoiseTexture=function(){if(this._noise_texture)return this._noise_texture;for(var e=new Uint8Array(1048576),d=0;1048576>d;++d)e[d]=255*Math.random();return this._noise_texture=e=GL.Texture.fromMemory(512,512,e,{format:gl.RGBA,wrap:gl.REPEAT,filter:gl.NEAREST})};LGraphTexture.prototype.onDropFile=function(e,d,g){if(e){var k=null;"string"==typeof e? -k=GL.Texture.fromURL(e):-1!=d.toLowerCase().indexOf(".dds")?k=GL.Texture.fromDDSInMemory(e):(e=new Blob([g]),e=URL.createObjectURL(e),k=GL.Texture.fromURL(e));this._drop_texture=k;this.properties.name=d}else this._drop_texture=null,this.properties.name=""};LGraphTexture.prototype.getExtraMenuOptions=function(e){var d=this;if(this._drop_texture)return[{content:"Clear",callback:function(){d._drop_texture=null;d.properties.name=""}}]};LGraphTexture.prototype.onExecute=function(){var e=null;this.isOutputConnected(1)&& -(e=this.getInputData(0));!e&&this._drop_texture&&(e=this._drop_texture);!e&&this.properties.name&&(e=LGraphTexture.getTexture(this.properties.name));if(e){this._last_tex=e;!1===this.properties.filter?e.setParameter(gl.TEXTURE_MAG_FILTER,gl.NEAREST):e.setParameter(gl.TEXTURE_MAG_FILTER,gl.LINEAR);this.setOutputData(0,e);for(var d=1;d=this.size[1]))if(this._drop_texture&&e.webgl)e.drawImage(this._drop_texture,0,0,this.size[0],this.size[1]);else{if(this._last_preview_tex!=this._last_tex)if(e.webgl)this._canvas=this._last_tex;else{var d=LGraphTexture.generateLowResTexturePreview(this._last_tex);if(!d)return;this._last_preview_tex=this._last_tex; -this._canvas=cloneCanvas(d)}this._canvas&&(e.save(),e.webgl||(e.translate(0,this.size[1]),e.scale(1,-1)),e.drawImage(this._canvas,0,0,this.size[0],this.size[1]),e.restore())}};LGraphTexture.generateLowResTexturePreview=function(e){if(!e)return null;var d=LGraphTexture.image_preview_size,g=e;if(e.format==gl.DEPTH_COMPONENT)return null;if(e.width>d||e.height>d)g=this._preview_temp_tex,this._preview_temp_tex||(this._preview_temp_tex=g=new GL.Texture(d,d,{minFilter:gl.NEAREST})),e.copyTo(g);e=this._preview_canvas; -e||(this._preview_canvas=e=createCanvas(d,d));g&&g.toCanvas(e);return e};LGraphTexture.prototype.getResources=function(e){e[this.properties.name]=GL.Texture;return e};LGraphTexture.prototype.onGetInputs=function(){return[["in","Texture"]]};LGraphTexture.prototype.onGetOutputs=function(){return[["width","number"],["height","number"],["aspect","number"]]};LiteGraph.registerNodeType("texture/texture",LGraphTexture);var LGraphTexturePreview=function(){this.addInput("Texture","Texture");this.properties= -{flipY:!1};this.size=[LGraphTexture.image_preview_size,LGraphTexture.image_preview_size]};LGraphTexturePreview.title="Preview";LGraphTexturePreview.desc="Show a texture in the graph canvas";LGraphTexturePreview.prototype.onDrawBackground=function(e){if(!this.flags.collapsed&&e.webgl){var d=this.getInputData(0);if(d){var g=null,g=!d.handle&&e.webgl?d:LGraphTexture.generateLowResTexturePreview(d);e.save();this.properties.flipY&&(e.translate(0,this.size[1]),e.scale(1,-1));e.drawImage(g,0,0,this.size[0], -this.size[1]);e.restore()}}};LiteGraph.registerNodeType("texture/preview",LGraphTexturePreview);var LGraphTextureSave=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={name:""}};LGraphTextureSave.title="Save";LGraphTextureSave.desc="Save a texture in the repository";LGraphTextureSave.prototype.onExecute=function(){var e=this.getInputData(0);e&&(this.properties.name&&(LGraphTexture.getTexturesContainer()[this.properties.name]=e),this.setOutputData(0,e))};LiteGraph.registerNodeType("texture/save", +4;LGraphTexture.REUSE=5;LGraphTexture.DEFAULT=2;LGraphTexture.MODE_VALUES={"pass through":LGraphTexture.PASS_THROUGH,copy:LGraphTexture.COPY,low:LGraphTexture.LOW,high:LGraphTexture.HIGH,reuse:LGraphTexture.REUSE,"default":LGraphTexture.DEFAULT};LGraphTexture.getTexturesContainer=function(){return gl.textures};LGraphTexture.loadTexture=function(d,e){e=e||{};var f=d;"http://"==f.substr(0,7)&&LiteGraph.proxy&&(f=LiteGraph.proxy+f.substr(7));return LGraphTexture.getTexturesContainer()[d]=GL.Texture.fromURL(f, +e)};LGraphTexture.getTexture=function(d){var e=this.getTexturesContainer();if(!e)throw"Cannot load texture, container of textures not found";e=e[d];return!e&&d&&":"!=d[0]?this.loadTexture(d):e};LGraphTexture.getTargetTexture=function(d,e,f){if(!d)throw"LGraphTexture.getTargetTexture expects a reference texture";var k=null;switch(f){case LGraphTexture.LOW:k=gl.UNSIGNED_BYTE;break;case LGraphTexture.HIGH:k=gl.HIGH_PRECISION_FORMAT;break;case LGraphTexture.REUSE:return d;default:k=d?d.type:gl.UNSIGNED_BYTE}e&& +e.width==d.width&&e.height==d.height&&e.type==k||(e=new GL.Texture(d.width,d.height,{type:k,format:gl.RGBA,filter:gl.LINEAR}));return e};LGraphTexture.getNoiseTexture=function(){if(this._noise_texture)return this._noise_texture;for(var d=new Uint8Array(1048576),e=0;1048576>e;++e)d[e]=255*Math.random();return this._noise_texture=d=GL.Texture.fromMemory(512,512,d,{format:gl.RGBA,wrap:gl.REPEAT,filter:gl.NEAREST})};LGraphTexture.prototype.onDropFile=function(d,e,f){if(d){var k=null;"string"==typeof d? +k=GL.Texture.fromURL(d):-1!=e.toLowerCase().indexOf(".dds")?k=GL.Texture.fromDDSInMemory(d):(d=new Blob([f]),d=URL.createObjectURL(d),k=GL.Texture.fromURL(d));this._drop_texture=k;this.properties.name=e}else this._drop_texture=null,this.properties.name=""};LGraphTexture.prototype.getExtraMenuOptions=function(d){var e=this;if(this._drop_texture)return[{content:"Clear",callback:function(){e._drop_texture=null;e.properties.name=""}}]};LGraphTexture.prototype.onExecute=function(){var d=null;this.isOutputConnected(1)&& +(d=this.getInputData(0));!d&&this._drop_texture&&(d=this._drop_texture);!d&&this.properties.name&&(d=LGraphTexture.getTexture(this.properties.name));if(d){this._last_tex=d;!1===this.properties.filter?d.setParameter(gl.TEXTURE_MAG_FILTER,gl.NEAREST):d.setParameter(gl.TEXTURE_MAG_FILTER,gl.LINEAR);this.setOutputData(0,d);for(var e=1;e=this.size[1]))if(this._drop_texture&&d.webgl)d.drawImage(this._drop_texture,0,0,this.size[0],this.size[1]);else{if(this._last_preview_tex!=this._last_tex)if(d.webgl)this._canvas=this._last_tex;else{var e=LGraphTexture.generateLowResTexturePreview(this._last_tex);if(!e)return;this._last_preview_tex=this._last_tex; +this._canvas=cloneCanvas(e)}this._canvas&&(d.save(),d.webgl||(d.translate(0,this.size[1]),d.scale(1,-1)),d.drawImage(this._canvas,0,0,this.size[0],this.size[1]),d.restore())}};LGraphTexture.generateLowResTexturePreview=function(d){if(!d)return null;var e=LGraphTexture.image_preview_size,f=d;if(d.format==gl.DEPTH_COMPONENT)return null;if(d.width>e||d.height>e)f=this._preview_temp_tex,this._preview_temp_tex||(this._preview_temp_tex=f=new GL.Texture(e,e,{minFilter:gl.NEAREST})),d.copyTo(f);d=this._preview_canvas; +d||(this._preview_canvas=d=createCanvas(e,e));f&&f.toCanvas(d);return d};LGraphTexture.prototype.getResources=function(d){d[this.properties.name]=GL.Texture;return d};LGraphTexture.prototype.onGetInputs=function(){return[["in","Texture"]]};LGraphTexture.prototype.onGetOutputs=function(){return[["width","number"],["height","number"],["aspect","number"]]};LiteGraph.registerNodeType("texture/texture",LGraphTexture);var LGraphTexturePreview=function(){this.addInput("Texture","Texture");this.properties= +{flipY:!1};this.size=[LGraphTexture.image_preview_size,LGraphTexture.image_preview_size]};LGraphTexturePreview.title="Preview";LGraphTexturePreview.desc="Show a texture in the graph canvas";LGraphTexturePreview.prototype.onDrawBackground=function(d){if(!this.flags.collapsed&&d.webgl){var e=this.getInputData(0);if(e){var f=null,f=!e.handle&&d.webgl?e:LGraphTexture.generateLowResTexturePreview(e);d.save();this.properties.flipY&&(d.translate(0,this.size[1]),d.scale(1,-1));d.drawImage(f,0,0,this.size[0], +this.size[1]);d.restore()}}};LiteGraph.registerNodeType("texture/preview",LGraphTexturePreview);var LGraphTextureSave=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={name:""}};LGraphTextureSave.title="Save";LGraphTextureSave.desc="Save a texture in the repository";LGraphTextureSave.prototype.onExecute=function(){var d=this.getInputData(0);d&&(this.properties.name&&(LGraphTexture.getTexturesContainer()[this.properties.name]=d),this.setOutputData(0,d))};LiteGraph.registerNodeType("texture/save", LGraphTextureSave);var LGraphTextureOperation=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:LGraphTexture.DEFAULT}};LGraphTextureOperation.widgets_info={uvcode:{widget:"textarea",height:100},pixelcode:{widget:"textarea",height:100},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureOperation.title="Operation";LGraphTextureOperation.desc="Texture shader operation";LGraphTextureOperation.prototype.getExtraMenuOptions=function(e){var d=this;return[{content:d.properties.show?"Hide Texture":"Show Texture", -callback:function(){d.properties.show=!d.properties.show}}]};LGraphTextureOperation.prototype.onDrawBackground=function(e){this.flags.collapsed||20>=this.size[1]||!this.properties.show||!this._tex||this._tex.gl!=e||(e.save(),e.drawImage(this._tex,0,0,this.size[0],this.size[1]),e.restore())};LGraphTextureOperation.prototype.onExecute=function(){var e=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else{var d=this.getInputData(1); -if(this.properties.uvcode||this.properties.pixelcode){var g=512,k=512;e?(g=e.width,k=e.height):d&&(g=d.width,k=d.height);this._tex=e||this._tex?LGraphTexture.getTargetTexture(e||this._tex,this._tex,this.properties.precision):new GL.Texture(g,k,{type:this.precision===LGraphTexture.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT,format:gl.RGBA,filter:gl.LINEAR});var h="";this.properties.uvcode&&(h="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(h=this.properties.uvcode));var a= +{value:1,uvcode:"",pixelcode:"color + colorB * value",precision:LGraphTexture.DEFAULT}};LGraphTextureOperation.widgets_info={uvcode:{widget:"textarea",height:100},pixelcode:{widget:"textarea",height:100},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureOperation.title="Operation";LGraphTextureOperation.desc="Texture shader operation";LGraphTextureOperation.prototype.getExtraMenuOptions=function(d){var e=this;return[{content:e.properties.show?"Hide Texture":"Show Texture", +callback:function(){e.properties.show=!e.properties.show}}]};LGraphTextureOperation.prototype.onDrawBackground=function(d){this.flags.collapsed||20>=this.size[1]||!this.properties.show||!this._tex||this._tex.gl!=d||(d.save(),d.drawImage(this._tex,0,0,this.size[0],this.size[1]),d.restore())};LGraphTextureOperation.prototype.onExecute=function(){var d=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else{var e=this.getInputData(1); +if(this.properties.uvcode||this.properties.pixelcode){var f=512,k=512;d?(f=d.width,k=d.height):e&&(f=e.width,k=e.height);this._tex=d||this._tex?LGraphTexture.getTargetTexture(d||this._tex,this._tex,this.properties.precision):new GL.Texture(f,k,{type:this.precision===LGraphTexture.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT,format:gl.RGBA,filter:gl.LINEAR});var h="";this.properties.uvcode&&(h="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(h=this.properties.uvcode));var a= "";this.properties.pixelcode&&(a="result = "+this.properties.pixelcode,-1!=this.properties.pixelcode.indexOf(";")&&(a=this.properties.pixelcode));var b=this._shader;if(!b||this._shader_code!=h+"|"+a){try{this._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureOperation.pixel_shader,{UV_CODE:h,PIXEL_CODE:a}),this.boxcolor="#00FF00"}catch(c){console.log("Error compiling shader: ",c);this.boxcolor="#FF0000";return}this.boxcolor="#FF0000";this._shader_code=h+"|"+a;b=this._shader}if(b){this.boxcolor= -"green";var f=this.getInputData(2);null!=f?this.properties.value=f:f=parseFloat(this.properties.value);var l=this.graph.getTime();this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);e&&e.bind(0);d&&d.bind(1);var a=Mesh.getScreenQuad();b.uniforms({u_texture:0,u_textureB:1,value:f,texSize:[g,k],time:l}).draw(a)});this.setOutputData(0,this._tex)}else this.boxcolor="red"}}};LGraphTextureOperation.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"; +"green";var g=this.getInputData(2);null!=g?this.properties.value=g:g=parseFloat(this.properties.value);var l=this.graph.getTime();this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);d&&d.bind(0);e&&e.bind(1);var a=Mesh.getScreenQuad();b.uniforms({u_texture:0,u_textureB:1,value:g,texSize:[f,k],time:l}).draw(a)});this.setOutputData(0,this._tex)}else this.boxcolor="red"}}};LGraphTextureOperation.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"; LiteGraph.registerNodeType("texture/operation",LGraphTextureOperation);var LGraphTextureShader=function(){this.addOutput("Texture","Texture");this.properties={code:"",width:512,height:512};this.properties.code="\nvoid main() {\n vec2 uv = coord;\n vec3 color = vec3(0.0);\n//your code here\n\ngl_FragColor = vec4(color, 1.0);\n}\n"};LGraphTextureShader.title="Shader";LGraphTextureShader.desc="Texture shader";LGraphTextureShader.widgets_info={code:{type:"code"},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}}; LGraphTextureShader.prototype.onExecute=function(){if(this.isOutputConnected(0)){if(this._shader_code!=this.properties.code)if(this._shader_code=this.properties.code,this._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureShader.pixel_shader+this.properties.code))this.boxcolor="green";else{this.boxcolor="red";return}this._tex&&this._tex.width==this.properties.width&&this._tex.height==this.properties.height||(this._tex=new GL.Texture(this.properties.width,this.properties.height,{format:gl.RGBA, -filter:gl.LINEAR}));var e=this._tex,d=this._shader,g=this.graph.getTime();e.drawTo(function(){d.uniforms({texSize:[e.width,e.height],time:g}).draw(Mesh.getScreenQuad())});this.setOutputData(0,this._tex)}};LGraphTextureShader.pixel_shader="precision highp float;\n\t\t\t\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform float time;\n\t\t\t";LiteGraph.registerNodeType("texture/shader",LGraphTextureShader);var LGraphTextureScaleOffset=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:LGraphTexture.DEFAULT}};LGraphTextureScaleOffset.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureScaleOffset.title="Scale/Offset";LGraphTextureScaleOffset.desc="Applies an scaling and offseting";LGraphTextureScaleOffset.prototype.onExecute=function(){var e=this.getInputData(0);if(this.isOutputConnected(0)&&e)if(this.properties.precision=== -LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else{var d=e.width,g=e.height,k=this.precision===LGraphTexture.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT;this.precision===LGraphTexture.DEFAULT&&(k=e.type);this._tex&&this._tex.width==d&&this._tex.height==g&&this._tex.type==k||(this._tex=new GL.Texture(d,g,{type:k,format:gl.RGBA,filter:gl.LINEAR}));var h=this._shader;h||(h=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,LGraphTextureScaleOffset.pixel_shader));var a=this.getInputData(1);a?(this.properties.scale[0]= -a[0],this.properties.scale[1]=a[1]):a=this.properties.scale;var b=this.getInputData(2);b?(this.properties.offset[0]=b[0],this.properties.offset[1]=b[1]):b=this.properties.offset;this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);e.bind(0);var c=Mesh.getScreenQuad();h.uniforms({u_texture:0,u_scale:a,u_offset:b}).draw(c)});this.setOutputData(0,this._tex)}};LGraphTextureScaleOffset.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 u_scale;\n\t\t\tuniform vec2 u_offset;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord;\n\t\t\t\tuv = uv / u_scale - u_offset;\n\t\t\t\tgl_FragColor = texture2D(u_texture, uv);\n\t\t\t}\n\t\t\t"; +filter:gl.LINEAR}));var d=this._tex,e=this._shader,f=this.graph.getTime();d.drawTo(function(){e.uniforms({texSize:[d.width,d.height],time:f}).draw(Mesh.getScreenQuad())});this.setOutputData(0,this._tex)}};LGraphTextureShader.pixel_shader="precision highp float;\n\t\t\t\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform float time;\n\t\t\t";LiteGraph.registerNodeType("texture/shader",LGraphTextureShader);var LGraphTextureScaleOffset=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:LGraphTexture.DEFAULT}};LGraphTextureScaleOffset.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureScaleOffset.title="Scale/Offset";LGraphTextureScaleOffset.desc="Applies an scaling and offseting";LGraphTextureScaleOffset.prototype.onExecute=function(){var d=this.getInputData(0);if(this.isOutputConnected(0)&&d)if(this.properties.precision=== +LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else{var e=d.width,f=d.height,k=this.precision===LGraphTexture.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT;this.precision===LGraphTexture.DEFAULT&&(k=d.type);this._tex&&this._tex.width==e&&this._tex.height==f&&this._tex.type==k||(this._tex=new GL.Texture(e,f,{type:k,format:gl.RGBA,filter:gl.LINEAR}));var h=this._shader;h||(h=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,LGraphTextureScaleOffset.pixel_shader));var a=this.getInputData(1);a?(this.properties.scale[0]= +a[0],this.properties.scale[1]=a[1]):a=this.properties.scale;var b=this.getInputData(2);b?(this.properties.offset[0]=b[0],this.properties.offset[1]=b[1]):b=this.properties.offset;this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);d.bind(0);var c=Mesh.getScreenQuad();h.uniforms({u_texture:0,u_scale:a,u_offset:b}).draw(c)});this.setOutputData(0,this._tex)}};LGraphTextureScaleOffset.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 u_scale;\n\t\t\tuniform vec2 u_offset;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord;\n\t\t\t\tuv = uv / u_scale - u_offset;\n\t\t\t\tgl_FragColor = texture2D(u_texture, uv);\n\t\t\t}\n\t\t\t"; LiteGraph.registerNodeType("texture/scaleOffset",LGraphTextureScaleOffset);var LGraphTextureWarp=function(){this.addInput("in","Texture");this.addInput("warp","Texture");this.addInput("factor","number");this.addOutput("out","Texture");this.properties={factor:0.01,precision:LGraphTexture.DEFAULT}};LGraphTextureWarp.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureWarp.title="Warp";LGraphTextureWarp.desc="Texture warp operation";LGraphTextureWarp.prototype.onExecute= -function(){var e=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else{var d=this.getInputData(1),g=512,k=512;e?(g=e.width,k=e.height):d&&(g=d.width,k=d.height);this._tex=e||this._tex?LGraphTexture.getTargetTexture(e||this._tex,this._tex,this.properties.precision):new GL.Texture(g,k,{type:this.precision===LGraphTexture.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT,format:gl.RGBA,filter:gl.LINEAR});var h=this._shader; -h||(h=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,LGraphTextureWarp.pixel_shader));var a=this.getInputData(2);null!=a?this.properties.factor=a:a=parseFloat(this.properties.factor);this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);e&&e.bind(0);d&&d.bind(1);var b=Mesh.getScreenQuad();h.uniforms({u_texture:0,u_textureB:1,u_factor:a}).draw(b)});this.setOutputData(0,this._tex)}};LGraphTextureWarp.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 * u_factor;\n\t\t\t\tgl_FragColor = texture2D(u_texture, uv);\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("texture/warp",LGraphTextureWarp);var LGraphTextureToViewport=function(){this.addInput("Texture","Texture");this.properties={additive:!1,antialiasing:!1,filter:!0,disable_alpha:!1,gamma:1};this.size[0]=130};LGraphTextureToViewport.title="to Viewport";LGraphTextureToViewport.desc="Texture to viewport";LGraphTextureToViewport.prototype.onExecute=function(){var e=this.getInputData(0);if(e){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 d=this.properties.gamma||1;this.isInputConnected(1)&&(d=this.getInputData(1));e.setParameter(gl.TEXTURE_MAG_FILTER,this.properties.filter?gl.LINEAR:gl.NEAREST);if(this.properties.antialiasing){LGraphTextureToViewport._shader||(LGraphTextureToViewport._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,LGraphTextureToViewport.aa_pixel_shader));gl.getViewport();var g=Mesh.getScreenQuad(); -e.bind(0);LGraphTextureToViewport._shader.uniforms({u_texture:0,uViewportSize:[e.width,e.height],u_igamma:1/d,inverseVP:[1/e.width,1/e.height]}).draw(g)}else 1!=d?(LGraphTextureToViewport._gamma_shader||(LGraphTextureToViewport._gamma_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureToViewport.gamma_pixel_shader)),e.toViewport(LGraphTextureToViewport._gamma_shader,{u_texture:0,u_igamma:1/d})):e.toViewport()}};LGraphTextureToViewport.prototype.onGetInputs=function(){return[["gamma","number"]]}; +function(){var d=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else{var e=this.getInputData(1),f=512,k=512;d?(f=d.width,k=d.height):e&&(f=e.width,k=e.height);this._tex=d||this._tex?LGraphTexture.getTargetTexture(d||this._tex,this._tex,this.properties.precision):new GL.Texture(f,k,{type:this.precision===LGraphTexture.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT,format:gl.RGBA,filter:gl.LINEAR});var h=this._shader; +h||(h=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,LGraphTextureWarp.pixel_shader));var a=this.getInputData(2);null!=a?this.properties.factor=a:a=parseFloat(this.properties.factor);this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);d&&d.bind(0);e&&e.bind(1);var b=Mesh.getScreenQuad();h.uniforms({u_texture:0,u_textureB:1,u_factor:a}).draw(b)});this.setOutputData(0,this._tex)}};LGraphTextureWarp.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 * u_factor;\n\t\t\t\tgl_FragColor = texture2D(u_texture, uv);\n\t\t\t}\n\t\t\t"; +LiteGraph.registerNodeType("texture/warp",LGraphTextureWarp);var LGraphTextureToViewport=function(){this.addInput("Texture","Texture");this.properties={additive:!1,antialiasing:!1,filter:!0,disable_alpha:!1,gamma:1};this.size[0]=130};LGraphTextureToViewport.title="to Viewport";LGraphTextureToViewport.desc="Texture to viewport";LGraphTextureToViewport.prototype.onExecute=function(){var d=this.getInputData(0);if(d){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 e=this.properties.gamma||1;this.isInputConnected(1)&&(e=this.getInputData(1));d.setParameter(gl.TEXTURE_MAG_FILTER,this.properties.filter?gl.LINEAR:gl.NEAREST);if(this.properties.antialiasing){LGraphTextureToViewport._shader||(LGraphTextureToViewport._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,LGraphTextureToViewport.aa_pixel_shader));gl.getViewport();var f=Mesh.getScreenQuad(); +d.bind(0);LGraphTextureToViewport._shader.uniforms({u_texture:0,uViewportSize:[d.width,d.height],u_igamma:1/e,inverseVP:[1/d.width,1/d.height]}).draw(f)}else 1!=e?(LGraphTextureToViewport._gamma_shader||(LGraphTextureToViewport._gamma_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureToViewport.gamma_pixel_shader)),d.toViewport(LGraphTextureToViewport._gamma_shader,{u_texture:0,u_igamma:1/e})):d.toViewport()}};LGraphTextureToViewport.prototype.onGetInputs=function(){return[["gamma","number"]]}; LGraphTextureToViewport.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"; LGraphTextureToViewport.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";LiteGraph.registerNodeType("texture/toviewport",LGraphTextureToViewport);var LGraphTextureCopy=function(){this.addInput("Texture", -"Texture");this.addOutput("","Texture");this.properties={size:0,generate_mipmaps:!1,precision:LGraphTexture.DEFAULT}};LGraphTextureCopy.title="Copy";LGraphTextureCopy.desc="Copy Texture";LGraphTextureCopy.widgets_info={size:{widget:"combo",values:[0,32,64,128,256,512,1024,2048]},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureCopy.prototype.onExecute=function(){var e=this.getInputData(0);if((e||this._temp_texture)&&this.isOutputConnected(0)){if(e){var d=e.width,g=e.height; -0!=this.properties.size&&(g=d=this.properties.size);var k=this._temp_texture,h=e.type;this.properties.precision===LGraphTexture.LOW?h=gl.UNSIGNED_BYTE:this.properties.precision===LGraphTexture.HIGH&&(h=gl.HIGH_PRECISION_FORMAT);k&&k.width==d&&k.height==g&&k.type==h||(k=gl.LINEAR,this.properties.generate_mipmaps&&isPowerOfTwo(d)&&isPowerOfTwo(g)&&(k=gl.LINEAR_MIPMAP_LINEAR),this._temp_texture=new GL.Texture(d,g,{type:h,format:gl.RGBA,minFilter:k,magFilter:gl.LINEAR}));e.copyTo(this._temp_texture); +"Texture");this.addOutput("","Texture");this.properties={size:0,generate_mipmaps:!1,precision:LGraphTexture.DEFAULT}};LGraphTextureCopy.title="Copy";LGraphTextureCopy.desc="Copy Texture";LGraphTextureCopy.widgets_info={size:{widget:"combo",values:[0,32,64,128,256,512,1024,2048]},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureCopy.prototype.onExecute=function(){var d=this.getInputData(0);if((d||this._temp_texture)&&this.isOutputConnected(0)){if(d){var e=d.width,f=d.height; +0!=this.properties.size&&(f=e=this.properties.size);var k=this._temp_texture,h=d.type;this.properties.precision===LGraphTexture.LOW?h=gl.UNSIGNED_BYTE:this.properties.precision===LGraphTexture.HIGH&&(h=gl.HIGH_PRECISION_FORMAT);k&&k.width==e&&k.height==f&&k.type==h||(k=gl.LINEAR,this.properties.generate_mipmaps&&isPowerOfTwo(e)&&isPowerOfTwo(f)&&(k=gl.LINEAR_MIPMAP_LINEAR),this._temp_texture=new GL.Texture(e,f,{type:h,format:gl.RGBA,minFilter:k,magFilter:gl.LINEAR}));d.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)}};LiteGraph.registerNodeType("texture/copy",LGraphTextureCopy);var LGraphTextureAverage=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={low_precision:!1}};LGraphTextureAverage.title="Average";LGraphTextureAverage.desc="Compute the total average of a texture and stores it as a 1x1 pixel texture"; -LGraphTextureAverage.prototype.onExecute=function(){var e=this.getInputData(0);if(e&&this.isOutputConnected(0)){if(!LGraphTextureAverage._shader){LGraphTextureAverage._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureAverage.pixel_shader);for(var d=new Float32Array(32),g=0;32>g;++g)d[g]=Math.random();LGraphTextureAverage._shader.uniforms({u_samples_a:d.subarray(0,16),u_samples_b:d.subarray(16,32)})}d=this._temp_texture;g=this.properties.low_precision?gl.UNSIGNED_BYTE:e.type;d&&d.type== -g||(this._temp_texture=new GL.Texture(1,1,{type:g,format:gl.RGBA,filter:gl.NEAREST}));var k=LGraphTextureAverage._shader;this._temp_texture.drawTo(function(){e.toViewport(k,{u_texture:0})});this.setOutputData(0,this._temp_texture)}};LGraphTextureAverage.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\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] ) );\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], u_samples_b[i][j] ) );\n\t\t\t\t\t}\n\t\t\t gl_FragColor = color * 0.03125;\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("texture/average",LGraphTextureAverage);var LGraphImageToTexture=function(){this.addInput("Image","image");this.addOutput("","Texture");this.properties={}};LGraphImageToTexture.title="Image to Texture";LGraphImageToTexture.desc="Uploads an image to the GPU";LGraphImageToTexture.prototype.onExecute=function(){var e=this.getInputData(0);if(e){var d=e.videoWidth||e.width,g=e.videoHeight||e.height;if(e.gltexture)this.setOutputData(0,e.gltexture);else{var k=this._temp_texture; -k&&k.width==d&&k.height==g||(this._temp_texture=new GL.Texture(d,g,{format:gl.RGBA,filter:gl.LINEAR}));try{this._temp_texture.uploadImage(e)}catch(h){console.error("image comes from an unsafe location, cannot be uploaded to webgl");return}this.setOutputData(0,this._temp_texture)}}};LiteGraph.registerNodeType("texture/imageToTexture",LGraphImageToTexture);var LGraphTextureLUT=function(){this.addInput("Texture","Texture");this.addInput("LUT","Texture");this.addInput("Intensity","number");this.addOutput("", -"Texture");this.properties={intensity:1,precision:LGraphTexture.DEFAULT,texture:null};LGraphTextureLUT._shader||(LGraphTextureLUT._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureLUT.pixel_shader))};LGraphTextureLUT.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureLUT.title="LUT";LGraphTextureLUT.desc="Apply LUT to Texture";LGraphTextureLUT.widgets_info={texture:{widget:"texture"}};LGraphTextureLUT.prototype.onExecute=function(){if(this.isOutputConnected(0)){var e= -this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else if(e){var d=this.getInputData(1);d||(d=LGraphTexture.getTexture(this.properties.texture));if(d){d.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 g=this.properties.intensity;this.isInputConnected(2)&& -(this.properties.intensity=g=this.getInputData(2));this._tex=LGraphTexture.getTargetTexture(e,this._tex,this.properties.precision);this._tex.drawTo(function(){d.bind(1);e.toViewport(LGraphTextureLUT._shader,{u_texture:0,u_textureB:1,u_amount:g})});this.setOutputData(0,this._tex)}else this.setOutputData(0,e)}}};LGraphTextureLUT.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"; +LGraphTextureAverage.prototype.onExecute=function(){var d=this.getInputData(0);if(d&&this.isOutputConnected(0)){if(!LGraphTextureAverage._shader){LGraphTextureAverage._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureAverage.pixel_shader);for(var e=new Float32Array(32),f=0;32>f;++f)e[f]=Math.random();LGraphTextureAverage._shader.uniforms({u_samples_a:e.subarray(0,16),u_samples_b:e.subarray(16,32)})}e=this._temp_texture;f=this.properties.low_precision?gl.UNSIGNED_BYTE:d.type;e&&e.type== +f||(this._temp_texture=new GL.Texture(1,1,{type:f,format:gl.RGBA,filter:gl.NEAREST}));var k=LGraphTextureAverage._shader;this._temp_texture.drawTo(function(){d.toViewport(k,{u_texture:0})});this.setOutputData(0,this._temp_texture)}};LGraphTextureAverage.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\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] ) );\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], u_samples_b[i][j] ) );\n\t\t\t\t\t}\n\t\t\t gl_FragColor = color * 0.03125;\n\t\t\t}\n\t\t\t"; +LiteGraph.registerNodeType("texture/average",LGraphTextureAverage);var LGraphImageToTexture=function(){this.addInput("Image","image");this.addOutput("","Texture");this.properties={}};LGraphImageToTexture.title="Image to Texture";LGraphImageToTexture.desc="Uploads an image to the GPU";LGraphImageToTexture.prototype.onExecute=function(){var d=this.getInputData(0);if(d){var e=d.videoWidth||d.width,f=d.videoHeight||d.height;if(d.gltexture)this.setOutputData(0,d.gltexture);else{var k=this._temp_texture; +k&&k.width==e&&k.height==f||(this._temp_texture=new GL.Texture(e,f,{format:gl.RGBA,filter:gl.LINEAR}));try{this._temp_texture.uploadImage(d)}catch(h){console.error("image comes from an unsafe location, cannot be uploaded to webgl");return}this.setOutputData(0,this._temp_texture)}}};LiteGraph.registerNodeType("texture/imageToTexture",LGraphImageToTexture);var LGraphTextureLUT=function(){this.addInput("Texture","Texture");this.addInput("LUT","Texture");this.addInput("Intensity","number");this.addOutput("", +"Texture");this.properties={intensity:1,precision:LGraphTexture.DEFAULT,texture:null};LGraphTextureLUT._shader||(LGraphTextureLUT._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureLUT.pixel_shader))};LGraphTextureLUT.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureLUT.title="LUT";LGraphTextureLUT.desc="Apply LUT to Texture";LGraphTextureLUT.widgets_info={texture:{widget:"texture"}};LGraphTextureLUT.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){var e=this.getInputData(1);e||(e=LGraphTexture.getTexture(this.properties.texture));if(e){e.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 f=this.properties.intensity;this.isInputConnected(2)&& +(this.properties.intensity=f=this.getInputData(2));this._tex=LGraphTexture.getTargetTexture(d,this._tex,this.properties.precision);this._tex.drawTo(function(){e.bind(1);d.toViewport(LGraphTextureLUT._shader,{u_texture:0,u_textureB:1,u_amount:f})});this.setOutputData(0,this._tex)}else this.setOutputData(0,d)}}};LGraphTextureLUT.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"; LiteGraph.registerNodeType("texture/LUT",LGraphTextureLUT);var LGraphTextureChannels=function(){this.addInput("Texture","Texture");this.addOutput("R","Texture");this.addOutput("G","Texture");this.addOutput("B","Texture");this.addOutput("A","Texture");this.properties={};LGraphTextureChannels._shader||(LGraphTextureChannels._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureChannels.pixel_shader))};LGraphTextureChannels.title="Texture to Channels";LGraphTextureChannels.desc="Split texture channels"; -LGraphTextureChannels.prototype.onExecute=function(){var e=this.getInputData(0);if(e){this._channels||(this._channels=Array(4));for(var d=0,g=0;4>g;g++)this.isOutputConnected(g)?(this._channels[g]&&this._channels[g].width==e.width&&this._channels[g].height==e.height&&this._channels[g].type==e.type||(this._channels[g]=new GL.Texture(e.width,e.height,{type:e.type,format:gl.RGBA,filter:gl.LINEAR})),d++):this._channels[g]=null;if(d){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);for(var k=Mesh.getScreenQuad(), -h=LGraphTextureChannels._shader,a=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]],g=0;4>g;g++)this._channels[g]&&(this._channels[g].drawTo(function(){e.bind(0);h.uniforms({u_texture:0,u_mask:a[g]}).draw(k)}),this.setOutputData(g,this._channels[g]))}}};LGraphTextureChannels.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"; +LGraphTextureChannels.prototype.onExecute=function(){var d=this.getInputData(0);if(d){this._channels||(this._channels=Array(4));for(var e=0,f=0;4>f;f++)this.isOutputConnected(f)?(this._channels[f]&&this._channels[f].width==d.width&&this._channels[f].height==d.height&&this._channels[f].type==d.type||(this._channels[f]=new GL.Texture(d.width,d.height,{type:d.type,format:gl.RGBA,filter:gl.LINEAR})),e++):this._channels[f]=null;if(e){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);for(var k=Mesh.getScreenQuad(), +h=LGraphTextureChannels._shader,a=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]],f=0;4>f;f++)this._channels[f]&&(this._channels[f].drawTo(function(){d.bind(0);h.uniforms({u_texture:0,u_mask:a[f]}).draw(k)}),this.setOutputData(f,this._channels[f]))}}};LGraphTextureChannels.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"; LiteGraph.registerNodeType("texture/textureChannels",LGraphTextureChannels);var LGraphChannelsTexture=function(){this.addInput("R","Texture");this.addInput("G","Texture");this.addInput("B","Texture");this.addInput("A","Texture");this.addOutput("Texture","Texture");this.properties={};LGraphChannelsTexture._shader||(LGraphChannelsTexture._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphChannelsTexture.pixel_shader))};LGraphChannelsTexture.title="Channels to Texture";LGraphChannelsTexture.desc= -"Split texture channels";LGraphChannelsTexture.prototype.onExecute=function(){var e=[this.getInputData(0),this.getInputData(1),this.getInputData(2),this.getInputData(3)];if(e[0]&&e[1]&&e[2]&&e[3]){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var d=Mesh.getScreenQuad(),g=LGraphChannelsTexture._shader;this._tex=LGraphTexture.getTargetTexture(e[0],this._tex);this._tex.drawTo(function(){e[0].bind(0);e[1].bind(1);e[2].bind(2);e[3].bind(3);g.uniforms({u_textureR:0,u_textureG:1,u_textureB:2,u_textureA:3}).draw(d)}); +"Split texture channels";LGraphChannelsTexture.prototype.onExecute=function(){var d=[this.getInputData(0),this.getInputData(1),this.getInputData(2),this.getInputData(3)];if(d[0]&&d[1]&&d[2]&&d[3]){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var e=Mesh.getScreenQuad(),f=LGraphChannelsTexture._shader;this._tex=LGraphTexture.getTargetTexture(d[0],this._tex);this._tex.drawTo(function(){d[0].bind(0);d[1].bind(1);d[2].bind(2);d[3].bind(3);f.uniforms({u_textureR:0,u_textureG:1,u_textureB:2,u_textureA:3}).draw(e)}); this.setOutputData(0,this._tex)}};LGraphChannelsTexture.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"; LiteGraph.registerNodeType("texture/channelsTexture",LGraphChannelsTexture);var LGraphTextureGradient=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};LGraphTextureGradient._shader||(LGraphTextureGradient._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureGradient.pixel_shader));this._uniforms={u_angle:0,u_colorA:vec3.create(),u_colorB:vec3.create()}};LGraphTextureGradient.title= -"Gradient";LGraphTextureGradient.desc="Generates a gradient";LGraphTextureGradient["@A"]={type:"color"};LGraphTextureGradient["@B"]={type:"color"};LGraphTextureGradient["@texture_size"]={type:"enum",values:[32,64,128,256,512]};LGraphTextureGradient.prototype.onExecute=function(){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var e=GL.Mesh.getScreenQuad(),d=LGraphTextureGradient._shader,g=this.getInputData(0);g||(g=this.properties.A);var k=this.getInputData(1);k||(k=this.properties.B);for(var h=2;h< -this.inputs.length;h++){var a=this.inputs[h],b=this.getInputData(h);void 0!==b&&(this.properties[a.name]=b)}var c=this._uniforms;this._uniforms.u_angle=this.properties.angle*DEG2RAD;this._uniforms.u_scale=this.properties.scale;vec3.copy(c.u_colorA,g);vec3.copy(c.u_colorB,k);g=parseInt(this.properties.texture_size);this._tex&&this._tex.width==g||(this._tex=new GL.Texture(g,g,{format:gl.RGB,filter:gl.LINEAR}));this._tex.drawTo(function(){d.uniforms(c).draw(e)});this.setOutputData(0,this._tex)};LGraphTextureGradient.prototype.onGetInputs= +"Gradient";LGraphTextureGradient.desc="Generates a gradient";LGraphTextureGradient["@A"]={type:"color"};LGraphTextureGradient["@B"]={type:"color"};LGraphTextureGradient["@texture_size"]={type:"enum",values:[32,64,128,256,512]};LGraphTextureGradient.prototype.onExecute=function(){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var d=GL.Mesh.getScreenQuad(),e=LGraphTextureGradient._shader,f=this.getInputData(0);f||(f=this.properties.A);var k=this.getInputData(1);k||(k=this.properties.B);for(var h=2;h< +this.inputs.length;h++){var a=this.inputs[h],b=this.getInputData(h);void 0!==b&&(this.properties[a.name]=b)}var c=this._uniforms;this._uniforms.u_angle=this.properties.angle*DEG2RAD;this._uniforms.u_scale=this.properties.scale;vec3.copy(c.u_colorA,f);vec3.copy(c.u_colorB,k);f=parseInt(this.properties.texture_size);this._tex&&this._tex.width==f||(this._tex=new GL.Texture(f,f,{format:gl.RGB,filter:gl.LINEAR}));this._tex.drawTo(function(){e.uniforms(c).draw(d)});this.setOutputData(0,this._tex)};LGraphTextureGradient.prototype.onGetInputs= function(){return[["angle","number"],["scale","number"]]};LGraphTextureGradient.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform float u_angle;\n\t\t\tuniform float u_scale;\n\t\t\tuniform vec3 u_colorA;\n\t\t\tuniform vec3 u_colorB;\n\t\t\t\n\t\t\tvec2 rotate(vec2 v, float angle)\n\t\t\t{\n\t\t\t\tvec2 result;\n\t\t\t\tfloat _cos = cos(angle);\n\t\t\t\tfloat _sin = sin(angle);\n\t\t\t\tresult.x = v.x * _cos - v.y * _sin;\n\t\t\t\tresult.y = v.x * _sin + v.y * _cos;\n\t\t\t\treturn result;\n\t\t\t}\n\t\t\tvoid main() {\n\t\t\t\tfloat f = (rotate(u_scale * (v_coord - vec2(0.5)), u_angle) + vec2(0.5)).x;\n\t\t\t\tvec3 color = mix(u_colorA,u_colorB,clamp(f,0.0,1.0));\n\t\t\t gl_FragColor = vec4(color,1.0);\n\t\t\t}\n\t\t\t"; LiteGraph.registerNodeType("texture/gradient",LGraphTextureGradient);var LGraphTextureMix=function(){this.addInput("A","Texture");this.addInput("B","Texture");this.addInput("Mixer","Texture");this.addOutput("Texture","Texture");this.properties={precision:LGraphTexture.DEFAULT};LGraphTextureMix._shader||(LGraphTextureMix._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureMix.pixel_shader))};LGraphTextureMix.title="Mix";LGraphTextureMix.desc="Generates a texture mixing two textures";LGraphTextureMix.widgets_info= -{precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureMix.prototype.onExecute=function(){var e=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else{var d=this.getInputData(1),g=this.getInputData(2);if(e&&d&&g){this._tex=LGraphTexture.getTargetTexture(e,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var k=Mesh.getScreenQuad(),h=LGraphTextureMix._shader;this._tex.drawTo(function(){e.bind(0); -d.bind(1);g.bind(2);h.uniforms({u_textureA:0,u_textureB:1,u_textureMix:2}).draw(k)});this.setOutputData(0,this._tex)}}};LGraphTextureMix.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"; +{precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureMix.prototype.onExecute=function(){var d=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else{var e=this.getInputData(1),f=this.getInputData(2);if(d&&e&&f){this._tex=LGraphTexture.getTargetTexture(d,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var k=Mesh.getScreenQuad(),h=LGraphTextureMix._shader;this._tex.drawTo(function(){d.bind(0); +e.bind(1);f.bind(2);h.uniforms({u_textureA:0,u_textureB:1,u_textureMix:2}).draw(k)});this.setOutputData(0,this._tex)}}};LGraphTextureMix.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"; LiteGraph.registerNodeType("texture/mix",LGraphTextureMix);var LGraphTextureEdges=function(){this.addInput("Tex.","Texture");this.addOutput("Edges","Texture");this.properties={invert:!0,factor:1,precision:LGraphTexture.DEFAULT};LGraphTextureEdges._shader||(LGraphTextureEdges._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureEdges.pixel_shader))};LGraphTextureEdges.title="Edges";LGraphTextureEdges.desc="Detects edges";LGraphTextureEdges.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}}; -LGraphTextureEdges.prototype.onExecute=function(){if(this.isOutputConnected(0)){var e=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else if(e){this._tex=LGraphTexture.getTargetTexture(e,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var d=Mesh.getScreenQuad(),g=LGraphTextureEdges._shader,k=this.properties.invert,h=this.properties.factor;this._tex.drawTo(function(){e.bind(0);g.uniforms({u_texture:0,u_isize:[1/ -e.width,1/e.height],u_factor:h,u_invert:k?1:0}).draw(d)});this.setOutputData(0,this._tex)}}};LGraphTextureEdges.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\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 gl_FragColor = vec4( diff.xyz, center.a );\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("texture/edges",LGraphTextureEdges);var LGraphTextureDepthRange=function(){this.addInput("Texture","Texture");this.addInput("Distance","number");this.addInput("Range","number");this.addOutput("Texture","Texture");this.properties={distance:100,range:50,high_precision:!1};LGraphTextureDepthRange._shader||(LGraphTextureDepthRange._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureDepthRange.pixel_shader))};LGraphTextureDepthRange.title="Depth Range";LGraphTextureDepthRange.desc= -"Generates a texture with a depth range";LGraphTextureDepthRange.prototype.onExecute=function(){if(this.isOutputConnected(0)){var e=this.getInputData(0);if(e){var d=gl.UNSIGNED_BYTE;this.properties.high_precision&&(d=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==d&&this._temp_texture.width==e.width&&this._temp_texture.height==e.height||(this._temp_texture=new GL.Texture(e.width,e.height,{type:d,format:gl.RGBA,filter:gl.LINEAR}));var g=this.properties.distance; -this.isInputConnected(1)&&(g=this.getInputData(1),this.properties.distance=g);var k=this.properties.range;this.isInputConnected(2)&&(k=this.getInputData(2),this.properties.range=k);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var h=Mesh.getScreenQuad(),a=LGraphTextureDepthRange._shader,b=[LS.Renderer._current_camera.near,LS.Renderer._current_camera.far];this._temp_texture.drawTo(function(){e.bind(0);a.uniforms({u_texture:0,u_distance:g,u_range:k,u_camera_planes:b}).draw(h)});this.setOutputData(0, -this._temp_texture)}}};LGraphTextureDepthRange.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 n = u_camera_planes.x;\n\t\t\t\tfloat f = u_camera_planes.y;\n\t\t\t\treturn (2.0 * n) / (f + n - texture2D(u_texture, v_coord).x * (f - n));\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tfloat diff = abs(LinearDepth() * u_camera_planes.y - u_distance);\n\t\t\t\tfloat dof = 1.0;\n\t\t\t\tif(diff <= u_range)\n\t\t\t\t\tdof = diff / u_range;\n\t\t\t gl_FragColor = vec4(dof);\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("texture/depth_range",LGraphTextureDepthRange);var LGraphTextureBlur=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]};LGraphTextureBlur._shader||(LGraphTextureBlur._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureBlur.pixel_shader))};LGraphTextureBlur.title="Blur";LGraphTextureBlur.desc= -"Blur a texture";LGraphTextureBlur.max_iterations=20;LGraphTextureBlur.prototype.onExecute=function(){var e=this.getInputData(0);if(e&&this.isOutputConnected(0)){var d=this._temp_texture;d&&d.width==e.width&&d.height==e.height&&d.type==e.type||(this._temp_texture=new GL.Texture(e.width,e.height,{type:e.type,format:gl.RGBA,filter:gl.LINEAR}),this._final_texture=new GL.Texture(e.width,e.height,{type:e.type,format:gl.RGBA,filter:gl.LINEAR}));d=this.properties.iterations;this.isInputConnected(1)&&(d= -this.getInputData(1),this.properties.iterations=d);d=Math.min(Math.floor(d),LGraphTextureBlur.max_iterations);if(0==d)this.setOutputData(0,e);else{var g=this.properties.intensity;this.isInputConnected(2)&&(g=this.getInputData(2),this.properties.intensity=g);var k=LiteGraph.camera_aspect;k||void 0===window.gl||(k=gl.canvas.height/gl.canvas.width);k||(k=1);for(var k=this.properties.preserve_aspect?k:1,h=this.properties.scale||[1,1],a=0;a=this.size[1]||!this._video||(e.save(),e.webgl?this._temp_texture&&e.drawImage(this._temp_texture,0,0,this.size[0],this.size[1]):(e.translate(0,this.size[1]),e.scale(1,-1),e.drawImage(this._video,0,0,this.size[0],this.size[1])),e.restore())};LGraphTextureWebcam.prototype.onExecute=function(){null!=this._webcam_stream||this._waiting_confirmation||this.openStream();if(this._video&& -this._video.videoWidth){var e=this._video.videoWidth,d=this._video.videoHeight,g=this._temp_texture;g&&g.width==e&&g.height==d||(this._temp_texture=new GL.Texture(e,d,{format:gl.RGB,filter:gl.LINEAR}));this._temp_texture.uploadImage(this._video);this.properties.texture_name&&(LGraphTexture.getTexturesContainer()[this.properties.texture_name]=this._temp_texture);this.setOutputData(0,this._temp_texture)}};LiteGraph.registerNodeType("texture/webcam",LGraphTextureWebcam);var LGraphTextureMatte=function(){this.addInput("in", +LGraphTextureEdges.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);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var e=Mesh.getScreenQuad(),f=LGraphTextureEdges._shader,k=this.properties.invert,h=this.properties.factor;this._tex.drawTo(function(){d.bind(0);f.uniforms({u_texture:0,u_isize:[1/ +d.width,1/d.height],u_factor:h,u_invert:k?1:0}).draw(e)});this.setOutputData(0,this._tex)}}};LGraphTextureEdges.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\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 gl_FragColor = vec4( diff.xyz, center.a );\n\t\t\t}\n\t\t\t"; +LiteGraph.registerNodeType("texture/edges",LGraphTextureEdges);var LGraphTextureDepthRange=function(){this.addInput("Texture","Texture");this.addInput("Distance","number");this.addInput("Range","number");this.addOutput("Texture","Texture");this.properties={distance:100,range:50,high_precision:!1}};LGraphTextureDepthRange.title="Depth Range";LGraphTextureDepthRange.desc="Generates a texture with a depth range";LGraphTextureDepthRange.prototype.onExecute=function(){if(this.isOutputConnected(0)){var d= +this.getInputData(0);if(d){var e=gl.UNSIGNED_BYTE;this.properties.high_precision&&(e=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==e&&this._temp_texture.width==d.width&&this._temp_texture.height==d.height||(this._temp_texture=new GL.Texture(d.width,d.height,{type:e,format:gl.RGBA,filter:gl.LINEAR}));var f=this.properties.distance;this.isInputConnected(1)&&(f=this.getInputData(1),this.properties.distance=f);var k=this.properties.range;this.isInputConnected(2)&& +(k=this.getInputData(2),this.properties.range=k);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var h=Mesh.getScreenQuad();LGraphTextureDepthRange._shader||(LGraphTextureDepthRange._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureDepthRange.pixel_shader));var a=LGraphTextureDepthRange._shader,b=[LS.Renderer._current_camera.near,LS.Renderer._current_camera.far];this._temp_texture.drawTo(function(){d.bind(0);a.uniforms({u_texture:0,u_distance:f,u_range:k,u_camera_planes:b}).draw(h)}); +this.setOutputData(0,this._temp_texture)}}};LGraphTextureDepthRange.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 n = u_camera_planes.x;\n\t\t\t\tfloat f = u_camera_planes.y;\n\t\t\t\treturn (2.0 * n) / (f + n - texture2D(u_texture, v_coord).x * (f - n));\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tfloat diff = abs(LinearDepth() * u_camera_planes.y - u_distance);\n\t\t\t\tfloat dof = 1.0;\n\t\t\t\tif(diff <= u_range)\n\t\t\t\t\tdof = diff / u_range;\n\t\t\t gl_FragColor = vec4(dof);\n\t\t\t}\n\t\t\t"; +LiteGraph.registerNodeType("texture/depth_range",LGraphTextureDepthRange);var LGraphTextureBlur=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]}};LGraphTextureBlur.title="Blur";LGraphTextureBlur.desc="Blur a texture";LGraphTextureBlur.max_iterations=20;LGraphTextureBlur.prototype.onExecute=function(){var d=this.getInputData(0); +if(d&&this.isOutputConnected(0)){var e=this._temp_texture;e&&e.width==d.width&&e.height==d.height&&e.type==d.type||(this._temp_texture=new GL.Texture(d.width,d.height,{type:d.type,format:gl.RGBA,filter:gl.LINEAR}),this._final_texture=new GL.Texture(d.width,d.height,{type:d.type,format:gl.RGBA,filter:gl.LINEAR}));e=this.properties.iterations;this.isInputConnected(1)&&(e=this.getInputData(1),this.properties.iterations=e);e=Math.min(Math.floor(e),LGraphTextureBlur.max_iterations);if(0==e)this.setOutputData(0, +d);else{var f=this.properties.intensity;this.isInputConnected(2)&&(f=this.getInputData(2),this.properties.intensity=f);var k=LiteGraph.camera_aspect;k||void 0===window.gl||(k=gl.canvas.height/gl.canvas.width);k||(k=1);for(var k=this.properties.preserve_aspect?k:1,h=this.properties.scale||[1,1],a=0;a=this.size[1]||!this._video||(d.save(),d.webgl?this._temp_texture&&d.drawImage(this._temp_texture,0,0,this.size[0],this.size[1]):(d.translate(0,this.size[1]),d.scale(1,-1),d.drawImage(this._video,0,0,this.size[0],this.size[1])),d.restore())};LGraphTextureWebcam.prototype.onExecute=function(){null!=this._webcam_stream||this._waiting_confirmation||this.openStream();if(this._video&& +this._video.videoWidth){var d=this._video.videoWidth,e=this._video.videoHeight,f=this._temp_texture;f&&f.width==d&&f.height==e||(this._temp_texture=new GL.Texture(d,e,{format:gl.RGB,filter:gl.LINEAR}));this._temp_texture.uploadImage(this._video);this.properties.texture_name&&(LGraphTexture.getTexturesContainer()[this.properties.texture_name]=this._temp_texture);this.setOutputData(0,this._temp_texture)}};LiteGraph.registerNodeType("texture/webcam",LGraphTextureWebcam);var LGraphTextureMatte=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:LGraphTexture.DEFAULT};LGraphTextureMatte._shader||(LGraphTextureMatte._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,LGraphTextureMatte.pixel_shader))};LGraphTextureMatte.title="Matte";LGraphTextureMatte.desc="Extracts background";LGraphTextureMatte.widgets_info={key_color:{widget:"color"},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureMatte.prototype.onExecute= -function(){if(this.isOutputConnected(0)){var e=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else if(e){this._tex=LGraphTexture.getTargetTexture(e,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 d=this._uniforms,g=Mesh.getScreenQuad(),k=LGraphTextureMatte._shader;d.u_key_color=this.properties.key_color; -d.u_threshold=this.properties.threshold;d.u_slope=this.properties.slope;this._tex.drawTo(function(){e.bind(0);k.uniforms(d).draw(g)});this.setOutputData(0,this._tex)}}};LGraphTextureMatte.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}"; -LiteGraph.registerNodeType("texture/matte",LGraphTextureMatte);var LGraphCubemap=function(){this.addOutput("Cubemap","Cubemap");this.properties={name:""};this.size=[LGraphTexture.image_preview_size,LGraphTexture.image_preview_size]};LGraphCubemap.prototype.onDropFile=function(e,d,g){e?(this._drop_texture="string"==typeof e?GL.Texture.fromURL(e):GL.Texture.fromDDSInMemory(e),this.properties.name=d):(this._drop_texture=null,this.properties.name="")};LGraphCubemap.prototype.onExecute=function(){if(this._drop_texture)this.setOutputData(0, -this._drop_texture);else if(this.properties.name){var e=LGraphTexture.getTexture(this.properties.name);e&&(this._last_tex=e,this.setOutputData(0,e))}};LGraphCubemap.prototype.onDrawBackground=function(e){this.flags.collapsed||20>=this.size[1]||e.webgl&&(gl.meshes.cube||(gl.meshes.cube=GL.Mesh.cube({size:1})))};LiteGraph.registerNodeType("texture/cubemap",LGraphCubemap)} +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);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 e=this._uniforms,f=Mesh.getScreenQuad(),k=LGraphTextureMatte._shader;e.u_key_color=this.properties.key_color; +e.u_threshold=this.properties.threshold;e.u_slope=this.properties.slope;this._tex.drawTo(function(){d.bind(0);k.uniforms(e).draw(f)});this.setOutputData(0,this._tex)}}};LGraphTextureMatte.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}"; +LiteGraph.registerNodeType("texture/matte",LGraphTextureMatte);var LGraphCubemap=function(){this.addOutput("Cubemap","Cubemap");this.properties={name:""};this.size=[LGraphTexture.image_preview_size,LGraphTexture.image_preview_size]};LGraphCubemap.prototype.onDropFile=function(d,e,f){d?(this._drop_texture="string"==typeof d?GL.Texture.fromURL(d):GL.Texture.fromDDSInMemory(d),this.properties.name=e):(this._drop_texture=null,this.properties.name="")};LGraphCubemap.prototype.onExecute=function(){if(this._drop_texture)this.setOutputData(0, +this._drop_texture);else if(this.properties.name){var d=LGraphTexture.getTexture(this.properties.name);d&&(this._last_tex=d,this.setOutputData(0,d))}};LGraphCubemap.prototype.onDrawBackground=function(d){this.flags.collapsed||20>=this.size[1]||d.webgl&&(gl.meshes.cube||(gl.meshes.cube=GL.Mesh.cube({size:1})))};LiteGraph.registerNodeType("texture/cubemap",LGraphCubemap)} if("undefined"!=typeof LiteGraph){var LGraphFXLens=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};LGraphFXLens._shader||(LGraphFXLens._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphFXLens.pixel_shader))};LGraphFXLens.title="Lens";LGraphFXLens.desc="Camera Lens distortion"; -LGraphFXLens.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphFXLens.prototype.onExecute=function(){var e=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,e);else if(e){this._tex=LGraphTexture.getTargetTexture(e,this._tex,this.properties.precision);var d=this.properties.aberration;this.isInputConnected(1)&&(d=this.getInputData(1),this.properties.aberration=d);var g=this.properties.distortion;this.isInputConnected(2)&& -(g=this.getInputData(2),this.properties.distortion=g);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 h=Mesh.getScreenQuad(),a=LGraphFXLens._shader;this._tex.drawTo(function(){e.bind(0);a.uniforms({u_texture:0,u_aberration:d,u_distortion:g,u_blur:k}).draw(h)});this.setOutputData(0,this._tex)}};LGraphFXLens.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"; +LGraphFXLens.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphFXLens.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 e=this.properties.aberration;this.isInputConnected(1)&&(e=this.getInputData(1),this.properties.aberration=e);var f=this.properties.distortion;this.isInputConnected(2)&& +(f=this.getInputData(2),this.properties.distortion=f);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 h=Mesh.getScreenQuad(),a=LGraphFXLens._shader;this._tex.drawTo(function(){d.bind(0);a.uniforms({u_texture:0,u_aberration:e,u_distortion:f,u_blur:k}).draw(h)});this.setOutputData(0,this._tex)}};LGraphFXLens.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"; LiteGraph.registerNodeType("fx/lens",LGraphFXLens);window.LGraphFXLens=LGraphFXLens;var LGraphFXBokeh=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}};LGraphFXBokeh.title="Bokeh";LGraphFXBokeh.desc="applies an Bokeh effect";LGraphFXBokeh.widgets_info={shape:{widget:"texture"}};LGraphFXBokeh.prototype.onExecute= -function(){var e=this.getInputData(0),d=this.getInputData(1),g=this.getInputData(2);if(e&&g&&this.properties.shape){d||(d=e);var k=LGraphTexture.getTexture(this.properties.shape);if(k){var h=this.properties.threshold;this.isInputConnected(3)&&(h=this.getInputData(3),this.properties.threshold=h);var a=gl.UNSIGNED_BYTE;this.properties.high_precision&&(a=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==a&&this._temp_texture.width==e.width&&this._temp_texture.height== -e.height||(this._temp_texture=new GL.Texture(e.width,e.height,{type:a,format:gl.RGBA,filter:gl.LINEAR}));var b=LGraphFXBokeh._first_shader;b||(b=LGraphFXBokeh._first_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphFXBokeh._first_pixel_shader));var c=LGraphFXBokeh._second_shader;c||(c=LGraphFXBokeh._second_shader=new GL.Shader(LGraphFXBokeh._second_vertex_shader,LGraphFXBokeh._second_pixel_shader));var f=this._points_mesh;f&&f._width==e.width&&f._height==e.height&&2==f._spacing||(f=this.createPointsMesh(e.width, -e.height,2));var l=Mesh.getScreenQuad(),u=this.properties.size,s=this.properties.alpha;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){e.bind(0);d.bind(1);g.bind(2);b.uniforms({u_texture:0,u_texture_blur:1,u_mask:2,u_texsize:[e.width,e.height]}).draw(l)});this._temp_texture.drawTo(function(){gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);e.bind(0);k.bind(3);c.uniforms({u_texture:0,u_mask:2,u_shape:3,u_alpha:s,u_threshold:h,u_pointSize:u,u_itexsize:[1/e.width,1/ -e.height]}).draw(f,gl.POINTS)});this.setOutputData(0,this._temp_texture)}}else this.setOutputData(0,e)};LGraphFXBokeh.prototype.createPointsMesh=function(e,d,g){for(var k=Math.round(e/g),h=Math.round(d/g),a=new Float32Array(k*h*2),b=-1,c=2/e*g,f=2/d*g,l=0;l=d.NOTEON||b<=d.NOTEOFF)this.channel=a&15};Object.defineProperty(d.prototype,"velocity",{get:function(){return this.cmd==d.NOTEON?this.data[2]:-1},set:function(a){this.data[2]=a},enumerable:!0}); -d.notes="A A# B C C# D D# E F F# G G#".split(" ");d.prototype.getPitch=function(){return 440*Math.pow(2,(this.data[1]-69)/12)};d.computePitch=function(a){return 440*Math.pow(2,(a-69)/12)};d.prototype.getPitchBend=function(){return this.data[1]+(this.data[2]<<7)-8192};d.computePitchBend=function(a,b){return a+(b<<7)-8192};d.prototype.setCommandFromString=function(a){this.cmd=d.computeCommandFromString(a)};d.computeCommandFromString=function(a){if(!a)return 0;if(a&&a.constructor===Number)return a;a= -a.toUpperCase();switch(a){case "NOTE ON":case "NOTEON":return d.NOTEON;case "NOTE OFF":case "NOTEOFF":return d.NOTEON;case "KEY PRESSURE":case "KEYPRESSURE":return d.KEYPRESSURE;case "CONTROLLER CHANGE":case "CONTROLLERCHANGE":case "CC":return d.CONTROLLERCHANGE;case "PROGRAM CHANGE":case "PROGRAMCHANGE":case "PC":return d.PROGRAMCHANGE;case "CHANNEL PRESSURE":case "CHANNELPRESSURE":return d.CHANNELPRESSURE;case "PITCH BEND":case "PITCHBEND":return d.PITCHBEND;case "TIME TICK":case "TIMETICK":return d.TIMETICK; -default:return Number(a)}};d.toNoteString=function(a){var b;b=(a-21)%12;0>b&&(b=12+b);return d.notes[b]+Math.floor((a-24)/12+1)};d.prototype.toString=function(){var a=""+this.channel+". ";switch(this.cmd){case d.NOTEON:a+="NOTEON "+d.toNoteString(this.data[1]);break;case d.NOTEOFF:a+="NOTEOFF "+d.toNoteString(this.data[1]);break;case d.CONTROLLERCHANGE:a+="CC "+this.data[1]+" "+this.data[2];break;case d.PROGRAMCHANGE:a+="PC "+this.data[1];break;case d.PITCHBEND:a+="PITCHBEND "+this.getPitchBend(); -break;case d.KEYPRESSURE:a+="KEYPRESS "+this.data[1]}return a};d.prototype.toHexString=function(){for(var a="",b=0;bthis.properties.max_value||this.trigger("on_midi",b)};LiteGraph.registerNodeType("midi/filter", -b);c.title="MIDIEvent";c.desc="Create a MIDI Event";c.prototype.onAction=function(a,b){"assign"==a?(this.properties.channel=b.channel,this.properties.cmd=b.cmd,this.properties.value1=b.data[1],this.properties.value2=b.data[2]):(b=new d,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))};c.prototype.onExecute=function(){var a=this.properties;if(this.outputs)for(var b=0;b=e.NOTEON||b<=e.NOTEOFF)this.channel=a&15};Object.defineProperty(e.prototype,"velocity",{get:function(){return this.cmd==e.NOTEON?this.data[2]:-1},set:function(a){this.data[2]=a},enumerable:!0}); +e.notes="A A# B C C# D D# E F F# G G#".split(" ");e.prototype.getPitch=function(){return 440*Math.pow(2,(this.data[1]-69)/12)};e.computePitch=function(a){return 440*Math.pow(2,(a-69)/12)};e.prototype.getPitchBend=function(){return this.data[1]+(this.data[2]<<7)-8192};e.computePitchBend=function(a,b){return a+(b<<7)-8192};e.prototype.setCommandFromString=function(a){this.cmd=e.computeCommandFromString(a)};e.computeCommandFromString=function(a){if(!a)return 0;if(a&&a.constructor===Number)return a;a= +a.toUpperCase();switch(a){case "NOTE ON":case "NOTEON":return e.NOTEON;case "NOTE OFF":case "NOTEOFF":return e.NOTEON;case "KEY PRESSURE":case "KEYPRESSURE":return e.KEYPRESSURE;case "CONTROLLER CHANGE":case "CONTROLLERCHANGE":case "CC":return e.CONTROLLERCHANGE;case "PROGRAM CHANGE":case "PROGRAMCHANGE":case "PC":return e.PROGRAMCHANGE;case "CHANNEL PRESSURE":case "CHANNELPRESSURE":return e.CHANNELPRESSURE;case "PITCH BEND":case "PITCHBEND":return e.PITCHBEND;case "TIME TICK":case "TIMETICK":return e.TIMETICK; +default:return Number(a)}};e.toNoteString=function(a){var b;b=(a-21)%12;0>b&&(b=12+b);return e.notes[b]+Math.floor((a-24)/12+1)};e.prototype.toString=function(){var a=""+this.channel+". ";switch(this.cmd){case e.NOTEON:a+="NOTEON "+e.toNoteString(this.data[1]);break;case e.NOTEOFF:a+="NOTEOFF "+e.toNoteString(this.data[1]);break;case e.CONTROLLERCHANGE:a+="CC "+this.data[1]+" "+this.data[2];break;case e.PROGRAMCHANGE:a+="PC "+this.data[1];break;case e.PITCHBEND:a+="PITCHBEND "+this.getPitchBend(); +break;case e.KEYPRESSURE:a+="KEYPRESS "+this.data[1]}return a};e.prototype.toHexString=function(){for(var a="",b=0;bthis.properties.max_value||this.trigger("on_midi",b)};LiteGraph.registerNodeType("midi/filter", +b);c.title="MIDIEvent";c.desc="Create a MIDI Event";c.prototype.onAction=function(a,b){"assign"==a?(this.properties.channel=b.channel,this.properties.cmd=b.cmd,this.properties.value1=b.data[1],this.properties.value2=b.data[2]):(b=new e,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))};c.prototype.onExecute=function(){var a=this.properties;if(this.outputs)for(var b=0;b=this.size[0]&&(e=this.size[0]-1),a.strokeStyle="red",a.beginPath(),a.moveTo(e,d),a.lineTo(e,0),a.stroke())}};u.title="Visualization";u.desc="Audio Visualization";LiteGraph.registerNodeType("audio/visualization",u);s.prototype.onExecute=function(){if(this._freqs=this.getInputData(0)){var a=this.properties.band,b=this.getInputData(1);void 0!==b&&(a=b);b=n.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)}};s.prototype.onGetInputs=function(){return[["band","number"]]};s.title="Signal";s.desc="extract the signal of some frequency";LiteGraph.registerNodeType("audio/signal",s);t.title="Destination";t.desc="Audio output";LiteGraph.registerNodeType("audio/destination",t)})(window); +this.inputs[a];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)))}};n.createAudioNodeWrapper(c);c.title="Mixer";c.desc="Audio mixer";LiteGraph.registerNodeType("audio/mixer",c);n.createAudioNodeWrapper(g);g.prototype.onExecute=function(){var a=this.getInputData(1);void 0!==a&&(this.audionode.delayTime.value=a)};g.title="Delay";g.desc="Audio delay";LiteGraph.registerNodeType("audio/delay",g);l.prototype.onExecute=function(){if(this.inputs&& +this.inputs.length)for(var a=1;a=this.size[0]&&(e=this.size[0]-1),a.strokeStyle="red",a.beginPath(),a.moveTo(e,d),a.lineTo(e,0),a.stroke())}};v.title="Visualization";v.desc="Audio Visualization";LiteGraph.registerNodeType("audio/visualization",v);t.prototype.onExecute=function(){if(this._freqs=this.getInputData(0)){var a=this.properties.band,b=this.getInputData(1);void 0!==b&&(a=b);b=n.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)}};t.prototype.onGetInputs=function(){return[["band","number"]]};t.title="Signal";t.desc="extract the signal of some frequency";LiteGraph.registerNodeType("audio/signal",t);u.title="Destination";u.desc="Audio output";LiteGraph.registerNodeType("audio/destination",u)})(window); diff --git a/src/litegraph.js b/src/litegraph.js index e23c826e8c..8326926936 100755 --- a/src/litegraph.js +++ b/src/litegraph.js @@ -1679,7 +1679,16 @@ LGraphNode.prototype.getOutputNodes = function(slot) var r = []; for(var i = 0; i < output.links.length; i++) - r.push( this.graph.getNodeById( output.links[i] )); + { + var link_id = output.links[i]; + var link = this.graph.links[ link_id ]; + if(link) + { + var target_node = this.graph.getNodeById( link.target_id ); + if( target_node ) + r.push( target_node ); + } + } return r; }