From 7b3fdebdd135cc38d097647abb3d9f3ec491ce69 Mon Sep 17 00:00:00 2001 From: tamat Date: Mon, 17 Dec 2018 19:36:37 +0100 Subject: [PATCH] custom widgets and subgraph fixes --- build/litegraph.js | 26 +- build/litegraph.min.js | 692 ++++++++++++++++++++--------------------- src/litegraph.js | 26 +- 3 files changed, 390 insertions(+), 354 deletions(-) diff --git a/build/litegraph.js b/build/litegraph.js index 17d309e6a..2743b8fcc 100644 --- a/build/litegraph.js +++ b/build/litegraph.js @@ -2672,6 +2672,14 @@ LGraphNode.prototype.addWidget = function( type, name, value, callback, options return w; } +LGraphNode.prototype.addCustomWidget = function( custom_widget ) +{ + if(!this.widgets) + this.widgets = []; + this.widgets.push(custom_widget); + return custom_widget; +} + /** * returns the bounding of the object, used for rendering purposes @@ -3633,11 +3641,17 @@ LGraphCanvas.prototype.closeSubgraph = function() { if(!this._graph_stack || this._graph_stack.length == 0) return; + var subraph_node = this.graph._subgraph_node; var graph = this._graph_stack.pop(); this.selected_nodes = {}; this.highlighted_links = {}; graph.attachCanvas(this); this.setDirty(true,true); + if( subraph_node ) + { + this.centerOnNode( subraph_node ); + this.selectNodes( [subraph_node] ); + } } /** @@ -5722,7 +5736,7 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) ctx.fillStyle = slot.color_on || this.default_connection_color.input_on; ctx.beginPath(); if ( slot.type === LiteGraph.EVENT || slot.shape === LiteGraph.BOX_SHAPE) { - ctx.rect(x + 0.5, y + 4 - LiteGraph.NODE_TITLE_HEIGHT * 0.5 + 0.5,14,LiteGraph.NODE_TITLE_HEIGHT - 8); + ctx.rect(x - 7 + 0.5, y + 4 - LiteGraph.NODE_TITLE_HEIGHT * 0.5 + 0.5,14,LiteGraph.NODE_TITLE_HEIGHT - 8); } else if (slot.shape === LiteGraph.ARROW_SHAPE) { ctx.moveTo(x + 8, y); ctx.lineTo(x + -4, y - 4); @@ -5747,7 +5761,7 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) ctx.strokeStyle = "black"; ctx.beginPath(); if (slot.type === LiteGraph.EVENT || slot.shape === LiteGraph.BOX_SHAPE) { - ctx.rect( x - 4 + 0.5, 4 - LiteGraph.NODE_TITLE_HEIGHT * 0.5 + 0.5,14,LiteGraph.NODE_TITLE_HEIGHT - 8); + ctx.rect( x - 7 + 0.5, y + 4 - LiteGraph.NODE_TITLE_HEIGHT * 0.5 + 0.5,14,LiteGraph.NODE_TITLE_HEIGHT - 8); } else if (slot.shape === LiteGraph.ARROW_SHAPE) { ctx.moveTo(x + 6, y); ctx.lineTo(x - 6, y - 4); @@ -5759,8 +5773,6 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) ctx.fill(); ctx.stroke(); } - - } if(node.flags.clip_area) @@ -6350,6 +6362,8 @@ LGraphCanvas.prototype.drawNodeWidgets = function( node, posY, ctx, active_widge } break; default: + if(w.draw) + w.draw(ctx,node,w,y,H); break; } posY += H + 4; @@ -6455,6 +6469,10 @@ LGraphCanvas.prototype.processNodeWidgets = function( node, pos, event, active_w if( event.type == "mousedown" ) this.prompt( "Value", w.value, (function(v){ this.value = v; if(w.callback) w.callback(v, that, node ); }).bind(w), event ); break; + default: + if( w.mouse ) + w.mouse( ctx, event, [x,y], node ); + break; } return w; diff --git a/build/litegraph.min.js b/build/litegraph.min.js index 5f4181c98..2d110cf8d 100755 --- a/build/litegraph.min.js +++ b/build/litegraph.min.js @@ -1,33 +1,33 @@ -(function(v){function h(a){l.debug&&console.log("Graph created");this.list_of_graphcanvas=null;this.clear();a&&this.configure(a)}function f(a){this._ctor(a)}function p(a){this._ctor(a)}function d(a,c,e){e=e||{};this.background_image="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII="; +(function(w){function h(a){l.debug&&console.log("Graph created");this.list_of_graphcanvas=null;this.clear();a&&this.configure(a)}function f(a){this._ctor(a)}function r(a){this._ctor(a)}function d(a,c,e){e=e||{};this.background_image="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII="; a&&a.constructor===String&&(a=document.querySelector(a));this.max_zoom=10;this.min_zoom=0.1;this.zoom_modify_alpha=!0;this.title_text_font="bold "+l.NODE_TEXT_SIZE+"px Arial";this.inner_text_font="normal "+l.NODE_SUBTEXT_SIZE+"px Arial";this.node_title_color=l.NODE_TITLE_COLOR;this.default_link_color=l.LINK_COLOR;this.default_connection_color={input_off:"#AAB",input_on:"#7F7",output_off:"#AAB",output_on:"#7F7"};this.highquality_render=!0;this.use_gradients=!1;this.editor_alpha=1;this.pause_rendering= !1;this.render_only_selected=this.clear_background=this.render_shadows=!0;this.live_mode=!1;this.allow_searchbox=this.allow_interaction=this.allow_dragnodes=this.allow_dragcanvas=this.show_info=!0;this.drag_mode=this.allow_reconnect_links=!1;this.filter=this.dragging_rectangle=null;this.always_render_background=!1;this.render_canvas_border=!0;this.render_connections_shadows=!1;this.render_connection_arrows=this.render_curved_connections=this.render_connections_border=!0;this.render_execution_order= -!1;this.canvas_mouse=[0,0];this.onDrawOverlay=this.onDrawForeground=this.onDrawBackground=this.onMouse=this.onSearchBoxSelection=this.onSearchBox=null;this.connections_width=3;this.round_radius=8;this.node_widget=this.current_node=null;this.last_mouse_position=[0,0];this.visible_area=new Float32Array(4);c&&c.attachCanvas(this);this.setCanvas(a);this.clear();e.skip_render||this.startRendering();this.autoresize=e.autoresize}function r(a,c){return Math.sqrt((c[0]-a[0])*(c[0]-a[0])+(c[1]-a[1])*(c[1]- -a[1]))}function t(a,c,e,s,g,m){return ea&&sc?!0:!1}function w(a,c){var e=a[0]+a[2],s=a[1]+a[3],g=c[1]+c[3];return a[0]>c[0]+c[2]||a[1]>g||ea&&tc?!0:!1}function x(a,c){var e=a[0]+a[2],t=a[1]+a[3],g=c[1]+c[3];return a[0]>c[0]+c[2]||a[1]>g||el.width-d.width-10&&(m=l.width-d.width-10);b>l.height-d.height-10&&(b=l.height-d.height-10)}g.style.left=m+"px";g.style.top=b+"px"}var l=v.LiteGraph={CANVAS_GRID_SIZE:10,NODE_TITLE_HEIGHT:20,NODE_SLOT_HEIGHT:15,NODE_WIDGET_HEIGHT:20,NODE_WIDTH:140,NODE_MIN_WIDTH:50,NODE_COLLAPSED_RADIUS:10,NODE_COLLAPSED_WIDTH:80, +"auto"},100);g.addEventListener("mouseup",function(a){a.preventDefault();return!0},!0);g.addEventListener("contextmenu",function(a){if(2!=a.button)return!1;a.preventDefault();return!1},!0);g.addEventListener("mousedown",function(a){if(2==a.button)return t.close(),a.preventDefault(),!0},!0);g.addEventListener("wheel",e,!0);g.addEventListener("mousewheel",e,!0);this.root=g;if(c.title){var b=document.createElement("div");b.className="litemenu-title";b.innerHTML=c.title;g.appendChild(b)}var b=0,p;for(p in a){var l= +a.constructor==Array?a[p]:p;null!=l&&l.constructor!==String&&(l=void 0===l.content?String(l):l.content);this.addItem(l,a[p],c);b++}g.addEventListener("mouseleave",function(a){t.lock||(g.closing_timer&&clearTimeout(g.closing_timer),g.closing_timer=setTimeout(t.close.bind(t,a),500))});g.addEventListener("mouseenter",function(a){g.closing_timer&&clearTimeout(g.closing_timer)});p=document;c.event&&(p=c.event.target.ownerDocument);p||(p=document);p.body.appendChild(g);b=c.left||0;p=c.top||0;if(c.event){b= +c.event.pageX-10;p=c.event.pageY-10;c.title&&(p-=20);c.parentMenu&&(b=c.parentMenu.root.getBoundingClientRect(),b=b.left+b.width);var l=document.body.getBoundingClientRect(),d=g.getBoundingClientRect();b>l.width-d.width-10&&(b=l.width-d.width-10);p>l.height-d.height-10&&(p=l.height-d.height-10)}g.style.left=b+"px";g.style.top=p+"px"}var l=w.LiteGraph={CANVAS_GRID_SIZE:10,NODE_TITLE_HEIGHT:20,NODE_SLOT_HEIGHT:15,NODE_WIDGET_HEIGHT:20,NODE_WIDTH:140,NODE_MIN_WIDTH:50,NODE_COLLAPSED_RADIUS:10,NODE_COLLAPSED_WIDTH:80, NODE_TITLE_COLOR:"#999",NODE_TEXT_SIZE:14,NODE_TEXT_COLOR:"#AAA",NODE_SUBTEXT_SIZE:12,NODE_DEFAULT_COLOR:"#333",NODE_DEFAULT_BGCOLOR:"#444",NODE_DEFAULT_BOXCOLOR:"#666",NODE_DEFAULT_SHAPE:"box",DEFAULT_SHADOW_COLOR:"rgba(0,0,0,0.5)",DEFAULT_GROUP_FONT:24,LINK_COLOR:"#AAD",EVENT_LINK_COLOR:"#F85",CONNECTING_LINK_COLOR:"#AFA",MAX_NUMBER_OF_NODES:1E3,DEFAULT_POSITION:[100,100],VALID_SHAPES:["default","box","round","card"],BOX_SHAPE:1,ROUND_SHAPE:2,CIRCLE_SHAPE:3,CARD_SHAPE:4,ARROW_SHAPE:5,INPUT:1,OUTPUT:2, EVENT:-1,ACTION:-1,ALWAYS:0,ON_EVENT:1,NEVER:2,ON_TRIGGER:3,UP:1,DOWN:2,LEFT:3,RIGHT:4,CENTER:5,NORMAL_TITLE:0,NO_TITLE:1,TRANSPARENT_TITLE:2,AUTOHIDE_TITLE:3,proxy:null,node_images_path:"",debug:!1,throw_errors:!0,allow_scripts:!1,registered_node_types:{},node_types_by_file_extension:{},Nodes:{},searchbox_extras:{},registerNodeType:function(a,c){if(!c.prototype)throw"Cannot register a simple object, it must be a class with a prototype";c.type=a;l.debug&&console.log("Node registered: "+a);a.split("/"); -var e=c.name,s=a.lastIndexOf("/");c.category=a.substr(0,s);c.title||(c.title=e);if(c.prototype)for(var g in f.prototype)c.prototype[g]||(c.prototype[g]=f.prototype[g]);Object.defineProperty(c.prototype,"shape",{set:function(a){switch(a){case "default":delete this._shape;break;case "box":this._shape=l.BOX_SHAPE;break;case "round":this._shape=l.ROUND_SHAPE;break;case "circle":this._shape=l.CIRCLE_SHAPE;break;case "card":this._shape=l.CARD_SHAPE;break;default:this._shape=a}},get:function(a){return this._shape}, -enumerable:!0});this.registered_node_types[a]=c;c.constructor.name&&(this.Nodes[e]=c);c.prototype.onPropertyChange&&console.warn("LiteGraph node class "+a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end");if(c.supported_extensions)for(g in c.supported_extensions)this.node_types_by_file_extension[c.supported_extensions[g].toLowerCase()]=c},wrapFunctionAsNode:function(a,c,e,s){for(var g=Array(c.length),m="",b=l.getParameterNames(c),d=0;dd&&(d=g.size[0]),l+=g.size[1]+a;c+=d+a}this.setDirtyCanvas(!0,!0)};h.prototype.getTime=function(){return this.globaltime};h.prototype.getFixedTime=function(){return this.fixedtime};h.prototype.getElapsedTime=function(){return this.elapsed_time};h.prototype.sendEventToAllNodes=function(a,c,e){e=e||l.ALWAYS;var b=this._nodes_in_order?this._nodes_in_order:this._nodes;if(b)for(var g=0,m=b.length;gp&&(p=g.size[0]),d+=g.size[1]+a;c+=p+a}this.setDirtyCanvas(!0,!0)};h.prototype.getTime=function(){return this.globaltime};h.prototype.getFixedTime=function(){return this.fixedtime};h.prototype.getElapsedTime=function(){return this.elapsed_time};h.prototype.sendEventToAllNodes=function(a,c,e){e=e||l.ALWAYS;var b=this._nodes_in_order?this._nodes_in_order:this._nodes;if(b)for(var g=0,m=b.length;g=l.MAX_NUMBER_OF_NODES)throw"LiteGraph: max number of nodes in a graph reached";null==a.id||-1==a.id?a.id=++this.last_node_id:this.last_node_ida.length|| +[];if(e){g=0;for(m=e.length;ga.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.flags={}};f.prototype.configure=function(a){this.graph&&this.graph._version++;for(var c in a)if("console"!=c)if("properties"==c)for(var e in a.properties){if(this.properties[e]=a.properties[e],this.onPropertyChanged)this.onPropertyChanged(e,a.properties[e])}else null!=a[c]&&("object"==typeof a[c]? this[c]&&this[c].configure?this[c].configure(a[c]):this[c]=l.cloneObject(a[c],this[c]):this[c]=a[c]);a.title||(this.title=this.constructor.title);if(this.onConnectionsChange){if(this.inputs)for(var b=0;ba&&this.pos[1]-g- -ec)return!0;return!1};f.prototype.getSlotInPosition=function(a,c){var e=new Float32Array(2);if(this.inputs)for(var b=0,g=this.inputs.length;b=this.outputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),null;c&&c.constructor===Number&&(c=this.graph.getNodeById(c));if(!c)throw"target node is null";if(c==this)return null;if(e.constructor===String){if(e=c.findInputSlot(e),-1==e)return l.debug&&console.log("Connect: Error, no slot of name "+e),null}else{if(e===l.EVENT)return null; -if(!c.inputs||e>=c.inputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),null}null!=c.inputs[e].link&&c.disconnectInput(e);var b=this.outputs[a];if(c.onConnectInput&&!1===c.onConnectInput(e,b.type,b))return null;var g=c.inputs[e],m=null;if(l.isValidConnection(b.type,g.type)){m={id:this.graph.last_link_id++,type:g.type,origin_id:this.id,origin_slot:a,target_id:c.id,target_slot:e};this.graph.links[m.id]=m;null==b.links&&(b.links=[]);b.links.push(m.id);c.inputs[e].link=m.id; -this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(l.OUTPUT,a,!0,m,b);if(c.onConnectionsChange)c.onConnectionsChange(l.INPUT,e,!0,m,g);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(l.INPUT,c,e,this,a),this.graph.onNodeConnectionChange(l.OUTPUT,this,a,c,e))}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this,m);return m};f.prototype.disconnectOutput=function(a,c){if(a.constructor===String){if(a=this.findOutputSlot(a),-1== -a)return l.debug&&console.log("Connect: Error, no slot of name "+a),!1}else if(!this.outputs||a>=this.outputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),!1;var e=this.outputs[a];if(!e||!e.links||0==e.links.length)return!1;if(c){c.constructor===Number&&(c=this.graph.getNodeById(c));if(!c)throw"Target Node not found";for(var b=0,g=e.links.length;b=this.inputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),!1;var c=this.inputs[a];if(!c)return!1;var e=this.inputs[a].link;this.inputs[a].link= -null;var b=this.graph.links[e];if(b){var g=this.graph.getNodeById(b.origin_id);if(!g)return!1;var m=g.outputs[b.origin_slot];if(!m||!m.links||0==m.links.length)return!1;for(var d=0,n=m.links.length;dc&&this.inputs[c].pos)return e[0]=this.pos[0]+this.inputs[c].pos[0],e[1]=this.pos[1]+this.inputs[c].pos[1],e;if(!a&&b>c&&this.outputs[c].pos)return e[0]=this.pos[0]+this.outputs[c].pos[0],e[1]=this.pos[1]+this.outputs[c].pos[1],e;if(this.flags.horizontal)return e[0]=this.pos[0]+this.size[0]/b*(c+0.5),e[1]=a?this.pos[1]-l.NODE_TITLE_HEIGHT:this.pos[1]+this.size[1],e;e[0]=a?this.pos[0]:this.pos[0]+ -this.size[0]+1;e[1]=this.pos[1]+10+c*l.NODE_SLOT_HEIGHT+(this.constructor.slot_start_y||0);return e};f.prototype.alignToGrid=function(){this.pos[0]=l.CANVAS_GRID_SIZE*Math.round(this.pos[0]/l.CANVAS_GRID_SIZE);this.pos[1]=l.CANVAS_GRID_SIZE*Math.round(this.pos[1]/l.CANVAS_GRID_SIZE)};f.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>f.MAX_CONSOLE&&this.console.shift();this.graph.onNodeTrace(this,a)};f.prototype.setDirtyCanvas=function(a,c){this.graph&& -this.graph.sendActionToCanvas("setDirty",[a,c])};f.prototype.loadImage=function(a){var c=new Image;c.src=l.node_images_path+a;c.ready=!1;var e=this;c.onload=function(){this.ready=!0;e.setDirtyCanvas(!0)};return c};f.prototype.captureInput=function(a){if(this.graph&&this.graph.list_of_graphcanvas)for(var c=this.graph.list_of_graphcanvas,e=0;ea.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});Object.defineProperty(this,"size",{set:function(a){!a||2>a.length||(this._size[0]=Math.max(140,a[0]),this._size[1]=Math.max(80,a[1]))},get:function(){return this._size},enumerable:!0})}; -p.prototype.configure=function(a){this.title=a.title;this._bounding.set(a.bounding);this.color=a.color;this.font=a.font};p.prototype.serialize=function(){var a=this._bounding;return{title:this.title,bounding:[Math.round(a[0]),Math.round(a[1]),Math.round(a[2]),Math.round(a[3])],color:this.color,font:this.font}};p.prototype.move=function(a,c,e){this._pos[0]+=a;this._pos[1]+=c;if(!e)for(e=0;e element, you passed a "+ -a.localName;throw"This browser doesnt support Canvas";}null==(this.ctx=a.getContext("2d"))&&(a.webgl_enabled||console.warn("This canvas seems to be WebGL, enabling WebGL renderer"),this.enableWebGL());this._mousemove_callback=this.processMouseMove.bind(this);this._mouseup_callback=this.processMouseUp.bind(this);c||this.bindEvents()}};d.prototype._doNothing=function(a){a.preventDefault();return!1};d.prototype._doReturnTrue=function(a){a.preventDefault();return!0};d.prototype.bindEvents=function(){if(this._events_binded)console.warn("LGraphCanvas: events already binded"); -else{var a=this.canvas,c=this.getCanvasWindow().document;this._mousedown_callback=this.processMouseDown.bind(this);this._mousewheel_callback=this.processMouseWheel.bind(this);a.addEventListener("mousedown",this._mousedown_callback,!0);a.addEventListener("mousemove",this._mousemove_callback);a.addEventListener("mousewheel",this._mousewheel_callback,!1);a.addEventListener("contextmenu",this._doNothing);a.addEventListener("DOMMouseScroll",this._mousewheel_callback,!1);a.addEventListener("touchstart", -this.touchHandler,!0);a.addEventListener("touchmove",this.touchHandler,!0);a.addEventListener("touchend",this.touchHandler,!0);a.addEventListener("touchcancel",this.touchHandler,!0);this._key_callback=this.processKey.bind(this);a.addEventListener("keydown",this._key_callback,!0);c.addEventListener("keyup",this._key_callback,!0);this._ondrop_callback=this.processDrop.bind(this);a.addEventListener("dragover",this._doNothing,!1);a.addEventListener("dragend",this._doNothing,!1);a.addEventListener("drop", -this._ondrop_callback,!1);a.addEventListener("dragenter",this._doReturnTrue,!1);this._events_binded=!0}};d.prototype.unbindEvents=function(){if(this._events_binded){var a=this.getCanvasWindow().document;this.canvas.removeEventListener("mousedown",this._mousedown_callback);this.canvas.removeEventListener("mousewheel",this._mousewheel_callback);this.canvas.removeEventListener("DOMMouseScroll",this._mousewheel_callback);this.canvas.removeEventListener("keydown",this._key_callback);a.removeEventListener("keyup", -this._key_callback);this.canvas.removeEventListener("contextmenu",this._doNothing);this.canvas.removeEventListener("drop",this._ondrop_callback);this.canvas.removeEventListener("dragenter",this._doReturnTrue);this.canvas.removeEventListener("touchstart",this.touchHandler);this.canvas.removeEventListener("touchmove",this.touchHandler);this.canvas.removeEventListener("touchend",this.touchHandler);this.canvas.removeEventListener("touchcancel",this.touchHandler);this._ondrop_callback=this._key_callback= -this._mousewheel_callback=this._mousedown_callback=null;this._events_binded=!1}else console.warn("LGraphCanvas: no events binded")};d.getFileExtension=function(a){var c=a.indexOf("?");-1!=c&&(a=a.substr(0,c));c=a.lastIndexOf(".");return-1==c?"":a.substr(c+1).toLowerCase()};d.prototype.enableWebGL=function(){if(void 0===typeof GL)throw"litegl.js must be included to use a WebGL canvas";if(void 0===typeof enableWebGLCanvas)throw"webglCanvas.js must be included to use this feature";this.gl=this.ctx=enableWebGLCanvas(this.canvas); -this.ctx.webgl=!0;this.bgcanvas=this.canvas;this.bgctx=this.gl;this.canvas.webgl_enabled=!0};d.prototype.setDirty=function(a,c){a&&(this.dirty_canvas=!0);c&&(this.dirty_bgcanvas=!0)};d.prototype.getCanvasWindow=function(){if(!this.canvas)return window;var a=this.canvas.ownerDocument;return a.defaultView||a.parentWindow};d.prototype.startRendering=function(){function a(){this.pause_rendering||this.draw();var c=this.getCanvasWindow();this.is_rendering&&c.requestAnimationFrame(a.bind(this))}this.is_rendering|| -(this.is_rendering=!0,a.call(this))};d.prototype.stopRendering=function(){this.is_rendering=!1};d.prototype.processMouseDown=function(a){if(this.graph){this.adjustMouseEvent(a);var c=this.getCanvasWindow();d.active_canvas=this;this.canvas.removeEventListener("mousemove",this._mousemove_callback);c.document.addEventListener("mousemove",this._mousemove_callback,!0);c.document.addEventListener("mouseup",this._mouseup_callback,!0);var e=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes,5), -b=!1,g=300>l.getTime()-this.last_mouseclick;this.canvas_mouse[0]=a.canvasX;this.canvas_mouse[1]=a.canvasY;l.closeAllContextMenus(c);if(!this.onMouse||!0!=this.onMouse(a)){if(1==a.which){a.ctrlKey&&(this.dragging_rectangle=new Float32Array(4),this.dragging_rectangle[0]=a.canvasX,this.dragging_rectangle[1]=a.canvasY,this.dragging_rectangle[2]=1,this.dragging_rectangle[3]=1,b=!0);var m=!1;if(e&&this.allow_interaction&&!b){this.live_mode||e.flags.pinned||this.bringToFront(e);if(!this.connecting_node&& -!e.flags.collapsed&&!this.live_mode)if(!b&&!1!==e.flags.resizable&&t(a.canvasX,a.canvasY,e.pos[0]+e.size[0]-5,e.pos[1]+e.size[1]-5,10,10))this.resizing_node=e,this.canvas.style.cursor="se-resize",b=!0;else{if(e.outputs)for(var n=0,q=e.outputs.length;nr([a.canvasX, -a.canvasY],[this.selected_group.pos[0]+this.selected_group.size[0],this.selected_group.pos[1]+this.selected_group.size[1]])*this.scale?this.selected_group_resizing=!0:this.selected_group.recomputeInsideNodes()),g&&this.showSearchBox(a),m=!0;!b&&m&&this.allow_dragcanvas&&(this.dragging_canvas=!0)}else 2!=a.which&&3==a.which&&this.processContextMenu(e,a);this.last_mouse[0]=a.localX;this.last_mouse[1]=a.localY;this.last_mouseclick=l.getTime();this.last_mouse_dragging=!0;this.graph.change();(!c.document.activeElement|| -"input"!=c.document.activeElement.nodeName.toLowerCase()&&"textarea"!=c.document.activeElement.nodeName.toLowerCase())&&a.preventDefault();a.stopPropagation();if(this.onMouseDown)this.onMouseDown(a);return!1}}};d.prototype.processMouseMove=function(a){this.autoresize&&this.resize();if(this.graph){d.active_canvas=this;this.adjustMouseEvent(a);var c=[a.localX,a.localY],e=[c[0]-this.last_mouse[0],c[1]-this.last_mouse[1]];this.last_mouse=c;this.canvas_mouse[0]=a.canvasX;this.canvas_mouse[1]=a.canvasY; -a.dragging=this.last_mouse_dragging;this.node_widget&&(this.processNodeWidgets(this.node_widget[0],this.canvas_mouse,a,this.node_widget[1]),this.dirty_canvas=!0);if(this.dragging_rectangle)this.dragging_rectangle[2]=a.canvasX-this.dragging_rectangle[0],this.dragging_rectangle[3]=a.canvasY-this.dragging_rectangle[1],this.dirty_canvas=!0;else if(this.selected_group)this.selected_group_resizing?this.selected_group.size=[a.canvasX-this.selected_group.pos[0],a.canvasY-this.selected_group.pos[1]]:(this.selected_group.move(e[0]/ -this.scale,e[1]/this.scale,a.ctrlKey),this.selected_group._nodes.length&&(this.dirty_canvas=!0)),this.dirty_bgcanvas=!0;else if(this.dragging_canvas)this.offset[0]+=e[0]/this.scale,this.offset[1]+=e[1]/this.scale,this.dirty_bgcanvas=this.dirty_canvas=!0;else if(this.allow_interaction){this.connecting_node&&(this.dirty_canvas=!0);for(var b=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes),c=0,g=this.graph._nodes.length;cthis.dragging_rectangle[3]?this.dragging_rectangle[1]-g:this.dragging_rectangle[1];this.dragging_rectangle[0]=0>this.dragging_rectangle[2]?this.dragging_rectangle[0]-b:this.dragging_rectangle[0]; -this.dragging_rectangle[1]=m;this.dragging_rectangle[2]=b;this.dragging_rectangle[3]=g;g=[];for(m=0;ma.click_time&&this.deselectAllNodes();this.dirty_canvas=!0;this.dragging_canvas=!1;if(this.node_over&& -this.node_over.onMouseUp)this.node_over.onMouseUp(a,[a.canvasX-this.node_over.pos[0],a.canvasY-this.node_over.pos[1]],this);if(this.node_capturing_input&&this.node_capturing_input.onMouseUp)this.node_capturing_input.onMouseUp(a,[a.canvasX-this.node_capturing_input.pos[0],a.canvasY-this.node_capturing_input.pos[1]])}}else 2==a.which?(this.dirty_canvas=!0,this.dragging_canvas=!1):3==a.which&&(this.dirty_canvas=!0,this.dragging_canvas=!1);this.graph.change();a.stopPropagation();a.preventDefault();return!1}}; -d.prototype.processMouseWheel=function(a){if(this.graph&&this.allow_dragcanvas){var c=null!=a.wheelDeltaY?a.wheelDeltaY:-60*a.detail;this.adjustMouseEvent(a);var e=this.scale;0c&&(e*=1/1.1);this.setZoom(e,[a.localX,a.localY]);this.graph.change();a.preventDefault();return!1}};d.prototype.isOverNodeBox=function(a,c,e){var b=l.NODE_TITLE_HEIGHT;return t(c,e,a.pos[0]+2,a.pos[1]+2-b,b-4,b-4)?!0:!1};d.prototype.isOverNodeInput=function(a,c,e,b){if(a.inputs)for(var g=0,m=a.inputs.length;gthis.max_zoom?this.scale=this.max_zoom:this.scalee-this.graph._last_trigger_time)&&this.drawBackCanvas();(this.dirty_canvas||a)&&this.drawFrontCanvas();this.fps=this.render_time?1/this.render_time:0;this.frame+=1}};d.prototype.drawFrontCanvas=function(){this.dirty_canvas=!1;this.ctx||(this.ctx=this.bgcanvas.getContext("2d"));var a=this.ctx;if(a){a.start2D&&a.start2D();var c=this.canvas;a.restore();a.setTransform(1,0,0,1,0,0);this.dirty_area&&(a.save(),a.beginPath(),a.rect(this.dirty_area[0],this.dirty_area[1],this.dirty_area[2],this.dirty_area[3]), -a.clip());this.clear_background&&a.clearRect(0,0,c.width,c.height);this.bgcanvas==this.canvas?this.drawBackCanvas():a.drawImage(this.bgcanvas,0,0);if(this.onRender)this.onRender(c,a);this.show_info&&this.renderInfo(a);if(this.graph){a.save();a.scale(this.scale,this.scale);a.translate(this.offset[0],this.offset[1]);for(var c=this.computeVisibleNodes(null,this.visible_nodes),e=0;e> ";c.fillText(b+e.getTitle(),0.5*a.width,40);c.restore()}e=!1;this.onRenderBackground&&(e=this.onRenderBackground(a,c));c.restore();c.setTransform(1,0,0,1,0,0);if(this.graph){c.save();c.scale(this.scale,this.scale);c.translate(this.offset[0], -this.offset[1]);if(this.background_image&&0.5this.scale?c.fillRect(q[0],q[1],q[2],q[3]):h==l.ROUND_SHAPE||h==l.CARD_SHAPE?c.roundRect(q[0],q[1],q[2],q[3],this.round_radius,h==l.CARD_SHAPE?0:this.round_radius):h==l.CIRCLE_SHAPE&&c.arc(0.5*b[0],0.5*b[1],0.5*b[0],0,2*Math.PI),c.fill());c.shadowColor="transparent";a.bgImage&&a.bgImage.width&&c.drawImage(a.bgImage,0.5*(b[0]-a.bgImage.width),0.5*(b[1]-a.bgImage.height));a.bgImageUrl&&!a.bgImage&&(a.bgImage=a.loadImage(a.bgImageUrl));if(a.onDrawBackground)a.onDrawBackground(c,this, -this.canvas);if(B||p==l.TRANSPARENT_TITLE){if(p!=l.TRANSPARENT_TITLE){a.flags.collapsed&&(c.shadowColor=l.DEFAULT_SHADOW_COLOR);this.use_gradients?(f=d.gradients[n],f||(f=d.gradients[n]=c.createLinearGradient(0,0,400,0),f.addColorStop(0,n),f.addColorStop(1,"#000")),c.fillStyle=f):c.fillStyle=n;var C=c.globalAlpha;c.beginPath();h==l.BOX_SHAPE||0.5>this.scale?c.rect(0,-g,b[0]+1,g):h!=l.ROUND_SHAPE&&h!=l.CARD_SHAPE||c.roundRect(0,-g,b[0]+1,g,this.round_radius,a.flags.collapsed?this.round_radius:0);c.fill(); -c.shadowColor="transparent"}h==l.ROUND_SHAPE||h==l.CIRCLE_SHAPE||h==l.CARD_SHAPE?(0.5d[2]&&(d[0]+=d[2],d[2]=Math.abs(d[2]));0>d[3]&&(d[1]+=d[3],d[3]=Math.abs(d[3]));if(w(d,b)){var H=t.outputs[u],u=q.inputs[p];if(H&&u&&(t=H.dir||(t.flags.horizontal?l.DOWN:l.RIGHT),u=u.dir||(q.flags.horizontal?l.UP:l.LEFT),this.renderLink(a,A,G,r,!1,0,null,t,u),r&&r._last_time&&1E3>c-r._last_time)){var H=2-0.002*(c-r._last_time),I=a.globalAlpha;a.globalAlpha=I*H;this.renderLink(a,A,G,r,!0,H,"white",t,u);a.globalAlpha=I}}}}}}a.globalAlpha=1};d.prototype.renderLink=function(a,c,b,n,g,m,f, -h,q){if(this.highquality_render){h=h||l.RIGHT;q=q||l.LEFT;var p=r(c,b);this.render_connections_border&&0.6c[1]?0:Math.PI,a.save(),a.translate(g[0],g[1]),a.rotate(p),a.beginPath(),a.moveTo(-5,-5),a.lineTo(0,5),a.lineTo(5,-5),a.fill(),a.restore());if(m)for(m=0;5>m;++m)g=(0.001*l.getTime()+0.2*m)%1,g=this.computeConnectionPoint(c,b,g,h,q),a.beginPath(),a.arc(g[0],g[1],5,0,2*Math.PI),a.fill()}else a.beginPath(),a.moveTo(c[0],c[1]), -a.lineTo(b[0],b[1]),a.stroke()};d.prototype.computeConnectionPoint=function(a,c,b,d,g){d=d||l.RIGHT;g=g||l.LEFT;var m=r(a,c),n=[a[0],a[1]],f=[c[0],c[1]];switch(d){case l.LEFT:n[0]+=-0.25*m;break;case l.RIGHT:n[0]+=0.25*m;break;case l.UP:n[1]+=-0.25*m;break;case l.DOWN:n[1]+=0.25*m}switch(g){case l.LEFT:f[0]+=-0.25*m;break;case l.RIGHT:f[0]+=0.25*m;break;case l.UP:f[1]+=-0.25*m;break;case l.DOWN:f[1]+=0.25*m}d=(1-b)*(1-b)*(1-b);g=3*(1-b)*(1-b)*b;m=3*(1-b)*b*b;b*=b*b;return[d*a[0]+g*n[0]+m*f[0]+b*c[0], -d*a[1]+g*n[1]+m*f[1]+b*c[1]]};d.prototype.drawExecutionOrder=function(a){a.shadowColor="transparent";a.globalAlpha=0.25;a.textAlign="center";a.strokeStyle="white";a.globalAlpha=0.75;for(var c=this.visible_nodes,b=0;bp.last_y&& -mp.options.max&&(p.value=p.options.max);else if("mousedown"==b.type)if((d=p.options.values)&&d.constructor===Function&&(d=p.options.values(p,a)),g=40>g?-1:g>n-40?1:0,"number"==p.type)p.value+=0.1*g*(p.options.step||1),null!=p.options.min&&p.valuep.options.max&&(p.value=p.options.max);else if(g)b=d.indexOf(p.value)+g,b>=d.length&&(b=0),0>b&&(b=d.length-1),p.value=d[b];else{new l.ContextMenu(d, -{event:b,className:"dark",callback:r.bind(p)},h);var r=function(a,c,b){this.value=a;f.dirty_canvas=!0;return!1}}p.callback&&setTimeout(function(){this.callback(this.value,f,a,c)}.bind(p),20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==b.type&&(p.value=!p.value,p.callback&&setTimeout(function(){p.callback(p.value,f,a,c)},20));break;case "text":"mousedown"==b.type&&this.prompt("Value",p.value,function(c){this.value=c;p.callback&&p.callback(c,f,a)}.bind(p),b)}return p}}return null};d.prototype.drawGroups= -function(a,c){if(this.graph){var b=this.graph._groups;c.save();c.globalAlpha=0.5*this.editor_alpha;for(var d=0;db&&0.01>c.editor_alpha&&(clearInterval(d),1>b&&(c.live_mode=!0));1"+q+""+a+"",value:q});if(f.length)return new l.ContextMenu(f, -{event:b,callback:m,parentMenu:n,allow_html:!0,node:g},c),!1}};d.decodeHTML=function(a){var c=document.createElement("div");c.innerText=a;return c.innerHTML};d.onResizeNode=function(a,c,b,d,g){g&&(g.size=g.computeSize(),g.setDirtyCanvas(!0,!0))};d.onShowPropertyEditor=function(a,c,b,n,g){function m(){var c=l.value;"Number"==a.type?c=Number(c):"Boolean"==a.type&&(c=Boolean(c));g[h]=c;f.parentNode.removeChild(f);g.setDirtyCanvas(!0,!0)}var h=a.property||"title";c=g[h];var f=document.createElement("div"); -f.className="graphdialog";f.innerHTML="";f.querySelector(".name").innerText=h;var l=f.querySelector("input");l&&(l.value=c,l.addEventListener("blur",function(a){this.focus()}),l.addEventListener("keydown",function(a){13==a.keyCode&&(m(),a.preventDefault(),a.stopPropagation())}));c=d.active_canvas.canvas;b=c.getBoundingClientRect();var q=n=-20;b&&(n-=b.left,q-=b.top);event?(f.style.left=event.pageX+n+"px",f.style.top= -event.pageY+q+"px"):(f.style.left=0.5*c.width+n+"px",f.style.top=0.5*c.height+q+"px");f.querySelector("button").addEventListener("click",m);c.parentNode.appendChild(f)};d.prototype.prompt=function(a,c,b,n){var g=this;a=a||"";var m=document.createElement("div");m.className="graphdialog rounded";m.innerHTML=" ";m.close=function(){g.prompt_box=null;m.parentNode.removeChild(m)};m.addEventListener("mouseleave", -function(a){m.close()});g.prompt_box&&g.prompt_box.close();g.prompt_box=m;m.querySelector(".name").innerText=a;m.querySelector(".value").value=c;var f=m.querySelector("input");f.addEventListener("keydown",function(a){if(27==a.keyCode)m.close();else if(13==a.keyCode)b&&b(this.value),m.close();else return;a.preventDefault();a.stopPropagation()});m.querySelector("button").addEventListener("click",function(a){b&&b(f.value);g.setDirty(!0);m.close()});a=d.active_canvas.canvas;c=a.getBoundingClientRect(); -var h=-20,l=-20;c&&(h-=c.left,l-=c.top);n?(m.style.left=n.pageX+h+"px",m.style.top=n.pageY+l+"px"):(m.style.left=0.5*a.width+h+"px",m.style.top=0.5*a.height+l+"px");a.parentNode.appendChild(m);setTimeout(function(){f.focus()},10);return m};d.search_limit=-1;d.prototype.showSearchBox=function(a){function c(c){if(c)if(g.onSearchBoxSelection)g.onSearchBoxSelection(c,a,t);else{var b=l.searchbox_extras[c];b&&(c=b.type);if(c=l.createNode(c))c.pos=t.convertEventToCanvas(a),t.graph.add(c);if(b&&b.data){if(b.data.properties)for(var e in b.data.properties)c.addProperty(b.data.properties[e][0], -b.data.properties[e][0]);if(b.data.inputs)for(e in c.inputs=[],b.data.inputs)c.addOutput(b.data.inputs[e][0],b.data.inputs[e][1]);if(b.data.outputs)for(e in c.outputs=[],b.data.outputs)c.addOutput(b.data.outputs[e][0],b.data.outputs[e][1]);b.data.title&&(c.title=b.data.title);b.data.json&&c.configure(b.data.json)}}m.close()}function b(a){var c=p;p&&p.classList.remove("selected");p?(p=a?p.nextSibling:p.previousSibling)||(p=c):p=a?f.childNodes[0]:f.childNodes[f.childNodes.length];p&&(p.classList.add("selected"), -p.scrollIntoView())}function n(){function a(b,e){var g=document.createElement("div");h||(h=b);g.innerText=b;g.dataset.type=escape(b);g.className="litegraph lite-search-item";e&&(g.className+=" "+e);g.addEventListener("click",function(a){c(unescape(this.dataset.type))});f.appendChild(g)}q=null;var b=r.value;h=null;f.innerHTML="";if(b)if(g.onSearchBox){var e=g.onSearchBox(help,b,t);if(e)for(var A=0;Ad.search_limit))break}if(Array.prototype.filter)for(m=Object.keys(l.registered_node_types).filter(function(a){return-1!==a.toLowerCase().indexOf(b)}),A=0;Ad.search_limit);A++);else for(A in l.registered_node_types)if(-1!=A.indexOf(b)&&(a(A),-1!==d.search_limit&&e++>d.search_limit))break}}var g=this,m=document.createElement("div");m.className="litegraph litesearchbox graphdialog rounded"; -m.innerHTML="Search
";m.close=function(){g.search_box=null;m.parentNode.removeChild(m)};m.addEventListener("mouseleave",function(a){m.close()});g.search_box&&g.search_box.close();g.search_box=m;var f=m.querySelector(".helper"),h=null,q=null,p=null,r=m.querySelector("input");r&&(r.addEventListener("blur",function(a){this.focus()}),r.addEventListener("keydown",function(a){if(38==a.keyCode)b(!1);else if(40== -a.keyCode)b(!0);else if(27==a.keyCode)m.close();else if(13==a.keyCode)p?c(p.innerHTML):h?c(h):m.close();else{q&&clearInterval(q);q=setTimeout(n,10);return}a.preventDefault();a.stopPropagation()}));var t=d.active_canvas,w=t.canvas,u=w.getBoundingClientRect(),A=-20,G=-20;u&&(A-=u.left,G-=u.top);a?(m.style.left=a.pageX+A+"px",m.style.top=a.pageY+G+"px"):(m.style.left=0.5*w.width+A+"px",m.style.top=0.5*w.height+G+"px");w.parentNode.appendChild(m);r.focus();return m};d.prototype.showEditPropertyValue= -function(a,c,b){function d(){g(p.value)}function g(b){"number"==typeof a.properties[c]&&(b=Number(b));"array"==m&&(b=b.split(",").map(Number));a.properties[c]=b;a._graph&&a._graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(c,b);q.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[c]){b=b||{};var m="string";null!==a.properties[c]&&(m=typeof a.properties[c]);"object"==m&&a.properties[c].length&&(m="array");var n=null;a.getPropertyInfo&&(n=a.getPropertyInfo(c));if(a.properties_info)for(var f= -0;f";else if("enum"==m&&n.values){h=""}else if("boolean"== -m)h="";else{console.warn("unknown type: "+m);return}var q=this.createDialog(""+c+""+h+"",b);if("enum"==m&&n.values){var p=q.querySelector("select");p.addEventListener("change",function(a){g(a.target.value)})}else if("boolean"==m)(p=q.querySelector("input"))&&p.addEventListener("click",function(a){g(!!p.checked)});else if(p=q.querySelector("input"))p.addEventListener("blur", -function(a){this.focus()}),p.value=void 0!==a.properties[c]?a.properties[c]:"",p.addEventListener("keydown",function(a){13==a.keyCode&&(d(),a.preventDefault(),a.stopPropagation())});q.querySelector("button").addEventListener("click",d)}};d.prototype.createDialog=function(a,c){c=c||{};var b=document.createElement("div");b.className="graphdialog";b.innerHTML=a;var d=this.canvas.getBoundingClientRect(),g=-20,m=-20;d&&(g-=d.left,m-=d.top);c.position?(g+=c.position[0],m+=c.position[1]):c.event?(g+=c.event.pageX, -m+=c.event.pageY):(g+=0.5*this.canvas.width,m+=0.5*this.canvas.height);b.style.left=g+"px";b.style.top=m+"px";this.canvas.parentNode.appendChild(b);b.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return b};d.onMenuNodeCollapse=function(a,c,b,d,g){g.collapse()};d.onMenuNodePin=function(a,c,b,d,g){g.pin()};d.onMenuNodeMode=function(a,c,b,d,g){new l.ContextMenu(["Always","On Event","On Trigger","Never"],{event:b,callback:function(a){if(g)switch(a){case "On Event":g.mode=l.ON_EVENT; -break;case "On Trigger":g.mode=l.ON_TRIGGER;break;case "Never":g.mode=l.NEVER;break;default:g.mode=l.ALWAYS}},parentMenu:d,node:g});return!1};d.onMenuNodeColors=function(a,c,b,n,g){if(!g)throw"no node for color";c=[];c.push({value:null,content:"No color"});for(var m in d.node_colors)a=d.node_colors[m],a={value:m,content:""+m+""},c.push(a);new l.ContextMenu(c,{event:b,callback:function(a){g&&((a=a.value?d.node_colors[a.value]:null)?g.constructor===l.LGraphGroup?g.color=a.groupcolor:(g.color=a.color,g.bgcolor=a.bgcolor):(delete g.color,delete g.bgcolor),g.setDirtyCanvas(!0,!0))},parentMenu:n,node:g});return!1};d.onMenuNodeShapes=function(a,c,b,d,g){if(!g)throw"no node passed";new l.ContextMenu(l.VALID_SHAPES,{event:b,callback:function(a){g&&(g.shape=a,g.setDirtyCanvas(!0))},parentMenu:d,node:g});return!1}; -d.onMenuNodeRemove=function(a,c,b,d,g){if(!g)throw"no node passed";!1!==g.removable&&(g.graph.remove(g),g.setDirtyCanvas(!0,!0))};d.onMenuNodeClone=function(a,b,e,d,g){!1!=g.clonable&&(a=g.clone())&&(a.pos=[g.pos[0]+5,g.pos[1]+5],g.graph.add(a),g.setDirtyCanvas(!0,!0))};d.node_colors={red:{color:"#322",bgcolor:"#533",groupcolor:"#A88"},brown:{color:"#332922",bgcolor:"#593930",groupcolor:"#b06634"},green:{color:"#232",bgcolor:"#353",groupcolor:"#8A8"},blue:{color:"#223",bgcolor:"#335",groupcolor:"#88A"}, -pale_blue:{color:"#2a363b",bgcolor:"#3f5159",groupcolor:"#3f789e"},cyan:{color:"#233",bgcolor:"#355",groupcolor:"#8AA"},purple:{color:"#323",bgcolor:"#535",groupcolor:"#a1309b"},yellow:{color:"#432",bgcolor:"#653",groupcolor:"#b58b2a"},black:{color:"#222",bgcolor:"#000",groupcolor:"#444"}};d.prototype.getCanvasMenuOptions=function(){var a=null;this.getMenuOptions?a=this.getMenuOptions():(a=[{content:"Add Node",has_submenu:!0,callback:d.onMenuAdd},{content:"Add Group",callback:d.onGroupAdd}],this._graph_stack&& -0Name",c),n=d.querySelector("input");n&&m&&(n.value=m.label);d.querySelector("button").addEventListener("click",function(a){n.value&&(m&&(m.label=n.value),e.setDirty(!0));d.close()})}},extra:a},f=null;a&&(f=a.getSlotInPosition(b.canvasX,b.canvasY),d.active_node=a);f?(g=[],f&&f.output&& -f.output.links&&f.output.links.length&&g.push({content:"Disconnect Links",slot:f}),g.push(f.locked?"Cannot remove":{content:"Remove Slot",slot:f}),g.push(f.nameLocked?"Cannot rename":{content:"Rename Slot",slot:f}),m.title=(f.input?f.input.type:f.output.type)||"*",f.input&&f.input.type==l.ACTION&&(m.title="Action"),f.output&&f.output.type==l.EVENT&&(m.title="Event")):a?g=this.getNodeMenuOptions(a):(g=this.getCanvasMenuOptions(),(f=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&g.push(null,{content:"Edit Group", -has_submenu:!0,submenu:{title:"Group",extra:f,options:this.getGroupMenuOptions(f)}}));g&&new l.ContextMenu(g,m,n)};this.CanvasRenderingContext2D&&(CanvasRenderingContext2D.prototype.roundRect=function(a,b,e,d,g,m){void 0===g&&(g=5);void 0===m&&(m=g);this.moveTo(a+g,b);this.lineTo(a+e-g,b);this.quadraticCurveTo(a+e,b,a+e,b+g);this.lineTo(a+e,b+d-m);this.quadraticCurveTo(a+e,b+d,a+e-m,b+d);this.lineTo(a+m,b+d);this.quadraticCurveTo(a,b+d,a,b+d-m);this.lineTo(a,b+g);this.quadraticCurveTo(a,b,a+g,b)}); -l.compareObjects=function(a,b){for(var e in a)if(a[e]!=b[e])return!1;return!0};l.distance=r;l.colorToString=function(a){return"rgba("+Math.round(255*a[0]).toFixed()+","+Math.round(255*a[1]).toFixed()+","+Math.round(255*a[2]).toFixed()+","+(4==a.length?a[3].toFixed(2):"1.0")+")"};l.isInsideRectangle=t;l.growBounding=function(a,b,e){ba[2]&&(a[2]=b);ea[3]&&(a[3]=e)};l.isInsideBounding=function(a,b){return a[0]b[1][0]||a[1]>b[1][1]?!1:!0};l.overlapBounding= -w;l.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),e=0,d,g,m=0;6>m;m+=2)d="0123456789ABCDEF".indexOf(a.charAt(m)),g="0123456789ABCDEF".indexOf(a.charAt(m+1)),b[e]=16*d+g,e++;return b};l.num2hex=function(a){for(var b="#",e,d,g=0;3>g;g++)e=a[g]/16,d=a[g]%16,b+="0123456789ABCDEF".charAt(e)+"0123456789ABCDEF".charAt(d);return b};u.prototype.addItem=function(a,b,e){function d(a){var b=this.value;b&&b.has_submenu&&g.call(this,a)}function g(a){var b=this.value, -c=!0;m.current_submenu&&m.current_submenu.close(a);if(e.callback){var g=e.callback.call(this,b,e,a,m,e.node);!0===g&&(c=!1)}if(b&&(b.callback&&!e.ignore_item_callbacks&&!0!==b.disabled&&(g=b.callback.call(this,b,e,a,m,e.extra),!0===g&&(c=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";new m.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:m,ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,extra:b.submenu.extra, -autoopen:e.autoopen});c=!1}c&&!m.lock&&m.close()}var m=this;e=e||{};var n=document.createElement("div");n.className="litemenu-entry submenu";var f=!1;if(null===b)n.classList.add("separator");else{n.innerHTML=b&&b.title?b.title:a;if(n.value=b)b.disabled&&(f=!0,n.classList.add("disabled")),(b.submenu||b.has_submenu)&&n.classList.add("has_submenu");"function"==typeof b?(n.dataset.value=a,n.onclick_callback=b):n.dataset.value=b;b.className&&(n.className+=" "+b.className)}this.root.appendChild(n);f||n.addEventListener("click", -g);e.autoopen&&n.addEventListener("mouseenter",d);return n};u.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&&!u.isCursorOverElement(a,this.parentMenu.root)&&u.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0)};u.trigger=function(a,b,e,d){var g=document.createEvent("CustomEvent"); -g.initCustomEvent(b,!0,!0,e);g.srcElement=d;a.dispatchEvent?a.dispatchEvent(g):a.__events&&a.__events.dispatchEvent(g);return g};u.prototype.getTopMenu=function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this};u.prototype.getFirstEvent=function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event};u.isCursorOverElement=function(a,b){var e=a.pageX,d=a.pageY,g=b.getBoundingClientRect();return g?d>g.top&&dg.left&&e< -g.left+g.width?!0:!1:!1};l.ContextMenu=u;l.closeAllContextMenus=function(a){a=a||window;a=a.document.querySelectorAll(".litecontextmenu");if(a.length){for(var b=[],e=0;ea?b:ea&&this.pos[1]-g-ec)return!0;return!1};f.prototype.getSlotInPosition=function(a,c){var e=new Float32Array(2);if(this.inputs)for(var b=0,g=this.inputs.length;b=this.outputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),null;c&&c.constructor===Number&&(c=this.graph.getNodeById(c));if(!c)throw"target node is null";if(c==this)return null;if(e.constructor===String){if(e=c.findInputSlot(e),-1==e)return l.debug&&console.log("Connect: Error, no slot of name "+e),null}else{if(e=== +l.EVENT)return null;if(!c.inputs||e>=c.inputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),null}null!=c.inputs[e].link&&c.disconnectInput(e);var b=this.outputs[a];if(c.onConnectInput&&!1===c.onConnectInput(e,b.type,b))return null;var g=c.inputs[e],m=null;if(l.isValidConnection(b.type,g.type)){m={id:this.graph.last_link_id++,type:g.type,origin_id:this.id,origin_slot:a,target_id:c.id,target_slot:e};this.graph.links[m.id]=m;null==b.links&&(b.links=[]);b.links.push(m.id); +c.inputs[e].link=m.id;this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(l.OUTPUT,a,!0,m,b);if(c.onConnectionsChange)c.onConnectionsChange(l.INPUT,e,!0,m,g);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(l.INPUT,c,e,this,a),this.graph.onNodeConnectionChange(l.OUTPUT,this,a,c,e))}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this,m);return m};f.prototype.disconnectOutput=function(a,c){if(a.constructor===String){if(a=this.findOutputSlot(a), +-1==a)return l.debug&&console.log("Connect: Error, no slot of name "+a),!1}else if(!this.outputs||a>=this.outputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),!1;var e=this.outputs[a];if(!e||!e.links||0==e.links.length)return!1;if(c){c.constructor===Number&&(c=this.graph.getNodeById(c));if(!c)throw"Target Node not found";for(var b=0,g=e.links.length;b=this.inputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),!1;var c=this.inputs[a]; +if(!c)return!1;var e=this.inputs[a].link;this.inputs[a].link=null;var b=this.graph.links[e];if(b){var g=this.graph.getNodeById(b.origin_id);if(!g)return!1;var m=g.outputs[b.origin_slot];if(!m||!m.links||0==m.links.length)return!1;for(var p=0,d=m.links.length;pc&&this.inputs[c].pos)return e[0]=this.pos[0]+this.inputs[c].pos[0],e[1]=this.pos[1]+this.inputs[c].pos[1],e;if(!a&&b>c&&this.outputs[c].pos)return e[0]=this.pos[0]+this.outputs[c].pos[0],e[1]=this.pos[1]+this.outputs[c].pos[1],e;if(this.flags.horizontal)return e[0]=this.pos[0]+this.size[0]/b*(c+ +0.5),e[1]=a?this.pos[1]-l.NODE_TITLE_HEIGHT:this.pos[1]+this.size[1],e;e[0]=a?this.pos[0]:this.pos[0]+this.size[0]+1;e[1]=this.pos[1]+10+c*l.NODE_SLOT_HEIGHT+(this.constructor.slot_start_y||0);return e};f.prototype.alignToGrid=function(){this.pos[0]=l.CANVAS_GRID_SIZE*Math.round(this.pos[0]/l.CANVAS_GRID_SIZE);this.pos[1]=l.CANVAS_GRID_SIZE*Math.round(this.pos[1]/l.CANVAS_GRID_SIZE)};f.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>f.MAX_CONSOLE&& +this.console.shift();this.graph.onNodeTrace(this,a)};f.prototype.setDirtyCanvas=function(a,c){this.graph&&this.graph.sendActionToCanvas("setDirty",[a,c])};f.prototype.loadImage=function(a){var c=new Image;c.src=l.node_images_path+a;c.ready=!1;var e=this;c.onload=function(){this.ready=!0;e.setDirtyCanvas(!0)};return c};f.prototype.captureInput=function(a){if(this.graph&&this.graph.list_of_graphcanvas)for(var c=this.graph.list_of_graphcanvas,e=0;ea.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});Object.defineProperty(this,"size",{set:function(a){!a||2>a.length||(this._size[0]=Math.max(140, +a[0]),this._size[1]=Math.max(80,a[1]))},get:function(){return this._size},enumerable:!0})};r.prototype.configure=function(a){this.title=a.title;this._bounding.set(a.bounding);this.color=a.color;this.font=a.font};r.prototype.serialize=function(){var a=this._bounding;return{title:this.title,bounding:[Math.round(a[0]),Math.round(a[1]),Math.round(a[2]),Math.round(a[3])],color:this.color,font:this.font}};r.prototype.move=function(a,c,e){this._pos[0]+=a;this._pos[1]+=c;if(!e)for(e=0;e element, you passed a "+a.localName;throw"This browser doesnt support Canvas";}null==(this.ctx=a.getContext("2d"))&&(a.webgl_enabled||console.warn("This canvas seems to be WebGL, enabling WebGL renderer"),this.enableWebGL());this._mousemove_callback=this.processMouseMove.bind(this);this._mouseup_callback=this.processMouseUp.bind(this); +c||this.bindEvents()}};d.prototype._doNothing=function(a){a.preventDefault();return!1};d.prototype._doReturnTrue=function(a){a.preventDefault();return!0};d.prototype.bindEvents=function(){if(this._events_binded)console.warn("LGraphCanvas: events already binded");else{var a=this.canvas,c=this.getCanvasWindow().document;this._mousedown_callback=this.processMouseDown.bind(this);this._mousewheel_callback=this.processMouseWheel.bind(this);a.addEventListener("mousedown",this._mousedown_callback,!0);a.addEventListener("mousemove", +this._mousemove_callback);a.addEventListener("mousewheel",this._mousewheel_callback,!1);a.addEventListener("contextmenu",this._doNothing);a.addEventListener("DOMMouseScroll",this._mousewheel_callback,!1);a.addEventListener("touchstart",this.touchHandler,!0);a.addEventListener("touchmove",this.touchHandler,!0);a.addEventListener("touchend",this.touchHandler,!0);a.addEventListener("touchcancel",this.touchHandler,!0);this._key_callback=this.processKey.bind(this);a.addEventListener("keydown",this._key_callback, +!0);c.addEventListener("keyup",this._key_callback,!0);this._ondrop_callback=this.processDrop.bind(this);a.addEventListener("dragover",this._doNothing,!1);a.addEventListener("dragend",this._doNothing,!1);a.addEventListener("drop",this._ondrop_callback,!1);a.addEventListener("dragenter",this._doReturnTrue,!1);this._events_binded=!0}};d.prototype.unbindEvents=function(){if(this._events_binded){var a=this.getCanvasWindow().document;this.canvas.removeEventListener("mousedown",this._mousedown_callback); +this.canvas.removeEventListener("mousewheel",this._mousewheel_callback);this.canvas.removeEventListener("DOMMouseScroll",this._mousewheel_callback);this.canvas.removeEventListener("keydown",this._key_callback);a.removeEventListener("keyup",this._key_callback);this.canvas.removeEventListener("contextmenu",this._doNothing);this.canvas.removeEventListener("drop",this._ondrop_callback);this.canvas.removeEventListener("dragenter",this._doReturnTrue);this.canvas.removeEventListener("touchstart",this.touchHandler); +this.canvas.removeEventListener("touchmove",this.touchHandler);this.canvas.removeEventListener("touchend",this.touchHandler);this.canvas.removeEventListener("touchcancel",this.touchHandler);this._ondrop_callback=this._key_callback=this._mousewheel_callback=this._mousedown_callback=null;this._events_binded=!1}else console.warn("LGraphCanvas: no events binded")};d.getFileExtension=function(a){var c=a.indexOf("?");-1!=c&&(a=a.substr(0,c));c=a.lastIndexOf(".");return-1==c?"":a.substr(c+1).toLowerCase()}; +d.prototype.enableWebGL=function(){if(void 0===typeof GL)throw"litegl.js must be included to use a WebGL canvas";if(void 0===typeof enableWebGLCanvas)throw"webglCanvas.js must be included to use this feature";this.gl=this.ctx=enableWebGLCanvas(this.canvas);this.ctx.webgl=!0;this.bgcanvas=this.canvas;this.bgctx=this.gl;this.canvas.webgl_enabled=!0};d.prototype.setDirty=function(a,c){a&&(this.dirty_canvas=!0);c&&(this.dirty_bgcanvas=!0)};d.prototype.getCanvasWindow=function(){if(!this.canvas)return window; +var a=this.canvas.ownerDocument;return a.defaultView||a.parentWindow};d.prototype.startRendering=function(){function a(){this.pause_rendering||this.draw();var c=this.getCanvasWindow();this.is_rendering&&c.requestAnimationFrame(a.bind(this))}this.is_rendering||(this.is_rendering=!0,a.call(this))};d.prototype.stopRendering=function(){this.is_rendering=!1};d.prototype.processMouseDown=function(a){if(this.graph){this.adjustMouseEvent(a);var c=this.getCanvasWindow();d.active_canvas=this;this.canvas.removeEventListener("mousemove", +this._mousemove_callback);c.document.addEventListener("mousemove",this._mousemove_callback,!0);c.document.addEventListener("mouseup",this._mouseup_callback,!0);var e=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes,5),b=!1,g=300>l.getTime()-this.last_mouseclick;this.canvas_mouse[0]=a.canvasX;this.canvas_mouse[1]=a.canvasY;l.closeAllContextMenus(c);if(!this.onMouse||!0!=this.onMouse(a)){if(1==a.which){a.ctrlKey&&(this.dragging_rectangle=new Float32Array(4),this.dragging_rectangle[0]= +a.canvasX,this.dragging_rectangle[1]=a.canvasY,this.dragging_rectangle[2]=1,this.dragging_rectangle[3]=1,b=!0);var m=!1;if(e&&this.allow_interaction&&!b){this.live_mode||e.flags.pinned||this.bringToFront(e);if(!this.connecting_node&&!e.flags.collapsed&&!this.live_mode)if(!b&&!1!==e.flags.resizable&&u(a.canvasX,a.canvasY,e.pos[0]+e.size[0]-5,e.pos[1]+e.size[1]-5,10,10))this.resizing_node=e,this.canvas.style.cursor="se-resize",b=!0;else{if(e.outputs)for(var p=0,n=e.outputs.length;ps([a.canvasX,a.canvasY],[this.selected_group.pos[0]+this.selected_group.size[0],this.selected_group.pos[1]+this.selected_group.size[1]])*this.scale?this.selected_group_resizing=!0:this.selected_group.recomputeInsideNodes()),g&&this.showSearchBox(a),m=!0;!b&&m&&this.allow_dragcanvas&&(this.dragging_canvas=!0)}else 2!=a.which&& +3==a.which&&this.processContextMenu(e,a);this.last_mouse[0]=a.localX;this.last_mouse[1]=a.localY;this.last_mouseclick=l.getTime();this.last_mouse_dragging=!0;this.graph.change();(!c.document.activeElement||"input"!=c.document.activeElement.nodeName.toLowerCase()&&"textarea"!=c.document.activeElement.nodeName.toLowerCase())&&a.preventDefault();a.stopPropagation();if(this.onMouseDown)this.onMouseDown(a);return!1}}};d.prototype.processMouseMove=function(a){this.autoresize&&this.resize();if(this.graph){d.active_canvas= +this;this.adjustMouseEvent(a);var c=[a.localX,a.localY],e=[c[0]-this.last_mouse[0],c[1]-this.last_mouse[1]];this.last_mouse=c;this.canvas_mouse[0]=a.canvasX;this.canvas_mouse[1]=a.canvasY;a.dragging=this.last_mouse_dragging;this.node_widget&&(this.processNodeWidgets(this.node_widget[0],this.canvas_mouse,a,this.node_widget[1]),this.dirty_canvas=!0);if(this.dragging_rectangle)this.dragging_rectangle[2]=a.canvasX-this.dragging_rectangle[0],this.dragging_rectangle[3]=a.canvasY-this.dragging_rectangle[1], +this.dirty_canvas=!0;else if(this.selected_group)this.selected_group_resizing?this.selected_group.size=[a.canvasX-this.selected_group.pos[0],a.canvasY-this.selected_group.pos[1]]:(this.selected_group.move(e[0]/this.scale,e[1]/this.scale,a.ctrlKey),this.selected_group._nodes.length&&(this.dirty_canvas=!0)),this.dirty_bgcanvas=!0;else if(this.dragging_canvas)this.offset[0]+=e[0]/this.scale,this.offset[1]+=e[1]/this.scale,this.dirty_bgcanvas=this.dirty_canvas=!0;else if(this.allow_interaction){this.connecting_node&& +(this.dirty_canvas=!0);for(var b=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes),c=0,g=this.graph._nodes.length;cthis.dragging_rectangle[3]?this.dragging_rectangle[1]-g:this.dragging_rectangle[1];this.dragging_rectangle[0]=0>this.dragging_rectangle[2]?this.dragging_rectangle[0]-b:this.dragging_rectangle[0];this.dragging_rectangle[1]=m;this.dragging_rectangle[2]=b;this.dragging_rectangle[3]=g;g=[];for(m=0;ma.click_time&&this.deselectAllNodes();this.dirty_canvas=!0;this.dragging_canvas=!1;if(this.node_over&&this.node_over.onMouseUp)this.node_over.onMouseUp(a,[a.canvasX-this.node_over.pos[0],a.canvasY-this.node_over.pos[1]],this);if(this.node_capturing_input&&this.node_capturing_input.onMouseUp)this.node_capturing_input.onMouseUp(a,[a.canvasX-this.node_capturing_input.pos[0],a.canvasY-this.node_capturing_input.pos[1]])}}else 2== +a.which?(this.dirty_canvas=!0,this.dragging_canvas=!1):3==a.which&&(this.dirty_canvas=!0,this.dragging_canvas=!1);this.graph.change();a.stopPropagation();a.preventDefault();return!1}};d.prototype.processMouseWheel=function(a){if(this.graph&&this.allow_dragcanvas){var c=null!=a.wheelDeltaY?a.wheelDeltaY:-60*a.detail;this.adjustMouseEvent(a);var e=this.scale;0c&&(e*=1/1.1);this.setZoom(e,[a.localX,a.localY]);this.graph.change();a.preventDefault();return!1}};d.prototype.isOverNodeBox=function(a, +c,e){var b=l.NODE_TITLE_HEIGHT;return u(c,e,a.pos[0]+2,a.pos[1]+2-b,b-4,b-4)?!0:!1};d.prototype.isOverNodeInput=function(a,c,e,b){if(a.inputs)for(var g=0,m=a.inputs.length;gthis.max_zoom?this.scale=this.max_zoom:this.scalee-this.graph._last_trigger_time)&&this.drawBackCanvas();(this.dirty_canvas||a)&&this.drawFrontCanvas();this.fps=this.render_time?1/this.render_time:0;this.frame+=1}};d.prototype.drawFrontCanvas=function(){this.dirty_canvas=!1;this.ctx||(this.ctx=this.bgcanvas.getContext("2d"));var a=this.ctx;if(a){a.start2D&&a.start2D();var c=this.canvas;a.restore();a.setTransform(1,0,0,1,0,0);this.dirty_area&& +(a.save(),a.beginPath(),a.rect(this.dirty_area[0],this.dirty_area[1],this.dirty_area[2],this.dirty_area[3]),a.clip());this.clear_background&&a.clearRect(0,0,c.width,c.height);this.bgcanvas==this.canvas?this.drawBackCanvas():a.drawImage(this.bgcanvas,0,0);if(this.onRender)this.onRender(c,a);this.show_info&&this.renderInfo(a);if(this.graph){a.save();a.scale(this.scale,this.scale);a.translate(this.offset[0],this.offset[1]);for(var c=this.computeVisibleNodes(null,this.visible_nodes),e=0;e> ";c.fillText(b+e.getTitle(),0.5*a.width,40);c.restore()}e=!1;this.onRenderBackground&&(e=this.onRenderBackground(a,c));c.restore();c.setTransform(1, +0,0,1,0,0);if(this.graph){c.save();c.scale(this.scale,this.scale);c.translate(this.offset[0],this.offset[1]);if(this.background_image&&0.5this.scale?c.fillRect(q[0],q[1],q[2],q[3]):n==l.ROUND_SHAPE||n==l.CARD_SHAPE?c.roundRect(q[0],q[1],q[2],q[3],this.round_radius,n==l.CARD_SHAPE?0:this.round_radius):n==l.CIRCLE_SHAPE&&c.arc(0.5*b[0],0.5*b[1],0.5*b[0],0,2*Math.PI),c.fill());c.shadowColor="transparent";a.bgImage&&a.bgImage.width&& +c.drawImage(a.bgImage,0.5*(b[0]-a.bgImage.width),0.5*(b[1]-a.bgImage.height));a.bgImageUrl&&!a.bgImage&&(a.bgImage=a.loadImage(a.bgImageUrl));if(a.onDrawBackground)a.onDrawBackground(c,this,this.canvas);if(B||h==l.TRANSPARENT_TITLE){if(h!=l.TRANSPARENT_TITLE){a.flags.collapsed&&(c.shadowColor=l.DEFAULT_SHADOW_COLOR);this.use_gradients?(p=d.gradients[f],p||(p=d.gradients[f]=c.createLinearGradient(0,0,400,0),p.addColorStop(0,f),p.addColorStop(1,"#000")),c.fillStyle=p):c.fillStyle=f;var C=c.globalAlpha; +c.beginPath();n==l.BOX_SHAPE||0.5>this.scale?c.rect(0,-g,b[0]+1,g):n!=l.ROUND_SHAPE&&n!=l.CARD_SHAPE||c.roundRect(0,-g,b[0]+1,g,this.round_radius,a.flags.collapsed?this.round_radius:0);c.fill();c.shadowColor="transparent"}n==l.ROUND_SHAPE||n==l.CIRCLE_SHAPE||n==l.CARD_SHAPE?(0.5d[2]&&(d[0]+=d[2],d[2]=Math.abs(d[2]));0>d[3]&&(d[1]+=d[3],d[3]=Math.abs(d[3]));if(x(d,b)){var H=s.outputs[u],u=n.inputs[h];if(H&&u&&(s=H.dir||(s.flags.horizontal?l.DOWN:l.RIGHT),u=u.dir||(n.flags.horizontal?l.UP:l.LEFT),this.renderLink(a,A,G,r,!1,0,null,s,u),r&&r._last_time&&1E3>c-r._last_time)){var H=2-0.002*(c-r._last_time), +I=a.globalAlpha;a.globalAlpha=I*H;this.renderLink(a,A,G,r,!0,H,"white",s,u);a.globalAlpha=I}}}}}}a.globalAlpha=1};d.prototype.renderLink=function(a,c,b,f,g,m,p,q,n){if(this.highquality_render){q=q||l.RIGHT;n=n||l.LEFT;var h=s(c,b);this.render_connections_border&&0.6c[1]?0:Math.PI,a.save(),a.translate(g[0],g[1]),a.rotate(h),a.beginPath(),a.moveTo(-5,-5),a.lineTo(0,5),a.lineTo(5,-5),a.fill(),a.restore()); +if(m)for(m=0;5>m;++m)g=(0.001*l.getTime()+0.2*m)%1,g=this.computeConnectionPoint(c,b,g,q,n),a.beginPath(),a.arc(g[0],g[1],5,0,2*Math.PI),a.fill()}else a.beginPath(),a.moveTo(c[0],c[1]),a.lineTo(b[0],b[1]),a.stroke()};d.prototype.computeConnectionPoint=function(a,c,b,d,g){d=d||l.RIGHT;g=g||l.LEFT;var m=s(a,c),p=[a[0],a[1]],f=[c[0],c[1]];switch(d){case l.LEFT:p[0]+=-0.25*m;break;case l.RIGHT:p[0]+=0.25*m;break;case l.UP:p[1]+=-0.25*m;break;case l.DOWN:p[1]+=0.25*m}switch(g){case l.LEFT:f[0]+=-0.25* +m;break;case l.RIGHT:f[0]+=0.25*m;break;case l.UP:f[1]+=-0.25*m;break;case l.DOWN:f[1]+=0.25*m}d=(1-b)*(1-b)*(1-b);g=3*(1-b)*(1-b)*b;m=3*(1-b)*b*b;b*=b*b;return[d*a[0]+g*p[0]+m*f[0]+b*c[0],d*a[1]+g*p[1]+m*f[1]+b*c[1]]};d.prototype.drawExecutionOrder=function(a){a.shadowColor="transparent";a.globalAlpha=0.25;a.textAlign="center";a.strokeStyle="white";a.globalAlpha=0.75;for(var c=this.visible_nodes,b=0;bh.last_y&&mh.options.max&&(h.value=h.options.max);else if("mousedown"==b.type)if((d=h.options.values)&&d.constructor===Function&&(d=h.options.values(h,a)),g=40>g?-1:g>p-40?1:0,"number"==h.type)h.value+=0.1*g*(h.options.step||1),null!=h.options.min&&h.valueh.options.max&&(h.value=h.options.max);else if(g)b=d.indexOf(h.value)+g,b>=d.length&&(b=0),0>b&&(b=d.length-1),h.value=d[b];else{new l.ContextMenu(d,{event:b,className:"dark",callback:r.bind(h)},n);var r=function(a,c,b){this.value=a;f.dirty_canvas=!0;return!1}}h.callback&&setTimeout(function(){this.callback(this.value,f,a,c)}.bind(h),20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==b.type&&(h.value=!h.value,h.callback&&setTimeout(function(){h.callback(h.value, +f,a,c)},20));break;case "text":"mousedown"==b.type&&this.prompt("Value",h.value,function(c){this.value=c;h.callback&&h.callback(c,f,a)}.bind(h),b);break;default:h.mouse&&h.mouse(ctx,b,[g,m],a)}return h}}return null};d.prototype.drawGroups=function(a,c){if(this.graph){var b=this.graph._groups;c.save();c.globalAlpha=0.5*this.editor_alpha;for(var d=0;db&&0.01>c.editor_alpha&&(clearInterval(d),1>b&&(c.live_mode=!0));1"+h+""+a+"",value:h});if(q.length)return new l.ContextMenu(q,{event:b,callback:m,parentMenu:f,allow_html:!0,node:g},c),!1}};d.decodeHTML=function(a){var c=document.createElement("div");c.innerText=a;return c.innerHTML};d.onResizeNode=function(a,c,b,d,g){g&&(g.size=g.computeSize(),g.setDirtyCanvas(!0,!0))};d.onShowPropertyEditor=function(a,c,b,f,g){function m(){var c=h.value; +"Number"==a.type?c=Number(c):"Boolean"==a.type&&(c=Boolean(c));g[n]=c;q.parentNode.removeChild(q);g.setDirtyCanvas(!0,!0)}var n=a.property||"title";c=g[n];var q=document.createElement("div");q.className="graphdialog";q.innerHTML="";q.querySelector(".name").innerText=n;var h=q.querySelector("input");h&&(h.value=c,h.addEventListener("blur",function(a){this.focus()}),h.addEventListener("keydown",function(a){13== +a.keyCode&&(m(),a.preventDefault(),a.stopPropagation())}));c=d.active_canvas.canvas;b=c.getBoundingClientRect();var l=f=-20;b&&(f-=b.left,l-=b.top);event?(q.style.left=event.pageX+f+"px",q.style.top=event.pageY+l+"px"):(q.style.left=0.5*c.width+f+"px",q.style.top=0.5*c.height+l+"px");q.querySelector("button").addEventListener("click",m);c.parentNode.appendChild(q)};d.prototype.prompt=function(a,c,b,f){var g=this;a=a||"";var m=document.createElement("div");m.className="graphdialog rounded";m.innerHTML= +" ";m.close=function(){g.prompt_box=null;m.parentNode.removeChild(m)};m.addEventListener("mouseleave",function(a){m.close()});g.prompt_box&&g.prompt_box.close();g.prompt_box=m;m.querySelector(".name").innerText=a;m.querySelector(".value").value=c;var n=m.querySelector("input");n.addEventListener("keydown",function(a){if(27==a.keyCode)m.close();else if(13==a.keyCode)b&&b(this.value),m.close();else return; +a.preventDefault();a.stopPropagation()});m.querySelector("button").addEventListener("click",function(a){b&&b(n.value);g.setDirty(!0);m.close()});a=d.active_canvas.canvas;c=a.getBoundingClientRect();var q=-20,h=-20;c&&(q-=c.left,h-=c.top);f?(m.style.left=f.pageX+q+"px",m.style.top=f.pageY+h+"px"):(m.style.left=0.5*a.width+q+"px",m.style.top=0.5*a.height+h+"px");a.parentNode.appendChild(m);setTimeout(function(){n.focus()},10);return m};d.search_limit=-1;d.prototype.showSearchBox=function(a){function c(c){if(c)if(g.onSearchBoxSelection)g.onSearchBoxSelection(c, +a,u);else{var b=l.searchbox_extras[c];b&&(c=b.type);if(c=l.createNode(c))c.pos=u.convertEventToCanvas(a),u.graph.add(c);if(b&&b.data){if(b.data.properties)for(var e in b.data.properties)c.addProperty(b.data.properties[e][0],b.data.properties[e][0]);if(b.data.inputs)for(e in c.inputs=[],b.data.inputs)c.addOutput(b.data.inputs[e][0],b.data.inputs[e][1]);if(b.data.outputs)for(e in c.outputs=[],b.data.outputs)c.addOutput(b.data.outputs[e][0],b.data.outputs[e][1]);b.data.title&&(c.title=b.data.title); +b.data.json&&c.configure(b.data.json)}}m.close()}function b(a){var c=r;r&&r.classList.remove("selected");r?(r=a?r.nextSibling:r.previousSibling)||(r=c):r=a?n.childNodes[0]:n.childNodes[n.childNodes.length];r&&(r.classList.add("selected"),r.scrollIntoView())}function f(){function a(b,e){var g=document.createElement("div");q||(q=b);g.innerText=b;g.dataset.type=escape(b);g.className="litegraph lite-search-item";e&&(g.className+=" "+e);g.addEventListener("click",function(a){c(unescape(this.dataset.type))}); +n.appendChild(g)}h=null;var b=s.value;q=null;n.innerHTML="";if(b)if(g.onSearchBox){var e=g.onSearchBox(help,b,u);if(e)for(var A=0;Ad.search_limit))break}if(Array.prototype.filter)for(m=Object.keys(l.registered_node_types).filter(function(a){return-1!==a.toLowerCase().indexOf(b)}),A=0;Ad.search_limit);A++);else for(A in l.registered_node_types)if(-1!=A.indexOf(b)&&(a(A),-1!==d.search_limit&&e++>d.search_limit))break}}var g=this,m=document.createElement("div");m.className="litegraph litesearchbox graphdialog rounded";m.innerHTML="Search
";m.close=function(){g.search_box=null;m.parentNode.removeChild(m)};m.addEventListener("mouseleave",function(a){m.close()}); +g.search_box&&g.search_box.close();g.search_box=m;var n=m.querySelector(".helper"),q=null,h=null,r=null,s=m.querySelector("input");s&&(s.addEventListener("blur",function(a){this.focus()}),s.addEventListener("keydown",function(a){if(38==a.keyCode)b(!1);else if(40==a.keyCode)b(!0);else if(27==a.keyCode)m.close();else if(13==a.keyCode)r?c(r.innerHTML):q?c(q):m.close();else{h&&clearInterval(h);h=setTimeout(f,10);return}a.preventDefault();a.stopPropagation()}));var u=d.active_canvas,x=u.canvas,v=x.getBoundingClientRect(), +A=-20,G=-20;v&&(A-=v.left,G-=v.top);a?(m.style.left=a.pageX+A+"px",m.style.top=a.pageY+G+"px"):(m.style.left=0.5*x.width+A+"px",m.style.top=0.5*x.height+G+"px");x.parentNode.appendChild(m);s.focus();return m};d.prototype.showEditPropertyValue=function(a,c,b){function d(){g(r.value)}function g(b){"number"==typeof a.properties[c]&&(b=Number(b));"array"==m&&(b=b.split(",").map(Number));a.properties[c]=b;a._graph&&a._graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(c,b);l.close();a.setDirtyCanvas(!0, +!0)}if(a&&void 0!==a.properties[c]){b=b||{};var m="string";null!==a.properties[c]&&(m=typeof a.properties[c]);"object"==m&&a.properties[c].length&&(m="array");var f=null;a.getPropertyInfo&&(f=a.getPropertyInfo(c));if(a.properties_info)for(var n=0;n";else if("enum"==m&&f.values){q= +""}else if("boolean"==m)q="";else{console.warn("unknown type: "+m);return}var l=this.createDialog(""+c+""+q+"",b);if("enum"==m&&f.values){var r=l.querySelector("select"); +r.addEventListener("change",function(a){g(a.target.value)})}else if("boolean"==m)(r=l.querySelector("input"))&&r.addEventListener("click",function(a){g(!!r.checked)});else if(r=l.querySelector("input"))r.addEventListener("blur",function(a){this.focus()}),r.value=void 0!==a.properties[c]?a.properties[c]:"",r.addEventListener("keydown",function(a){13==a.keyCode&&(d(),a.preventDefault(),a.stopPropagation())});l.querySelector("button").addEventListener("click",d)}};d.prototype.createDialog=function(a, +c){c=c||{};var b=document.createElement("div");b.className="graphdialog";b.innerHTML=a;var d=this.canvas.getBoundingClientRect(),g=-20,m=-20;d&&(g-=d.left,m-=d.top);c.position?(g+=c.position[0],m+=c.position[1]):c.event?(g+=c.event.pageX,m+=c.event.pageY):(g+=0.5*this.canvas.width,m+=0.5*this.canvas.height);b.style.left=g+"px";b.style.top=m+"px";this.canvas.parentNode.appendChild(b);b.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return b};d.onMenuNodeCollapse=function(a,c, +b,d,g){g.collapse()};d.onMenuNodePin=function(a,c,b,d,g){g.pin()};d.onMenuNodeMode=function(a,c,b,d,g){new l.ContextMenu(["Always","On Event","On Trigger","Never"],{event:b,callback:function(a){if(g)switch(a){case "On Event":g.mode=l.ON_EVENT;break;case "On Trigger":g.mode=l.ON_TRIGGER;break;case "Never":g.mode=l.NEVER;break;default:g.mode=l.ALWAYS}},parentMenu:d,node:g});return!1};d.onMenuNodeColors=function(a,c,b,f,g){if(!g)throw"no node for color";c=[];c.push({value:null,content:"No color"}); +for(var m in d.node_colors)a=d.node_colors[m],a={value:m,content:""+m+""},c.push(a);new l.ContextMenu(c,{event:b,callback:function(a){g&&((a=a.value?d.node_colors[a.value]:null)?g.constructor===l.LGraphGroup?g.color=a.groupcolor:(g.color=a.color,g.bgcolor=a.bgcolor):(delete g.color,delete g.bgcolor),g.setDirtyCanvas(!0,!0))},parentMenu:f,node:g});return!1};d.onMenuNodeShapes= +function(a,c,b,d,g){if(!g)throw"no node passed";new l.ContextMenu(l.VALID_SHAPES,{event:b,callback:function(a){g&&(g.shape=a,g.setDirtyCanvas(!0))},parentMenu:d,node:g});return!1};d.onMenuNodeRemove=function(a,b,e,d,g){if(!g)throw"no node passed";!1!==g.removable&&(g.graph.remove(g),g.setDirtyCanvas(!0,!0))};d.onMenuNodeClone=function(a,b,e,d,g){!1!=g.clonable&&(a=g.clone())&&(a.pos=[g.pos[0]+5,g.pos[1]+5],g.graph.add(a),g.setDirtyCanvas(!0,!0))};d.node_colors={red:{color:"#322",bgcolor:"#533",groupcolor:"#A88"}, +brown:{color:"#332922",bgcolor:"#593930",groupcolor:"#b06634"},green:{color:"#232",bgcolor:"#353",groupcolor:"#8A8"},blue:{color:"#223",bgcolor:"#335",groupcolor:"#88A"},pale_blue:{color:"#2a363b",bgcolor:"#3f5159",groupcolor:"#3f789e"},cyan:{color:"#233",bgcolor:"#355",groupcolor:"#8AA"},purple:{color:"#323",bgcolor:"#535",groupcolor:"#a1309b"},yellow:{color:"#432",bgcolor:"#653",groupcolor:"#b58b2a"},black:{color:"#222",bgcolor:"#000",groupcolor:"#444"}};d.prototype.getCanvasMenuOptions=function(){var a= +null;this.getMenuOptions?a=this.getMenuOptions():(a=[{content:"Add Node",has_submenu:!0,callback:d.onMenuAdd},{content:"Add Group",callback:d.onGroupAdd}],this._graph_stack&&0Name",c),n=d.querySelector("input");n&&m&&(n.value=m.label);d.querySelector("button").addEventListener("click",function(a){n.value&& +(m&&(m.label=n.value),e.setDirty(!0));d.close()})}},extra:a},n=null;a&&(n=a.getSlotInPosition(b.canvasX,b.canvasY),d.active_node=a);n?(g=[],n&&n.output&&n.output.links&&n.output.links.length&&g.push({content:"Disconnect Links",slot:n}),g.push(n.locked?"Cannot remove":{content:"Remove Slot",slot:n}),g.push(n.nameLocked?"Cannot rename":{content:"Rename Slot",slot:n}),m.title=(n.input?n.input.type:n.output.type)||"*",n.input&&n.input.type==l.ACTION&&(m.title="Action"),n.output&&n.output.type==l.EVENT&& +(m.title="Event")):a?g=this.getNodeMenuOptions(a):(g=this.getCanvasMenuOptions(),(n=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&g.push(null,{content:"Edit Group",has_submenu:!0,submenu:{title:"Group",extra:n,options:this.getGroupMenuOptions(n)}}));g&&new l.ContextMenu(g,m,f)};this.CanvasRenderingContext2D&&(CanvasRenderingContext2D.prototype.roundRect=function(a,b,e,d,g,m){void 0===g&&(g=5);void 0===m&&(m=g);this.moveTo(a+g,b);this.lineTo(a+e-g,b);this.quadraticCurveTo(a+e,b,a+e,b+g);this.lineTo(a+ +e,b+d-m);this.quadraticCurveTo(a+e,b+d,a+e-m,b+d);this.lineTo(a+m,b+d);this.quadraticCurveTo(a,b+d,a,b+d-m);this.lineTo(a,b+g);this.quadraticCurveTo(a,b,a+g,b)});l.compareObjects=function(a,b){for(var e in a)if(a[e]!=b[e])return!1;return!0};l.distance=s;l.colorToString=function(a){return"rgba("+Math.round(255*a[0]).toFixed()+","+Math.round(255*a[1]).toFixed()+","+Math.round(255*a[2]).toFixed()+","+(4==a.length?a[3].toFixed(2):"1.0")+")"};l.isInsideRectangle=u;l.growBounding=function(a,b,e){ba[2]&&(a[2]=b);ea[3]&&(a[3]=e)};l.isInsideBounding=function(a,b){return a[0]b[1][0]||a[1]>b[1][1]?!1:!0};l.overlapBounding=x;l.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),e=0,d,g,m=0;6>m;m+=2)d="0123456789ABCDEF".indexOf(a.charAt(m)),g="0123456789ABCDEF".indexOf(a.charAt(m+1)),b[e]=16*d+g,e++;return b};l.num2hex=function(a){for(var b="#",e,d,g=0;3>g;g++)e=a[g]/16,d=a[g]%16,b+="0123456789ABCDEF".charAt(e)+ +"0123456789ABCDEF".charAt(d);return b};v.prototype.addItem=function(a,b,e){function d(a){var b=this.value;b&&b.has_submenu&&g.call(this,a)}function g(a){var b=this.value,c=!0;m.current_submenu&&m.current_submenu.close(a);if(e.callback){var g=e.callback.call(this,b,e,a,m,e.node);!0===g&&(c=!1)}if(b&&(b.callback&&!e.ignore_item_callbacks&&!0!==b.disabled&&(g=b.callback.call(this,b,e,a,m,e.extra),!0===g&&(c=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";new m.constructor(b.submenu.options, +{callback:b.submenu.callback,event:a,parentMenu:m,ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,extra:b.submenu.extra,autoopen:e.autoopen});c=!1}c&&!m.lock&&m.close()}var m=this;e=e||{};var n=document.createElement("div");n.className="litemenu-entry submenu";var f=!1;if(null===b)n.classList.add("separator");else{n.innerHTML=b&&b.title?b.title:a;if(n.value=b)b.disabled&&(f=!0,n.classList.add("disabled")),(b.submenu||b.has_submenu)&&n.classList.add("has_submenu");"function"== +typeof b?(n.dataset.value=a,n.onclick_callback=b):n.dataset.value=b;b.className&&(n.className+=" "+b.className)}this.root.appendChild(n);f||n.addEventListener("click",g);e.autoopen&&n.addEventListener("mouseenter",d);return n};v.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&&!v.isCursorOverElement(a,this.parentMenu.root)&&v.trigger(this.parentMenu.root, +"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0)};v.trigger=function(a,b,e,d){var g=document.createEvent("CustomEvent");g.initCustomEvent(b,!0,!0,e);g.srcElement=d;a.dispatchEvent?a.dispatchEvent(g):a.__events&&a.__events.dispatchEvent(g);return g};v.prototype.getTopMenu=function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this};v.prototype.getFirstEvent=function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event}; +v.isCursorOverElement=function(a,b){var e=a.pageX,d=a.pageY,g=b.getBoundingClientRect();return g?d>g.top&&dg.left&&e +a?b:ethis.size[0]-n.NODE_TITLE_HEIGHT&&0>d[1]){var c=this;setTimeout(function(){a.openSubgraph(c.subgraph)},10)}};f.prototype.onSubgraphNewGlobalInput=function(b,d){this.addInput(b,d)};f.prototype.onSubgraphRenamedGlobalInput=function(b,d){var a=this.findInputSlot(b);-1!=a&&(this.getInputInfo(a).name=d)};f.prototype.onSubgraphTypeChangeGlobalInput=function(b,d){var a=this.findInputSlot(b);-1!=a&&(this.getInputInfo(a).type=d)};f.prototype.onSubgraphNewGlobalOutput=function(b, d){this.addOutput(b,d)};f.prototype.onSubgraphRenamedGlobalOutput=function(b,d){var a=this.findOutputSlot(b);-1!=a&&(this.getOutputInfo(a).name=d)};f.prototype.onSubgraphTypeChangeGlobalOutput=function(b,d){var a=this.findOutputSlot(b);-1!=a&&(this.getOutputInfo(a).type=d)};f.prototype.getExtraMenuOptions=function(b){var d=this;return[{content:"Open",callback:function(){b.openSubgraph(d.subgraph)}}]};f.prototype.onResize=function(b){b[1]+=20};f.prototype.onExecute=function(){if(this.inputs)for(var b= 0;bd[1]))return this.old_y=b.canvasY,this.captureInput(!0),this.mouse_captured=!0};p.prototype.onMouseMove=function(b){if(this.mouse_captured){var d=this.old_y-b.canvasY;b.shiftKey&&(d*=10);if(b.metaKey||b.altKey)d*=0.1;this.old_y=b.canvasY;b=this._remainder+d/p.pixels_threshold;this._remainder=b%1;b=Math.clamp(this.properties.value+(b|0)*this.properties.step,this.properties.min,this.properties.max);this.properties.value=b;this.graph._version++; -this.setDirtyCanvas(!0)}};p.prototype.onMouseUp=function(b,d){200>b.click_time&&(this.properties.value=Math.clamp(this.properties.value+(d[1]>0.5*this.size[1]?-1:1)*this.properties.step,this.properties.min,this.properties.max),this.graph._version++,this.setDirtyCanvas(!0));this.mouse_captured&&(this.mouse_captured=!1,this.captureInput(!1))};n.registerNodeType("widget/number",p);d.title="Knob";d.desc="Circular controller";d.widgets=[{name:"increase",text:"+",type:"minibutton"},{name:"decrease",text:"-", +d){if(1d[1]))return this.old_y=b.canvasY,this.captureInput(!0),this.mouse_captured=!0};r.prototype.onMouseMove=function(b){if(this.mouse_captured){var d=this.old_y-b.canvasY;b.shiftKey&&(d*=10);if(b.metaKey||b.altKey)d*=0.1;this.old_y=b.canvasY;b=this._remainder+d/r.pixels_threshold;this._remainder=b%1;b=Math.clamp(this.properties.value+(b|0)*this.properties.step,this.properties.min,this.properties.max);this.properties.value=b;this.graph._version++; +this.setDirtyCanvas(!0)}};r.prototype.onMouseUp=function(b,d){200>b.click_time&&(this.properties.value=Math.clamp(this.properties.value+(d[1]>0.5*this.size[1]?-1:1)*this.properties.step,this.properties.min,this.properties.max),this.graph._version++,this.setDirtyCanvas(!0));this.mouse_captured&&(this.mouse_captured=!1,this.captureInput(!1))};n.registerNodeType("widget/number",r);d.title="Knob";d.desc="Circular controller";d.widgets=[{name:"increase",text:"+",type:"minibutton"},{name:"decrease",text:"-", type:"minibutton"}];d.prototype.onAdded=function(){this.value=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min);this.imgbg=this.loadImage("imgs/knob_bg.png");this.imgfg=this.loadImage("imgs/knob_fg.png")};d.prototype.onDrawImageKnob=function(b){if(this.imgfg&&this.imgfg.width){var d=0.5*this.imgbg.width,a=this.size[0]/this.imgfg.width;b.save();b.translate(0,20);b.scale(a,a);b.drawImage(this.imgbg,0,0);b.translate(d,d);b.rotate(2*this.value*Math.PI*6/8+10*Math.PI/ 8);b.translate(-d,-d);b.drawImage(this.imgfg,0,0);b.restore();this.title&&(b.font="bold 16px Criticized,Tahoma",b.fillStyle="rgba(100,100,100,0.8)",b.textAlign="center",b.fillText(this.title.toUpperCase(),0.5*this.size[0],18),b.textAlign="left")}};d.prototype.onDrawVectorKnob=function(b){if(this.imgfg&&this.imgfg.width){b.lineWidth=1;b.strokeStyle=this.mouseOver?"#FFF":"#AAA";b.fillStyle="#000";b.beginPath();b.arc(0.5*this.size[0],0.5*this.size[1]+10,0.5*this.properties.size,0,2*Math.PI,!0);b.stroke(); 0b.canvasY-this.pos[1]||n.distance([b.canvasX,b.canvasY],[this.pos[0]+this.center[0],this.pos[1]+this.center[1]])>this.radius)return!1;this.oldmouse=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];this.captureInput(!0); return!0}};d.prototype.onMouseMove=function(b){if(this.oldmouse){b=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];var d=this.value,d=d-0.01*(b[1]-this.oldmouse[1]);1d&&(d=0);this.value=d;this.properties.value=this.properties.min+(this.properties.max-this.properties.min)*this.value;this.oldmouse=b;this.setDirtyCanvas(!0)}};d.prototype.onMouseUp=function(b){this.oldmouse&&(this.oldmouse=null,this.captureInput(!1))};d.prototype.onMouseLeave=function(b){};d.prototype.onPropertyChanged=function(b, -d){if("wcolor"==b)this.properties[b]=d;else if("size"==b)d=parseInt(d),this.properties[b]=d,this.size=[d+4,d+24],this.setDirtyCanvas(!0,!0);else if("min"==b||"max"==b||"value"==b)this.properties[b]=parseFloat(d);else return!1;return!0};n.registerNodeType("widget/knob",d);r.title="Internal Slider";r.prototype.onPropertyChanged=function(b,d){"value"==b&&(this.slider.value=d)};r.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};n.registerNodeType("widget/internal_slider",r); -t.title="H.Slider";t.desc="Linear slider controller";t.prototype.onAdded=function(){this.value=0.5;this.imgfg=this.loadImage("imgs/slider_fg.png")};t.prototype.onDrawVectorial=function(b){this.imgfg&&this.imgfg.width&&(b.lineWidth=1,b.strokeStyle=this.mouseOver?"#FFF":"#AAA",b.fillStyle="#000",b.beginPath(),b.rect(2,0,this.size[0]-4,20),b.stroke(),b.fillStyle=this.properties.wcolor,b.beginPath(),b.rect(2+(this.size[0]-4-20)*this.value,0,20,20),b.fill())};t.prototype.onDrawImage=function(b){this.imgfg&& -this.imgfg.width&&(b.lineWidth=1,b.fillStyle="#000",b.fillRect(2,9,this.size[0]-4,2),b.strokeStyle="#333",b.beginPath(),b.moveTo(2,9),b.lineTo(this.size[0]-4,9),b.stroke(),b.strokeStyle="#AAA",b.beginPath(),b.moveTo(2,11),b.lineTo(this.size[0]-4,11),b.stroke(),b.drawImage(this.imgfg,2+(this.size[0]-4)*this.value-0.5*this.imgfg.width,0.5*-this.imgfg.height+10))};t.prototype.onDrawForeground=function(b){this.onDrawImage(b)};t.prototype.onExecute=function(){this.properties.value=this.properties.min+ -(this.properties.max-this.properties.min)*this.value;this.setOutputData(0,this.properties.value);this.boxcolor=n.colorToString([this.value,this.value,this.value])};t.prototype.onMouseDown=function(b){if(0>b.canvasY-this.pos[1])return!1;this.oldmouse=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];this.captureInput(!0);return!0};t.prototype.onMouseMove=function(b){if(this.oldmouse){b=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];var d=this.value,d=d+(b[0]-this.oldmouse[0])/this.size[0];1d&& -(d=0);this.value=d;this.oldmouse=b;this.setDirtyCanvas(!0)}};t.prototype.onMouseUp=function(b){this.oldmouse=null;this.captureInput(!1)};t.prototype.onMouseLeave=function(b){};t.prototype.onPropertyChanged=function(b,d){if("wcolor"==b)this.properties[b]=d;else return!1;return!0};n.registerNodeType("widget/hslider",t);w.title="Progress";w.desc="Shows data in linear progress";w.prototype.onExecute=function(){var b=this.getInputData(0);void 0!=b&&(this.properties.value=b)};w.prototype.onDrawForeground= -function(b){b.lineWidth=1;b.fillStyle=this.properties.wcolor;var d=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),d=Math.min(1,d),d=Math.max(0,d);b.fillRect(2,2,(this.size[0]-4)*d,this.size[1]-4)};n.registerNodeType("widget/progress",w);u.title="Text";u.desc="Shows the input value";u.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"led_text",text:"LED",type:"minibutton"},{name:"normal_text",text:"Normal",type:"minibutton"}];u.prototype.onDrawForeground= +d){if("wcolor"==b)this.properties[b]=d;else if("size"==b)d=parseInt(d),this.properties[b]=d,this.size=[d+4,d+24],this.setDirtyCanvas(!0,!0);else if("min"==b||"max"==b||"value"==b)this.properties[b]=parseFloat(d);else return!1;return!0};n.registerNodeType("widget/knob",d);s.title="Internal Slider";s.prototype.onPropertyChanged=function(b,d){"value"==b&&(this.slider.value=d)};s.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};n.registerNodeType("widget/internal_slider",s); +u.title="H.Slider";u.desc="Linear slider controller";u.prototype.onAdded=function(){this.value=0.5;this.imgfg=this.loadImage("imgs/slider_fg.png")};u.prototype.onDrawVectorial=function(b){this.imgfg&&this.imgfg.width&&(b.lineWidth=1,b.strokeStyle=this.mouseOver?"#FFF":"#AAA",b.fillStyle="#000",b.beginPath(),b.rect(2,0,this.size[0]-4,20),b.stroke(),b.fillStyle=this.properties.wcolor,b.beginPath(),b.rect(2+(this.size[0]-4-20)*this.value,0,20,20),b.fill())};u.prototype.onDrawImage=function(b){this.imgfg&& +this.imgfg.width&&(b.lineWidth=1,b.fillStyle="#000",b.fillRect(2,9,this.size[0]-4,2),b.strokeStyle="#333",b.beginPath(),b.moveTo(2,9),b.lineTo(this.size[0]-4,9),b.stroke(),b.strokeStyle="#AAA",b.beginPath(),b.moveTo(2,11),b.lineTo(this.size[0]-4,11),b.stroke(),b.drawImage(this.imgfg,2+(this.size[0]-4)*this.value-0.5*this.imgfg.width,0.5*-this.imgfg.height+10))};u.prototype.onDrawForeground=function(b){this.onDrawImage(b)};u.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=n.colorToString([this.value,this.value,this.value])};u.prototype.onMouseDown=function(b){if(0>b.canvasY-this.pos[1])return!1;this.oldmouse=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];this.captureInput(!0);return!0};u.prototype.onMouseMove=function(b){if(this.oldmouse){b=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];var d=this.value,d=d+(b[0]-this.oldmouse[0])/this.size[0];1d&& +(d=0);this.value=d;this.oldmouse=b;this.setDirtyCanvas(!0)}};u.prototype.onMouseUp=function(b){this.oldmouse=null;this.captureInput(!1)};u.prototype.onMouseLeave=function(b){};u.prototype.onPropertyChanged=function(b,d){if("wcolor"==b)this.properties[b]=d;else return!1;return!0};n.registerNodeType("widget/hslider",u);x.title="Progress";x.desc="Shows data in linear progress";x.prototype.onExecute=function(){var b=this.getInputData(0);void 0!=b&&(this.properties.value=b)};x.prototype.onDrawForeground= +function(b){b.lineWidth=1;b.fillStyle=this.properties.wcolor;var d=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),d=Math.min(1,d),d=Math.max(0,d);b.fillRect(2,2,(this.size[0]-4)*d,this.size[1]-4)};n.registerNodeType("widget/progress",x);v.title="Text";v.desc="Shows the input value";v.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"led_text",text:"LED",type:"minibutton"},{name:"normal_text",text:"Normal",type:"minibutton"}];v.prototype.onDrawForeground= function(b){b.fillStyle=this.properties.color;var d=this.properties.value;this.properties.glowSize?(b.shadowColor=this.properties.color,b.shadowOffsetX=0,b.shadowOffsetY=0,b.shadowBlur=this.properties.glowSize):b.shadowColor="transparent";var a=this.properties.fontsize;b.textAlign=this.properties.align;b.font=a.toString()+"px "+this.properties.font;this.str="number"==typeof d?d.toFixed(this.properties.decimals):d;if("string"==typeof this.str){var d=this.str.split("\\n"),c;for(c in d)b.fillText(d[c], -"left"==this.properties.align?15:this.size[0]-15,-0.15*a+a*(parseInt(c)+1))}b.shadowColor="transparent";this.last_ctx=b;b.textAlign="left"};u.prototype.onExecute=function(){var b=this.getInputData(0);null!=b&&(this.properties.value=b)};u.prototype.resize=function(){if(this.last_ctx){var b=this.str.split("\\n");this.last_ctx.font=this.properties.fontsize+"px "+this.properties.font;var d=0,a;for(a in b){var c=this.last_ctx.measureText(b[a]).width;dd?f.xbox.axes.lx:0,this._left_axis[1]=Math.abs(f.xbox.axes.ly)>d?f.xbox.axes.ly:0,this._right_axis[0]=Math.abs(f.xbox.axes.rx)>d?f.xbox.axes.rx:0,this._right_axis[1]=Math.abs(f.xbox.axes.ry)>d?f.xbox.axes.ry:0,this._triggers[0]=Math.abs(f.xbox.axes.ltrigger)>d?f.xbox.axes.ltrigger:0,this._triggers[1]=Math.abs(f.xbox.axes.rtrigger)>d?f.xbox.axes.rtrigger:0);if(this.outputs)for(d= -0;df;f++)if(d[f]){f=d[f];d=this.xbox_mapping;d||(d=this.xbox_mapping= +0;df;f++)if(d[f]){f=d[f];d=this.xbox_mapping;d||(d=this.xbox_mapping= {axes:[],buttons:{},hat:""});d.axes.lx=f.axes[0];d.axes.ly=f.axes[1];d.axes.rx=f.axes[2];d.axes.ry=f.axes[3];d.axes.ltrigger=f.buttons[6].value;d.axes.rtrigger=f.buttons[7].value;for(var h=0;h","string",{values:s.values});this.size=[60,40]}function g(){this.addInput("inc","number");this.addOutput("total","number");this.addProperty("increment",1);this.addProperty("value",0)}function m(){this.addInput("v","number");this.addOutput("sin","number");this.addProperty("amplitude",1);this.addProperty("offset",0);this.bgImageUrl="nodes/imgs/icon-sin.png"} -function y(){this.addInput("x","number");this.addInput("y","number");this.addOutput("","number");this.properties={x:1,y:1,formula:"x+y"};this.addWidget("toggle","allow",x.allow_scripts,function(a){x.allow_scripts=a});this._func=null}function z(){this.addInput("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function D(){this.addInputs([["x","number"],["y","number"]]);this.addOutput("vec2","vec2");this.properties={x:0,y:0};this._data=new Float32Array(2)}function B(){this.addInput("vec3", +this.addOutput("out","number");this.addProperty("factor",0.1);this.size=[60,20];this._value=null}function c(){this.addInput("A","number");this.addInput("B","number");this.addOutput("=","number");this.addProperty("A",1);this.addProperty("B",1);this.addProperty("OP","+","enum",{values:c.values})}function e(){this.addInput("A","number");this.addInput("B","number");this.addOutput("A==B","boolean");this.addOutput("A!=B","boolean");this.addProperty("A",0);this.addProperty("B",0)}function t(){this.addInput("A", +"number");this.addInput("B","number");this.addOutput("out","boolean");this.addProperty("A",1);this.addProperty("B",1);this.addProperty("OP",">","string",{values:t.values});this.size=[60,40]}function g(){this.addInput("inc","number");this.addOutput("total","number");this.addProperty("increment",1);this.addProperty("value",0)}function m(){this.addInput("v","number");this.addOutput("sin","number");this.addProperty("amplitude",1);this.addProperty("offset",0);this.bgImageUrl="nodes/imgs/icon-sin.png"} +function p(){this.addInput("x","number");this.addInput("y","number");this.addOutput("","number");this.properties={x:1,y:1,formula:"x+y"};this.addWidget("toggle","allow",y.allow_scripts,function(a){y.allow_scripts=a});this._func=null}function z(){this.addInput("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function D(){this.addInputs([["x","number"],["y","number"]]);this.addOutput("vec2","vec2");this.properties={x:0,y:0};this._data=new Float32Array(2)}function B(){this.addInput("vec3", "vec3");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number")}function C(){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 E(){this.addInput("vec4","vec4");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number");this.addOutput("w","number")}function F(){this.addInputs([["x","number"],["y","number"],["z","number"],["w","number"]]); -this.addOutput("vec4","vec4");this.properties={x:0,y:0,z:0,w:0};this._data=new Float32Array(4)}var x=v.LiteGraph;h.title="Converter";h.desc="type A to type B";h.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a&&this.outputs)for(var 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))};x.registerNodeType("math/average",q);a.title="TendTo";a.desc="moves the output value always closer to the input";a.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.factor;this._value=null==this._value?a:this._value*(1-b)+a*b;this.setOutputData(0,this._value)};x.registerNodeType("math/tendTo",a);c.values="+-*/%^".split("");c.title="Operation";c.desc="Easy math operators"; +this.addOutput("vec4","vec4");this.properties={x:0,y:0,z:0,w:0};this._data=new Float32Array(4)}var y=w.LiteGraph;h.title="Converter";h.desc="type A to type B";h.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a&&this.outputs)for(var 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))};y.registerNodeType("math/average",q);a.title="TendTo";a.desc="moves the output value always closer to the input";a.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.factor;this._value=null==this._value?a:this._value*(1-b)+a*b;this.setOutputData(0,this._value)};y.registerNodeType("math/tendTo",a);c.values="+-*/%^".split("");c.title="Operation";c.desc="Easy math operators"; c["@OP"]={type:"enum",title:"operation",values:c.values};c.prototype.getTitle=function(){return"A "+this.properties.OP+" B"};c.prototype.setValue=function(a){"string"==typeof a&&(a=parseFloat(a));this.properties.value=a};c.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)};c.prototype.onDrawBackground=function(a){this.flags.collapsed||(a.font="40px Arial",a.fillStyle="#CCC",a.textAlign="center",a.fillText(this.properties.OP,0.5*this.size[0],0.35*this.size[1]+x.NODE_TITLE_HEIGHT),a.textAlign="left")};x.registerNodeType("math/operation",c);e.title="Compare";e.desc="compares between two values";e.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)}}};e.prototype.onGetOutputs=function(){return[["A==B", -"boolean"],["A!=B","boolean"],["A>B","boolean"],["A=B","boolean"],["A<=B","boolean"]]};x.registerNodeType("math/compare",e);x.registerSearchboxExtra("math/compare","==",{outputs:[["A==B","boolean"]],title:"A==B"});x.registerSearchboxExtra("math/compare","!=",{outputs:[["A!=B","boolean"]],title:"A!=B"});x.registerSearchboxExtra("math/compare",">",{outputs:[["A>B","boolean"]],title:"A>B"});x.registerSearchboxExtra("math/compare","<",{outputs:[["A=",{outputs:[["A>=B","boolean"]],title:"A>=B"});x.registerSearchboxExtra("math/compare","<=",{outputs:[["A<=B","boolean"]],title:"A<=B"});s.values="> < == != <= >=".split(" ");s["@OP"]={type:"enum",title:"operation",values:s.values};s.title="Condition";s.desc="evaluates condition between A and B";s.prototype.onExecute=function(){var a=this.getInputData(0);void 0===a?a=this.properties.A:this.properties.A=a;var b=this.getInputData(1);void 0===b?b=this.properties.B:this.properties.B=b;var c=!0;switch(this.properties.OP){case ">":c= -a>b;break;case "<":c=a=":c=a>=b}this.setOutputData(0,c)};x.registerNodeType("math/condition",s);g.title="Accumulate";g.desc="Increments a value every time";g.prototype.onExecute=function(){null===this.properties.value&&(this.properties.value=0);var a=this.getInputData(0);this.properties.value=null!==a?this.properties.value+a:this.properties.value+this.properties.increment;this.setOutputData(0,this.properties.value)}; -x.registerNodeType("math/accumulate",g);m.title="Trigonometry";m.desc="Sin Cos Tan";m.filter="shader";m.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";z.desc="vector 2 to components";z.prototype.onExecute= -function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]))};x.registerNodeType("math3d/vec2-to-xyz",z);D.title="XY->Vec2";D.desc="components to vector2";D.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this._data;c[0]=a;c[1]=b;this.setOutputData(0,c)};x.registerNodeType("math3d/xy-to-vec2",D);B.title="Vec3->XYZ";B.desc="vector 3 to components";B.prototype.onExecute= -function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]))};x.registerNodeType("math3d/vec3-to-xyz",B);C.title="XYZ->Vec3";C.desc="components to vector3";C.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2);null==c&&(c=this.properties.z);var d=this._data;d[0]=a;d[1]=b;d[2]=c;this.setOutputData(0,d)};x.registerNodeType("math3d/xyz-to-vec3", -C);E.title="Vec4->XYZW";E.desc="vector 4 to components";E.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]),this.setOutputData(3,a[3]))};x.registerNodeType("math3d/vec4-to-xyzw",E);F.title="XYZW->Vec4";F.desc="components to vector4";F.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)};x.registerNodeType("math3d/xyzw-to-vec4",F);v.glMatrix&&(v=function(){this.addOutput("quat","quat");this.properties={x:0,y:0,z:0,w:1};this._value=quat.create()},v.title="Quaternion",v.desc="quaternion",v.prototype.onExecute=function(){this._value[0]=this.properties.x;this._value[1]=this.properties.y;this._value[2]=this.properties.z;this._value[3]= -this.properties.w;this.setOutputData(0,this._value)},x.registerNodeType("math3d/quaternion",v),v=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()},v.title="Rotation",v.desc="quaternion rotation",v.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.angle);var b=this.getInputData(1);null==b&&(b=this.properties.axis);a=quat.setAxisAngle(this._value, -b,0.0174532925*a);this.setOutputData(0,a)},x.registerNodeType("math3d/rotation",v),v=function(){this.addInputs([["vec3","vec3"],["quat","quat"]]);this.addOutput("result","vec3");this.properties={vec:[0,0,1]}},v.title="Rot. Vec3",v.desc="rotate a point",v.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.vec);var b=this.getInputData(1);null==b?this.setOutputData(a):this.setOutputData(0,vec3.transformQuat(vec3.create(),a,b))},x.registerNodeType("math3d/rotate_vec3", -v),v=function(){this.addInputs([["A","quat"],["B","quat"]]);this.addOutput("A*B","quat");this._value=quat.create()},v.title="Mult. Quat",v.desc="rotate quaternion",v.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);null!=b&&(a=quat.multiply(this._value,a,b),this.setOutputData(0,a))}},x.registerNodeType("math3d/mult-quat",v),v=function(){this.addInputs([["A","quat"],["B","quat"],["factor","number"]]);this.addOutput("slerp","quat");this.addProperty("factor", -0.5);this._value=quat.create()},v.title="Quat Slerp",v.desc="quaternion spherical interpolation",v.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);if(null!=b){var c=this.properties.factor;null!=this.getInputData(2)&&(c=this.getInputData(2));a=quat.slerp(this._value,a,b,c);this.setOutputData(0,a)}}},x.registerNodeType("math3d/quat-slerp",v))})(this); -(function(v){function h(){this.addInput("sel","boolean");this.addOutput("value","number");this.properties={A:0,B:1};this.size=[60,20]}v=v.LiteGraph;h.title="Selector";h.desc="outputs A if selector is true, B if selector is false";h.prototype.onExecute=function(){var f=this.getInputData(0);if(void 0!==f){for(var h=1;hb;++b){var f=this.getInputData(b);if(null!=f){var a=this.values[b];a.push(f);a.length>d[0]&&a.shift()}}}};h.prototype.onDrawBackground=function(d){if(!this.flags.collapsed){var b=this.size,f=0.5*b[1]/this.properties.scale,a=h.colors,c=0.5*b[1];d.fillStyle="#000";d.fillRect(0,0,b[0],b[1]);d.strokeStyle= +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)};c.prototype.onDrawBackground=function(a){this.flags.collapsed||(a.font="40px Arial",a.fillStyle="#CCC",a.textAlign="center",a.fillText(this.properties.OP,0.5*this.size[0],0.35*this.size[1]+y.NODE_TITLE_HEIGHT),a.textAlign="left")};y.registerNodeType("math/operation",c);e.title="Compare";e.desc="compares between two values";e.prototype.onExecute= +function(){var a=this.getInputData(0),b=this.getInputData(1);void 0!==a?this.properties.A=a:a=this.properties.A;void 0!==b?this.properties.B=b:b=this.properties.B;for(var c=0,e=this.outputs.length;cB":value=a>b;break;case "A=B":value=a>=b}this.setOutputData(c,value)}}};e.prototype.onGetOutputs=function(){return[["A==B", +"boolean"],["A!=B","boolean"],["A>B","boolean"],["A=B","boolean"],["A<=B","boolean"]]};y.registerNodeType("math/compare",e);y.registerSearchboxExtra("math/compare","==",{outputs:[["A==B","boolean"]],title:"A==B"});y.registerSearchboxExtra("math/compare","!=",{outputs:[["A!=B","boolean"]],title:"A!=B"});y.registerSearchboxExtra("math/compare",">",{outputs:[["A>B","boolean"]],title:"A>B"});y.registerSearchboxExtra("math/compare","<",{outputs:[["A=",{outputs:[["A>=B","boolean"]],title:"A>=B"});y.registerSearchboxExtra("math/compare","<=",{outputs:[["A<=B","boolean"]],title:"A<=B"});t.values="> < == != <= >=".split(" ");t["@OP"]={type:"enum",title:"operation",values:t.values};t.title="Condition";t.desc="evaluates condition between A and B";t.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)};y.registerNodeType("math/condition",t);g.title="Accumulate";g.desc="Increments a value every time";g.prototype.onExecute=function(){null===this.properties.value&&(this.properties.value=0);var a=this.getInputData(0);this.properties.value=null!==a?this.properties.value+a:this.properties.value+this.properties.increment;this.setOutputData(0,this.properties.value)}; +y.registerNodeType("math/accumulate",g);m.title="Trigonometry";m.desc="Sin Cos Tan";m.filter="shader";m.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.amplitude,c=this.findInputSlot("amplitude");-1!=c&&(b=this.getInputData(c));var e=this.properties.offset,c=this.findInputSlot("offset");-1!=c&&(e=this.getInputData(c));for(var c=0,d=this.outputs.length;cXY";z.desc="vector 2 to components";z.prototype.onExecute= +function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]))};y.registerNodeType("math3d/vec2-to-xyz",z);D.title="XY->Vec2";D.desc="components to vector2";D.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this._data;c[0]=a;c[1]=b;this.setOutputData(0,c)};y.registerNodeType("math3d/xy-to-vec2",D);B.title="Vec3->XYZ";B.desc="vector 3 to components";B.prototype.onExecute= +function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]))};y.registerNodeType("math3d/vec3-to-xyz",B);C.title="XYZ->Vec3";C.desc="components to vector3";C.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2);null==c&&(c=this.properties.z);var e=this._data;e[0]=a;e[1]=b;e[2]=c;this.setOutputData(0,e)};y.registerNodeType("math3d/xyz-to-vec3", +C);E.title="Vec4->XYZW";E.desc="vector 4 to components";E.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]),this.setOutputData(3,a[3]))};y.registerNodeType("math3d/vec4-to-xyzw",E);F.title="XYZW->Vec4";F.desc="components to vector4";F.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2); +null==c&&(c=this.properties.z);var e=this.getInputData(3);null==e&&(e=this.properties.w);var d=this._data;d[0]=a;d[1]=b;d[2]=c;d[3]=e;this.setOutputData(0,d)};y.registerNodeType("math3d/xyzw-to-vec4",F);w.glMatrix&&(w=function(){this.addOutput("quat","quat");this.properties={x:0,y:0,z:0,w:1};this._value=quat.create()},w.title="Quaternion",w.desc="quaternion",w.prototype.onExecute=function(){this._value[0]=this.properties.x;this._value[1]=this.properties.y;this._value[2]=this.properties.z;this._value[3]= +this.properties.w;this.setOutputData(0,this._value)},y.registerNodeType("math3d/quaternion",w),w=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()},w.title="Rotation",w.desc="quaternion rotation",w.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.angle);var b=this.getInputData(1);null==b&&(b=this.properties.axis);a=quat.setAxisAngle(this._value, +b,0.0174532925*a);this.setOutputData(0,a)},y.registerNodeType("math3d/rotation",w),w=function(){this.addInputs([["vec3","vec3"],["quat","quat"]]);this.addOutput("result","vec3");this.properties={vec:[0,0,1]}},w.title="Rot. Vec3",w.desc="rotate a point",w.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.vec);var b=this.getInputData(1);null==b?this.setOutputData(a):this.setOutputData(0,vec3.transformQuat(vec3.create(),a,b))},y.registerNodeType("math3d/rotate_vec3", +w),w=function(){this.addInputs([["A","quat"],["B","quat"]]);this.addOutput("A*B","quat");this._value=quat.create()},w.title="Mult. Quat",w.desc="rotate quaternion",w.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);null!=b&&(a=quat.multiply(this._value,a,b),this.setOutputData(0,a))}},y.registerNodeType("math3d/mult-quat",w),w=function(){this.addInputs([["A","quat"],["B","quat"],["factor","number"]]);this.addOutput("slerp","quat");this.addProperty("factor", +0.5);this._value=quat.create()},w.title="Quat Slerp",w.desc="quaternion spherical interpolation",w.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);if(null!=b){var c=this.properties.factor;null!=this.getInputData(2)&&(c=this.getInputData(2));a=quat.slerp(this._value,a,b,c);this.setOutputData(0,a)}}},y.registerNodeType("math3d/quat-slerp",w))})(this); +(function(w){function h(){this.addInput("sel","boolean");this.addOutput("value","number");this.properties={A:0,B:1};this.size=[60,20]}w=w.LiteGraph;h.title="Selector";h.desc="outputs A if selector is true, B if selector is false";h.prototype.onExecute=function(){var f=this.getInputData(0);if(void 0!==f){for(var h=1;hb;++b){var f=this.getInputData(b);if(null!=f){var a=this.values[b];a.push(f);a.length>d[0]&&a.shift()}}}};h.prototype.onDrawBackground=function(d){if(!this.flags.collapsed){var b=this.size,f=0.5*b[1]/this.properties.scale,a=h.colors,c=0.5*b[1];d.fillStyle="#000";d.fillRect(0,0,b[0],b[1]);d.strokeStyle= "#555";d.beginPath();d.moveTo(0,c);d.lineTo(b[0],c);d.stroke();if(this.inputs)for(var e=0;4>e;++e){var l=this.values[e];if(this.inputs[e]&&this.inputs[e].link){d.strokeStyle=a[e];d.beginPath();var g=l[0]*f*-1+c;d.moveTo(0,Math.clamp(g,0,b[1]));for(var m=1;mb&&(b=0);if(0!=d.length){var f=[0,0,0];if(0==b)f=d[0];else if(1==b)f=d[d.length-1];else{var a=(d.length-1)*b,b=d[Math.floor(a)],d=d[Math.floor(a)+1],a=a-Math.floor(a);f[0]=b[0]*(1-a)+d[0]*a;f[1]=b[1]*(1-a)+d[1]*a;f[2]=b[2]*(1-a)+d[2]*a}for(var c in f)f[c]/=255;this.boxcolor=colorToString(f);this.setOutputData(0,f)}};l.registerNodeType("color/palette", -p);d.title="Frame";d.desc="Frame viewerew";d.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"view",text:"View Image",type:"button"}];d.prototype.onDrawBackground=function(d){this.frame&&d.drawImage(this.frame,0,0,this.size[0],this.size[1])};d.prototype.onExecute=function(){this.frame=this.getInputData(0);this.setDirtyCanvas(!0)};d.prototype.onWidget=function(d,b){if("resize"==b.name&&this.frame){var f=this.frame.width,a=this.frame.height;f||null==this.frame.videoWidth||(f=this.frame.videoWidth, -a=this.frame.videoHeight);f&&a&&(this.size=[f,a]);this.setDirtyCanvas(!0,!0)}else"view"==b.name&&this.show()};d.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};l.registerNodeType("graphics/frame",d);r.title="Image fade";r.desc="Fades between images";r.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];r.prototype.onAdded=function(){this.createCanvas();var d=this.canvas.getContext("2d");d.fillStyle="#000";d.fillRect(0, -0,this.properties.width,this.properties.height)};r.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};r.prototype.onExecute=function(){var d=this.canvas.getContext("2d");this.canvas.width=this.canvas.width;var b=this.getInputData(0);null!=b&&d.drawImage(b,0,0,this.canvas.width,this.canvas.height);b=this.getInputData(2);null==b?b=this.properties.fade:this.properties.fade=b;d.globalAlpha=b; -b=this.getInputData(1);null!=b&&d.drawImage(b,0,0,this.canvas.width,this.canvas.height);d.globalAlpha=1;this.setOutputData(0,this.canvas);this.setDirtyCanvas(!0)};l.registerNodeType("graphics/imagefade",r);t.title="Crop";t.desc="Crop Image";t.prototype.onAdded=function(){this.createCanvas()};t.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};t.prototype.onExecute=function(){var d=this.getInputData(0); -d&&(d.width?(this.canvas.getContext("2d").drawImage(d,-this.properties.x,-this.properties.y,d.width*this.properties.scale,d.height*this.properties.scale),this.setOutputData(0,this.canvas)):this.setOutputData(0,null))};t.prototype.onDrawBackground=function(d){this.flags.collapsed||this.canvas&&d.drawImage(this.canvas,0,0,this.canvas.width,this.canvas.height,0,0,this.size[0],this.size[1])};t.prototype.onPropertyChanged=function(d,b){this.properties[d]=b;"scale"==d?(this.properties[d]=parseFloat(b), -0==this.properties[d]&&(this.trace("Error in scale"),this.properties[d]=1)):this.properties[d]=parseInt(b);this.createCanvas();return!0};l.registerNodeType("graphics/cropImage",t);w.title="Video";w.desc="Video playback";w.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"}];w.prototype.onExecute=function(){if(this.properties.url&&(this.properties.url!=this._video_url&& -this.loadVideo(this.properties.url),this._video&&0!=this._video.width)){var d=this.getInputData(0);d&&0<=d&&1>=d&&(this._video.currentTime=d*this._video.duration,this._video.pause());this._video.dirty=!0;this.setOutputData(0,this._video);this.setOutputData(1,this._video.currentTime);this.setOutputData(2,this._video.duration);this.setDirtyCanvas(!0)}};w.prototype.onStart=function(){this.play()};w.prototype.onStop=function(){this.stop()};w.prototype.loadVideo=function(d){this._video_url=d;this.properties.use_proxy&& +r);d.title="Frame";d.desc="Frame viewerew";d.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"view",text:"View Image",type:"button"}];d.prototype.onDrawBackground=function(d){this.frame&&d.drawImage(this.frame,0,0,this.size[0],this.size[1])};d.prototype.onExecute=function(){this.frame=this.getInputData(0);this.setDirtyCanvas(!0)};d.prototype.onWidget=function(d,b){if("resize"==b.name&&this.frame){var f=this.frame.width,a=this.frame.height;f||null==this.frame.videoWidth||(f=this.frame.videoWidth, +a=this.frame.videoHeight);f&&a&&(this.size=[f,a]);this.setDirtyCanvas(!0,!0)}else"view"==b.name&&this.show()};d.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};l.registerNodeType("graphics/frame",d);s.title="Image fade";s.desc="Fades between images";s.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];s.prototype.onAdded=function(){this.createCanvas();var d=this.canvas.getContext("2d");d.fillStyle="#000";d.fillRect(0, +0,this.properties.width,this.properties.height)};s.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};s.prototype.onExecute=function(){var d=this.canvas.getContext("2d");this.canvas.width=this.canvas.width;var b=this.getInputData(0);null!=b&&d.drawImage(b,0,0,this.canvas.width,this.canvas.height);b=this.getInputData(2);null==b?b=this.properties.fade:this.properties.fade=b;d.globalAlpha=b; +b=this.getInputData(1);null!=b&&d.drawImage(b,0,0,this.canvas.width,this.canvas.height);d.globalAlpha=1;this.setOutputData(0,this.canvas);this.setDirtyCanvas(!0)};l.registerNodeType("graphics/imagefade",s);u.title="Crop";u.desc="Crop Image";u.prototype.onAdded=function(){this.createCanvas()};u.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};u.prototype.onExecute=function(){var d=this.getInputData(0); +d&&(d.width?(this.canvas.getContext("2d").drawImage(d,-this.properties.x,-this.properties.y,d.width*this.properties.scale,d.height*this.properties.scale),this.setOutputData(0,this.canvas)):this.setOutputData(0,null))};u.prototype.onDrawBackground=function(d){this.flags.collapsed||this.canvas&&d.drawImage(this.canvas,0,0,this.canvas.width,this.canvas.height,0,0,this.size[0],this.size[1])};u.prototype.onPropertyChanged=function(d,b){this.properties[d]=b;"scale"==d?(this.properties[d]=parseFloat(b), +0==this.properties[d]&&(this.trace("Error in scale"),this.properties[d]=1)):this.properties[d]=parseInt(b);this.createCanvas();return!0};l.registerNodeType("graphics/cropImage",u);x.title="Video";x.desc="Video playback";x.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"}];x.prototype.onExecute=function(){if(this.properties.url&&(this.properties.url!=this._video_url&& +this.loadVideo(this.properties.url),this._video&&0!=this._video.width)){var d=this.getInputData(0);d&&0<=d&&1>=d&&(this._video.currentTime=d*this._video.duration,this._video.pause());this._video.dirty=!0;this.setOutputData(0,this._video);this.setOutputData(1,this._video.currentTime);this.setOutputData(2,this._video.duration);this.setDirtyCanvas(!0)}};x.prototype.onStart=function(){this.play()};x.prototype.onStop=function(){this.stop()};x.prototype.loadVideo=function(d){this._video_url=d;this.properties.use_proxy&& "http"==d.substr(0,4)&&l.proxy&&(d=l.proxy+d.substr(d.indexOf(":")+3));this._video=document.createElement("video");this._video.src=d;this._video.type="type=video/mp4";this._video.muted=!0;this._video.autoplay=!0;var b=this;this._video.addEventListener("loadedmetadata",function(d){b.trace("Duration: "+this.duration+" seconds");b.trace("Size: "+this.videoWidth+","+this.videoHeight);b.setDirtyCanvas(!0);this.width=this.videoWidth;this.height=this.videoHeight});this._video.addEventListener("progress", function(b){});this._video.addEventListener("error",function(d){console.log("Error loading video: "+this.src);b.trace("Error loading video: "+this.src);if(this.error)switch(this.error.code){case this.error.MEDIA_ERR_ABORTED:b.trace("You stopped the video.");break;case this.error.MEDIA_ERR_NETWORK:b.trace("Network error - please try again later.");break;case this.error.MEDIA_ERR_DECODE:b.trace("Video is broken..");break;case this.error.MEDIA_ERR_SRC_NOT_SUPPORTED:b.trace("Sorry, your browser can't play this video.")}}); -this._video.addEventListener("ended",function(d){b.trace("Ended.");this.play()})};w.prototype.onPropertyChanged=function(d,b){this.properties[d]=b;"url"==d&&""!=b&&this.loadVideo(b);return!0};w.prototype.play=function(){this._video&&this._video.play()};w.prototype.playPause=function(){this._video&&(this._video.paused?this.play():this.pause())};w.prototype.stop=function(){this._video&&(this._video.pause(),this._video.currentTime=0)};w.prototype.pause=function(){this._video&&(this.trace("Video paused"), -this._video.pause())};w.prototype.onWidget=function(d,b){};l.registerNodeType("graphics/video",w);u.title="Webcam";u.desc="Webcam image";u.prototype.openStream=function(){function d(f){console.log("Webcam rejected",f);b._webcam_stream=!1;b.boxcolor="red";b.trigger("stream_error")}if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.mediaDevices.getUserMedia({audio:!1,video:{facingMode:this.properties.facingMode}}).then(this.streamReady.bind(this))["catch"](d);var b=this}};u.prototype.closeStream= -function(){if(this._webcam_stream){var d=this._webcam_stream.getTracks();if(d.length)for(var b=0;b=this.size[1]||!this.properties.show||!this._video||(d.save(),d.drawImage(this._video,0,0,this.size[0],this.size[1]),d.restore())};u.prototype.onGetOutputs=function(){return[["width", -"number"],["height","number"],["stream_ready",l.EVENT],["stream_closed",l.EVENT],["stream_error",l.EVENT]]};l.registerNodeType("graphics/webcam",u)})(this); -(function(v){var h=v.LiteGraph;v.LGraphTexture=null;if("undefined"!=typeof GL){LGraphCanvas.link_type_colors.Texture="#AEF";var f=function(){this.addOutput("Texture","Texture");this.properties={name:"",filter:!0};this.size=[f.image_preview_size,f.image_preview_size]};v.LGraphTexture=f;f.title="Texture";f.desc="Texture";f.widgets_info={name:{widget:"texture"},filter:{widget:"checkbox"}};f.loadTextureCallback=null;f.image_preview_size=256;f.PASS_THROUGH=1;f.COPY=2;f.LOW=3;f.HIGH=4;f.REUSE=5;f.DEFAULT= +this._video.addEventListener("ended",function(d){b.trace("Ended.");this.play()})};x.prototype.onPropertyChanged=function(d,b){this.properties[d]=b;"url"==d&&""!=b&&this.loadVideo(b);return!0};x.prototype.play=function(){this._video&&this._video.play()};x.prototype.playPause=function(){this._video&&(this._video.paused?this.play():this.pause())};x.prototype.stop=function(){this._video&&(this._video.pause(),this._video.currentTime=0)};x.prototype.pause=function(){this._video&&(this.trace("Video paused"), +this._video.pause())};x.prototype.onWidget=function(d,b){};l.registerNodeType("graphics/video",x);v.title="Webcam";v.desc="Webcam image";v.prototype.openStream=function(){function d(f){console.log("Webcam rejected",f);b._webcam_stream=!1;b.boxcolor="red";b.trigger("stream_error")}if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.mediaDevices.getUserMedia({audio:!1,video:{facingMode:this.properties.facingMode}}).then(this.streamReady.bind(this))["catch"](d);var b=this}};v.prototype.closeStream= +function(){if(this._webcam_stream){var d=this._webcam_stream.getTracks();if(d.length)for(var b=0;b=this.size[1]||!this.properties.show||!this._video||(d.save(),d.drawImage(this._video,0,0,this.size[0],this.size[1]),d.restore())};v.prototype.onGetOutputs=function(){return[["width", +"number"],["height","number"],["stream_ready",l.EVENT],["stream_closed",l.EVENT],["stream_error",l.EVENT]]};l.registerNodeType("graphics/webcam",v)})(this); +(function(w){var h=w.LiteGraph;w.LGraphTexture=null;if("undefined"!=typeof GL){LGraphCanvas.link_type_colors.Texture="#AEF";var f=function(){this.addOutput("Texture","Texture");this.properties={name:"",filter:!0};this.size=[f.image_preview_size,f.image_preview_size]};w.LGraphTexture=f;f.title="Texture";f.desc="Texture";f.widgets_info={name:{widget:"texture"},filter:{widget:"checkbox"}};f.loadTextureCallback=null;f.image_preview_size=256;f.PASS_THROUGH=1;f.COPY=2;f.LOW=3;f.HIGH=4;f.REUSE=5;f.DEFAULT= 2;f.MODE_VALUES={"pass through":f.PASS_THROUGH,copy:f.COPY,low:f.LOW,high:f.HIGH,reuse:f.REUSE,"default":f.DEFAULT};f.getTexturesContainer=function(){return gl.textures};f.loadTexture=function(a,b){b=b||{};var c=a;"http://"==c.substr(0,7)&&h.proxy&&(c=h.proxy+c.substr(7));return f.getTexturesContainer()[a]=GL.Texture.fromURL(c,b)};f.getTexture=function(a){var b=this.getTexturesContainer();if(!b)throw"Cannot load texture, container of textures not found";b=b[a];return!b&&a&&":"!=a[0]?this.loadTexture(a): b};f.getTargetTexture=function(a,b,c){if(!a)throw"LGraphTexture.getTargetTexture expects a reference texture";var d=null;switch(c){case f.LOW:d=gl.UNSIGNED_BYTE;break;case f.HIGH:d=gl.HIGH_PRECISION_FORMAT;break;case f.REUSE:return a;default:d=a?a.type:gl.UNSIGNED_BYTE}b&&b.width==a.width&&b.height==a.height&&b.type==d||(b=new GL.Texture(a.width,a.height,{type:d,format:gl.RGBA,filter:gl.LINEAR}));return b};f.getTextureType=function(a,b){var c=b?b.type:gl.UNSIGNED_BYTE;switch(a){case f.HIGH:c=gl.HIGH_PRECISION_FORMAT; break;case f.LOW:c=gl.UNSIGNED_BYTE}return c};f.getNoiseTexture=function(){if(this._noise_texture)return this._noise_texture;for(var a=new Uint8Array(1048576),b=0;1048576>b;++b)a[b]=255*Math.random();return this._noise_texture=a=GL.Texture.fromMemory(512,512,a,{format:gl.RGBA,wrap:gl.REPEAT,filter:gl.NEAREST})};f.prototype.onDropFile=function(a,b,c){if(a){var d=null;"string"==typeof a?d=GL.Texture.fromURL(a):-1!=b.toLowerCase().indexOf(".dds")?d=GL.Texture.fromDDSInMemory(a):(a=new Blob([c]),a=URL.createObjectURL(a), @@ -332,26 +332,26 @@ d=GL.Texture.fromURL(a));this._drop_texture=d;this.properties.name=b}else this._ a;!1===this.properties.filter?a.setParameter(gl.TEXTURE_MAG_FILTER,gl.NEAREST):a.setParameter(gl.TEXTURE_MAG_FILTER,gl.LINEAR);this.setOutputData(0,a);for(var b=1;b=this.size[1]))if(this._drop_texture&&a.webgl)a.drawImage(this._drop_texture,0,0,this.size[0],this.size[1]);else{if(this._last_preview_tex!=this._last_tex)if(a.webgl)this._canvas=this._last_tex;else{var b=f.generateLowResTexturePreview(this._last_tex);if(!b)return;this._last_preview_tex=this._last_tex;this._canvas=cloneCanvas(b)}this._canvas&&(a.save(),a.webgl||(a.translate(0,this.size[1]),a.scale(1,-1)),a.drawImage(this._canvas,0,0,this.size[0],this.size[1]),a.restore())}};f.generateLowResTexturePreview= function(a){if(!a)return null;var b=f.image_preview_size,c=a;if(a.format==gl.DEPTH_COMPONENT)return null;if(a.width>b||a.height>b)c=this._preview_temp_tex,this._preview_temp_tex||(this._preview_temp_tex=c=new GL.Texture(b,b,{minFilter:gl.NEAREST})),a.copyTo(c);a=this._preview_canvas;a||(this._preview_canvas=a=createCanvas(b,b));c&&c.toCanvas(a);return a};f.prototype.getResources=function(a){a[this.properties.name]=GL.Texture;return a};f.prototype.onGetInputs=function(){return[["in","Texture"]]};f.prototype.onGetOutputs= -function(){return[["width","number"],["height","number"],["aspect","number"]]};h.registerNodeType("texture/texture",f);var p=function(){this.addInput("Texture","Texture");this.properties={flipY:!1};this.size=[f.image_preview_size,f.image_preview_size]};p.title="Preview";p.desc="Show a texture in the graph canvas";p.allow_preview=!1;p.prototype.onDrawBackground=function(a){if(!this.flags.collapsed&&(a.webgl||p.allow_preview)){var b=this.getInputData(0);if(b){var c=null,c=!b.handle&&a.webgl?b:f.generateLowResTexturePreview(b); -a.save();this.properties.flipY&&(a.translate(0,this.size[1]),a.scale(1,-1));a.drawImage(c,0,0,this.size[0],this.size[1]);a.restore()}}};h.registerNodeType("texture/preview",p);var d=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={name:""}};d.title="Save";d.desc="Save a texture in the repository";d.prototype.onExecute=function(){var a=this.getInputData(0);a&&(this.properties.name&&(f.storeTexture?f.storeTexture(this.properties.name,a):f.getTexturesContainer()[this.properties.name]= -a),this.setOutputData(0,a))};h.registerNodeType("texture/save",d);var r=function(){this.addInput("Texture","Texture");this.addInput("TextureB","Texture");this.addInput("value","number");this.addOutput("Texture","Texture");this.help="

pixelcode must be vec3

\t\t\t

uvcode must be vec2, is optional

\t\t\t

uv: tex. coords

color: texture

colorB: textureB

time: scene time

value: input value

"; -this.properties={value:1,uvcode:"",pixelcode:"color + colorB * value",precision:f.DEFAULT}};r.widgets_info={uvcode:{widget:"textarea",height:100},pixelcode:{widget:"textarea",height:100},precision:{widget:"combo",values:f.MODE_VALUES}};r.title="Operation";r.desc="Texture shader operation";r.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:b.properties.show?"Hide Texture":"Show Texture",callback:function(){b.properties.show=!b.properties.show}}]};r.prototype.onDrawBackground=function(a){this.flags.collapsed|| -20>=this.size[1]||!this.properties.show||!this._tex||this._tex.gl!=a||(a.save(),a.drawImage(this._tex,0,0,this.size[0],this.size[1]),a.restore())};r.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===f.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1);if(this.properties.uvcode||this.properties.pixelcode){var c=512,d=512;a?(c=a.width,d=a.height):b&&(c=b.width,d=b.height);var e=f.getTextureType(this.properties.precision, +function(){return[["width","number"],["height","number"],["aspect","number"]]};h.registerNodeType("texture/texture",f);var r=function(){this.addInput("Texture","Texture");this.properties={flipY:!1};this.size=[f.image_preview_size,f.image_preview_size]};r.title="Preview";r.desc="Show a texture in the graph canvas";r.allow_preview=!1;r.prototype.onDrawBackground=function(a){if(!this.flags.collapsed&&(a.webgl||r.allow_preview)){var b=this.getInputData(0);if(b){var c=null,c=!b.handle&&a.webgl?b:f.generateLowResTexturePreview(b); +a.save();this.properties.flipY&&(a.translate(0,this.size[1]),a.scale(1,-1));a.drawImage(c,0,0,this.size[0],this.size[1]);a.restore()}}};h.registerNodeType("texture/preview",r);var d=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={name:""}};d.title="Save";d.desc="Save a texture in the repository";d.prototype.onExecute=function(){var a=this.getInputData(0);a&&(this.properties.name&&(f.storeTexture?f.storeTexture(this.properties.name,a):f.getTexturesContainer()[this.properties.name]= +a),this.setOutputData(0,a))};h.registerNodeType("texture/save",d);var s=function(){this.addInput("Texture","Texture");this.addInput("TextureB","Texture");this.addInput("value","number");this.addOutput("Texture","Texture");this.help="

pixelcode must be vec3

\t\t\t

uvcode must be vec2, is optional

\t\t\t

uv: tex. coords

color: texture

colorB: textureB

time: scene time

value: input value

"; +this.properties={value:1,uvcode:"",pixelcode:"color + colorB * value",precision:f.DEFAULT}};s.widgets_info={uvcode:{widget:"textarea",height:100},pixelcode:{widget:"textarea",height:100},precision:{widget:"combo",values:f.MODE_VALUES}};s.title="Operation";s.desc="Texture shader operation";s.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:b.properties.show?"Hide Texture":"Show Texture",callback:function(){b.properties.show=!b.properties.show}}]};s.prototype.onDrawBackground=function(a){this.flags.collapsed|| +20>=this.size[1]||!this.properties.show||!this._tex||this._tex.gl!=a||(a.save(),a.drawImage(this._tex,0,0,this.size[0],this.size[1]),a.restore())};s.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===f.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1);if(this.properties.uvcode||this.properties.pixelcode){var c=512,d=512;a?(c=a.width,d=a.height):b&&(c=b.width,d=b.height);var e=f.getTextureType(this.properties.precision, a);this._tex=a||this._tex?f.getTargetTexture(a||this._tex,this._tex,this.properties.precision):new GL.Texture(c,d,{type:e,format:gl.RGBA,filter:gl.LINEAR});e="";this.properties.uvcode&&(e="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(e=this.properties.uvcode));var g="";this.properties.pixelcode&&(g="result = "+this.properties.pixelcode,-1!=this.properties.pixelcode.indexOf(";")&&(g=this.properties.pixelcode));var m=this._shader;if(!m||this._shader_code!=e+"|"+g){try{this._shader= -new GL.Shader(Shader.SCREEN_VERTEX_SHADER,r.pixel_shader,{UV_CODE:e,PIXEL_CODE:g}),this.boxcolor="#00FF00"}catch(h){console.log("Error compiling shader: ",h);this.boxcolor="#FF0000";return}this.boxcolor="#FF0000";this._shader_code=e+"|"+g;m=this._shader}if(m){this.boxcolor="green";var l=this.getInputData(2);null!=l?this.properties.value=l:l=parseFloat(this.properties.value);var n=this.graph.getTime();this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND); -a&&a.bind(0);b&&b.bind(1);var e=Mesh.getScreenQuad();m.uniforms({u_texture:0,u_textureB:1,value:l,texSize:[c,d],time:n}).draw(e)});this.setOutputData(0,this._tex)}else this.boxcolor="red"}}};r.pixel_shader="precision highp float;\n\t\t\t\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform vec2 texSize;\n\t\t\tuniform float time;\n\t\t\tuniform float value;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord;\n\t\t\t\tUV_CODE;\n\t\t\t\tvec4 color4 = texture2D(u_texture, uv);\n\t\t\t\tvec3 color = color4.rgb;\n\t\t\t\tvec4 color4B = texture2D(u_textureB, uv);\n\t\t\t\tvec3 colorB = color4B.rgb;\n\t\t\t\tvec3 result = color;\n\t\t\t\tfloat alpha = 1.0;\n\t\t\t\tPIXEL_CODE;\n\t\t\t\tgl_FragColor = vec4(result, alpha);\n\t\t\t}\n\t\t\t"; -h.registerNodeType("texture/operation",r);var t=function(){this.addOutput("out","Texture");this.properties={code:"",width:512,height:512,precision:f.DEFAULT};this.properties.code="\nvoid main() {\n vec2 uv = v_coord;\n vec3 color = vec3(0.0);\n//your code here\n\ngl_FragColor = vec4(color, 1.0);\n}\n";this._uniforms={in_texture:0,texSize:vec2.create(),time:0}};t.title="Shader";t.desc="Texture shader";t.widgets_info={code:{type:"code"},precision:{widget:"combo",values:f.MODE_VALUES}};t.prototype.onPropertyChanged= +new GL.Shader(Shader.SCREEN_VERTEX_SHADER,s.pixel_shader,{UV_CODE:e,PIXEL_CODE:g}),this.boxcolor="#00FF00"}catch(h){console.log("Error compiling shader: ",h);this.boxcolor="#FF0000";return}this.boxcolor="#FF0000";this._shader_code=e+"|"+g;m=this._shader}if(m){this.boxcolor="green";var l=this.getInputData(2);null!=l?this.properties.value=l:l=parseFloat(this.properties.value);var n=this.graph.getTime();this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND); +a&&a.bind(0);b&&b.bind(1);var e=Mesh.getScreenQuad();m.uniforms({u_texture:0,u_textureB:1,value:l,texSize:[c,d],time:n}).draw(e)});this.setOutputData(0,this._tex)}else this.boxcolor="red"}}};s.pixel_shader="precision highp float;\n\t\t\t\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform vec2 texSize;\n\t\t\tuniform float time;\n\t\t\tuniform float value;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord;\n\t\t\t\tUV_CODE;\n\t\t\t\tvec4 color4 = texture2D(u_texture, uv);\n\t\t\t\tvec3 color = color4.rgb;\n\t\t\t\tvec4 color4B = texture2D(u_textureB, uv);\n\t\t\t\tvec3 colorB = color4B.rgb;\n\t\t\t\tvec3 result = color;\n\t\t\t\tfloat alpha = 1.0;\n\t\t\t\tPIXEL_CODE;\n\t\t\t\tgl_FragColor = vec4(result, alpha);\n\t\t\t}\n\t\t\t"; +h.registerNodeType("texture/operation",s);var u=function(){this.addOutput("out","Texture");this.properties={code:"",width:512,height:512,precision:f.DEFAULT};this.properties.code="\nvoid main() {\n vec2 uv = v_coord;\n vec3 color = vec3(0.0);\n//your code here\n\ngl_FragColor = vec4(color, 1.0);\n}\n";this._uniforms={in_texture:0,texSize:vec2.create(),time:0}};u.title="Shader";u.desc="Texture shader";u.widgets_info={code:{type:"code"},precision:{widget:"combo",values:f.MODE_VALUES}};u.prototype.onPropertyChanged= function(a,b){if("code"==a){var c=this.getShader();if(c){var d=c.uniformInfo;if(this.inputs)for(var e={},g=0;g lumaMax))\n\t\t\t\t\tcolor = vec4(rgbA, 1.0);\n\t\t\t\telse\n\t\t\t\t\tcolor = vec4(rgbB, 1.0);\n\t\t\t\tif(u_igamma != 1.0)\n\t\t\t\t\tcolor.xyz = pow( color.xyz, vec3(u_igamma) );\n\t\t\t\treturn color;\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = applyFXAA( u_texture, v_coord * uViewportSize) ;\n\t\t\t}\n\t\t\t"; l.gamma_pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_igamma;\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D( u_texture, v_coord);\n\t\t\t\tcolor.xyz = pow(color.xyz, vec3(u_igamma) );\n\t\t\t gl_FragColor = color;\n\t\t\t}\n\t\t\t";h.registerNodeType("texture/toviewport",l);d=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={size:0,generate_mipmaps:!1, @@ -379,25 +379,25 @@ break;case "R":a[0]=d;break;case "G":a[1]=d;break;case "B":a[2]=d;break;case "A" scale:1,A:[0,0,0],B:[1,1,1],texture_size:32};e._shader||(e._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,e.pixel_shader));this._uniforms={u_angle:0,u_colorA:vec3.create(),u_colorB:vec3.create()}};e.title="Gradient";e.desc="Generates a gradient";e["@A"]={type:"color"};e["@B"]={type:"color"};e["@texture_size"]={type:"enum",values:[32,64,128,256,512]};e.prototype.onExecute=function(){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var a=GL.Mesh.getScreenQuad(),b=e._shader,c=this.getInputData(0);c|| (c=this.properties.A);var d=this.getInputData(1);d||(d=this.properties.B);for(var g=2;g 0.5 ? 1.0 : 0.0, diff.y > 0.5 ? 1.0 : 0.0, diff.z > 0.5 ? 1.0 : 0.0, center.a );\n\t\t\t}\n\t\t\t"; h.registerNodeType("texture/edges",g);var m=function(){this.addInput("Texture","Texture");this.addInput("Distance","number");this.addInput("Range","number");this.addOutput("Texture","Texture");this.properties={distance:100,range:50,only_depth:!1,high_precision:!1};this._uniforms={u_texture:0,u_distance:100,u_range:50,u_camera_planes:null}};m.title="Depth Range";m.desc="Generates a texture with a depth range";m.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0); if(a){var b=gl.UNSIGNED_BYTE;this.properties.high_precision&&(b=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==b&&this._temp_texture.width==a.width&&this._temp_texture.height==a.height||(this._temp_texture=new GL.Texture(a.width,a.height,{type:b,format:gl.RGBA,filter:gl.LINEAR}));var c=this._uniforms,b=this.properties.distance;this.isInputConnected(1)&&(b=this.getInputData(1),this.properties.distance=b);var d=this.properties.range;this.isInputConnected(2)&& (d=this.getInputData(2),this.properties.range=d);c.u_distance=b;c.u_range=d;gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var e=Mesh.getScreenQuad();m._shader||(m._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,m.pixel_shader),m._shader_onlydepth=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,m.pixel_shader,{ONLY_DEPTH:""}));var g=this.properties.only_depth?m._shader_onlydepth:m._shader,b=null,b=a.near_far_planes?a.near_far_planes:window.LS&&LS.Renderer._main_camera?LS.Renderer._main_camera._uniforms.u_camera_planes: [0.1,1E3];c.u_camera_planes=b;this._temp_texture.drawTo(function(){a.bind(0);g.uniforms(c).draw(e)});this._temp_texture.near_far_planes=b;this.setOutputData(0,this._temp_texture)}}};m.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_distance;\n\t\t\tuniform float u_range;\n\t\t\t\n\t\t\tfloat LinearDepth()\n\t\t\t{\n\t\t\t\tfloat zNear = u_camera_planes.x;\n\t\t\t\tfloat zFar = u_camera_planes.y;\n\t\t\t\tfloat depth = texture2D(u_texture, v_coord).x;\n\t\t\t\tdepth = depth * 2.0 - 1.0;\n\t\t\t\treturn zNear * (depth + 1.0) / (zFar + zNear - depth * (zFar - zNear));\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tfloat depth = LinearDepth();\n\t\t\t\t#ifdef ONLY_DEPTH\n\t\t\t\t gl_FragColor = vec4(depth);\n\t\t\t\t#else\n\t\t\t\t\tfloat diff = abs(depth * u_camera_planes.y - u_distance);\n\t\t\t\t\tfloat dof = 1.0;\n\t\t\t\t\tif(diff <= u_range)\n\t\t\t\t\t\tdof = diff / u_range;\n\t\t\t\t gl_FragColor = vec4(dof);\n\t\t\t\t#endif\n\t\t\t}\n\t\t\t"; -h.registerNodeType("texture/depth_range",m);var y=function(){this.addInput("Texture","Texture");this.addInput("Iterations","number");this.addInput("Intensity","number");this.addOutput("Blurred","Texture");this.properties={intensity:1,iterations:1,preserve_aspect:!1,scale:[1,1],precision:f.DEFAULT}};y.title="Blur";y.desc="Blur a texture";y.widgets_info={precision:{widget:"combo",values:f.MODE_VALUES}};y.max_iterations=20;y.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b= -this._final_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(b=this._final_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));var c=this.properties.iterations;this.isInputConnected(1)&&(c=this.getInputData(1),this.properties.iterations=c);c=Math.min(Math.floor(c),y.max_iterations);if(0==c)this.setOutputData(0,a);else{var d=this.properties.intensity;this.isInputConnected(2)&&(d=this.getInputData(2),this.properties.intensity=d);var e=h.camera_aspect; -e||void 0===window.gl||(e=gl.canvas.height/gl.canvas.width);e||(e=1);var e=this.properties.preserve_aspect?e:1,g=this.properties.scale||[1,1];a.applyBlur(e*g[0],g[1],d,b);for(a=1;a>=1;1<(c|0)&&(c>>=1);if(2>b)break;l=m[r]=GL.Texture.getTemporary(b,c,d);q[0]=1/n.width;q[1]=1/n.height;n.blit(l,h.uniforms(g));n=l}this.isOutputConnected(2)&&(b=this._average_texture,b&&b.type==a.type&&b.format==a.format||(b=this._average_texture=new GL.Texture(1,1,{type:a.type,format:a.format,filter:gl.LINEAR})),q[0]=1/n.width,q[1]=1/n.height,g.u_intensity= -t,g.u_delta=1,n.blit(b,h.uniforms(g)),this.setOutputData(2,b));gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);g.u_intensity=this.getInputOrProperty("persistence");g.u_delta=0.5;for(r-=2;0<=r;r--)l=m[r],m[r]=null,q[0]=1/n.width,q[1]=1/n.height,n.blit(l,h.uniforms(g)),GL.Texture.releaseTemporary(n),n=l;gl.disable(gl.BLEND);this.isOutputConnected(1)&&(m=this._glow_texture,m&&m.width==a.width&&m.height==a.height&&m.type==e&&m.format==a.format||(m=this._glow_texture=new GL.Texture(a.width,a.height,{type:e, -format:a.format,filter:gl.LINEAR})),n.blit(m),this.setOutputData(1,m));if(this.isOutputConnected(0)){m=this._final_texture;m&&m.width==a.width&&m.height==a.height&&m.type==e&&m.format==a.format||(m=this._final_texture=new GL.Texture(a.width,a.height,{type:e,format:a.format,filter:gl.LINEAR}));var y=this.getInputData(1),s=this.getInputOrProperty("dirt_factor");g.u_intensity=t;h=y?z._dirt_final_shader:z._final_shader;h||(h=y?z._dirt_final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,z.final_pixel_shader, -{USE_DIRT:""}):z._final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,z.final_pixel_shader));m.drawTo(function(){a.bind(0);n.bind(1);y&&(h.setUniform("u_dirt_factor",s),h.setUniform("u_dirt_texture",y.bind(2)));h.toViewport(g)});this.setOutputData(0,m)}GL.Texture.releaseTemporary(n)}};z.cut_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_threshold;\n\t\tvoid main() {\n\t\t\tgl_FragColor = max( texture2D( u_texture, v_coord ) - vec4( u_threshold ), vec4(0.0) );\n\t\t}"; +u,g.u_delta=1,n.blit(b,h.uniforms(g)),this.setOutputData(2,b));gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);g.u_intensity=this.getInputOrProperty("persistence");g.u_delta=0.5;for(r-=2;0<=r;r--)l=m[r],m[r]=null,q[0]=1/n.width,q[1]=1/n.height,n.blit(l,h.uniforms(g)),GL.Texture.releaseTemporary(n),n=l;gl.disable(gl.BLEND);this.isOutputConnected(1)&&(m=this._glow_texture,m&&m.width==a.width&&m.height==a.height&&m.type==e&&m.format==a.format||(m=this._glow_texture=new GL.Texture(a.width,a.height,{type:e, +format:a.format,filter:gl.LINEAR})),n.blit(m),this.setOutputData(1,m));if(this.isOutputConnected(0)){m=this._final_texture;m&&m.width==a.width&&m.height==a.height&&m.type==e&&m.format==a.format||(m=this._final_texture=new GL.Texture(a.width,a.height,{type:e,format:a.format,filter:gl.LINEAR}));var s=this.getInputData(1),t=this.getInputOrProperty("dirt_factor");g.u_intensity=u;h=s?z._dirt_final_shader:z._final_shader;h||(h=s?z._dirt_final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,z.final_pixel_shader, +{USE_DIRT:""}):z._final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,z.final_pixel_shader));m.drawTo(function(){a.bind(0);n.bind(1);s&&(h.setUniform("u_dirt_factor",t),h.setUniform("u_dirt_texture",s.bind(2)));h.toViewport(g)});this.setOutputData(0,m)}GL.Texture.releaseTemporary(n)}};z.cut_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_threshold;\n\t\tvoid main() {\n\t\t\tgl_FragColor = max( texture2D( u_texture, v_coord ) - vec4( u_threshold ), vec4(0.0) );\n\t\t}"; z.scale_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 u_texel_size;\n\t\tuniform float u_delta;\n\t\tuniform float u_intensity;\n\t\t\n\t\tvec4 sampleBox(vec2 uv) {\n\t\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\n\t\t\tvec4 s = texture2D( u_texture, uv + o.xy ) + texture2D( u_texture, uv + o.zy) + texture2D( u_texture, uv + o.xw) + texture2D( u_texture, uv + o.zw);\n\t\t\treturn s * 0.25;\n\t\t}\n\t\tvoid main() {\n\t\t\tgl_FragColor = u_intensity * sampleBox( v_coord );\n\t\t}"; z.final_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_glow_texture;\n\t\t#ifdef USE_DIRT\n\t\t\tuniform sampler2D u_dirt_texture;\n\t\t#endif\n\t\tuniform vec2 u_texel_size;\n\t\tuniform float u_delta;\n\t\tuniform float u_intensity;\n\t\tuniform float u_dirt_factor;\n\t\t\n\t\tvec4 sampleBox(vec2 uv) {\n\t\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\n\t\t\tvec4 s = texture2D( u_glow_texture, uv + o.xy ) + texture2D( u_glow_texture, uv + o.zy) + texture2D( u_glow_texture, uv + o.xw) + texture2D( u_glow_texture, uv + o.zw);\n\t\t\treturn s * 0.25;\n\t\t}\n\t\tvoid main() {\n\t\t\tvec4 glow = sampleBox( v_coord );\n\t\t\t#ifdef USE_DIRT\n\t\t\t\tglow = mix( glow, glow * texture2D( u_dirt_texture, v_coord ), u_dirt_factor );\n\t\t\t#endif\n\t\t\tgl_FragColor = texture2D( u_texture, v_coord ) + u_intensity * glow;\n\t\t}"; h.registerNodeType("texture/glow",z);var D=function(){this.addInput("Texture","Texture");this.addOutput("Filtered","Texture");this.properties={intensity:1,radius:5}};D.title="Kuwahara Filter";D.desc="Filters a texture giving an artistic oil canvas painting";D.max_radius=10;D._shaders=[];D.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b=this._temp_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(this._temp_texture=new GL.Texture(a.width, @@ -422,34 +422,34 @@ precision:0,step:1},octaves:{type:"Number",precision:0,step:1,min:1,max:50}};F.p this.properties.scale+this.properties.seed+this.properties.offset[0]+this.properties.offset[1]+this.properties.amplitude;if(c!=this._key){this._key=c;var e=this._uniforms;e.u_persistence=this.properties.persistence;e.u_octaves=this.properties.octaves;e.u_offset[0]=this.properties.offset[0];e.u_offset[1]=this.properties.offset[1];e.u_scale=this.properties.scale;e.u_amplitude=this.properties.amplitude;e.u_viewport[0]=a;e.u_viewport[1]=b;e.u_seed=128*this.properties.seed;var g=F._shader;g||(g=F._shader= new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,F.pixel_shader));gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);d.drawTo(function(){g.uniforms(e).draw(GL.Mesh.getScreenQuad())})}this.setOutputData(0,d)}};F.pixel_shader="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform vec2 u_offset;\n\t\t\tuniform float u_scale;\n\t\t\tuniform float u_persistence;\n\t\t\tuniform int u_octaves;\n\t\t\tuniform float u_amplitude;\n\t\t\tuniform vec2 u_viewport;\n\t\t\tuniform float u_seed;\n\t\t\t#define M_PI 3.14159265358979323846\n\t\t\t\n\t\t\tfloat rand(vec2 c){\treturn fract(sin(dot(c.xy ,vec2( 12.9898 + u_seed,78.233 + u_seed))) * 43758.5453); }\n\t\t\t\n\t\t\tfloat noise(vec2 p, float freq ){\n\t\t\t\tfloat unit = u_viewport.x/freq;\n\t\t\t\tvec2 ij = floor(p/unit);\n\t\t\t\tvec2 xy = mod(p,unit)/unit;\n\t\t\t\t//xy = 3.*xy*xy-2.*xy*xy*xy;\n\t\t\t\txy = .5*(1.-cos(M_PI*xy));\n\t\t\t\tfloat a = rand((ij+vec2(0.,0.)));\n\t\t\t\tfloat b = rand((ij+vec2(1.,0.)));\n\t\t\t\tfloat c = rand((ij+vec2(0.,1.)));\n\t\t\t\tfloat d = rand((ij+vec2(1.,1.)));\n\t\t\t\tfloat x1 = mix(a, b, xy.x);\n\t\t\t\tfloat x2 = mix(c, d, xy.x);\n\t\t\t\treturn mix(x1, x2, xy.y);\n\t\t\t}\n\t\t\t\n\t\t\tfloat pNoise(vec2 p, int res){\n\t\t\t\tfloat persistance = u_persistence;\n\t\t\t\tfloat n = 0.;\n\t\t\t\tfloat normK = 0.;\n\t\t\t\tfloat f = 4.;\n\t\t\t\tfloat amp = 1.0;\n\t\t\t\tint iCount = 0;\n\t\t\t\tfor (int i = 0; i<50; i++){\n\t\t\t\t\tn+=amp*noise(p, f);\n\t\t\t\t\tf*=2.;\n\t\t\t\t\tnormK+=amp;\n\t\t\t\t\tamp*=persistance;\n\t\t\t\t\tif (iCount >= res)\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tiCount++;\n\t\t\t\t}\n\t\t\t\tfloat nf = n/normK;\n\t\t\t\treturn nf*nf*nf*nf;\n\t\t\t}\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord * u_scale * u_viewport + u_offset * u_scale;\n\t\t\t\tvec4 color = vec4( pNoise( uv, u_octaves ) * u_amplitude );\n\t\t\t\tgl_FragColor = color;\n\t\t\t}"; h.registerNodeType("texture/perlin",F);d=function(){this.addOutput("out","Texture");this.properties={code:"",width:512,height:512,precision:f.DEFAULT};this._temp_texture=this._func=null};d.title="Canvas2D";d.desc="Executes Canvas2D code inside a texture or the viewport";d.widgets_info={precision:{widget:"combo",values:f.MODE_VALUES},code:{type:"code"},width:{type:"Number",precision:0,step:1},height:{type:"Number",precision:0,step:1}};d.prototype.onPropertyChanged=function(a,b){if("code"==a&&h.allow_scripts){this._func= -null;try{this._func=new Function("canvas","ctx","time","script",b),this.boxcolor="#00FF00"}catch(c){this.boxcolor="#FF0000",console.error("Error parsing script"),console.error(c)}}};d.prototype.onExecute=function(){var a=this._func;if(a&&this.isOutputConnected(0))if(v.enableWebGLCanvas){var b=this.properties.width||gl.canvas.width,c=this.properties.height||gl.canvas.height,d=this._temp_texture;d&&d.width==b&&d.height==c||(d=this._temp_texture=new GL.Texture(b,c,{format:gl.RGBA,filter:gl.LINEAR})); -var e=this,g=this.graph.getTime();d.drawTo(function(){gl.start2D();try{a.draw?a.draw.call(e,gl.canvas,gl,g,a):a.call(e,gl.canvas,gl,g,a),e.boxcolor="#00FF00"}catch(b){e.boxcolor="#FF0000",console.error("Error executing script"),console.error(b)}gl.finish2D()});this.setOutputData(0,d)}else console.warn("cannot use LGraphTextureCanvas2D if Canvas2DtoWebGL is not included")};h.registerNodeType("texture/canvas2D",d);var x=function(){this.addInput("in","Texture");this.addOutput("out","Texture");this.properties= -{key_color:vec3.fromValues(0,1,0),threshold:0.8,slope:0.2,precision:f.DEFAULT}};x.title="Matte";x.desc="Extracts background";x.widgets_info={key_color:{widget:"color"},precision:{widget:"combo",values:f.MODE_VALUES}};x.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===f.PASS_THROUGH)this.setOutputData(0,a);else if(a){this._tex=f.getTargetTexture(a,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST); -this._uniforms||(this._uniforms={u_texture:0,u_key_color:this.properties.key_color,u_threshold:1,u_slope:1});var b=this._uniforms,c=Mesh.getScreenQuad(),d=x._shader;d||(d=x._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,x.pixel_shader));b.u_key_color=this.properties.key_color;b.u_threshold=this.properties.threshold;b.u_slope=this.properties.slope;this._tex.drawTo(function(){a.bind(0);d.uniforms(b).draw(c)});this.setOutputData(0,this._tex)}}};x.pixel_shader="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec3 u_key_color;\n\t\t\tuniform float u_threshold;\n\t\t\tuniform float u_slope;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec3 color = texture2D( u_texture, v_coord ).xyz;\n\t\t\t\tfloat diff = length( normalize(color) - normalize(u_key_color) );\n\t\t\t\tfloat edge = u_threshold * (1.0 - u_slope);\n\t\t\t\tfloat alpha = smoothstep( edge, u_threshold, diff);\n\t\t\t\tgl_FragColor = vec4( color, alpha );\n\t\t\t}"; -h.registerNodeType("texture/matte",x);d=function(){this.addOutput("Cubemap","Cubemap");this.properties={name:""};this.size=[f.image_preview_size,f.image_preview_size]};d.title="Cubemap";d.prototype.onDropFile=function(a,b,c){a?(this._drop_texture="string"==typeof a?GL.Texture.fromURL(a):GL.Texture.fromDDSInMemory(a),this.properties.name=b):(this._drop_texture=null,this.properties.name="")};d.prototype.onExecute=function(){if(this._drop_texture)this.setOutputData(0,this._drop_texture);else if(this.properties.name){var a= +null;try{this._func=new Function("canvas","ctx","time","script",b),this.boxcolor="#00FF00"}catch(c){this.boxcolor="#FF0000",console.error("Error parsing script"),console.error(c)}}};d.prototype.onExecute=function(){var a=this._func;if(a&&this.isOutputConnected(0))if(w.enableWebGLCanvas){var b=this.properties.width||gl.canvas.width,c=this.properties.height||gl.canvas.height,d=this._temp_texture;d&&d.width==b&&d.height==c||(d=this._temp_texture=new GL.Texture(b,c,{format:gl.RGBA,filter:gl.LINEAR})); +var e=this,g=this.graph.getTime();d.drawTo(function(){gl.start2D();try{a.draw?a.draw.call(e,gl.canvas,gl,g,a):a.call(e,gl.canvas,gl,g,a),e.boxcolor="#00FF00"}catch(b){e.boxcolor="#FF0000",console.error("Error executing script"),console.error(b)}gl.finish2D()});this.setOutputData(0,d)}else console.warn("cannot use LGraphTextureCanvas2D if Canvas2DtoWebGL is not included")};h.registerNodeType("texture/canvas2D",d);var y=function(){this.addInput("in","Texture");this.addOutput("out","Texture");this.properties= +{key_color:vec3.fromValues(0,1,0),threshold:0.8,slope:0.2,precision:f.DEFAULT}};y.title="Matte";y.desc="Extracts background";y.widgets_info={key_color:{widget:"color"},precision:{widget:"combo",values:f.MODE_VALUES}};y.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===f.PASS_THROUGH)this.setOutputData(0,a);else if(a){this._tex=f.getTargetTexture(a,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST); +this._uniforms||(this._uniforms={u_texture:0,u_key_color:this.properties.key_color,u_threshold:1,u_slope:1});var b=this._uniforms,c=Mesh.getScreenQuad(),d=y._shader;d||(d=y._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,y.pixel_shader));b.u_key_color=this.properties.key_color;b.u_threshold=this.properties.threshold;b.u_slope=this.properties.slope;this._tex.drawTo(function(){a.bind(0);d.uniforms(b).draw(c)});this.setOutputData(0,this._tex)}}};y.pixel_shader="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec3 u_key_color;\n\t\t\tuniform float u_threshold;\n\t\t\tuniform float u_slope;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec3 color = texture2D( u_texture, v_coord ).xyz;\n\t\t\t\tfloat diff = length( normalize(color) - normalize(u_key_color) );\n\t\t\t\tfloat edge = u_threshold * (1.0 - u_slope);\n\t\t\t\tfloat alpha = smoothstep( edge, u_threshold, diff);\n\t\t\t\tgl_FragColor = vec4( color, alpha );\n\t\t\t}"; +h.registerNodeType("texture/matte",y);d=function(){this.addOutput("Cubemap","Cubemap");this.properties={name:""};this.size=[f.image_preview_size,f.image_preview_size]};d.title="Cubemap";d.prototype.onDropFile=function(a,b,c){a?(this._drop_texture="string"==typeof a?GL.Texture.fromURL(a):GL.Texture.fromDDSInMemory(a),this.properties.name=b):(this._drop_texture=null,this.properties.name="")};d.prototype.onExecute=function(){if(this._drop_texture)this.setOutputData(0,this._drop_texture);else if(this.properties.name){var a= f.getTexture(this.properties.name);a&&(this._last_tex=a,this.setOutputData(0,a))}};d.prototype.onDrawBackground=function(a){this.flags.collapsed||20>=this.size[1]||a.webgl&&(gl.meshes.cube||(gl.meshes.cube=GL.Mesh.cube({size:1})))};h.registerNodeType("texture/cubemap",d)}})(this); -(function(v){var h=v.LiteGraph;if("undefined"!=typeof GL){var f=function(){this.addInput("Texture","Texture");this.addInput("Aberration","number");this.addInput("Distortion","number");this.addInput("Blur","number");this.addOutput("Texture","Texture");this.properties={aberration:1,distortion:1,blur:1,precision:LGraphTexture.DEFAULT};f._shader||(f._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,f.pixel_shader),f._texture=new GL.Texture(3,1,{format:gl.RGB,wrap:gl.CLAMP_TO_EDGE,magFilter:gl.LINEAR, +(function(w){var h=w.LiteGraph;if("undefined"!=typeof GL){var f=function(){this.addInput("Texture","Texture");this.addInput("Aberration","number");this.addInput("Distortion","number");this.addInput("Blur","number");this.addOutput("Texture","Texture");this.properties={aberration:1,distortion:1,blur:1,precision:LGraphTexture.DEFAULT};f._shader||(f._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,f.pixel_shader),f._texture=new GL.Texture(3,1,{format:gl.RGB,wrap:gl.CLAMP_TO_EDGE,magFilter:gl.LINEAR, minFilter:gl.LINEAR,pixel_data:[255,0,0,0,255,0,0,0,255]}))};f.title="Lens";f.desc="Camera Lens distortion";f.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};f.prototype.onExecute=function(){var d=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else if(d){this._tex=LGraphTexture.getTargetTexture(d,this._tex,this.properties.precision);var h=this.properties.aberration;this.isInputConnected(1)&&(h=this.getInputData(1), -this.properties.aberration=h);var p=this.properties.distortion;this.isInputConnected(2)&&(p=this.getInputData(2),this.properties.distortion=p);var l=this.properties.blur;this.isInputConnected(3)&&(l=this.getInputData(3),this.properties.blur=l);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var n=Mesh.getScreenQuad(),b=f._shader;this._tex.drawTo(function(){d.bind(0);b.uniforms({u_texture:0,u_aberration:h,u_distortion:p,u_blur:l}).draw(n)});this.setOutputData(0,this._tex)}};f.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_aberration;\n\t\t\tuniform float u_distortion;\n\t\t\tuniform float u_blur;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = v_coord;\n\t\t\t\tfloat dist = distance(vec2(0.5), coord);\n\t\t\t\tvec2 dist_coord = coord - vec2(0.5);\n\t\t\t\tfloat percent = 1.0 + ((0.5 - dist) / 0.5) * u_distortion;\n\t\t\t\tdist_coord *= percent;\n\t\t\t\tcoord = dist_coord + vec2(0.5);\n\t\t\t\tvec4 color = texture2D(u_texture,coord, u_blur * dist);\n\t\t\t\tcolor.r = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0+0.01*u_aberration), u_blur * dist ).r;\n\t\t\t\tcolor.b = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0-0.01*u_aberration), u_blur * dist ).b;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n\t\t\t"; -h.registerNodeType("fx/lens",f);v.LGraphFXLens=f;var p=function(){this.addInput("Texture","Texture");this.addInput("Blurred","Texture");this.addInput("Mask","Texture");this.addInput("Threshold","number");this.addOutput("Texture","Texture");this.properties={shape:"",size:10,alpha:1,threshold:1,high_precision:!1}};p.title="Bokeh";p.desc="applies an Bokeh effect";p.widgets_info={shape:{widget:"texture"}};p.prototype.onExecute=function(){var d=this.getInputData(0),f=this.getInputData(1),h=this.getInputData(2); +this.properties.aberration=h);var r=this.properties.distortion;this.isInputConnected(2)&&(r=this.getInputData(2),this.properties.distortion=r);var l=this.properties.blur;this.isInputConnected(3)&&(l=this.getInputData(3),this.properties.blur=l);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var n=Mesh.getScreenQuad(),b=f._shader;this._tex.drawTo(function(){d.bind(0);b.uniforms({u_texture:0,u_aberration:h,u_distortion:r,u_blur:l}).draw(n)});this.setOutputData(0,this._tex)}};f.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_aberration;\n\t\t\tuniform float u_distortion;\n\t\t\tuniform float u_blur;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = v_coord;\n\t\t\t\tfloat dist = distance(vec2(0.5), coord);\n\t\t\t\tvec2 dist_coord = coord - vec2(0.5);\n\t\t\t\tfloat percent = 1.0 + ((0.5 - dist) / 0.5) * u_distortion;\n\t\t\t\tdist_coord *= percent;\n\t\t\t\tcoord = dist_coord + vec2(0.5);\n\t\t\t\tvec4 color = texture2D(u_texture,coord, u_blur * dist);\n\t\t\t\tcolor.r = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0+0.01*u_aberration), u_blur * dist ).r;\n\t\t\t\tcolor.b = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0-0.01*u_aberration), u_blur * dist ).b;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n\t\t\t"; +h.registerNodeType("fx/lens",f);w.LGraphFXLens=f;var r=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}};r.title="Bokeh";r.desc="applies an Bokeh effect";r.widgets_info={shape:{widget:"texture"}};r.prototype.onExecute=function(){var d=this.getInputData(0),f=this.getInputData(1),h=this.getInputData(2); if(d&&h&&this.properties.shape){f||(f=d);var l=LGraphTexture.getTexture(this.properties.shape);if(l){var n=this.properties.threshold;this.isInputConnected(3)&&(n=this.getInputData(3),this.properties.threshold=n);var b=gl.UNSIGNED_BYTE;this.properties.high_precision&&(b=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==b&&this._temp_texture.width==d.width&&this._temp_texture.height==d.height||(this._temp_texture=new GL.Texture(d.width,d.height,{type:b,format:gl.RGBA, -filter:gl.LINEAR}));var q=p._first_shader;q||(q=p._first_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,p._first_pixel_shader));var a=p._second_shader;a||(a=p._second_shader=new GL.Shader(p._second_vertex_shader,p._second_pixel_shader));var c=this._points_mesh;c&&c._width==d.width&&c._height==d.height&&2==c._spacing||(c=this.createPointsMesh(d.width,d.height,2));var e=Mesh.getScreenQuad(),r=this.properties.size,g=this.properties.alpha;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){d.bind(0); -f.bind(1);h.bind(2);q.uniforms({u_texture:0,u_texture_blur:1,u_mask:2,u_texsize:[d.width,d.height]}).draw(e)});this._temp_texture.drawTo(function(){gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);d.bind(0);l.bind(3);a.uniforms({u_texture:0,u_mask:2,u_shape:3,u_alpha:g,u_threshold:n,u_pointSize:r,u_itexsize:[1/d.width,1/d.height]}).draw(c,gl.POINTS)});this.setOutputData(0,this._temp_texture)}}else this.setOutputData(0,d)};p.prototype.createPointsMesh=function(d,f,h){for(var l=Math.round(d/h),n=Math.round(f/ -h),b=new Float32Array(l*n*2),p=-1,a=2/d*h,c=2/f*h,e=0;e=h.NOTEON||b<=h.NOTEOFF)this.channel=d&15};Object.defineProperty(h.prototype,"velocity",{get:function(){return this.cmd==h.NOTEON?this.data[2]: +d.pixel_shader_gamma="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_value1;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tfloat gamma = 1.0 / u_value1;\n\t\t\t\tgl_FragColor = vec4( pow( color.xyz, vec3(gamma) ), color.a );\n\t\t\t}\n";h.registerNodeType("fx/generic",d);w.LGraphFXGeneric=d;var s=function(){this.addInput("Tex.","Texture");this.addInput("intensity","number");this.addOutput("Texture", +"Texture");this.properties={intensity:1,invert:!1,precision:LGraphTexture.DEFAULT};s._shader||(s._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,s.pixel_shader))};s.title="Vigneting";s.desc="Vigneting";s.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};s.prototype.onExecute=function(){var d=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else if(d){this._tex=LGraphTexture.getTargetTexture(d,this._tex,this.properties.precision); +var f=this.properties.intensity;this.isInputConnected(1)&&(f=this.getInputData(1),this.properties.intensity=f);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var h=Mesh.getScreenQuad(),l=s._shader,n=this.properties.invert;this._tex.drawTo(function(){d.bind(0);l.uniforms({u_texture:0,u_intensity:f,u_isize:[1/d.width,1/d.height],u_invert:n?1:0}).draw(h)});this.setOutputData(0,this._tex)}};s.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_intensity;\n\t\t\tuniform int u_invert;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tfloat luminance = 1.0 - length( v_coord - vec2(0.5) ) * 1.414;\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tif(u_invert == 1)\n\t\t\t\t\tluminance = 1.0 - luminance;\n\t\t\t\tluminance = mix(1.0, luminance, u_intensity);\n\t\t\t gl_FragColor = vec4( luminance * color.xyz, color.a);\n\t\t\t}\n\t\t\t"; +h.registerNodeType("fx/vigneting",s);w.LGraphFXVigneting=s}})(this); +(function(w){function h(d){this.cmd=this.channel=0;d?this.setup(d):this.data=[0,0,0]}function f(d,b){navigator.requestMIDIAccess?(this.on_ready=d,this.state={note:[],cc:[]},navigator.requestMIDIAccess().then(this.onMIDISuccess.bind(this),this.onMIDIFailure.bind(this))):(this.error="not suppoorted",b?b("Not supported"):console.error("MIDI NOT SUPPORTED, enable by chrome://flags"))}function r(){this.addOutput("on_midi",l.EVENT);this.addOutput("out","midi");this.properties={port:0};this._current_midi_event= +this._last_midi_event=null;var d=this;new f(function(b){d._midi=b;if(d._waiting)d.onStart();d._waiting=!1})}function d(){this.addInput("send",l.EVENT);this.properties={port:0};var d=this;new f(function(b){d._midi=b})}function s(){this.addInput("on_midi",l.EVENT);this._str="";this.size=[200,40]}function u(){this.properties={channel:-1,cmd:-1,min_value:-1,max_value:-1};this.addInput("in",l.EVENT);this.addOutput("on_midi",l.EVENT)}function x(){this.properties={channel:0,cmd:"CC",value1:1,value2:1};this.addInput("send", +l.EVENT);this.addInput("assign",l.EVENT);this.addOutput("on_midi",l.EVENT)}function v(){this.properties={cc:1,value:0};this.addOutput("value","number")}var l=w.LiteGraph;h.prototype.setup=function(d){this.data=d;this.status=d=d[0];var b=d&240;this.cmd=240<=d?d:b;this.cmd==h.NOTEON&&0==this.velocity&&(this.cmd=h.NOTEOFF);this.cmd_str=h.commands[this.cmd]||"";if(b>=h.NOTEON||b<=h.NOTEOFF)this.channel=d&15};Object.defineProperty(h.prototype,"velocity",{get:function(){return this.cmd==h.NOTEON?this.data[2]: -1},set:function(d){this.data[2]=d},enumerable:!0});h.notes="A A# B C C# D D# E F F# G G#".split(" ");h.prototype.getPitch=function(){return 440*Math.pow(2,(this.data[1]-69)/12)};h.computePitch=function(d){return 440*Math.pow(2,(d-69)/12)};h.prototype.getCC=function(){return this.data[1]};h.prototype.getCCValue=function(){return this.data[2]};h.prototype.getPitchBend=function(){return this.data[1]+(this.data[2]<<7)-8192};h.computePitchBend=function(d,b){return d+(b<<7)-8192};h.prototype.setCommandFromString= function(d){this.cmd=h.computeCommandFromString(d)};h.computeCommandFromString=function(d){if(!d)return 0;if(d&&d.constructor===Number)return d;d=d.toUpperCase();switch(d){case "NOTE ON":case "NOTEON":return h.NOTEON;case "NOTE OFF":case "NOTEOFF":return h.NOTEON;case "KEY PRESSURE":case "KEYPRESSURE":return h.KEYPRESSURE;case "CONTROLLER CHANGE":case "CONTROLLERCHANGE":case "CC":return h.CONTROLLERCHANGE;case "PROGRAM CHANGE":case "PROGRAMCHANGE":case "PC":return h.PROGRAMCHANGE;case "CHANNEL PRESSURE":case "CHANNELPRESSURE":return h.CHANNELPRESSURE; case "PITCH BEND":case "PITCHBEND":return h.PITCHBEND;case "TIME TICK":case "TIMETICK":return h.TIMETICK;default:return Number(d)}};h.toNoteString=function(d){var b;b=(d-21)%12;0>b&&(b=12+b);return h.notes[b]+Math.floor((d-24)/12+1)};h.prototype.toString=function(){var d=""+this.channel+". ";switch(this.cmd){case h.NOTEON:d+="NOTEON "+h.toNoteString(this.data[1]);break;case h.NOTEOFF:d+="NOTEOFF "+h.toNoteString(this.data[1]);break;case h.CONTROLLERCHANGE:d+="CC "+this.data[1]+" "+this.data[2];break; @@ -457,60 +457,60 @@ case h.PROGRAMCHANGE:d+="PC "+this.data[1];break;case h.PITCHBEND:d+="PITCHBEND 208:"channel pressure",224:"pitch bend",240:"system",242:"Song pos",243:"Song select",246:"Tune request",248:"time tick",250:"Start Song",251:"Continue Song",252:"Stop Song",254:"Sensing",255:"Reset"};f.input=null;f.MIDIEvent=h;f.prototype.onMIDISuccess=function(d){console.log("MIDI ready!");console.log(d);this.midi=d;this.updatePorts();if(this.on_ready)this.on_ready(this)};f.prototype.updatePorts=function(){var d=this.midi;this.input_ports=d.inputs;for(var b=0,f=this.input_ports.values(),a=f.next();a&& !1===a.done;)a=a.value,console.log("Input port [type:'"+a.type+"'] id:'"+a.id+"' manufacturer:'"+a.manufacturer+"' name:'"+a.name+"' version:'"+a.version+"'"),b++,a=f.next();this.num_input_ports=b;b=0;this.output_ports=d.outputs;f=this.output_ports.values();for(a=f.next();a&&!1===a.done;)a=a.value,console.log("Output port [type:'"+a.type+"'] id:'"+a.id+"' manufacturer:'"+a.manufacturer+"' name:'"+a.name+"' version:'"+a.version+"'"),b++,a=f.next();this.num_output_ports=b};f.prototype.onMIDIFailure= function(d){console.error("Failed to get MIDI access - "+d)};f.prototype.openInputPort=function(d,b){var l=this.input_ports.get("input-"+d);if(!l)return!1;f.input=this;var a=this;l.onmidimessage=function(c){var d=new h(c.data);a.updateState(d);b&&b(c.data,d);if(f.on_message)f.on_message(c.data,d)};console.log("port open: ",l);return!0};f.parseMsg=function(d){};f.prototype.updateState=function(d){switch(d.cmd){case h.NOTEON:this.state.note[d.value1|0]=d.value2;break;case h.NOTEOFF:this.state.note[d.value1| -0]=0;break;case h.CONTROLLERCHANGE:this.state.cc[d.getCC()]=d.getCCValue()}};f.prototype.sendMIDI=function(d,b){if(b){var l=this.output_ports.get("output-"+d);l&&(f.output=this,b.constructor===h?l.send(b.data):l.send(b))}};p.MIDIInterface=f;p.title="MIDI Input";p.desc="Reads MIDI from a input port";p.prototype.getPropertyInfo=function(d){if(this._midi&&"port"==d){d={};for(var b=0;bthis.properties.max_value||this.trigger("on_midi",b)};l.registerNodeType("midi/filter",t);w.title="MIDIEvent";w.desc="Create a MIDI Event";w.prototype.onAction=function(d,b){"assign"==d?(this.properties.channel=b.channel,this.properties.cmd=b.cmd,this.properties.value1= -b.data[1],this.properties.value2=b.data[2]):(b=new h,b.channel=this.properties.channel,this.properties.cmd&&this.properties.cmd.constructor===String?b.setCommandFromString(this.properties.cmd):b.cmd=this.properties.cmd,b.data[0]=b.cmd|b.channel,b.data[1]=Number(this.properties.value1),b.data[2]=Number(this.properties.value2),this.trigger("on_midi",b))};w.prototype.onExecute=function(){var d=this.properties;if(this.outputs)for(var b=0;bthis.properties.max_value||this.trigger("on_midi",b)};l.registerNodeType("midi/filter",u);x.title="MIDIEvent";x.desc="Create a MIDI Event";x.prototype.onAction=function(d,b){"assign"==d?(this.properties.channel=b.channel,this.properties.cmd=b.cmd,this.properties.value1= +b.data[1],this.properties.value2=b.data[2]):(b=new h,b.channel=this.properties.channel,this.properties.cmd&&this.properties.cmd.constructor===String?b.setCommandFromString(this.properties.cmd):b.cmd=this.properties.cmd,b.data[0]=b.cmd|b.channel,b.data[1]=Number(this.properties.value1),b.data[2]=Number(this.properties.value2),this.trigger("on_midi",b))};x.prototype.onExecute=function(){var d=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())}};q.title="Visualization";q.desc="Audio Visualization";s.registerNodeType("audio/visualization",q);a.prototype.onExecute=function(){if(this._freqs=this.getInputData(0)){var a=this.properties.band,b=this.getInputData(1);void 0!==b&&(a=b);b=g.getAudioContext().sampleRate/this._freqs.length; -b=a/b*2;b>=this._freqs.length?b=this._freqs[this._freqs.length-1]:(a=b|0,b-=a,b=this._freqs[a]*(1-b)+this._freqs[a+1]*b);this.setOutputData(0,b/255*this.properties.amplitude)}};a.prototype.onGetInputs=function(){return[["band","number"]]};a.title="Signal";a.desc="extract the signal of some frequency";s.registerNodeType("audio/signal",a);c.prototype.onAdded=function(a){a.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback)};c["@code"]={widget:"code"};c.prototype.onStart=function(){this.audionode.onaudioprocess= +d),e++;a.stroke();0<=this.properties.mark&&(b=g.getAudioContext().sampleRate/b.length,e=this.properties.mark/b*2/c,e>=this.size[0]&&(e=this.size[0]-1),a.strokeStyle="red",a.beginPath(),a.moveTo(e,d),a.lineTo(e,0),a.stroke())}};q.title="Visualization";q.desc="Audio Visualization";t.registerNodeType("audio/visualization",q);a.prototype.onExecute=function(){if(this._freqs=this.getInputData(0)){var a=this.properties.band,b=this.getInputData(1);void 0!==b&&(a=b);b=g.getAudioContext().sampleRate/this._freqs.length; +b=a/b*2;b>=this._freqs.length?b=this._freqs[this._freqs.length-1]:(a=b|0,b-=a,b=this._freqs[a]*(1-b)+this._freqs[a+1]*b);this.setOutputData(0,b/255*this.properties.amplitude)}};a.prototype.onGetInputs=function(){return[["band","number"]]};a.title="Signal";a.desc="extract the signal of some frequency";t.registerNodeType("audio/signal",a);c.prototype.onAdded=function(a){a.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback)};c["@code"]={widget:"code"};c.prototype.onStart=function(){this.audionode.onaudioprocess= this._callback};c.prototype.onStop=function(){this.audionode.onaudioprocess=c._bypass_function};c.prototype.onPause=function(){this.audionode.onaudioprocess=c._bypass_function};c.prototype.onUnpause=function(){this.audionode.onaudioprocess=this._callback};c.prototype.onExecute=function(){};c.prototype.onRemoved=function(){this.audionode.onaudioprocess=c._bypass_function};c.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=c._bypass_function,this.audionode.onaudioprocess=this._callback}};c.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))};c.default_function=function(){this.onaudioprocess=function(a){var b=a.inputBuffer;a=a.outputBuffer; -for(var c=0;c