(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 f(a,b,c,g,l,d){return ca&&gb?!0:!1}function h(a,b){return a[0]>b[2]||a[1]>b[3]||a[2]e.width-f.width-10&&(l=e.width-f.width-10);d>e.height-f.height-10&&(d=e.height-f.height-10)}g.style.left=l+"px";g.style.top=d+"px"}var k=e.LiteGraph={NODE_TITLE_HEIGHT:16, NODE_SLOT_HEIGHT:15,NODE_WIDTH:140,NODE_MIN_WIDTH:50,NODE_COLLAPSED_RADIUS:10,NODE_COLLAPSED_WIDTH:80,CANVAS_GRID_SIZE:10,NODE_TITLE_COLOR:"#222",NODE_DEFAULT_COLOR:"#999",NODE_DEFAULT_BGCOLOR:"#444",NODE_DEFAULT_BOXCOLOR:"#AEF",NODE_DEFAULT_SHAPE:"box",MAX_NUMBER_OF_NODES:1E3,DEFAULT_POSITION:[100,100],node_images_path:"",INPUT:1,OUTPUT:2,EVENT:-1,ACTION:-1,ALWAYS:0,ON_EVENT:1,NEVER:2,proxy:null,debug:!1,throw_errors:!0,allow_scripts:!0,registered_node_types:{},node_types_by_file_extension:{},Nodes:{}, registerNodeType:function(a,b){if(!b.prototype)throw"Cannot register a simple object, it must be a class with a prototype";b.type=a;k.debug&&console.log("Node registered: "+a);a.split("/");var c=b.constructor.name,g=a.lastIndexOf("/");b.category=a.substr(0,g);b.title||(b.title=c);if(b.prototype)for(var l in LGraphNode.prototype)b.prototype[l]||(b.prototype[l]=LGraphNode.prototype[l]);this.registered_node_types[a]=b;b.constructor.name&&(this.Nodes[c]=b);b.prototype.onPropertyChange&&console.warn("LiteGraph node class "+ a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end");if(b.supported_extensions)for(l in b.supported_extensions)this.node_types_by_file_extension[b.supported_extensions[l].toLowerCase()]=b},addNodeMethod:function(a,b){LGraphNode.prototype[a]=b;for(var c in this.registered_node_types){var g=this.registered_node_types[c];g.prototype[a]&&(g.prototype["_"+a]=g.prototype[a]);g.prototype[a]=b}},createNode:function(a,b,c){var g=this.registered_node_types[a];if(!g)return k.debug&& console.log('GraphNode type "'+a+'" not registered.'),null;b=b||g.title||a;g=new g(name);g.type=a;g.title||(g.title=b);g.properties||(g.properties={});g.properties_info||(g.properties_info=[]);g.flags||(g.flags={});g.size||(g.size=g.computeSize());g.pos||(g.pos=k.DEFAULT_POSITION.concat());g.mode||(g.mode=k.ALWAYS);if(c)for(var l in c)g[l]=c[l];return g},getNodeType:function(a){return this.registered_node_types[a]},getNodeTypesInCategory:function(a){var b=[],c;for(c in this.registered_node_types)""== a?null==this.registered_node_types[c].category&&b.push(this.registered_node_types[c]):this.registered_node_types[c].category==a&&b.push(this.registered_node_types[c]);return b},getNodeTypesCategories:function(){var a={"":1},b;for(b in this.registered_node_types)this.registered_node_types[b].category&&!this.registered_node_types[b].skip_list&&(a[this.registered_node_types[b].category]=1);var c=[];for(b in a)c.push(b);return c},reloadNodes:function(a){var b=document.getElementsByTagName("script"),c= [],g;for(g in b)c.push(b[g]);b=document.getElementsByTagName("head")[0];a=document.location.href+a;for(g in c){var l=c[g].src;if(l&&l.substr(0,a.length)==a)try{k.debug&&console.log("Reloading: "+l);var d=document.createElement("script");d.type="text/javascript";d.src=l;b.appendChild(d);b.removeChild(c[g])}catch(e){if(k.throw_errors)throw e;k.debug&&console.log("Error while reloading "+l)}}k.debug&&console.log("Nodes reloaded")},cloneObject:function(a,b){if(null==a)return null;var c=JSON.parse(JSON.stringify(a)); if(!b)return c;for(var g in c)b[g]=c[g];return b},isValidConnection:function(a,b){return!a||!b||a==a||a!==k.EVENT&&b!==k.EVENT&&a.toLowerCase()==b.toLowerCase()?!0:!1}};k.getTime="undefined"!=typeof performance?function(){return performance.now()}:function(){return Date.now()};e.LGraph=k.LGraph=function(){k.debug&&console.log("Graph created");this.list_of_graphcanvas=null;this.clear()};LGraph.supported_types=["number","string","boolean"];LGraph.prototype.getSupportedTypes=function(){return this.supported_types|| LGraph.supported_types};LGraph.STATUS_STOPPED=1;LGraph.STATUS_RUNNING=2;LGraph.prototype.clear=function(){this.stop();this.status=LGraph.STATUS_STOPPED;this.last_node_id=0;this._nodes=[];this._nodes_by_id={};this._nodes_executable=this._nodes_in_order=null;this.last_link_id=0;this.links={};this.iteration=0;this.config={};this.fixedtime=this.runningtime=this.globaltime=0;this.elapsed_time=this.fixedtime_lapse=0.01;this.starttime=0;this.catch_errors=!0;this.global_inputs={};this.global_outputs={};this.debug= !0;this.change();this.sendActionToCanvas("clear")};LGraph.prototype.attachCanvas=function(a){if(a.constructor!=LGraphCanvas)throw"attachCanvas expects a LGraphCanvas instance";a.graph&&a.graph!=this&&a.graph.detachCanvas(a);a.graph=this;this.list_of_graphcanvas||(this.list_of_graphcanvas=[]);this.list_of_graphcanvas.push(a)};LGraph.prototype.detachCanvas=function(a){if(this.list_of_graphcanvas){var b=this.list_of_graphcanvas.indexOf(a);-1!=b&&(a.graph=null,this.list_of_graphcanvas.splice(b,1))}}; LGraph.prototype.start=function(a){if(this.status!=LGraph.STATUS_RUNNING){this.status=LGraph.STATUS_RUNNING;if(this.onPlayEvent)this.onPlayEvent();this.sendEventToAllNodes("onStart");this.starttime=k.getTime();var b=this;this.execution_timer_id=setInterval(function(){b.runStep(1,!this.catch_errors)},a||1)}};LGraph.prototype.stop=function(){if(this.status!=LGraph.STATUS_STOPPED){this.status=LGraph.STATUS_STOPPED;if(this.onStopEvent)this.onStopEvent();null!=this.execution_timer_id&&clearInterval(this.execution_timer_id); this.execution_timer_id=null;this.sendEventToAllNodes("onStop")}};LGraph.prototype.runStep=function(a,b){a=a||1;var c=k.getTime();this.globaltime=0.001*(c-this.starttime);var g=this._nodes_executable?this._nodes_executable:this._nodes;if(g){if(b){for(var l=0;l=k.MAX_NUMBER_OF_NODES)throw"LiteGraph: max number of nodes in a graph reached";null==a.id||-1==a.id?a.id=++this.last_node_id:this.last_node_id!a.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]=k.cloneObject(a[b],this[b]):this[b]= a[b]);if(this.onConnectionsChange){if(this.inputs)for(var g=0;g=this.outputs.length)){var c=this.outputs[a];if(c&&(c._data=b,this.outputs[a].links))for(c=0;c=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.getOutputData=function(a){return!this.outputs||a>=this.outputs.length?null:this.outputs[a]._data};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 k.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 k.debug&&console.log("Connect: Error, no slot of name "+c),!1}else{if(c===k.EVENT)return!1;if(!b.inputs||c>=b.inputs.length)return k.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;var l=b.inputs[c];if(k.isValidConnection(g.type,l.type)){var d={id:this.graph.last_link_id++, type:l.type,origin_id:this.id,origin_slot:a,target_id:b.id,target_slot:c};this.graph.links[d.id]=d;null==g.links&&(g.links=[]);g.links.push(d.id);b.inputs[c].link=d.id;if(this.onConnectionsChange)this.onConnectionsChange(k.OUTPUT,a,!0,d,g);if(b.onConnectionsChange)b.onConnectionsChange(k.INPUT,c,!0,d,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 k.debug&& console.log("Connect: Error, no slot of name "+a),!1}else if(!this.outputs||a>=this.outputs.length)return k.debug&&console.log("Connect: Error, slot number not found"),!1;var 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 k.debug&&console.log("Connect: Error, slot number not found"),!1;var b=this.inputs[a];if(!b)return!1;var c=this.inputs[a].link;this.inputs[a].link=null;var g=this.graph.links[c];if(g){var l=this.graph.getNodeById(g.origin_id); if(!l)return!1;var d=l.outputs[g.origin_slot];if(!d||!d.links||0==d.links.length)return!1;for(var e=0,f=d.links.length;eb&&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*k.NODE_SLOT_HEIGHT]:[this.pos[0]+this.size[0]+1,this.pos[1]+10+b*k.NODE_SLOT_HEIGHT]}; LGraphNode.prototype.alignToGrid=function(){this.pos[0]=k.CANVAS_GRID_SIZE*Math.round(this.pos[0]/k.CANVAS_GRID_SIZE);this.pos[1]=k.CANVAS_GRID_SIZE*Math.round(this.pos[1]/k.CANVAS_GRID_SIZE)};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=k.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;c element, you passed a "+a.localName;throw"This browser doesnt support Canvas";}null==(this.ctx=a.getContext("2d"))&&(console.warn("This canvas seems to be WebGL, enabling WebGL renderer"),this.enableWebGL());this._mousemove_callback=this.processMouseMove.bind(this);this._mouseup_callback=this.processMouseUp.bind(this);b||this.bindEvents()}};LGraphCanvas.prototype._doNothing=function(a){a.preventDefault();return!1};LGraphCanvas.prototype._doReturnTrue= function(a){a.preventDefault();return!0};LGraphCanvas.prototype.bindEvents=function(){if(this._events_binded)console.warn("LGraphCanvas: events already binded");else{var a=this.canvas;this._mousedown_callback=this.processMouseDown.bind(this);this._mousewheel_callback=this.processMouseWheel.bind(this);a.addEventListener("mousedown",this._mousedown_callback,!0);a.addEventListener("mousemove",this._mousemove_callback);a.addEventListener("mousewheel",this._mousewheel_callback,!1);a.addEventListener("contextmenu", this._doNothing);a.addEventListener("DOMMouseScroll",this._mousewheel_callback,!1);a.addEventListener("touchstart",this.touchHandler,!0);a.addEventListener("touchmove",this.touchHandler,!0);a.addEventListener("touchend",this.touchHandler,!0);a.addEventListener("touchcancel",this.touchHandler,!0);this._key_callback=this.processKey.bind(this);a.addEventListener("keydown",this._key_callback);a.addEventListener("keyup",this._key_callback);this._ondrop_callback=this.processDrop.bind(this);a.addEventListener("dragover", this._doNothing,!1);a.addEventListener("dragend",this._doNothing,!1);a.addEventListener("drop",this._ondrop_callback,!1);a.addEventListener("dragenter",this._doReturnTrue,!1);this._events_binded=!0}};LGraphCanvas.prototype.unbindEvents=function(){this._events_binded?(this.canvas.removeEventListener("mousedown",this._mousedown_callback),this.canvas.removeEventListener("mousewheel",this._mousewheel_callback),this.canvas.removeEventListener("DOMMouseScroll",this._mousewheel_callback),this.canvas.removeEventListener("keydown", this._key_callback),this.canvas.removeEventListener("keyup",this._key_callback),this.canvas.removeEventListener("contextmenu",this._doNothing),this.canvas.removeEventListener("drop",this._ondrop_callback),this.canvas.removeEventListener("dragenter",this._doReturnTrue),this.canvas.removeEventListener("touchstart",this.touchHandler),this.canvas.removeEventListener("touchmove",this.touchHandler),this.canvas.removeEventListener("touchend",this.touchHandler),this.canvas.removeEventListener("touchcancel", this.touchHandler),this._ondrop_callback=this._key_callback=this._mousewheel_callback=this._mousedown_callback=null,this._events_binded=!1):console.warn("LGraphCanvas: no events binded")};LGraphCanvas.getFileExtension=function(a){var b=a.indexOf("?");-1!=b&&(a=a.substr(0,b));b=a.lastIndexOf(".");return-1==b?"":a.substr(b+1).toLowerCase()};LGraphCanvas.prototype.enableWebGL=function(){if(void 0===typeof GL)throw"litegl.js must be included to use a WebGL canvas";if(void 0===typeof enableWebGLCanvas)throw"webglCanvas.js must be included to use this feature"; this.gl=this.ctx=enableWebGLCanvas(this.canvas);this.ctx.webgl=!0;this.bgcanvas=this.canvas;this.bgctx=this.gl};LGraphCanvas.prototype.setDirty=function(a,b){a&&(this.dirty_canvas=!0);b&&(this.dirty_bgcanvas=!0)};LGraphCanvas.prototype.getCanvasWindow=function(){if(!this.canvas)return window;var a=this.canvas.ownerDocument;return a.defaultView||a.parentWindow};LGraphCanvas.prototype.startRendering=function(){function a(){this.pause_rendering||this.draw();var b=this.getCanvasWindow();this.is_rendering&& b.requestAnimationFrame(a.bind(this))}this.is_rendering||(this.is_rendering=!0,a.call(this))};LGraphCanvas.prototype.stopRendering=function(){this.is_rendering=!1};LGraphCanvas.prototype.processMouseDown=function(a){if(this.graph){this.adjustMouseEvent(a);var b=this.getCanvasWindow();LGraphCanvas.active_canvas=this;this.canvas.removeEventListener("mousemove",this._mousemove_callback);b.document.addEventListener("mousemove",this._mousemove_callback,!0);b.document.addEventListener("mouseup",this._mouseup_callback, !0);var c=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes);k.closeAllContextMenus(b);if(1==a.which){if(!(a.shiftKey||c&&this.selected_nodes[c.id])){var g=[],l;for(l in this.selected_nodes)this.selected_nodes[l]!=c&&g.push(this.selected_nodes[l]);for(l in g)this.processNodeDeselected(g[l])}g=!1;if(c&&this.allow_interaction){this.live_mode||c.flags.pinned||this.bringToFront(c);var d=!1;if(!this.connecting_node&&!c.flags.collapsed&&!this.live_mode){if(c.outputs){l=0;for(var e=c.outputs.length;l< e;++l){var h=c.outputs[l],n=c.getConnectionPos(!1,l);if(f(a.canvasX,a.canvasY,n[0]-10,n[1]-5,20,10)){this.connecting_node=c;this.connecting_output=h;this.connecting_pos=c.getConnectionPos(!1,l);this.connecting_slot=l;d=!0;break}}}if(c.inputs)for(l=0,e=c.inputs.length;lk.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=k.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){LGraphCanvas.active_canvas=this;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=k.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-e._last_time&&(f=2-0.002*(b-e._last_time),h="rgba(255,255,255, "+f.toFixed(2)+")",this.renderLink(a,n,l.getConnectionPos(!0,d),e,!0,f,h))}}}}a.globalAlpha=1};LGraphCanvas.prototype.renderLink=function(a,b,c,g,l,e,f){if(this.highquality_render){var h=d(b,c);this.render_connections_border&&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());if(e)for(e=0;5>e;++e)g=(0.001*k.getTime()+0.2*e)%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=d(a,b),l=[a[0]+0.25*g,a[1]],g=[b[0]-0.25*g,b[1]],e=(1-c)*(1-c)*(1-c),f=3*(1-c)*(1-c)*c,h=3*(1-c)*c*c;c*=c*c;return[e*a[0]+f*l[0]+h*g[0]+c*b[0],e*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"+n+""+ a+"",value:n});if(h.length)return new k.ContextMenu(h,{event:c,callback:e,parentMenu:g,allow_html:!0,node:d},b),!1}};LGraphCanvas.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};LGraphCanvas.onResizeNode=function(a,b,c,g,d){d&&(d.size=d.computeSize(),d.setDirtyCanvas(!0,!0))};LGraphCanvas.onShowTitleEditor=function(a,b,c,g,d){function e(){d.title=h.value;f.parentNode.removeChild(f);d.setDirtyCanvas(!0,!0)}var f=document.createElement("div");f.className= "graphdialog";f.innerHTML="Title";var h=f.querySelector("input");h&&(h.value=d.title,h.addEventListener("keydown",function(a){13==a.keyCode&&(e(),a.preventDefault(),a.stopPropagation())}));a=LGraphCanvas.active_canvas.canvas;b=a.getBoundingClientRect();g=c=-20;b&&(c-=b.left,g-=b.top);event?(f.style.left=event.pageX+c+"px",f.style.top=event.pageY+g+"px"):(f.style.left=0.5*a.width+c+"px",f.style.top=0.5*a.height+ g+"px");f.querySelector("button").addEventListener("click",e);a.parentNode.appendChild(f)};LGraphCanvas.prototype.showEditPropertyValue=function(a,b,c){function g(){d(v.value)}function d(c){"number"==typeof a.properties[b]&&(c=Number(c));a.properties[b]=c;if(a.onPropertyChanged)a.onPropertyChanged(b,c);q.parentNode.removeChild(q);a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[b]){c=c||{};var e="string";null!==a.properties[b]&&(e=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"==e&&f.values){k=""}else"boolean"== e&&(k="");var q=document.createElement("div");q.className="graphdialog";q.innerHTML=""+b+""+k+"";if("enum"==e&&f.values){var v=q.querySelector("select");v.addEventListener("change",function(a){d(a.target.value)})}else if("boolean"==e)(v=q.querySelector("input"))&&v.addEventListener("click",function(a){d(!!v.checked)});else if(v=q.querySelector("input"))v.value=void 0!==a.properties[b]? a.properties[b]:"",v.addEventListener("keydown",function(a){13==a.keyCode&&(g(),a.preventDefault(),a.stopPropagation())});e=this.canvas.getClientRects()[0];h=f=-20;e&&(f-=e.left,h-=e.top);c.position?(f+=c.position[0],h+=c.position[1]):c.event?(f+=c.event.pageX,h+=c.event.pageY):(f+=0.5*this.canvas.width,h+=0.5*this.canvas.height);q.style.left=f+"px";q.style.top=h+"px";q.querySelector("button").addEventListener("click",g);this.canvas.parentNode.appendChild(q)}};LGraphCanvas.onMenuNodeCollapse=function(a, b,c,g,d){d.flags.collapsed=!d.flags.collapsed;d.setDirtyCanvas(!0,!0)};LGraphCanvas.onMenuNodePin=function(a,b,c,g,d){d.pin()};LGraphCanvas.onMenuNodeMode=function(a,b,c,g,d){new k.ContextMenu(["Always","On Event","Never"],{event:c,callback:function(a){if(d)switch(a){case "On Event":d.mode=k.ON_EVENT;break;case "Never":d.mode=k.NEVER;break;default:d.mode=k.ALWAYS}},parentMenu:prev_menu,node:d});return!1};LGraphCanvas.onMenuNodeColors=function(a,b,c,g,d){if(!d)throw"no node for color";b=[];for(var e in LGraphCanvas.node_colors)a= LGraphCanvas.node_colors[e],a={value:e,content:""+e+""},b.push(a);new k.ContextMenu(b,{event:c,callback:function(a){d&&(a=LGraphCanvas.node_colors[a.value])&&(d.color=a.color,d.bgcolor=a.bgcolor,d.setDirtyCanvas(!0))},parentMenu:g,node:d});return!1};LGraphCanvas.onMenuNodeShapes=function(a,b,c,g,d){if(!d)throw"no node passed";new k.ContextMenu(["box","round"],{event:c,callback:function(a){d&&(d.shape=a,d.setDirtyCanvas(!0))}, parentMenu:g,node:d});return!1};LGraphCanvas.onMenuNodeRemove=function(a,b,c,g,d){if(!d)throw"no node passed";!1!=d.removable&&(d.graph.remove(d),d.setDirtyCanvas(!0,!0))};LGraphCanvas.onMenuNodeClone=function(a,b,c,g,d){!1!=d.clonable&&(a=d.clone())&&(a.pos=[d.pos[0]+5,d.pos[1]+5],d.graph.add(a),d.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",has_submenu:!0,callback:LGraphCanvas.onMenuAdd}],this._graph_stack&&0a[2]&&(a[2]=b);ca[3]&&(a[3]=c)};k.isInsideBounding= function(a,b){return a[0]b[1][0]||a[1]>b[1][1]?!1:!0};k.overlapBounding=h;k.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),c=0,d,e,f=0;6>f;f+=2)d="0123456789ABCDEF".indexOf(a.charAt(f)),e="0123456789ABCDEF".indexOf(a.charAt(f+1)),b[c]=16*d+e,c++;return b};k.num2hex=function(a){for(var b="#",c,d,e=0;3>e;e++)c=a[e]/16,d=a[e]%16,b+="0123456789ABCDEF".charAt(c)+"0123456789ABCDEF".charAt(d);return b};n.prototype.addItem=function(a, b,c){function d(a){var b=this.value;b&&b.has_submenu&&e.call(this,a)}function e(a){var b=this.value,d=!0;f.current_submenu&&f.current_submenu.close(a);if(c.callback){var g=c.callback.call(this,b,c,a,f,c.node);!0===g&&(d=!1)}if(b&&(b.callback&&!c.ignore_item_callbacks&&!0!==b.disabled&&(g=b.callback.call(this,b,c,a,f,c.node),!0===g&&(d=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";new f.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:f, ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,autoopen:c.autoopen});d=!1}d&&!f.lock&&f.close()}var f=this;c=c||{};var h=document.createElement("div");h.className="litemenu-entry submenu";var k=!1;if(null===b)h.classList.add("separator");else{h.innerHTML=b&&b.title?b.title:a;if(h.value=b)b.disabled&&(k=!0,h.classList.add("disabled")),(b.submenu||b.has_submenu)&&h.classList.add("has_submenu");"function"==typeof b?(h.dataset.value=a,h.onclick_callback=b):h.dataset.value= b}this.root.appendChild(h);k||h.addEventListener("click",e);c.autoopen&&h.addEventListener("mouseenter",d);return h};n.prototype.close=function(a,b){this.root.parentNode&&this.root.parentNode.removeChild(this.root);this.parentMenu&&!b&&(this.parentMenu.lock=!1,this.parentMenu.current_submenu=null,void 0===a?this.parentMenu.close():a&&!n.isCursorOverElement(a,this.parentMenu.root)&&n.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0)};n.trigger=function(a, b,c,d){var e=document.createEvent("CustomEvent");e.initCustomEvent(b,!0,!0,c);e.srcElement=d;a.dispatchEvent?a.dispatchEvent(e):a.__events&&a.__events.dispatchEvent(e);return e};n.prototype.getTopMenu=function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this};n.prototype.getFirstEvent=function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event};n.isCursorOverElement=function(a,b){var c=a.pageX,d=a.pageY,e=b.getBoundingClientRect(); return e?d>e.top&&de.left&&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 b=this.value,b=b-0.01*(a[1]-this.oldmouse[1]);1b&&(b=0);this.value=b;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,b){if("increase"==b.name)this.onPropertyChanged("size",this.properties.size+10);else if("decrease"==b.name)this.onPropertyChanged("size",this.properties.size-10)};d.prototype.onPropertyChanged=function(a,b){if("wcolor"==a)this.properties[a]= b;else if("size"==a)b=parseInt(b),this.properties[a]=b,this.size=[b+4,b+24],this.setDirtyCanvas(!0,!0);else if("min"==a||"max"==a||"value"==a)this.properties[a]=parseFloat(b);else return!1;return!0};LiteGraph.registerNodeType("widget/knob",d);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 b=this.value,b=b+(a[0]-this.oldmouse[0])/this.size[0];1b&&(b=0);this.value=b;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,b){if("wcolor"==a)this.properties[a]=b;else return!1; return!0};LiteGraph.registerNodeType("widget/hslider",f);h.title="Progress";h.desc="Shows data in linear progress";h.prototype.onExecute=function(){var a=this.getInputData(0);void 0!=a&&(this.properties.value=a)};h.prototype.onDrawForeground=function(a){a.lineWidth=1;a.fillStyle=this.properties.wcolor;var b=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),b=Math.min(1,b),b=Math.max(0,b);a.fillRect(2,2,(this.size[0]-4)*b,this.size[1]-4)};LiteGraph.registerNodeType("widget/progress", h);n.title="Text";n.desc="Shows the input value";n.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"led_text",text:"LED",type:"minibutton"},{name:"normal_text",text:"Normal",type:"minibutton"}];n.prototype.onDrawForeground=function(a){a.fillStyle=this.properties.color;var b=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 c=this.properties.fontsize; a.textAlign=this.properties.align;a.font=c.toString()+"px "+this.properties.font;this.str="number"==typeof b?b.toFixed(this.properties.decimals):b;if("string"==typeof this.str){var b=this.str.split("\\n"),d;for(d in b)a.fillText(b[d],"left"==this.properties.align?15:this.size[0]-15,-0.15*c+c*(parseInt(d)+1))}a.shadowColor="transparent";this.last_ctx=a;a.textAlign="left"};n.prototype.onExecute=function(){var a=this.getInputData(0);this.properties.value=null!=a?a:"";this.setDirtyCanvas(!0)};n.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 b=0,c;for(c in a){var d=this.last_ctx.measureText(a[c]).width;bh;h++)if(e[h]){d=e[h];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(h=0;h","string",{values:w.values}); this.size=[60,40]}function p(){this.addInput("inc","number");this.addOutput("total","number");this.addProperty("increment",1);this.addProperty("value",0)}function q(){this.addInput("v","number");this.addOutput("sin","number");this.addProperty("amplitude",1);this.addProperty("offset",0);this.bgImageUrl="nodes/imgs/icon-sin.png"}function v(){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",u);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);r.title="Compare";r.desc="compares between two values";r.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)}}};r.prototype.onGetOutputs=function(){return[["A==B","boolean"],["A!=B","boolean"],["A>B","boolean"],["A=B","boolean"],["A<=B","boolean"]]};LiteGraph.registerNodeType("math/compare",r);w.values="> < == != <= >=".split(" ");w["@OP"]={type:"enum",title:"operation",values:w.values};w.title="Condition";w.desc="evaluates condition between A and B"; w.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",w);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);q.title="Trigonometry";q.desc="Sin Cos Tan";q.filter="shader";q.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.amplitude,c=this.findInputSlot("amplitude");-1!=c&&(b= this.getInputData(c));var d=this.properties.offset,c=this.findInputSlot("offset");-1!=c&&(d=this.getInputData(c));for(var c=0,e=this.outputs.length;cXY";v.desc="vector 2 to components";v.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",v);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&&(s=function(){this.addOutput("quat","quat");this.properties={x:0,y:0,z:0,w:1};this._value=quat.create()},s.title="Quaternion",s.desc="quaternion",s.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",s),s=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()},s.title="Rotation",s.desc="quaternion rotation",s.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",s),s=function(){this.addInputs([["vec3","vec3"],["quat","quat"]]);this.addOutput("result","vec3");this.properties={vec:[0,0,1]}},s.title="Rot. Vec3",s.desc="rotate a point",s.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",s),s=function(){this.addInputs([["A","quat"],["B","quat"]]);this.addOutput("A*B","quat");this._value=quat.create()},s.title="Mult. Quat",s.desc="rotate quaternion",s.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",s),s=function(){this.addInputs([["A","quat"],["B","quat"],["factor", "number"]]);this.addOutput("slerp","quat");this.addProperty("factor",0.5);this._value=quat.create()},s.title="Quat Slerp",s.desc="quaternion spherical interpolation",s.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",s))})(); 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;dc&&(c=0);if(0!=a.length){var d=[0,0,0];if(0==c)d=a[0];else if(1==c)d=a[a.length-1];else{var e=(a.length-1)*c,c=a[Math.floor(e)],a=a[Math.floor(e)+1],e=e-Math.floor(e);d[0]=c[0]*(1-e)+a[0]*e;d[1]=c[1]*(1-e)+a[1]*e;d[2]=c[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",d);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,c){if("resize"==c.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"==c.name&&this.show()};f.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};LiteGraph.registerNodeType("graphics/frame",f);h.title="Image fade";h.desc="Fades between images";h.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];h.prototype.onAdded=function(){this.createCanvas();var a=this.canvas.getContext("2d");a.fillStyle="#000";a.fillRect(0,0,this.properties.width, this.properties.height)};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.canvas.getContext("2d");this.canvas.width=this.canvas.width;var c=this.getInputData(0);null!=c&&a.drawImage(c,0,0,this.canvas.width,this.canvas.height);c=this.getInputData(2);null==c?c=this.properties.fade:this.properties.fade=c;a.globalAlpha=c;c=this.getInputData(1); null!=c&&a.drawImage(c,0,0,this.canvas.width,this.canvas.height);a.globalAlpha=1;this.setOutputData(0,this.canvas);this.setDirtyCanvas(!0)};LiteGraph.registerNodeType("graphics/imagefade",h);n.title="Crop";n.desc="Crop Image";n.prototype.onAdded=function(){this.createCanvas()};n.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};n.prototype.onExecute=function(){var 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))};n.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])};n.prototype.onPropertyChanged=function(a,c){this.properties[a]=c;"scale"==a?(this.properties[a]=parseFloat(c), 0==this.properties[a]&&(this.trace("Error in scale"),this.properties[a]=1)):this.properties[a]=parseInt(c);this.createCanvas();return!0};LiteGraph.registerNodeType("graphics/cropImage",n);k.title="Video";k.desc="Video playback";k.widgets=[{name:"play",text:"PLAY",type:"minibutton"},{name:"stop",text:"STOP",type:"minibutton"},{name:"demo",text:"Demo video",type:"button"},{name:"mute",text:"Mute video",type:"button"}];k.prototype.onExecute=function(){if(this.properties.url&&(this.properties.url!=this._video_url&& this.loadVideo(this.properties.url),this._video&&0!=this._video.width)){var a=this.getInputData(0);a&&0<=a&&1>=a&&(this._video.currentTime=a*this._video.duration,this._video.pause());this._video.dirty=!0;this.setOutputData(0,this._video);this.setOutputData(1,this._video.currentTime);this.setOutputData(2,this._video.duration);this.setDirtyCanvas(!0)}};k.prototype.onStart=function(){this.play()};k.prototype.onStop=function(){this.stop()};k.prototype.loadVideo=function(a){this._video_url=a;this._video= document.createElement("video");this._video.src=a;this._video.type="type=video/mp4";this._video.muted=!0;this._video.autoplay=!0;var c=this;this._video.addEventListener("loadedmetadata",function(a){c.trace("Duration: "+this.duration+" seconds");c.trace("Size: "+this.videoWidth+","+this.videoHeight);c.setDirtyCanvas(!0);this.width=this.videoWidth;this.height=this.videoHeight});this._video.addEventListener("progress",function(a){});this._video.addEventListener("error",function(a){console.log("Error loading video: "+ this.src);c.trace("Error loading video: "+this.src);if(this.error)switch(this.error.code){case this.error.MEDIA_ERR_ABORTED:c.trace("You stopped the video.");break;case this.error.MEDIA_ERR_NETWORK:c.trace("Network error - please try again later.");break;case this.error.MEDIA_ERR_DECODE:c.trace("Video is broken..");break;case this.error.MEDIA_ERR_SRC_NOT_SUPPORTED:c.trace("Sorry, your browser can't play this video.")}});this._video.addEventListener("ended",function(a){c.trace("Ended.");this.play()})}; k.prototype.onPropertyChanged=function(a,c){this.properties[a]=c;"url"==a&&""!=c&&this.loadVideo(c);return!0};k.prototype.play=function(){this._video&&this._video.play()};k.prototype.playPause=function(){this._video&&(this._video.paused?this.play():this.pause())};k.prototype.stop=function(){this._video&&(this._video.pause(),this._video.currentTime=0)};k.prototype.pause=function(){this._video&&(this.trace("Video paused"),this._video.pause())};k.prototype.onWidget=function(a,c){};LiteGraph.registerNodeType("graphics/video", k);a.title="Webcam";a.desc="Webcam image";a.prototype.openStream=function(){function a(b){console.log("Webcam rejected",b);c._webcam_stream=!1;c.box_color="red"}navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;window.URL=window.URL||window.webkitURL;if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.getUserMedia({video:!0},this.streamReady.bind(this),a);var c=this}};a.prototype.onRemoved=function(){this._webcam_stream&& (this._webcam_stream.stop(),this._video=this._webcam_stream=null)};a.prototype.streamReady=function(a){this._webcam_stream=a;var c=this._video;c||(c=document.createElement("video"),c.autoplay=!0,c.src=window.URL.createObjectURL(a),this._video=c,c.onloadedmetadata=function(a){console.log(a)})};a.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))};a.prototype.getExtraMenuOptions=function(a){var c=this;return[{content:c.properties.show?"Hide Frame":"Show Frame",callback:function(){c.properties.show=!c.properties.show}}]};a.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",a)})();var LGraphTexture; if("undefined"!=typeof LiteGraph){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 f=e;"http://"==f.substr(0,7)&&LiteGraph.proxy&&(f=LiteGraph.proxy+f.substr(7));return LGraphTexture.getTexturesContainer()[e]=GL.Texture.fromURL(f, 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,f){if(!e)throw"LGraphTexture.getTargetTexture expects a reference texture";var h=null;switch(f){case LGraphTexture.LOW:h=gl.UNSIGNED_BYTE;break;case LGraphTexture.HIGH:h=gl.HIGH_PRECISION_FORMAT;break;case LGraphTexture.REUSE:return e;default:h=e?e.type:gl.UNSIGNED_BYTE}d&& d.width==e.width&&d.height==e.height&&d.type==h||(d=new GL.Texture(e.width,e.height,{type:h,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,f){if(e){var h=null;"string"==typeof e? h=GL.Texture.fromURL(e):-1!=d.toLowerCase().indexOf(".dds")?h=GL.Texture.fromDDSInMemory(e):(e=new Blob([f]),e=URL.createObjectURL(e),h=GL.Texture.fromURL(e));this._drop_texture=h;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,f=e;if(e.format==gl.DEPTH_COMPONENT)return null;if(e.width>d||e.height>d)f=this._preview_temp_tex,this._preview_temp_tex||(this._preview_temp_tex=f=new GL.Texture(d,d,{minFilter:gl.NEAREST})),e.copyTo(f);e=this._preview_canvas; e||(this._preview_canvas=e=createCanvas(d,d));f&&f.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.allow_preview=!1;LGraphTexturePreview.prototype.onDrawBackground=function(e){if(!this.flags.collapsed&&(e.webgl||LGraphTexturePreview.allow_preview)){var d=this.getInputData(0);if(d){var f=null,f=!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(f,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.storeTexture? LGraphTexture.storeTexture(this.properties.name,e):LGraphTexture.getTexturesContainer()[this.properties.name]=e),this.setOutputData(0,e))};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 f=512,h=512;e?(f=e.width,h=e.height):d&&(f=d.width,h=d.height);this._tex=e||this._tex?LGraphTexture.getTargetTexture(e||this._tex,this._tex,this.properties.precision):new GL.Texture(f,h,{type:this.precision===LGraphTexture.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT,format:gl.RGBA,filter:gl.LINEAR});var n="";this.properties.uvcode&&(n="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(n=this.properties.uvcode)); var k="";this.properties.pixelcode&&(k="result = "+this.properties.pixelcode,-1!=this.properties.pixelcode.indexOf(";")&&(k=this.properties.pixelcode));var a=this._shader;if(!a||this._shader_code!=n+"|"+k){try{this._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureOperation.pixel_shader,{UV_CODE:n,PIXEL_CODE:k}),this.boxcolor="#00FF00"}catch(b){console.log("Error compiling shader: ",b);this.boxcolor="#FF0000";return}this.boxcolor="#FF0000";this._shader_code=n+"|"+k;a=this._shader}if(a){this.boxcolor= "green";var c=this.getInputData(2);null!=c?this.properties.value=c:c=parseFloat(this.properties.value);var g=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 b=Mesh.getScreenQuad();a.uniforms({u_texture:0,u_textureB:1,value:c,texSize:[f,h],time:g}).draw(b)});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 = v_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.onPropertyChanged=function(e,d){if("code"==e){var f=this.getShader();if(f){var h=f.uniformInfo;if(this.inputs)for(var n={},k=0;k>1||0;h=h>>1||0;b=GL.Texture.getTemporary(f,h,e);c.push(b);a.setParameter(GL.TEXTURE_MAG_FILTER,GL.NEAREST);a.copyTo(b, d,g);if(1==f&&1==h)break;a=b}this._texture=c.pop();for(l=0;lf;++f)d[f]=Math.random();LGraphTextureAverage._shader.uniforms({u_samples_a:d.subarray(0,16),u_samples_b:d.subarray(16,32)})}d=this._temp_texture;f=this.properties.low_precision?gl.UNSIGNED_BYTE:e.type;d&&d.type==f||(this._temp_texture=new GL.Texture(1, 1,{type:f,format:gl.RGBA,filter:gl.NEAREST}));var h=LGraphTextureAverage._shader,n=this._uniforms;n.u_mipmap_offset=this.properties.mipmap_offset;this._temp_texture.drawTo(function(){e.toViewport(h,n)});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\tuniform float u_mipmap_offset;\n\t\t\tvarying vec2 v_coord;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = vec4(0.0);\n\t\t\t\tfor(int i = 0; i < 4; ++i)\n\t\t\t\t\tfor(int j = 0; j < 4; ++j)\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( u_samples_a[i][j], u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], 1.0 - u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\t}\n\t\t\t gl_FragColor = color * 0.03125;\n\t\t\t}\n\t\t\t"; 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,f=e.videoHeight||e.height;if(e.gltexture)this.setOutputData(0,e.gltexture);else{var h=this._temp_texture; h&&h.width==d&&h.height==f||(this._temp_texture=new GL.Texture(d,f,{format:gl.RGBA,filter:gl.LINEAR}));try{this._temp_texture.uploadImage(e)}catch(n){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 f=this.properties.intensity;this.isInputConnected(2)&& (this.properties.intensity=f=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:f})});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"; 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,f=0;4>f;f++)this.isOutputConnected(f)?(this._channels[f]&&this._channels[f].width==e.width&&this._channels[f].height==e.height&&this._channels[f].type==e.type||(this._channels[f]=new GL.Texture(e.width,e.height,{type:e.type,format:gl.RGBA,filter:gl.LINEAR})),d++):this._channels[f]=null;if(d){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);for(var h=Mesh.getScreenQuad(), n=LGraphTextureChannels._shader,k=[[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(){e.bind(0);n.uniforms({u_texture:0,u_mask:k[f]}).draw(h)}),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(),f=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);f.uniforms({u_textureR:0,u_textureG:1,u_textureB:2,u_textureA:3}).draw(d)}); 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,f=this.getInputData(0);f||(f=this.properties.A);var h=this.getInputData(1);h||(h=this.properties.B);for(var n=2;n< this.inputs.length;n++){var k=this.inputs[n],a=this.getInputData(n);void 0!==a&&(this.properties[k.name]=a)}var b=this._uniforms;this._uniforms.u_angle=this.properties.angle*DEG2RAD;this._uniforms.u_scale=this.properties.scale;vec3.copy(b.u_colorA,f);vec3.copy(b.u_colorB,h);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(){d.uniforms(b).draw(e)});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),f=this.getInputData(2);if(e&&d&&f){this._tex=LGraphTexture.getTargetTexture(e,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var h=Mesh.getScreenQuad(),n=LGraphTextureMix._shader;this._tex.drawTo(function(){e.bind(0); d.bind(1);f.bind(2);n.uniforms({u_textureA:0,u_textureB:1,u_textureMix:2}).draw(h)});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(),f=LGraphTextureEdges._shader,h=this.properties.invert,n=this.properties.factor;this._tex.drawTo(function(){e.bind(0);f.uniforms({u_texture:0,u_isize:[1/ e.width,1/e.height],u_factor:n,u_invert:h?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.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 f=this.properties.distance;this.isInputConnected(1)&&(f=this.getInputData(1),this.properties.distance=f);var h=this.properties.range;this.isInputConnected(2)&& (h=this.getInputData(2),this.properties.range=h);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var n=Mesh.getScreenQuad();LGraphTextureDepthRange._shader||(LGraphTextureDepthRange._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureDepthRange.pixel_shader));var k=LGraphTextureDepthRange._shader,a=[LS.Renderer._current_camera.near,LS.Renderer._current_camera.far];this._temp_texture.drawTo(function(){e.bind(0);k.uniforms({u_texture:0,u_distance:f,u_range:h,u_camera_planes:a}).draw(n)}); 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 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 f=this.properties.intensity;this.isInputConnected(2)&&(f=this.getInputData(2),this.properties.intensity=f);var h=LiteGraph.camera_aspect;h||void 0===window.gl||(h=gl.canvas.height/gl.canvas.width);h||(h=1);for(var h=this.properties.preserve_aspect?h:1,n=this.properties.scale||[1,1],k=0;k=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,f=this._temp_texture;f&&f.width==e&&f.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", "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,f=Mesh.getScreenQuad(),h=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);h.uniforms(d).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.title="Cubemap";LGraphCubemap.prototype.onDropFile=function(e,d,f){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)} 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 f=this.properties.distortion;this.isInputConnected(2)&& (f=this.getInputData(2),this.properties.distortion=f);var h=this.properties.blur;this.isInputConnected(3)&&(h=this.getInputData(3),this.properties.blur=h);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var n=Mesh.getScreenQuad(),k=LGraphFXLens._shader;this._tex.drawTo(function(){e.bind(0);k.uniforms({u_texture:0,u_aberration:d,u_distortion:f,u_blur:h}).draw(n)});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),f=this.getInputData(2);if(e&&f&&this.properties.shape){d||(d=e);var h=LGraphTexture.getTexture(this.properties.shape);if(h){var n=this.properties.threshold;this.isInputConnected(3)&&(n=this.getInputData(3),this.properties.threshold=n);var k=gl.UNSIGNED_BYTE;this.properties.high_precision&&(k=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==k&&this._temp_texture.width==e.width&&this._temp_texture.height== e.height||(this._temp_texture=new GL.Texture(e.width,e.height,{type:k,format:gl.RGBA,filter:gl.LINEAR}));var a=LGraphFXBokeh._first_shader;a||(a=LGraphFXBokeh._first_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphFXBokeh._first_pixel_shader));var b=LGraphFXBokeh._second_shader;b||(b=LGraphFXBokeh._second_shader=new GL.Shader(LGraphFXBokeh._second_vertex_shader,LGraphFXBokeh._second_pixel_shader));var c=this._points_mesh;c&&c._width==e.width&&c._height==e.height&&2==c._spacing||(c=this.createPointsMesh(e.width, e.height,2));var g=Mesh.getScreenQuad(),l=this.properties.size,u=this.properties.alpha;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){e.bind(0);d.bind(1);f.bind(2);a.uniforms({u_texture:0,u_texture_blur:1,u_mask:2,u_texsize:[e.width,e.height]}).draw(g)});this._temp_texture.drawTo(function(){gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);e.bind(0);h.bind(3);b.uniforms({u_texture:0,u_mask:2,u_shape:3,u_alpha:u,u_threshold:n,u_pointSize:l,u_itexsize:[1/e.width,1/ e.height]}).draw(c,gl.POINTS)});this.setOutputData(0,this._temp_texture)}}else this.setOutputData(0,e)};LGraphFXBokeh.prototype.createPointsMesh=function(e,d,f){for(var h=Math.round(e/f),n=Math.round(d/f),k=new Float32Array(h*n*2),a=-1,b=2/e*f,c=2/d*f,g=0;g=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.getCC=function(){return this.data[1]};d.prototype.getCCValue=function(){return this.data[2]};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",a);b.title="MIDIEvent";b.desc="Create a MIDI Event";b.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))};b.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);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=p.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);r.prototype.onAdded=function(a){a.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback)};r["@code"]={widget:"code"};r.prototype.onStart=function(){this.audionode.onaudioprocess=this._callback};r.prototype.onStop=function(){this.audionode.onaudioprocess=r._bypass_function};r.prototype.onPause=function(){this.audionode.onaudioprocess=r._bypass_function};r.prototype.onUnpause= function(){this.audionode.onaudioprocess=this._callback};r.prototype.onExecute=function(){};r.prototype.onRemoved=function(){this.audionode.onaudioprocess=r._bypass_function};r.prototype.processCode=function(){try{this._script=new new Function("properties",this.properties.code)(this.properties),this._old_code=this.properties.code,this._callback=this._script.onaudioprocess}catch(a){console.error("Error in onaudioprocess code",a),this._callback=r._bypass_function,this.audionode.onaudioprocess=this._callback}}; r.prototype.onPropertyChanged=function(a,b){"code"==a&&(this.properties.code=b,this.processCode(),this.graph&&this.graph.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback))};r.default_function=function(){this.onaudioprocess=function(a){var b=a.inputBuffer;a=a.outputBuffer;for(var c=0;c