diff --git a/build/litegraph.js b/build/litegraph.js index dbd2b7291..da8bdfb83 100644 --- a/build/litegraph.js +++ b/build/litegraph.js @@ -1,4 +1,5 @@ //packer version + (function(global){ // ************************************************************* // LiteGraph CLASS ******* @@ -173,7 +174,7 @@ var LiteGraph = global.LiteGraph = { title = title || base_class.title || type; - var node = new base_class( name ); + var node = new base_class( title ); node.type = type; if(!node.title) node.title = title; @@ -312,10 +313,18 @@ var LiteGraph = global.LiteGraph = { } }; +//timer that works everywhere if(typeof(performance) != "undefined") - LiteGraph.getTime = function getTime() { return performance.now(); } + LiteGraph.getTime = performance.now.bind(performance); +else if(typeof(Date) != "undefined" && Date.now) + LiteGraph.getTime = Date.now.bind(Date); +else if(typeof(process) != "undefined") + LiteGraph.getTime = function(){ + var t = process.hrtime(); + return t[0]*0.001 + t[1]*(1e-6); + } else - LiteGraph.getTime = function getTime() { return Date.now(); } + LiteGraph.getTime = function getTime() { return (new Date).getTime(); } @@ -333,7 +342,7 @@ else * @constructor */ -global.LGraph = LiteGraph.LGraph = function LGraph() +function LGraph() { if (LiteGraph.debug) console.log("Graph created"); @@ -341,6 +350,8 @@ global.LGraph = LiteGraph.LGraph = function LGraph() this.clear(); } +global.LGraph = LiteGraph.LGraph = LGraph; + //default supported types LGraph.supported_types = ["number","string","boolean"]; @@ -1383,11 +1394,13 @@ LGraph.prototype.onNodeTrace = function(node, msg, color) * @param {String} name a name for the node */ -global.LGraphNode = LiteGraph.LGraphNode = function LGraphNode(title) +function LGraphNode(title) { this._ctor(); } +global.LGraphNode = LiteGraph.LGraphNode = LGraphNode; + LGraphNode.prototype._ctor = function( title ) { this.title = title || "Unnamed"; @@ -2681,7 +2694,7 @@ LGraphNode.prototype.localToScreen = function(x,y, graphcanvas) * @param {LGraph} graph [optional] * @param {Object} options [optional] { skip_rendering, autoresize } */ -global.LGraphCanvas = LiteGraph.LGraphCanvas = function LGraphCanvas( canvas, graph, options ) +function LGraphCanvas( canvas, graph, options ) { options = options || {}; @@ -2733,6 +2746,8 @@ global.LGraphCanvas = LiteGraph.LGraphCanvas = function LGraphCanvas( canvas, gr this.autoresize = options.autoresize; } +global.LGraphCanvas = LiteGraph.LGraphCanvas = LGraphCanvas; + LGraphCanvas.link_type_colors = {"-1":"#F85",'number':"#AAC","node":"#DCA"}; @@ -6185,7 +6200,7 @@ LiteGraph.createNodetypeWrapper = function( class_object ) //LiteGraph.registerNodeType("scene/global", LGraphGlobal ); */ -if(typeof(window) !== undefined && !window["requestAnimationFrame"] ) +if( typeof(window) != "undefined" && !window["requestAnimationFrame"] ) { window.requestAnimationFrame = window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || @@ -6195,10 +6210,13 @@ if(typeof(window) !== undefined && !window["requestAnimationFrame"] ) } })(this); + +if(typeof(exports) != "undefined") + exports.LiteGraph = this.LiteGraph; //basic nodes -(function(){ - +(function(global){ +var LiteGraph = global.LiteGraph; //Constant function Time() @@ -6659,9 +6677,10 @@ LiteGraph.registerNodeType("basic/script", NodeScript ); -})(); +})(this); //event related nodes -(function(){ +(function(global){ +var LiteGraph = global.LiteGraph; //Show value inside the debug console function LogEvent() @@ -6808,9 +6827,10 @@ DelayEvent.prototype.onGetInputs = function() LiteGraph.registerNodeType("events/delay", DelayEvent ); -})(); +})(this); //widgets -(function(){ +(function(global){ +var LiteGraph = global.LiteGraph; /* Button ****************/ @@ -7587,8 +7607,9 @@ LiteGraph.registerNodeType("events/delay", DelayEvent ); LiteGraph.registerNodeType("widget/panel", WidgetPanel ); -})(); -(function(){ +})(this); +(function(global){ +var LiteGraph = global.LiteGraph; function GamepadInput() { @@ -7790,8 +7811,9 @@ GamepadInput.prototype.onGetOutputs = function() { LiteGraph.registerNodeType("input/gamepad", GamepadInput ); -})(); -(function(){ +})(this); +(function(global){ +var LiteGraph = global.LiteGraph; //Converter function Converter() @@ -8478,7 +8500,7 @@ LiteGraph.registerNodeType("math/trigonometry", MathTrigonometry ); //math library for safe math operations without eval -if(window.math) +if(typeof(math) != undefined) { function MathFormula() { @@ -8696,7 +8718,7 @@ LiteGraph.registerNodeType("math3d/xyzw-to-vec4", Math3DXYZWToVec4 ); //if glMatrix is installed... -if(window.glMatrix) +if(global.glMatrix) { function Math3DQuaternion() @@ -8831,7 +8853,10 @@ if(window.glMatrix) } //glMatrix -})(); +})(this); +(function(global){ +var LiteGraph = global.LiteGraph; + function Selector() { this.addInput("sel","boolean"); @@ -8869,11 +8894,9 @@ Selector.prototype.onGetInputs = function() { LiteGraph.registerNodeType("logic/selector", Selector); - -(function(){ - - - +})(this); +(function(global){ +var LiteGraph = global.LiteGraph; function GraphicsImage() { @@ -9586,19 +9609,25 @@ ImageWebcam.prototype.onDrawBackground = function(ctx) LiteGraph.registerNodeType("graphics/webcam", ImageWebcam ); -})(); +})(this); +(function(global){ +var LiteGraph = global.LiteGraph; + //Works with Litegl.js to create WebGL nodes -var LGraphTexture -if(typeof(LiteGraph) != "undefined") +global.LGraphTexture = null; + +if(typeof(GL) != "undefined") { - LGraphTexture = function() + function LGraphTexture() { this.addOutput("Texture","Texture"); this.properties = { name:"", filter: true }; this.size = [LGraphTexture.image_preview_size, LGraphTexture.image_preview_size]; } + global.LGraphTexture = LGraphTexture; + LGraphTexture.title = "Texture"; LGraphTexture.desc = "Texture"; LGraphTexture.widgets_info = {"name": { widget:"texture"}, "filter": { widget:"checkbox"} }; @@ -12053,11 +12082,16 @@ LGraphTextureKuwaharaFilter.pixel_shader = "\n\ LiteGraph.registerNodeType("texture/cubemap", LGraphCubemap ); -} //litegl.js defined +} //litegl.js defined + +})(this); +(function(global){ +var LiteGraph = global.LiteGraph; + //Works with Litegl.js to create WebGL nodes -if(typeof(LiteGraph) != "undefined") +if(typeof(GL) != "undefined") { - + // Texture Lens ***************************************** function LGraphFXLens() { @@ -12611,10 +12645,13 @@ if(typeof(LiteGraph) != "undefined") "; LiteGraph.registerNodeType("fx/vigneting", LGraphFXVigneting ); - window.LGraphFXVigneting = LGraphFXVigneting; -} + global.LGraphFXVigneting = LGraphFXVigneting; +} + +})(this); (function( global ) { +var LiteGraph = global.LiteGraph; function MIDIEvent( data ) { @@ -13319,17 +13356,10 @@ LiteGraph.registerNodeType("midi/cc", LGMIDICC); function now() { return window.performance.now() } - - - - - - -})( window ); -//not tested nor finished - +})( this ); (function( global ) { +var LiteGraph = global.LiteGraph; var LGAudio = {}; global.LGAudio = LGAudio; @@ -14582,9 +14612,10 @@ LiteGraph.registerNodeType("audio/destination", LGAudioDestination); -})( window ); +})( this ); //event related nodes -(function(){ +(function(global){ +var LiteGraph = global.LiteGraph; function LGWebSocket() { @@ -14840,4 +14871,4 @@ LGSillyClient.prototype.onGetOutputs = function() LiteGraph.registerNodeType("network/sillyclient", LGSillyClient ); -})(); +})(this); diff --git a/build/litegraph.min.js b/build/litegraph.min.js index 51eeb5537..bcea741a0 100755 --- a/build/litegraph.min.js +++ b/build/litegraph.min.js @@ -1,419 +1,402 @@ -(function(d){function c(a,b){return Math.sqrt((b[0]-a[0])*(b[0]-a[0])+(b[1]-a[1])*(b[1]-a[1]))}function f(a,b,e,k,c,d){return ea&&kb?!0:!1}function g(a,b){return a[0]>b[2]||a[1]>b[3]||a[2]f.width-h.width-10&&(c=f.width-h.width-10);d>f.height-h.height-10&&(d=f.height-h.height-10)}k.style.left=c+"px";k.style.top=d+"px"}var h=d.LiteGraph={NODE_TITLE_HEIGHT:16, -NODE_SLOT_HEIGHT:15,NODE_WIDTH:140,NODE_MIN_WIDTH:50,NODE_COLLAPSED_RADIUS:10,NODE_COLLAPSED_WIDTH:80,CANVAS_GRID_SIZE:10,NODE_TITLE_COLOR:"#222",NODE_DEFAULT_COLOR:"#999",NODE_DEFAULT_BGCOLOR:"#444",NODE_DEFAULT_BOXCOLOR:"#AEF",NODE_DEFAULT_SHAPE:"box",MAX_NUMBER_OF_NODES:1E3,DEFAULT_POSITION:[100,100],node_images_path:"",VALID_SHAPES:["box","round"],BOX_SHAPE:1,ROUND_SHAPE:2,CIRCLE_SHAPE:3,INPUT:1,OUTPUT:2,EVENT:-1,ACTION:-1,ALWAYS:0,ON_EVENT:1,NEVER:2,ON_TRIGGER:3,proxy:null,debug:!1,throw_errors:!0, -allow_scripts:!0,registered_node_types:{},node_types_by_file_extension:{},Nodes:{},registerNodeType:function(a,b){if(!b.prototype)throw"Cannot register a simple object, it must be a class with a prototype";b.type=a;h.debug&&console.log("Node registered: "+a);a.split("/");var e=b.constructor.name,k=a.lastIndexOf("/");b.category=a.substr(0,k);b.title||(b.title=e);if(b.prototype)for(var c in LGraphNode.prototype)b.prototype[c]||(b.prototype[c]=LGraphNode.prototype[c]);Object.defineProperty(b.prototype, -"shape",{set:function(a){switch(a){case "box":this._shape=h.BOX_SHAPE;break;case "round":this._shape=h.ROUND_SHAPE;break;case "circle":this._shape=h.CIRCLE_SHAPE;break;default:this._shape=a}},get:function(a){return this._shape},enumerable:!0});this.registered_node_types[a]=b;b.constructor.name&&(this.Nodes[e]=b);b.prototype.onPropertyChange&&console.warn("LiteGraph node class "+a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end");if(b.supported_extensions)for(c in b.supported_extensions)this.node_types_by_file_extension[b.supported_extensions[c].toLowerCase()]= -b},addNodeMethod:function(a,b){LGraphNode.prototype[a]=b;for(var e in this.registered_node_types){var k=this.registered_node_types[e];k.prototype[a]&&(k.prototype["_"+a]=k.prototype[a]);k.prototype[a]=b}},createNode:function(a,b,e){var k=this.registered_node_types[a];if(!k)return h.debug&&console.log('GraphNode type "'+a+'" not registered.'),null;b=b||k.title||a;k=new k(name);k.type=a;k.title||(k.title=b);k.properties||(k.properties={});k.properties_info||(k.properties_info=[]);k.flags||(k.flags= -{});k.size||(k.size=k.computeSize());k.pos||(k.pos=h.DEFAULT_POSITION.concat());k.mode||(k.mode=h.ALWAYS);if(e)for(var c in e)k[c]=e[c];return k},getNodeType:function(a){return this.registered_node_types[a]},getNodeTypesInCategory:function(a){var b=[],e;for(e in this.registered_node_types)""==a?null==this.registered_node_types[e].category&&b.push(this.registered_node_types[e]):this.registered_node_types[e].category==a&&b.push(this.registered_node_types[e]);return b},getNodeTypesCategories:function(){var a= -{"":1},b;for(b in this.registered_node_types)this.registered_node_types[b].category&&!this.registered_node_types[b].skip_list&&(a[this.registered_node_types[b].category]=1);var e=[];for(b in a)e.push(b);return e},reloadNodes:function(a){var b=document.getElementsByTagName("script"),e=[],k;for(k in b)e.push(b[k]);b=document.getElementsByTagName("head")[0];a=document.location.href+a;for(k in e){var c=e[k].src;if(c&&c.substr(0,a.length)==a)try{h.debug&&console.log("Reloading: "+c);var d=document.createElement("script"); -d.type="text/javascript";d.src=c;b.appendChild(d);b.removeChild(e[k])}catch(f){if(h.throw_errors)throw f;h.debug&&console.log("Error while reloading "+c)}}h.debug&&console.log("Nodes reloaded")},cloneObject:function(a,b){if(null==a)return null;var e=JSON.parse(JSON.stringify(a));if(!b)return e;for(var k in e)b[k]=e[k];return b},isValidConnection:function(a,b){return!a||!b||a==b||a!==h.EVENT&&b!==h.EVENT&&a.toLowerCase()==b.toLowerCase()?!0:!1}};h.getTime="undefined"!=typeof performance?function(){return performance.now()}: -function(){return Date.now()};d.LGraph=h.LGraph=function(){h.debug&&console.log("Graph created");this.list_of_graphcanvas=null;this.clear()};LGraph.supported_types=["number","string","boolean"];LGraph.prototype.getSupportedTypes=function(){return this.supported_types||LGraph.supported_types};LGraph.STATUS_STOPPED=1;LGraph.STATUS_RUNNING=2;LGraph.prototype.clear=function(){this.stop();this.status=LGraph.STATUS_STOPPED;this.last_node_id=0;this._nodes=[];this._nodes_by_id={};this._nodes_executable=this._nodes_in_order= -null;this.last_link_id=0;this.links={};this.iteration=0;this.config={};this.fixedtime=this.runningtime=this.globaltime=0;this.elapsed_time=this.fixedtime_lapse=0.01;this.starttime=0;this.catch_errors=!0;this.global_inputs={};this.global_outputs={};this.debug=!0;this.change();this.sendActionToCanvas("clear")};LGraph.prototype.attachCanvas=function(a){if(a.constructor!=LGraphCanvas)throw"attachCanvas expects a LGraphCanvas instance";a.graph&&a.graph!=this&&a.graph.detachCanvas(a);a.graph=this;this.list_of_graphcanvas|| -(this.list_of_graphcanvas=[]);this.list_of_graphcanvas.push(a)};LGraph.prototype.detachCanvas=function(a){if(this.list_of_graphcanvas){var b=this.list_of_graphcanvas.indexOf(a);-1!=b&&(a.graph=null,this.list_of_graphcanvas.splice(b,1))}};LGraph.prototype.start=function(a){if(this.status!=LGraph.STATUS_RUNNING){this.status=LGraph.STATUS_RUNNING;if(this.onPlayEvent)this.onPlayEvent();this.sendEventToAllNodes("onStart");this.starttime=h.getTime();var b=this;this.execution_timer_id=setInterval(function(){b.runStep(1, -!this.catch_errors)},a||1)}};LGraph.prototype.stop=function(){if(this.status!=LGraph.STATUS_STOPPED){this.status=LGraph.STATUS_STOPPED;if(this.onStopEvent)this.onStopEvent();null!=this.execution_timer_id&&clearInterval(this.execution_timer_id);this.execution_timer_id=null;this.sendEventToAllNodes("onStop")}};LGraph.prototype.runStep=function(a,b){a=a||1;var e=h.getTime();this.globaltime=0.001*(e-this.starttime);var k=this._nodes_executable?this._nodes_executable:this._nodes;if(k){if(b){for(var c= -0;c=h.MAX_NUMBER_OF_NODES)throw"LiteGraph: max number of nodes in a graph reached";null==a.id||-1==a.id?a.id=++this.last_node_id:this.last_node_id!a.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});this.id=-1;this.type=null;this.inputs=[];this.outputs=[];this.connections=[];this.properties={};this.properties_info=[];this.data=null;this.flags={}};LGraphNode.prototype.configure= -function(a){for(var b in a)if("console"!=b)if("properties"==b)for(var e in a.properties){if(this.properties[e]=a.properties[e],this.onPropertyChanged)this.onPropertyChanged(e,a.properties[e])}else null!=a[b]&&("object"==typeof a[b]?this[b]&&this[b].configure?this[b].configure(a[b]):this[b]=h.cloneObject(a[b],this[b]):this[b]=a[b]);if(this.onConnectionsChange){if(this.inputs)for(var k=0;k=this.outputs.length)){var e=this.outputs[a];if(e&&(e._data=b,this.outputs[a].links))for(e=0;e=this.inputs.length||null==this.inputs[a].link)){var e=this.graph.links[this.inputs[a].link]; -if(!e)return null;if(!b)return e.data;var k=this.graph.getNodeById(e.origin_id);if(!k)return e.data;if(k.updateOutputData)k.updateOutputData(e.origin_slot);else if(k.onExecute)k.onExecute();return e.data}};LGraphNode.prototype.isInputConnected=function(a){return this.inputs?a=this.inputs.length)return null;a=this.inputs[a];return a&&a.link?(a=this.graph.links[a.link])?this.graph.getNodeById(a.origin_id):null:null};LGraphNode.prototype.getOutputData=function(a){return!this.outputs||a>=this.outputs.length?null:this.outputs[a]._data};LGraphNode.prototype.getOutputInfo=function(a){return this.outputs?a=this.outputs.length)return null;a=this.outputs[a];if(!a.links||0==a.links.length)return null;for(var b=[],e=0;ea&&this.pos[1]-k-eb)return!0;return!1};LGraphNode.prototype.getSlotInPosition=function(a,b){if(this.inputs)for(var e=0,k=this.inputs.length;e=this.outputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),!1;b&&b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"Node not found";if(b==this)return!1;if(e.constructor=== -String){if(e=b.findInputSlot(e),-1==e)return h.debug&&console.log("Connect: Error, no slot of name "+e),!1}else{if(e===h.EVENT)return!1;if(!b.inputs||e>=b.inputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),!1}null!=b.inputs[e].link&&b.disconnectInput(e);this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);var k=this.outputs[a];if(b.onConnectInput&&!1===b.onConnectInput(e,k.type,k))return!1;var c=b.inputs[e];if(h.isValidConnection(k.type,c.type)){var d={id:this.graph.last_link_id++, -type:c.type,origin_id:this.id,origin_slot:a,target_id:b.id,target_slot:e};this.graph.links[d.id]=d;null==k.links&&(k.links=[]);k.links.push(d.id);b.inputs[e].link=d.id;if(this.onConnectionsChange)this.onConnectionsChange(h.OUTPUT,a,!0,d,k);if(b.onConnectionsChange)b.onConnectionsChange(h.INPUT,e,!0,d,c)}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);return!0};LGraphNode.prototype.disconnectOutput=function(a,b){if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return h.debug&& -console.log("Connect: Error, no slot of name "+a),!1}else if(!this.outputs||a>=this.outputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),!1;var e=this.outputs[a];if(!e.links||0==e.links.length)return!1;if(b){b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"Target Node not found";for(var k=0,c=e.links.length;k=this.inputs.length)return h.debug&&console.log("Connect: Error, slot number not found"),!1;var b=this.inputs[a];if(!b)return!1;var e=this.inputs[a].link;this.inputs[a].link=null;var k=this.graph.links[e];if(k){var c=this.graph.getNodeById(k.origin_id); -if(!c)return!1;var d=c.outputs[k.origin_slot];if(!d||!d.links||0==d.links.length)return!1;for(var f=0,g=d.links.length;fb&&this.inputs[b].pos?[this.pos[0]+this.inputs[b].pos[0],this.pos[1]+this.inputs[b].pos[1]]:!a&&this.outputs.length>b&&this.outputs[b].pos?[this.pos[0]+this.outputs[b].pos[0],this.pos[1]+this.outputs[b].pos[1]]:a?[this.pos[0],this.pos[1]+10+b*h.NODE_SLOT_HEIGHT]:[this.pos[0]+this.size[0]+1,this.pos[1]+10+b*h.NODE_SLOT_HEIGHT]}; -LGraphNode.prototype.alignToGrid=function(){this.pos[0]=h.CANVAS_GRID_SIZE*Math.round(this.pos[0]/h.CANVAS_GRID_SIZE);this.pos[1]=h.CANVAS_GRID_SIZE*Math.round(this.pos[1]/h.CANVAS_GRID_SIZE)};LGraphNode.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>LGraphNode.MAX_CONSOLE&&this.console.shift();this.graph.onNodeTrace(this,a)};LGraphNode.prototype.setDirtyCanvas=function(a,b){this.graph&&this.graph.sendActionToCanvas("setDirty",[a,b])};LGraphNode.prototype.loadImage= -function(a){var b=new Image;b.src=h.node_images_path+a;b.ready=!1;var e=this;b.onload=function(){this.ready=!0;e.setDirtyCanvas(!0)};return b};LGraphNode.prototype.captureInput=function(a){if(this.graph&&this.graph.list_of_graphcanvas)for(var b=this.graph.list_of_graphcanvas,e=0;e element, you passed a "+a.localName;throw"This browser doesnt support Canvas";}null==(this.ctx=a.getContext("2d"))&&(console.warn("This canvas seems to be WebGL, enabling WebGL renderer"), -this.enableWebGL());this._mousemove_callback=this.processMouseMove.bind(this);this._mouseup_callback=this.processMouseUp.bind(this);b||this.bindEvents()}};LGraphCanvas.prototype._doNothing=function(a){a.preventDefault();return!1};LGraphCanvas.prototype._doReturnTrue=function(a){a.preventDefault();return!0};LGraphCanvas.prototype.bindEvents=function(){if(this._events_binded)console.warn("LGraphCanvas: events already binded");else{var a=this.canvas;this._mousedown_callback=this.processMouseDown.bind(this); -this._mousewheel_callback=this.processMouseWheel.bind(this);a.addEventListener("mousedown",this._mousedown_callback,!0);a.addEventListener("mousemove",this._mousemove_callback);a.addEventListener("mousewheel",this._mousewheel_callback,!1);a.addEventListener("contextmenu",this._doNothing);a.addEventListener("DOMMouseScroll",this._mousewheel_callback,!1);a.addEventListener("touchstart",this.touchHandler,!0);a.addEventListener("touchmove",this.touchHandler,!0);a.addEventListener("touchend",this.touchHandler, -!0);a.addEventListener("touchcancel",this.touchHandler,!0);this._key_callback=this.processKey.bind(this);a.addEventListener("keydown",this._key_callback);a.addEventListener("keyup",this._key_callback);this._ondrop_callback=this.processDrop.bind(this);a.addEventListener("dragover",this._doNothing,!1);a.addEventListener("dragend",this._doNothing,!1);a.addEventListener("drop",this._ondrop_callback,!1);a.addEventListener("dragenter",this._doReturnTrue,!1);this._events_binded=!0}};LGraphCanvas.prototype.unbindEvents= -function(){this._events_binded?(this.canvas.removeEventListener("mousedown",this._mousedown_callback),this.canvas.removeEventListener("mousewheel",this._mousewheel_callback),this.canvas.removeEventListener("DOMMouseScroll",this._mousewheel_callback),this.canvas.removeEventListener("keydown",this._key_callback),this.canvas.removeEventListener("keyup",this._key_callback),this.canvas.removeEventListener("contextmenu",this._doNothing),this.canvas.removeEventListener("drop",this._ondrop_callback),this.canvas.removeEventListener("dragenter", -this._doReturnTrue),this.canvas.removeEventListener("touchstart",this.touchHandler),this.canvas.removeEventListener("touchmove",this.touchHandler),this.canvas.removeEventListener("touchend",this.touchHandler),this.canvas.removeEventListener("touchcancel",this.touchHandler),this._ondrop_callback=this._key_callback=this._mousewheel_callback=this._mousedown_callback=null,this._events_binded=!1):console.warn("LGraphCanvas: no events binded")};LGraphCanvas.getFileExtension=function(a){var b=a.indexOf("?"); --1!=b&&(a=a.substr(0,b));b=a.lastIndexOf(".");return-1==b?"":a.substr(b+1).toLowerCase()};LGraphCanvas.prototype.enableWebGL=function(){if(void 0===typeof GL)throw"litegl.js must be included to use a WebGL canvas";if(void 0===typeof enableWebGLCanvas)throw"webglCanvas.js must be included to use this feature";this.gl=this.ctx=enableWebGLCanvas(this.canvas);this.ctx.webgl=!0;this.bgcanvas=this.canvas;this.bgctx=this.gl};LGraphCanvas.prototype.setDirty=function(a,b){a&&(this.dirty_canvas=!0);b&&(this.dirty_bgcanvas= -!0)};LGraphCanvas.prototype.getCanvasWindow=function(){if(!this.canvas)return window;var a=this.canvas.ownerDocument;return a.defaultView||a.parentWindow};LGraphCanvas.prototype.startRendering=function(){function a(){this.pause_rendering||this.draw();var b=this.getCanvasWindow();this.is_rendering&&b.requestAnimationFrame(a.bind(this))}this.is_rendering||(this.is_rendering=!0,a.call(this))};LGraphCanvas.prototype.stopRendering=function(){this.is_rendering=!1};LGraphCanvas.prototype.processMouseDown= -function(a){if(this.graph){this.adjustMouseEvent(a);var b=this.getCanvasWindow();LGraphCanvas.active_canvas=this;this.canvas.removeEventListener("mousemove",this._mousemove_callback);b.document.addEventListener("mousemove",this._mousemove_callback,!0);b.document.addEventListener("mouseup",this._mouseup_callback,!0);var e=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes);h.closeAllContextMenus(b);if(1==a.which){if(!(a.shiftKey||e&&this.selected_nodes[e.id])){var k=[],c;for(c in this.selected_nodes)this.selected_nodes[c]!= -e&&k.push(this.selected_nodes[c]);for(c in k)this.processNodeDeselected(k[c])}k=!1;if(e&&this.allow_interaction){this.live_mode||e.flags.pinned||this.bringToFront(e);var d=!1;if(!this.connecting_node&&!e.flags.collapsed&&!this.live_mode){if(e.outputs){c=0;for(var g=e.outputs.length;ch.getTime()- -this.last_mouseclick&&this.selected_nodes[e.id]){if(e.onDblClick)e.onDblClick(a);this.processNodeDblClicked(e);c=!0}e.onMouseDown&&e.onMouseDown(a,[a.canvasX-e.pos[0],a.canvasY-e.pos[1]])?c=!0:this.live_mode&&(c=k=!0);c||(this.allow_dragnodes&&(this.node_dragged=e),this.selected_nodes[e.id]||this.processNodeSelected(e,a));this.dirty_canvas=!0}}else k=!0;k&&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=h.getTime();this.canvas_mouse=[a.canvasX,a.canvasY];this.graph.change();(!b.document.activeElement||"input"!=b.document.activeElement.nodeName.toLowerCase()&&"textarea"!=b.document.activeElement.nodeName.toLowerCase())&&a.preventDefault();a.stopPropagation();if(this.onMouseDown)this.onMouseDown(a);return!1}};LGraphCanvas.prototype.processMouseMove=function(a){this.autoresize&&this.resize();if(this.graph){LGraphCanvas.active_canvas=this;this.adjustMouseEvent(a);var b= -[a.localX,a.localY],e=[b[0]-this.last_mouse[0],b[1]-this.last_mouse[1]];this.last_mouse=b;this.canvas_mouse=[a.canvasX,a.canvasY];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,d=this.graph._nodes.length;cb&&(e*=1/1.1);this.setZoom(e,[a.localX,a.localY]);this.graph.change();a.preventDefault();return!1}};LGraphCanvas.prototype.isOverNodeBox=function(a,b,e){var c=h.NODE_TITLE_HEIGHT;return f(b,e,a.pos[0]+2,a.pos[1]+2-c,c-4,c-4)?!0:!1};LGraphCanvas.prototype.isOverNodeInput=function(a,b,e,c){if(a.inputs)for(var d= -0,h=a.inputs.length;dthis.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}};LGraphCanvas.prototype.drawFrontCanvas=function(){this.ctx||(this.ctx=this.bgcanvas.getContext("2d"));var a=this.ctx;if(a){a.start2D&&a.start2D(); -var b=this.canvas;a.restore();a.setTransform(1,0,0,1,0,0);this.dirty_area&&(a.save(),a.beginPath(),a.rect(this.dirty_area[0],this.dirty_area[1],this.dirty_area[2],this.dirty_area[3]),a.clip());this.clear_background&&a.clearRect(0,0,b.width,b.height);this.bgcanvas==this.canvas?this.drawBackCanvas():a.drawImage(this.bgcanvas,0,0);if(this.onRender)this.onRender(b,a);this.show_info&&this.renderInfo(a);if(this.graph){a.save();a.scale(this.scale,this.scale);a.translate(this.offset[0],this.offset[1]);this.visible_nodes= -b=this.computeVisibleNodes();for(var e=0;eb-g._last_time&&(n=2-0.002*(b-g._last_time),l="rgba(255,255,255, "+n.toFixed(2)+")",this.renderLink(a,q,d.getConnectionPos(!0,f),g,!0,n,l))}}}}a.globalAlpha=1};LGraphCanvas.prototype.renderLink=function(a,b,e,d,f,g,n){if(this.highquality_render){var l= -c(b,e);this.render_connections_border&&0.6b[1]?0:Math.PI,a.save(),a.translate(d[0],d[1]),a.rotate(n),a.beginPath(),a.moveTo(-5,-5),a.lineTo(0,5),a.lineTo(5,-5),a.fill(),a.restore());if(g)for(g=0;5>g;++g)d=(0.001* -h.getTime()+0.2*g)%1,d=this.computeConnectionPoint(b,e,d),a.beginPath(),a.arc(d[0],d[1],5,0,2*Math.PI),a.fill()}else a.beginPath(),a.moveTo(b[0],b[1]),a.lineTo(e[0],e[1]),a.stroke()};LGraphCanvas.prototype.computeConnectionPoint=function(a,b,e){var d=c(a,b),f=[a[0]+0.25*d,a[1]],d=[b[0]-0.25*d,b[1]],g=(1-e)*(1-e)*(1-e),h=3*(1-e)*(1-e)*e,n=3*(1-e)*e*e;e*=e*e;return[g*a[0]+h*f[0]+n*d[0]+e*b[0],g*a[1]+h*f[1]+n*d[1]+e*b[1]]};LGraphCanvas.prototype.resize=function(a,b){if(!a&&!b){var e=this.canvas.parentNode; -a=e.offsetWidth;b=e.offsetHeight}if(this.canvas.width!=a||this.canvas.height!=b)this.canvas.width=a,this.canvas.height=b,this.bgcanvas.width=this.canvas.width,this.bgcanvas.height=this.canvas.height,this.setDirty(!0,!0)};LGraphCanvas.prototype.switchLiveMode=function(a){if(a){var b=this,e=this.live_mode?1.1:0.9;this.live_mode&&(this.live_mode=!1,this.editor_alpha=0.1);var c=setInterval(function(){b.editor_alpha*=e;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>e&&0.01>b.editor_alpha&&(clearInterval(c),1> -e&&(b.live_mode=!0));1"+l+""+a+"",value:l});if(n.length)return new h.ContextMenu(n,{event:e,callback:f,parentMenu:c,allow_html:!0,node:d},b),!1}};LGraphCanvas.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};LGraphCanvas.onResizeNode= -function(a,b,e,c,d){d&&(d.size=d.computeSize(),d.setDirtyCanvas(!0,!0))};LGraphCanvas.onShowTitleEditor=function(a,b,e,c,d){function f(){d.title=n.value;g.parentNode.removeChild(g);d.setDirtyCanvas(!0,!0)}var g=document.createElement("div");g.className="graphdialog";g.innerHTML="Title";var n=g.querySelector("input");n&&(n.value=d.title,n.addEventListener("keydown",function(a){13==a.keyCode&&(f(),a.preventDefault(), -a.stopPropagation())}));a=LGraphCanvas.active_canvas.canvas;b=a.getBoundingClientRect();c=e=-20;b&&(e-=b.left,c-=b.top);event?(g.style.left=event.pageX+e+"px",g.style.top=event.pageY+c+"px"):(g.style.left=0.5*a.width+e+"px",g.style.top=0.5*a.height+c+"px");g.querySelector("button").addEventListener("click",f);a.parentNode.appendChild(g)};LGraphCanvas.prototype.showEditPropertyValue=function(a,b,e){function c(){d(w.value)}function d(e){"number"==typeof a.properties[b]&&(e=Number(e));a.properties[b]= -e;if(a.onPropertyChanged)a.onPropertyChanged(b,e);t.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[b]){e=e||{};var f="string";null!==a.properties[b]&&(f=typeof a.properties[b]);var g=null;a.getPropertyInfo&&(g=a.getPropertyInfo(b));if(a.properties_info)for(var n=0;n";else if("enum"== -f&&g.values){h=""}else"boolean"==f&&(h="");var t=this.createDialog(""+b+""+h+"",e);if("enum"==f&&g.values){var w=t.querySelector("select");w.addEventListener("change", -function(a){d(a.target.value)})}else if("boolean"==f)(w=t.querySelector("input"))&&w.addEventListener("click",function(a){d(!!w.checked)});else if(w=t.querySelector("input"))w.value=void 0!==a.properties[b]?a.properties[b]:"",w.addEventListener("keydown",function(a){13==a.keyCode&&(c(),a.preventDefault(),a.stopPropagation())});t.querySelector("button").addEventListener("click",c)}};LGraphCanvas.prototype.createDialog=function(a,b){b=b||{};var e=document.createElement("div");e.className="graphdialog"; -e.innerHTML=a;var c=this.canvas.getClientRects()[0],d=-20,f=-20;c&&(d-=c.left,f-=c.top);b.position?(d+=b.position[0],f+=b.position[1]):b.event?(d+=b.event.pageX,f+=b.event.pageY):(d+=0.5*this.canvas.width,f+=0.5*this.canvas.height);e.style.left=d+"px";e.style.top=f+"px";this.canvas.parentNode.appendChild(e);e.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return e};LGraphCanvas.onMenuNodeCollapse=function(a,b,e,c,d){d.flags.collapsed=!d.flags.collapsed;d.setDirtyCanvas(!0,!0)}; -LGraphCanvas.onMenuNodePin=function(a,b,e,c,d){d.pin()};LGraphCanvas.onMenuNodeMode=function(a,b,e,c,d){new h.ContextMenu(["Always","On Event","On Trigger","Never"],{event:e,callback:function(a){if(d)switch(a){case "On Event":d.mode=h.ON_EVENT;break;case "On Trigger":d.mode=h.ON_TRIGGER;break;case "Never":d.mode=h.NEVER;break;default:d.mode=h.ALWAYS}},parentMenu:c,node:d});return!1};LGraphCanvas.onMenuNodeColors=function(a,b,e,c,d){if(!d)throw"no node for color";b=[];for(var f in LGraphCanvas.node_colors)a= -LGraphCanvas.node_colors[f],a={value:f,content:""+f+""},b.push(a);new h.ContextMenu(b,{event:e,callback:function(a){d&&(a=LGraphCanvas.node_colors[a.value])&&(d.color=a.color,d.bgcolor=a.bgcolor,d.setDirtyCanvas(!0))},parentMenu:c,node:d});return!1};LGraphCanvas.onMenuNodeShapes=function(a,b,e,c,d){if(!d)throw"no node passed";new h.ContextMenu(h.VALID_SHAPES,{event:e,callback:function(a){d&&(d.shape=a,d.setDirtyCanvas(!0))}, -parentMenu:c,node:d});return!1};LGraphCanvas.onMenuNodeRemove=function(a,b,e,c,d){if(!d)throw"no node passed";!1!=d.removable&&(d.graph.remove(d),d.setDirtyCanvas(!0,!0))};LGraphCanvas.onMenuNodeClone=function(a,b,e,c,d){!1!=d.clonable&&(a=d.clone())&&(a.pos=[d.pos[0]+5,d.pos[1]+5],d.graph.add(a),d.setDirtyCanvas(!0,!0))};LGraphCanvas.node_colors={red:{color:"#FAA",bgcolor:"#944"},green:{color:"#AFA",bgcolor:"#494"},blue:{color:"#AAF",bgcolor:"#449"},cyan:{color:"#AFF",bgcolor:"#499"},purple:{color:"#FAF", -bgcolor:"#949"},yellow:{color:"#FFA",bgcolor:"#994"},black:{color:"#777",bgcolor:"#000"},white:{color:"#FFF",bgcolor:"#AAA"}};LGraphCanvas.prototype.getCanvasMenuOptions=function(){var a=null;this.getMenuOptions?a=this.getMenuOptions():(a=[{content:"Add Node",has_submenu:!0,callback:LGraphCanvas.onMenuAdd}],this._graph_stack&&0Name",c),g=k.querySelector("input");k.querySelector("button").addEventListener("click",function(b){if(g.value){if(b=f.input?a.getInputInfo(f.slot):a.getOutputInfo(f.slot))b.label=g.value;e.setDirty(!0)}k.close()})}},node:a},g=null;a&&(g=a.getSlotInPosition(b.canvasX,b.canvasY),LGraphCanvas.active_node= -a);g?(d=[],d.push(g.locked?"Cannot remove":{content:"Remove Slot",slot:g}),d.push({content:"Rename Slot",slot:g}),f.title=(g.input?g.input.type:g.output.type)||"*",g.input&&g.input.type==h.ACTION&&(f.title="Action"),g.output&&g.output.type==h.EVENT&&(f.title="Event")):d=a?this.getNodeMenuOptions(a):this.getCanvasMenuOptions();d&&new h.ContextMenu(d,f,c)};this.CanvasRenderingContext2D&&(CanvasRenderingContext2D.prototype.roundRect=function(a,b,e,c,d,f){void 0===d&&(d=5);void 0===f&&(f=d);this.beginPath(); -this.moveTo(a+d,b);this.lineTo(a+e-d,b);this.quadraticCurveTo(a+e,b,a+e,b+d);this.lineTo(a+e,b+c-f);this.quadraticCurveTo(a+e,b+c,a+e-f,b+c);this.lineTo(a+f,b+c);this.quadraticCurveTo(a,b+c,a,b+c-f);this.lineTo(a,b+d);this.quadraticCurveTo(a,b,a+d,b)});h.compareObjects=function(a,b){for(var e in a)if(a[e]!=b[e])return!1;return!0};h.distance=c;h.colorToString=function(a){return"rgba("+Math.round(255*a[0]).toFixed()+","+Math.round(255*a[1]).toFixed()+","+Math.round(255*a[2]).toFixed()+","+(4==a.length? -a[3].toFixed(2):"1.0")+")"};h.isInsideRectangle=f;h.growBounding=function(a,b,e){ba[2]&&(a[2]=b);ea[3]&&(a[3]=e)};h.isInsideBounding=function(a,b){return a[0]b[1][0]||a[1]>b[1][1]?!1:!0};h.overlapBounding=g;h.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),e=0,c,d,f=0;6>f;f+=2)c="0123456789ABCDEF".indexOf(a.charAt(f)),d="0123456789ABCDEF".indexOf(a.charAt(f+1)),b[e]=16*c+d,e++;return b};h.num2hex= -function(a){for(var b="#",e,c,d=0;3>d;d++)e=a[d]/16,c=a[d]%16,b+="0123456789ABCDEF".charAt(e)+"0123456789ABCDEF".charAt(c);return b};l.prototype.addItem=function(a,b,e){function c(a){var b=this.value;b&&b.has_submenu&&d.call(this,a)}function d(a){var b=this.value,c=!0;f.current_submenu&&f.current_submenu.close(a);if(e.callback){var g=e.callback.call(this,b,e,a,f,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,f,e.node),!0===g&&(c= -!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";new f.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:f,ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,autoopen:e.autoopen});c=!1}c&&!f.lock&&f.close()}var f=this;e=e||{};var g=document.createElement("div");g.className="litemenu-entry submenu";var n=!1;if(null===b)g.classList.add("separator");else{g.innerHTML=b&&b.title?b.title:a;if(g.value=b)b.disabled&&(n=!0, -g.classList.add("disabled")),(b.submenu||b.has_submenu)&&g.classList.add("has_submenu");"function"==typeof b?(g.dataset.value=a,g.onclick_callback=b):g.dataset.value=b;b.className&&(g.className+=" "+b.className)}this.root.appendChild(g);n||g.addEventListener("click",d);e.autoopen&&g.addEventListener("mouseenter",c);return g};l.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&&!l.isCursorOverElement(a,this.parentMenu.root)&&l.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0)};l.trigger=function(a,b,e,c){var d=document.createEvent("CustomEvent");d.initCustomEvent(b,!0,!0,e);d.srcElement=c;a.dispatchEvent?a.dispatchEvent(d):a.__events&&a.__events.dispatchEvent(d);return d};l.prototype.getTopMenu=function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this}; -l.prototype.getFirstEvent=function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event};l.isCursorOverElement=function(a,b){var e=a.pageX,c=a.pageY,d=b.getBoundingClientRect();return d?c>d.top&&cd.left&&ec.canvasY-this.pos[1]||LiteGraph.distance([c.canvasX,c.canvasY],[this.pos[0]+this.center[0],this.pos[1]+this.center[1]])>this.radius)return!1;this.oldmouse=[c.canvasX-this.pos[0],c.canvasY-this.pos[1]];this.captureInput(!0);return!0}};c.prototype.onMouseMove=function(c){if(this.oldmouse){c=[c.canvasX-this.pos[0],c.canvasY-this.pos[1]];var a=this.value,a=a-0.01*(c[1]-this.oldmouse[1]);1a&&(a=0);this.value=a;this.properties.value= -this.properties.min+(this.properties.max-this.properties.min)*this.value;this.oldmouse=c;this.setDirtyCanvas(!0)}};c.prototype.onMouseUp=function(c){this.oldmouse&&(this.oldmouse=null,this.captureInput(!1))};c.prototype.onMouseLeave=function(c){};c.prototype.onWidget=function(c,a){if("increase"==a.name)this.onPropertyChanged("size",this.properties.size+10);else if("decrease"==a.name)this.onPropertyChanged("size",this.properties.size-10)};c.prototype.onPropertyChanged=function(c,a){if("wcolor"==c)this.properties[c]= -a;else if("size"==c)a=parseInt(a),this.properties[c]=a,this.size=[a+4,a+24],this.setDirtyCanvas(!0,!0);else if("min"==c||"max"==c||"value"==c)this.properties[c]=parseFloat(a);else return!1;return!0};LiteGraph.registerNodeType("widget/knob",c);f.title="H.Slider";f.desc="Linear slider controller";f.prototype.onInit=function(){this.value=0.5;this.imgfg=this.loadImage("imgs/slider_fg.png")};f.prototype.onDrawVectorial=function(c){this.imgfg&&this.imgfg.width&&(c.lineWidth=1,c.strokeStyle=this.mouseOver? -"#FFF":"#AAA",c.fillStyle="#000",c.beginPath(),c.rect(2,0,this.size[0]-4,20),c.stroke(),c.fillStyle=this.properties.wcolor,c.beginPath(),c.rect(2+(this.size[0]-4-20)*this.value,0,20,20),c.fill())};f.prototype.onDrawImage=function(c){this.imgfg&&this.imgfg.width&&(c.lineWidth=1,c.fillStyle="#000",c.fillRect(2,9,this.size[0]-4,2),c.strokeStyle="#333",c.beginPath(),c.moveTo(2,9),c.lineTo(this.size[0]-4,9),c.stroke(),c.strokeStyle="#AAA",c.beginPath(),c.moveTo(2,11),c.lineTo(this.size[0]-4,11),c.stroke(), -c.drawImage(this.imgfg,2+(this.size[0]-4)*this.value-0.5*this.imgfg.width,0.5*-this.imgfg.height+10))};f.prototype.onDrawForeground=function(c){this.onDrawImage(c)};f.prototype.onExecute=function(){this.properties.value=this.properties.min+(this.properties.max-this.properties.min)*this.value;this.setOutputData(0,this.properties.value);this.boxcolor=LiteGraph.colorToString([this.value,this.value,this.value])};f.prototype.onMouseDown=function(c){if(0>c.canvasY-this.pos[1])return!1;this.oldmouse=[c.canvasX- -this.pos[0],c.canvasY-this.pos[1]];this.captureInput(!0);return!0};f.prototype.onMouseMove=function(c){if(this.oldmouse){c=[c.canvasX-this.pos[0],c.canvasY-this.pos[1]];var a=this.value,a=a+(c[0]-this.oldmouse[0])/this.size[0];1a&&(a=0);this.value=a;this.oldmouse=c;this.setDirtyCanvas(!0)}};f.prototype.onMouseUp=function(c){this.oldmouse=null;this.captureInput(!1)};f.prototype.onMouseLeave=function(c){};f.prototype.onPropertyChanged=function(c,a){if("wcolor"==c)this.properties[c]=a;else return!1; -return!0};LiteGraph.registerNodeType("widget/hslider",f);g.title="Progress";g.desc="Shows data in linear progress";g.prototype.onExecute=function(){var c=this.getInputData(0);void 0!=c&&(this.properties.value=c)};g.prototype.onDrawForeground=function(c){c.lineWidth=1;c.fillStyle=this.properties.wcolor;var a=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),a=Math.min(1,a),a=Math.max(0,a);c.fillRect(2,2,(this.size[0]-4)*a,this.size[1]-4)};LiteGraph.registerNodeType("widget/progress", -g);l.title="Text";l.desc="Shows the input value";l.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"led_text",text:"LED",type:"minibutton"},{name:"normal_text",text:"Normal",type:"minibutton"}];l.prototype.onDrawForeground=function(c){c.fillStyle=this.properties.color;var a=this.properties.value;this.properties.glowSize?(c.shadowColor=this.properties.color,c.shadowOffsetX=0,c.shadowOffsetY=0,c.shadowBlur=this.properties.glowSize):c.shadowColor="transparent";var b=this.properties.fontsize; -c.textAlign=this.properties.align;c.font=b.toString()+"px "+this.properties.font;this.str="number"==typeof a?a.toFixed(this.properties.decimals):a;if("string"==typeof this.str){var a=this.str.split("\\n"),e;for(e in a)c.fillText(a[e],"left"==this.properties.align?15:this.size[0]-15,-0.15*b+b*(parseInt(e)+1))}c.shadowColor="transparent";this.last_ctx=c;c.textAlign="left"};l.prototype.onExecute=function(){var c=this.getInputData(0);null!=c&&(this.properties.value=c)};l.prototype.resize=function(){if(this.last_ctx){var c= -this.str.split("\\n");this.last_ctx.font=this.properties.fontsize+"px "+this.properties.font;var a=0,b;for(b in c){var e=this.last_ctx.measureText(c[b]).width;af?c.xbox.axes.lx:0,this._left_axis[1]=Math.abs(c.xbox.axes.ly)>f?c.xbox.axes.ly:0,this._right_axis[0]=Math.abs(c.xbox.axes.rx)>f?c.xbox.axes.rx:0,this._right_axis[1]=Math.abs(c.xbox.axes.ry)>f?c.xbox.axes.ry:0,this._triggers[0]=Math.abs(c.xbox.axes.ltrigger)>f?c.xbox.axes.ltrigger:0,this._triggers[1]=Math.abs(c.xbox.axes.rtrigger)>f?c.xbox.axes.rtrigger:0);if(this.outputs)for(f= -0;fc;c++)if(d[c]){c=d[c];d=this.xbox_mapping;d||(d=this.xbox_mapping= -{axes:[],buttons:{},hat:""});d.axes.lx=c.axes[0];d.axes.ly=c.axes[1];d.axes.rx=c.axes[2];d.axes.ry=c.axes[3];d.axes.ltrigger=c.buttons[6].value;d.axes.rtrigger=c.buttons[7].value;for(var g=0;g","string",{values:x.values}); -this.size=[60,40]}function p(){this.addInput("inc","number");this.addOutput("total","number");this.addProperty("increment",1);this.addProperty("value",0)}function q(){this.addInput("v","number");this.addOutput("sin","number");this.addProperty("amplitude",1);this.addProperty("offset",0);this.bgImageUrl="nodes/imgs/icon-sin.png"}function t(){this.addInput("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function w(){this.addInputs([["x","number"],["y","number"]]);this.addOutput("vec2", -"vec2");this.properties={x:0,y:0};this._data=new Float32Array(2)}function y(){this.addInput("vec3","vec3");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number")}function z(){this.addInputs([["x","number"],["y","number"],["z","number"]]);this.addOutput("vec3","vec3");this.properties={x:0,y:0,z:0};this._data=new Float32Array(3)}function A(){this.addInput("vec4","vec4");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number");this.addOutput("w", -"number")}function B(){this.addInputs([["x","number"],["y","number"],["z","number"],["w","number"]]);this.addOutput("vec4","vec4");this.properties={x:0,y:0,z:0,w:0};this._data=new Float32Array(4)}d.title="Converter";d.desc="type A to type B";d.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a&&this.outputs)for(var b=0;bb&&(this._current=0);for(var c=a=0;cb&&(b=1);this.properties.samples=Math.round(b);var c=this._values;this._values=new Float32Array(this.properties.samples); -c.length<=this._values.length?this._values.set(c):this._values.set(c.subarray(0,this._values.length))};LiteGraph.registerNodeType("math/average",v);u.values="+-*/%^".split("");u.title="Operation";u.desc="Easy math operators";u["@OP"]={type:"enum",title:"operation",values:u.values};u.prototype.setValue=function(a){"string"==typeof a&&(a=parseFloat(a));this.properties.value=a};u.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);null!=a?this.properties.A=a:a=this.properties.A; -null!=b?this.properties.B=b:b=this.properties.B;var c=0;switch(this.properties.OP){case "+":c=a+b;break;case "-":c=a-b;break;case "x":case "X":case "*":c=a*b;break;case "/":c=a/b;break;case "%":c=a%b;break;case "^":c=Math.pow(a,b);break;default:console.warn("Unknown operation: "+this.properties.OP)}this.setOutputData(0,c)};u.prototype.onDrawBackground=function(a){this.flags.collapsed||(a.font="40px Arial",a.fillStyle="black",a.textAlign="center",a.fillText(this.properties.OP,0.5*this.size[0],0.5* -this.size[1]+LiteGraph.NODE_TITLE_HEIGHT),a.textAlign="left")};LiteGraph.registerNodeType("math/operation",u);r.title="Compare";r.desc="compares between two values";r.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);void 0!==a?this.properties.A=a:a=this.properties.A;void 0!==b?this.properties.B=b:b=this.properties.B;for(var c=0,e=this.outputs.length;cB":value=a>b;break;case "A=B":value=a>=b}this.setOutputData(c,value)}}};r.prototype.onGetOutputs=function(){return[["A==B","boolean"],["A!=B","boolean"],["A>B","boolean"],["A=B","boolean"],["A<=B","boolean"]]};LiteGraph.registerNodeType("math/compare",r);x.values="> < == != <= >=".split(" ");x["@OP"]={type:"enum",title:"operation",values:x.values};x.title="Condition";x.desc="evaluates condition between A and B"; -x.prototype.onExecute=function(){var a=this.getInputData(0);void 0===a?a=this.properties.A:this.properties.A=a;var b=this.getInputData(1);void 0===b?b=this.properties.B:this.properties.B=b;var c=!0;switch(this.properties.OP){case ">":c=a>b;break;case "<":c=a=":c=a>=b}this.setOutputData(0,c)};LiteGraph.registerNodeType("math/condition",x);p.title="Accumulate";p.desc="Increments a value every time";p.prototype.onExecute= -function(){null===this.properties.value&&(this.properties.value=0);var a=this.getInputData(0);this.properties.value=null!==a?this.properties.value+a:this.properties.value+this.properties.increment;this.setOutputData(0,this.properties.value)};LiteGraph.registerNodeType("math/accumulate",p);q.title="Trigonometry";q.desc="Sin Cos Tan";q.filter="shader";q.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.amplitude,c=this.findInputSlot("amplitude");-1!=c&&(b= -this.getInputData(c));var e=this.properties.offset,c=this.findInputSlot("offset");-1!=c&&(e=this.getInputData(c));for(var c=0,d=this.outputs.length;cXY";t.desc="vector 2 to components";t.prototype.onExecute=function(){var a= -this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]))};LiteGraph.registerNodeType("math3d/vec2-to-xyz",t);w.title="XY->Vec2";w.desc="components to vector2";w.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this._data;c[0]=a;c[1]=b;this.setOutputData(0,c)};LiteGraph.registerNodeType("math3d/xy-to-vec2",w);y.title="Vec3->XYZ";y.desc="vector 3 to components";y.prototype.onExecute= -function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]))};LiteGraph.registerNodeType("math3d/vec3-to-xyz",y);z.title="XYZ->Vec3";z.desc="components to vector3";z.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2);null==c&&(c=this.properties.z);var e=this._data;e[0]=a;e[1]=b;e[2]=c;this.setOutputData(0,e)}; -LiteGraph.registerNodeType("math3d/xyz-to-vec3",z);A.title="Vec4->XYZW";A.desc="vector 4 to components";A.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]),this.setOutputData(3,a[3]))};LiteGraph.registerNodeType("math3d/vec4-to-xyzw",A);B.title="XYZW->Vec4";B.desc="components to vector4";B.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1); -null==b&&(b=this.properties.y);var c=this.getInputData(2);null==c&&(c=this.properties.z);var 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)};LiteGraph.registerNodeType("math3d/xyzw-to-vec4",B);window.glMatrix&&(s=function(){this.addOutput("quat","quat");this.properties={x:0,y:0,z:0,w:1};this._value=quat.create()},s.title="Quaternion",s.desc="quaternion",s.prototype.onExecute=function(){this._value[0]=this.properties.x;this._value[1]= -this.properties.y;this._value[2]=this.properties.z;this._value[3]=this.properties.w;this.setOutputData(0,this._value)},LiteGraph.registerNodeType("math3d/quaternion",s),s=function(){this.addInputs([["degrees","number"],["axis","vec3"]]);this.addOutput("quat","quat");this.properties={angle:90,axis:vec3.fromValues(0,1,0)};this._value=quat.create()},s.title="Rotation",s.desc="quaternion rotation",s.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.angle);var b=this.getInputData(1); -null==b&&(b=this.properties.axis);a=quat.setAxisAngle(this._value,b,0.0174532925*a);this.setOutputData(0,a)},LiteGraph.registerNodeType("math3d/rotation",s),s=function(){this.addInputs([["vec3","vec3"],["quat","quat"]]);this.addOutput("result","vec3");this.properties={vec:[0,0,1]}},s.title="Rot. Vec3",s.desc="rotate a point",s.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.vec);var b=this.getInputData(1);null==b?this.setOutputData(a):this.setOutputData(0,vec3.transformQuat(vec3.create(), -a,b))},LiteGraph.registerNodeType("math3d/rotate_vec3",s),s=function(){this.addInputs([["A","quat"],["B","quat"]]);this.addOutput("A*B","quat");this._value=quat.create()},s.title="Mult. Quat",s.desc="rotate quaternion",s.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);null!=b&&(a=quat.multiply(this._value,a,b),this.setOutputData(0,a))}},LiteGraph.registerNodeType("math3d/mult-quat",s),s=function(){this.addInputs([["A","quat"],["B","quat"],["factor", -"number"]]);this.addOutput("slerp","quat");this.addProperty("factor",0.5);this._value=quat.create()},s.title="Quat Slerp",s.desc="quaternion spherical interpolation",s.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);if(null!=b){var c=this.properties.factor;null!=this.getInputData(2)&&(c=this.getInputData(2));a=quat.slerp(this._value,a,b,c);this.setOutputData(0,a)}}},LiteGraph.registerNodeType("math3d/quat-slerp",s))})(); -function Selector(){this.addInput("sel","boolean");this.addOutput("value","number");this.properties={A:0,B:1};this.size=[60,20]}Selector.title="Selector";Selector.desc="outputs A if selector is true, B if selector is false";Selector.prototype.onExecute=function(){var d=this.getInputData(0);if(void 0!==d){for(var c=1;cb&&(b=0);if(0!=a.length){var c=[0,0,0];if(0==b)c=a[0];else if(1==b)c=a[a.length-1];else{var d=(a.length-1)*b,b=a[Math.floor(d)],a=a[Math.floor(d)+1],d=d-Math.floor(d);c[0]=b[0]*(1-d)+a[0]*d;c[1]=b[1]*(1-d)+a[1]*d;c[2]=b[2]*(1-d)+a[2]*d}for(var f in c)c[f]/=255;this.boxcolor=colorToString(c);this.setOutputData(0,c)}};LiteGraph.registerNodeType("color/palette",c);f.title="Frame"; -f.desc="Frame viewerew";f.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"view",text:"View Image",type:"button"}];f.prototype.onDrawBackground=function(a){this.frame&&a.drawImage(this.frame,0,0,this.size[0],this.size[1])};f.prototype.onExecute=function(){this.frame=this.getInputData(0);this.setDirtyCanvas(!0)};f.prototype.onWidget=function(a,b){if("resize"==b.name&&this.frame){var c=this.frame.width,d=this.frame.height;c||null==this.frame.videoWidth||(c=this.frame.videoWidth,d=this.frame.videoHeight); -c&&d&&(this.size=[c,d]);this.setDirtyCanvas(!0,!0)}else"view"==b.name&&this.show()};f.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};LiteGraph.registerNodeType("graphics/frame",f);g.title="Image fade";g.desc="Fades between images";g.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];g.prototype.onAdded=function(){this.createCanvas();var a=this.canvas.getContext("2d");a.fillStyle="#000";a.fillRect(0,0,this.properties.width, -this.properties.height)};g.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};g.prototype.onExecute=function(){var a=this.canvas.getContext("2d");this.canvas.width=this.canvas.width;var b=this.getInputData(0);null!=b&&a.drawImage(b,0,0,this.canvas.width,this.canvas.height);b=this.getInputData(2);null==b?b=this.properties.fade:this.properties.fade=b;a.globalAlpha=b;b=this.getInputData(1); -null!=b&&a.drawImage(b,0,0,this.canvas.width,this.canvas.height);a.globalAlpha=1;this.setOutputData(0,this.canvas);this.setDirtyCanvas(!0)};LiteGraph.registerNodeType("graphics/imagefade",g);l.title="Crop";l.desc="Crop Image";l.prototype.onAdded=function(){this.createCanvas()};l.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};l.prototype.onExecute=function(){var a=this.getInputData(0); -a&&(a.width?(this.canvas.getContext("2d").drawImage(a,-this.properties.x,-this.properties.y,a.width*this.properties.scale,a.height*this.properties.scale),this.setOutputData(0,this.canvas)):this.setOutputData(0,null))};l.prototype.onDrawBackground=function(a){this.flags.collapsed||this.canvas&&a.drawImage(this.canvas,0,0,this.canvas.width,this.canvas.height,0,0,this.size[0],this.size[1])};l.prototype.onPropertyChanged=function(a,b){this.properties[a]=b;"scale"==a?(this.properties[a]=parseFloat(b), -0==this.properties[a]&&(this.trace("Error in scale"),this.properties[a]=1)):this.properties[a]=parseInt(b);this.createCanvas();return!0};LiteGraph.registerNodeType("graphics/cropImage",l);h.title="Video";h.desc="Video playback";h.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"}];h.prototype.onExecute=function(){if(this.properties.url&&(this.properties.url!=this._video_url&& -this.loadVideo(this.properties.url),this._video&&0!=this._video.width)){var a=this.getInputData(0);a&&0<=a&&1>=a&&(this._video.currentTime=a*this._video.duration,this._video.pause());this._video.dirty=!0;this.setOutputData(0,this._video);this.setOutputData(1,this._video.currentTime);this.setOutputData(2,this._video.duration);this.setDirtyCanvas(!0)}};h.prototype.onStart=function(){this.play()};h.prototype.onStop=function(){this.stop()};h.prototype.loadVideo=function(a){this._video_url=a;this._video= -document.createElement("video");this._video.src=a;this._video.type="type=video/mp4";this._video.muted=!0;this._video.autoplay=!0;var b=this;this._video.addEventListener("loadedmetadata",function(a){b.trace("Duration: "+this.duration+" seconds");b.trace("Size: "+this.videoWidth+","+this.videoHeight);b.setDirtyCanvas(!0);this.width=this.videoWidth;this.height=this.videoHeight});this._video.addEventListener("progress",function(a){});this._video.addEventListener("error",function(a){console.log("Error loading video: "+ -this.src);b.trace("Error loading video: "+this.src);if(this.error)switch(this.error.code){case this.error.MEDIA_ERR_ABORTED:b.trace("You stopped the video.");break;case this.error.MEDIA_ERR_NETWORK:b.trace("Network error - please try again later.");break;case this.error.MEDIA_ERR_DECODE:b.trace("Video is broken..");break;case this.error.MEDIA_ERR_SRC_NOT_SUPPORTED:b.trace("Sorry, your browser can't play this video.")}});this._video.addEventListener("ended",function(a){b.trace("Ended.");this.play()})}; -h.prototype.onPropertyChanged=function(a,b){this.properties[a]=b;"url"==a&&""!=b&&this.loadVideo(b);return!0};h.prototype.play=function(){this._video&&this._video.play()};h.prototype.playPause=function(){this._video&&(this._video.paused?this.play():this.pause())};h.prototype.stop=function(){this._video&&(this._video.pause(),this._video.currentTime=0)};h.prototype.pause=function(){this._video&&(this.trace("Video paused"),this._video.pause())};h.prototype.onWidget=function(a,b){};LiteGraph.registerNodeType("graphics/video", -h);n.title="Webcam";n.desc="Webcam image";n.prototype.openStream=function(){function a(a){console.log("Webcam rejected",a);b._webcam_stream=!1;b.box_color="red"}navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;window.URL=window.URL||window.webkitURL;if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.getUserMedia({video:!0},this.streamReady.bind(this),a);var b=this}};n.prototype.onRemoved=function(){this._webcam_stream&& -(this._webcam_stream.stop(),this._video=this._webcam_stream=null)};n.prototype.streamReady=function(a){this._webcam_stream=a;var b=this._video;b||(b=document.createElement("video"),b.autoplay=!0,b.src=window.URL.createObjectURL(a),this._video=b,b.onloadedmetadata=function(a){console.log(a)})};n.prototype.onExecute=function(){null!=this._webcam_stream||this._waiting_confirmation||this.openStream();this._video&&this._video.videoWidth&&(this._video.width=this._video.videoWidth,this._video.height=this._video.videoHeight, -this.setOutputData(0,this._video))};n.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:b.properties.show?"Hide Frame":"Show Frame",callback:function(){b.properties.show=!b.properties.show}}]};n.prototype.onDrawBackground=function(a){this.flags.collapsed||20>=this.size[1]||!this.properties.show||!this._video||(a.save(),a.drawImage(this._video,0,0,this.size[0],this.size[1]),a.restore())};LiteGraph.registerNodeType("graphics/webcam",n)})();var LGraphTexture; -if("undefined"!=typeof LiteGraph){LGraphTexture=function(){this.addOutput("Texture","Texture");this.properties={name:"",filter:!0};this.size=[LGraphTexture.image_preview_size,LGraphTexture.image_preview_size]};LGraphTexture.title="Texture";LGraphTexture.desc="Texture";LGraphTexture.widgets_info={name:{widget:"texture"},filter:{widget:"checkbox"}};LGraphTexture.loadTextureCallback=null;LGraphTexture.image_preview_size=256;LGraphTexture.PASS_THROUGH=1;LGraphTexture.COPY=2;LGraphTexture.LOW=3;LGraphTexture.HIGH= -4;LGraphTexture.REUSE=5;LGraphTexture.DEFAULT=2;LGraphTexture.MODE_VALUES={"pass through":LGraphTexture.PASS_THROUGH,copy:LGraphTexture.COPY,low:LGraphTexture.LOW,high:LGraphTexture.HIGH,reuse:LGraphTexture.REUSE,"default":LGraphTexture.DEFAULT};LGraphTexture.getTexturesContainer=function(){return gl.textures};LGraphTexture.loadTexture=function(d,c){c=c||{};var f=d;"http://"==f.substr(0,7)&&LiteGraph.proxy&&(f=LiteGraph.proxy+f.substr(7));return LGraphTexture.getTexturesContainer()[d]=GL.Texture.fromURL(f, -c)};LGraphTexture.getTexture=function(d){var c=this.getTexturesContainer();if(!c)throw"Cannot load texture, container of textures not found";c=c[d];return!c&&d&&":"!=d[0]?this.loadTexture(d):c};LGraphTexture.getTargetTexture=function(d,c,f){if(!d)throw"LGraphTexture.getTargetTexture expects a reference texture";var g=null;switch(f){case LGraphTexture.LOW:g=gl.UNSIGNED_BYTE;break;case LGraphTexture.HIGH:g=gl.HIGH_PRECISION_FORMAT;break;case LGraphTexture.REUSE:return d;default:g=d?d.type:gl.UNSIGNED_BYTE}c&& -c.width==d.width&&c.height==d.height&&c.type==g||(c=new GL.Texture(d.width,d.height,{type:g,format:gl.RGBA,filter:gl.LINEAR}));return c};LGraphTexture.getNoiseTexture=function(){if(this._noise_texture)return this._noise_texture;for(var d=new Uint8Array(1048576),c=0;1048576>c;++c)d[c]=255*Math.random();return this._noise_texture=d=GL.Texture.fromMemory(512,512,d,{format:gl.RGBA,wrap:gl.REPEAT,filter:gl.NEAREST})};LGraphTexture.prototype.onDropFile=function(d,c,f){if(d){var g=null;"string"==typeof d? -g=GL.Texture.fromURL(d):-1!=c.toLowerCase().indexOf(".dds")?g=GL.Texture.fromDDSInMemory(d):(d=new Blob([f]),d=URL.createObjectURL(d),g=GL.Texture.fromURL(d));this._drop_texture=g;this.properties.name=c}else this._drop_texture=null,this.properties.name=""};LGraphTexture.prototype.getExtraMenuOptions=function(d){var c=this;if(this._drop_texture)return[{content:"Clear",callback:function(){c._drop_texture=null;c.properties.name=""}}]};LGraphTexture.prototype.onExecute=function(){var d=null;this.isOutputConnected(1)&& -(d=this.getInputData(0));!d&&this._drop_texture&&(d=this._drop_texture);!d&&this.properties.name&&(d=LGraphTexture.getTexture(this.properties.name));if(d){this._last_tex=d;!1===this.properties.filter?d.setParameter(gl.TEXTURE_MAG_FILTER,gl.NEAREST):d.setParameter(gl.TEXTURE_MAG_FILTER,gl.LINEAR);this.setOutputData(0,d);for(var c=1;c=this.size[1]))if(this._drop_texture&&d.webgl)d.drawImage(this._drop_texture,0,0,this.size[0],this.size[1]);else{if(this._last_preview_tex!=this._last_tex)if(d.webgl)this._canvas=this._last_tex;else{var c=LGraphTexture.generateLowResTexturePreview(this._last_tex);if(!c)return;this._last_preview_tex=this._last_tex; -this._canvas=cloneCanvas(c)}this._canvas&&(d.save(),d.webgl||(d.translate(0,this.size[1]),d.scale(1,-1)),d.drawImage(this._canvas,0,0,this.size[0],this.size[1]),d.restore())}};LGraphTexture.generateLowResTexturePreview=function(d){if(!d)return null;var c=LGraphTexture.image_preview_size,f=d;if(d.format==gl.DEPTH_COMPONENT)return null;if(d.width>c||d.height>c)f=this._preview_temp_tex,this._preview_temp_tex||(this._preview_temp_tex=f=new GL.Texture(c,c,{minFilter:gl.NEAREST})),d.copyTo(f);d=this._preview_canvas; -d||(this._preview_canvas=d=createCanvas(c,c));f&&f.toCanvas(d);return d};LGraphTexture.prototype.getResources=function(d){d[this.properties.name]=GL.Texture;return d};LGraphTexture.prototype.onGetInputs=function(){return[["in","Texture"]]};LGraphTexture.prototype.onGetOutputs=function(){return[["width","number"],["height","number"],["aspect","number"]]};LiteGraph.registerNodeType("texture/texture",LGraphTexture);var LGraphTexturePreview=function(){this.addInput("Texture","Texture");this.properties= -{flipY:!1};this.size=[LGraphTexture.image_preview_size,LGraphTexture.image_preview_size]};LGraphTexturePreview.title="Preview";LGraphTexturePreview.desc="Show a texture in the graph canvas";LGraphTexturePreview.allow_preview=!1;LGraphTexturePreview.prototype.onDrawBackground=function(d){if(!this.flags.collapsed&&(d.webgl||LGraphTexturePreview.allow_preview)){var c=this.getInputData(0);if(c){var f=null,f=!c.handle&&d.webgl?c:LGraphTexture.generateLowResTexturePreview(c);d.save();this.properties.flipY&& -(d.translate(0,this.size[1]),d.scale(1,-1));d.drawImage(f,0,0,this.size[0],this.size[1]);d.restore()}}};LiteGraph.registerNodeType("texture/preview",LGraphTexturePreview);var LGraphTextureSave=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={name:""}};LGraphTextureSave.title="Save";LGraphTextureSave.desc="Save a texture in the repository";LGraphTextureSave.prototype.onExecute=function(){var d=this.getInputData(0);d&&(this.properties.name&&(LGraphTexture.storeTexture? -LGraphTexture.storeTexture(this.properties.name,d):LGraphTexture.getTexturesContainer()[this.properties.name]=d),this.setOutputData(0,d))};LiteGraph.registerNodeType("texture/save",LGraphTextureSave);var LGraphTextureOperation=function(){this.addInput("Texture","Texture");this.addInput("TextureB","Texture");this.addInput("value","number");this.addOutput("Texture","Texture");this.help="

pixelcode must be vec3

\t\t\t

uvcode must be vec2, is optional

\t\t\t

uv: tex. coords

color: texture

colorB: textureB

time: scene time

value: input value

"; -this.properties={value:1,uvcode:"",pixelcode:"color + colorB * value",precision:LGraphTexture.DEFAULT}};LGraphTextureOperation.widgets_info={uvcode:{widget:"textarea",height:100},pixelcode:{widget:"textarea",height:100},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureOperation.title="Operation";LGraphTextureOperation.desc="Texture shader operation";LGraphTextureOperation.prototype.getExtraMenuOptions=function(d){var c=this;return[{content:c.properties.show?"Hide Texture": -"Show Texture",callback:function(){c.properties.show=!c.properties.show}}]};LGraphTextureOperation.prototype.onDrawBackground=function(d){this.flags.collapsed||20>=this.size[1]||!this.properties.show||!this._tex||this._tex.gl!=d||(d.save(),d.drawImage(this._tex,0,0,this.size[0],this.size[1]),d.restore())};LGraphTextureOperation.prototype.onExecute=function(){var d=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else{var c= -this.getInputData(1);if(this.properties.uvcode||this.properties.pixelcode){var f=512,g=512;d?(f=d.width,g=d.height):c&&(f=c.width,g=c.height);this._tex=d||this._tex?LGraphTexture.getTargetTexture(d||this._tex,this._tex,this.properties.precision):new GL.Texture(f,g,{type:this.precision===LGraphTexture.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT,format:gl.RGBA,filter:gl.LINEAR});var l="";this.properties.uvcode&&(l="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(l=this.properties.uvcode)); -var h="";this.properties.pixelcode&&(h="result = "+this.properties.pixelcode,-1!=this.properties.pixelcode.indexOf(";")&&(h=this.properties.pixelcode));var n=this._shader;if(!n||this._shader_code!=l+"|"+h){try{this._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureOperation.pixel_shader,{UV_CODE:l,PIXEL_CODE:h}),this.boxcolor="#00FF00"}catch(a){console.log("Error compiling shader: ",a);this.boxcolor="#FF0000";return}this.boxcolor="#FF0000";this._shader_code=l+"|"+h;n=this._shader}if(n){this.boxcolor= -"green";var b=this.getInputData(2);null!=b?this.properties.value=b:b=parseFloat(this.properties.value);var e=this.graph.getTime();this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND);d&&d.bind(0);c&&c.bind(1);var a=Mesh.getScreenQuad();n.uniforms({u_texture:0,u_textureB:1,value:b,texSize:[f,g],time:e}).draw(a)});this.setOutputData(0,this._tex)}else this.boxcolor="red"}}};LGraphTextureOperation.pixel_shader="precision highp float;\n\t\t\t\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform vec2 texSize;\n\t\t\tuniform float time;\n\t\t\tuniform float value;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord;\n\t\t\t\tUV_CODE;\n\t\t\t\tvec4 color4 = texture2D(u_texture, uv);\n\t\t\t\tvec3 color = color4.rgb;\n\t\t\t\tvec4 color4B = texture2D(u_textureB, uv);\n\t\t\t\tvec3 colorB = color4B.rgb;\n\t\t\t\tvec3 result = color;\n\t\t\t\tfloat alpha = 1.0;\n\t\t\t\tPIXEL_CODE;\n\t\t\t\tgl_FragColor = vec4(result, alpha);\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("texture/operation",LGraphTextureOperation);var LGraphTextureShader=function(){this.addOutput("Texture","Texture");this.properties={code:"",width:512,height:512};this.properties.code="\nvoid main() {\n vec2 uv = v_coord;\n vec3 color = vec3(0.0);\n//your code here\n\ngl_FragColor = vec4(color, 1.0);\n}\n"};LGraphTextureShader.title="Shader";LGraphTextureShader.desc="Texture shader";LGraphTextureShader.widgets_info={code:{type:"code"},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}}; -LGraphTextureShader.prototype.onPropertyChanged=function(d,c){if("code"==d){var f=this.getShader();if(f){var g=f.uniformInfo;if(this.inputs)for(var l={},h=0;h>1||0;g=g>>1||0;a=GL.Texture.getTemporary(f,g,d);b.push(a);n.setParameter(GL.TEXTURE_MAG_FILTER,GL.NEAREST);n.copyTo(a, -c,e);if(1==f&&1==g)break;n=a}this._texture=b.pop();for(k=0;kf;++f)c[f]=Math.random();LGraphTextureAverage._shader.uniforms({u_samples_a:c.subarray(0,16),u_samples_b:c.subarray(16,32)})}c=this._temp_texture;f=this.properties.low_precision?gl.UNSIGNED_BYTE:d.type;c&&c.type==f||(this._temp_texture=new GL.Texture(1, -1,{type:f,format:gl.RGBA,filter:gl.NEAREST}));var g=LGraphTextureAverage._shader,l=this._uniforms;l.u_mipmap_offset=this.properties.mipmap_offset;this._temp_texture.drawTo(function(){d.toViewport(g,l)});this.setOutputData(0,this._temp_texture)}};LGraphTextureAverage.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tuniform mat4 u_samples_a;\n\t\t\tuniform mat4 u_samples_b;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_mipmap_offset;\n\t\t\tvarying vec2 v_coord;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = vec4(0.0);\n\t\t\t\tfor(int i = 0; i < 4; ++i)\n\t\t\t\t\tfor(int j = 0; j < 4; ++j)\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( u_samples_a[i][j], u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], 1.0 - u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\t}\n\t\t\t gl_FragColor = color * 0.03125;\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("texture/average",LGraphTextureAverage);var LGraphImageToTexture=function(){this.addInput("Image","image");this.addOutput("","Texture");this.properties={}};LGraphImageToTexture.title="Image to Texture";LGraphImageToTexture.desc="Uploads an image to the GPU";LGraphImageToTexture.prototype.onExecute=function(){var d=this.getInputData(0);if(d){var c=d.videoWidth||d.width,f=d.videoHeight||d.height;if(d.gltexture)this.setOutputData(0,d.gltexture);else{var g=this._temp_texture; -g&&g.width==c&&g.height==f||(this._temp_texture=new GL.Texture(c,f,{format:gl.RGBA,filter:gl.LINEAR}));try{this._temp_texture.uploadImage(d)}catch(l){console.error("image comes from an unsafe location, cannot be uploaded to webgl");return}this.setOutputData(0,this._temp_texture)}}};LiteGraph.registerNodeType("texture/imageToTexture",LGraphImageToTexture);var LGraphTextureLUT=function(){this.addInput("Texture","Texture");this.addInput("LUT","Texture");this.addInput("Intensity","number");this.addOutput("", -"Texture");this.properties={intensity:1,precision:LGraphTexture.DEFAULT,texture:null};LGraphTextureLUT._shader||(LGraphTextureLUT._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureLUT.pixel_shader))};LGraphTextureLUT.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureLUT.title="LUT";LGraphTextureLUT.desc="Apply LUT to Texture";LGraphTextureLUT.widgets_info={texture:{widget:"texture"}};LGraphTextureLUT.prototype.onExecute=function(){if(this.isOutputConnected(0)){var d= -this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else if(d){var c=this.getInputData(1);c||(c=LGraphTexture.getTexture(this.properties.texture));if(c){c.bind(0);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.LINEAR);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE);gl.bindTexture(gl.TEXTURE_2D,null);var f=this.properties.intensity;this.isInputConnected(2)&& -(this.properties.intensity=f=this.getInputData(2));this._tex=LGraphTexture.getTargetTexture(d,this._tex,this.properties.precision);this._tex.drawTo(function(){c.bind(1);d.toViewport(LGraphTextureLUT._shader,{u_texture:0,u_textureB:1,u_amount:f})});this.setOutputData(0,this._tex)}else this.setOutputData(0,d)}}};LGraphTextureLUT.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform float u_amount;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\t lowp vec4 textureColor = clamp( texture2D(u_texture, v_coord), vec4(0.0), vec4(1.0) );\n\t\t\t\t mediump float blueColor = textureColor.b * 63.0;\n\t\t\t\t mediump vec2 quad1;\n\t\t\t\t quad1.y = floor(floor(blueColor) / 8.0);\n\t\t\t\t quad1.x = floor(blueColor) - (quad1.y * 8.0);\n\t\t\t\t mediump vec2 quad2;\n\t\t\t\t quad2.y = floor(ceil(blueColor) / 8.0);\n\t\t\t\t quad2.x = ceil(blueColor) - (quad2.y * 8.0);\n\t\t\t\t highp vec2 texPos1;\n\t\t\t\t texPos1.x = (quad1.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t\t texPos1.y = 1.0 - ((quad1.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t\t highp vec2 texPos2;\n\t\t\t\t texPos2.x = (quad2.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t\t texPos2.y = 1.0 - ((quad2.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t\t lowp vec4 newColor1 = texture2D(u_textureB, texPos1);\n\t\t\t\t lowp vec4 newColor2 = texture2D(u_textureB, texPos2);\n\t\t\t\t lowp vec4 newColor = mix(newColor1, newColor2, fract(blueColor));\n\t\t\t\t gl_FragColor = vec4( mix( textureColor.rgb, newColor.rgb, u_amount), textureColor.w);\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("texture/LUT",LGraphTextureLUT);var LGraphTextureChannels=function(){this.addInput("Texture","Texture");this.addOutput("R","Texture");this.addOutput("G","Texture");this.addOutput("B","Texture");this.addOutput("A","Texture");this.properties={};LGraphTextureChannels._shader||(LGraphTextureChannels._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureChannels.pixel_shader))};LGraphTextureChannels.title="Texture to Channels";LGraphTextureChannels.desc="Split texture channels"; -LGraphTextureChannels.prototype.onExecute=function(){var d=this.getInputData(0);if(d){this._channels||(this._channels=Array(4));for(var c=0,f=0;4>f;f++)this.isOutputConnected(f)?(this._channels[f]&&this._channels[f].width==d.width&&this._channels[f].height==d.height&&this._channels[f].type==d.type||(this._channels[f]=new GL.Texture(d.width,d.height,{type:d.type,format:gl.RGBA,filter:gl.LINEAR})),c++):this._channels[f]=null;if(c){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);for(var g=Mesh.getScreenQuad(), -l=LGraphTextureChannels._shader,h=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]],f=0;4>f;f++)this._channels[f]&&(this._channels[f].drawTo(function(){d.bind(0);l.uniforms({u_texture:0,u_mask:h[f]}).draw(g)}),this.setOutputData(f,this._channels[f]))}}};LGraphTextureChannels.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec4 u_mask;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = vec4( vec3( length( texture2D(u_texture, v_coord) * u_mask )), 1.0 );\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("texture/textureChannels",LGraphTextureChannels);var LGraphChannelsTexture=function(){this.addInput("R","Texture");this.addInput("G","Texture");this.addInput("B","Texture");this.addInput("A","Texture");this.addOutput("Texture","Texture");this.properties={};LGraphChannelsTexture._shader||(LGraphChannelsTexture._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphChannelsTexture.pixel_shader))};LGraphChannelsTexture.title="Channels to Texture";LGraphChannelsTexture.desc= -"Split texture channels";LGraphChannelsTexture.prototype.onExecute=function(){var d=[this.getInputData(0),this.getInputData(1),this.getInputData(2),this.getInputData(3)];if(d[0]&&d[1]&&d[2]&&d[3]){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var c=Mesh.getScreenQuad(),f=LGraphChannelsTexture._shader;this._tex=LGraphTexture.getTargetTexture(d[0],this._tex);this._tex.drawTo(function(){d[0].bind(0);d[1].bind(1);d[2].bind(2);d[3].bind(3);f.uniforms({u_textureR:0,u_textureG:1,u_textureB:2,u_textureA:3}).draw(c)}); -this.setOutputData(0,this._tex)}};LGraphChannelsTexture.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_textureR;\n\t\t\tuniform sampler2D u_textureG;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform sampler2D u_textureA;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = vec4( \t\t\t\t\t\ttexture2D(u_textureR, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureG, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureB, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureA, v_coord).r);\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("texture/channelsTexture",LGraphChannelsTexture);var LGraphTextureGradient=function(){this.addInput("A","color");this.addInput("B","color");this.addOutput("Texture","Texture");this.properties={angle:0,scale:1,A:[0,0,0],B:[1,1,1],texture_size:32};LGraphTextureGradient._shader||(LGraphTextureGradient._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureGradient.pixel_shader));this._uniforms={u_angle:0,u_colorA:vec3.create(),u_colorB:vec3.create()}};LGraphTextureGradient.title= -"Gradient";LGraphTextureGradient.desc="Generates a gradient";LGraphTextureGradient["@A"]={type:"color"};LGraphTextureGradient["@B"]={type:"color"};LGraphTextureGradient["@texture_size"]={type:"enum",values:[32,64,128,256,512]};LGraphTextureGradient.prototype.onExecute=function(){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var d=GL.Mesh.getScreenQuad(),c=LGraphTextureGradient._shader,f=this.getInputData(0);f||(f=this.properties.A);var g=this.getInputData(1);g||(g=this.properties.B);for(var l=2;l< -this.inputs.length;l++){var h=this.inputs[l],n=this.getInputData(l);void 0!==n&&(this.properties[h.name]=n)}var a=this._uniforms;this._uniforms.u_angle=this.properties.angle*DEG2RAD;this._uniforms.u_scale=this.properties.scale;vec3.copy(a.u_colorA,f);vec3.copy(a.u_colorB,g);f=parseInt(this.properties.texture_size);this._tex&&this._tex.width==f||(this._tex=new GL.Texture(f,f,{format:gl.RGB,filter:gl.LINEAR}));this._tex.drawTo(function(){c.uniforms(a).draw(d)});this.setOutputData(0,this._tex)};LGraphTextureGradient.prototype.onGetInputs= -function(){return[["angle","number"],["scale","number"]]};LGraphTextureGradient.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform float u_angle;\n\t\t\tuniform float u_scale;\n\t\t\tuniform vec3 u_colorA;\n\t\t\tuniform vec3 u_colorB;\n\t\t\t\n\t\t\tvec2 rotate(vec2 v, float angle)\n\t\t\t{\n\t\t\t\tvec2 result;\n\t\t\t\tfloat _cos = cos(angle);\n\t\t\t\tfloat _sin = sin(angle);\n\t\t\t\tresult.x = v.x * _cos - v.y * _sin;\n\t\t\t\tresult.y = v.x * _sin + v.y * _cos;\n\t\t\t\treturn result;\n\t\t\t}\n\t\t\tvoid main() {\n\t\t\t\tfloat f = (rotate(u_scale * (v_coord - vec2(0.5)), u_angle) + vec2(0.5)).x;\n\t\t\t\tvec3 color = mix(u_colorA,u_colorB,clamp(f,0.0,1.0));\n\t\t\t gl_FragColor = vec4(color,1.0);\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("texture/gradient",LGraphTextureGradient);var LGraphTextureMix=function(){this.addInput("A","Texture");this.addInput("B","Texture");this.addInput("Mixer","Texture");this.addOutput("Texture","Texture");this.properties={precision:LGraphTexture.DEFAULT};LGraphTextureMix._shader||(LGraphTextureMix._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureMix.pixel_shader))};LGraphTextureMix.title="Mix";LGraphTextureMix.desc="Generates a texture mixing two textures";LGraphTextureMix.widgets_info= -{precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureMix.prototype.onExecute=function(){var d=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else{var c=this.getInputData(1),f=this.getInputData(2);if(d&&c&&f){this._tex=LGraphTexture.getTargetTexture(d,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var g=Mesh.getScreenQuad(),l=LGraphTextureMix._shader;this._tex.drawTo(function(){d.bind(0); -c.bind(1);f.bind(2);l.uniforms({u_textureA:0,u_textureB:1,u_textureMix:2}).draw(g)});this.setOutputData(0,this._tex)}}};LGraphTextureMix.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_textureA;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform sampler2D u_textureMix;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = mix( texture2D(u_textureA, v_coord), texture2D(u_textureB, v_coord), texture2D(u_textureMix, v_coord) );\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("texture/mix",LGraphTextureMix);var LGraphTextureEdges=function(){this.addInput("Tex.","Texture");this.addOutput("Edges","Texture");this.properties={invert:!0,factor:1,precision:LGraphTexture.DEFAULT};LGraphTextureEdges._shader||(LGraphTextureEdges._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureEdges.pixel_shader))};LGraphTextureEdges.title="Edges";LGraphTextureEdges.desc="Detects edges";LGraphTextureEdges.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}}; -LGraphTextureEdges.prototype.onExecute=function(){if(this.isOutputConnected(0)){var d=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else if(d){this._tex=LGraphTexture.getTargetTexture(d,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var c=Mesh.getScreenQuad(),f=LGraphTextureEdges._shader,g=this.properties.invert,l=this.properties.factor;this._tex.drawTo(function(){d.bind(0);f.uniforms({u_texture:0,u_isize:[1/ -d.width,1/d.height],u_factor:l,u_invert:g?1:0}).draw(c)});this.setOutputData(0,this._tex)}}};LGraphTextureEdges.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_isize;\n\t\t\tuniform int u_invert;\n\t\t\tuniform float u_factor;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 center = texture2D(u_texture, v_coord);\n\t\t\t\tvec4 up = texture2D(u_texture, v_coord + u_isize * vec2(0.0,1.0) );\n\t\t\t\tvec4 down = texture2D(u_texture, v_coord + u_isize * vec2(0.0,-1.0) );\n\t\t\t\tvec4 left = texture2D(u_texture, v_coord + u_isize * vec2(1.0,0.0) );\n\t\t\t\tvec4 right = texture2D(u_texture, v_coord + u_isize * vec2(-1.0,0.0) );\n\t\t\t\tvec4 diff = abs(center - up) + abs(center - down) + abs(center - left) + abs(center - right);\n\t\t\t\tdiff *= u_factor;\n\t\t\t\tif(u_invert == 1)\n\t\t\t\t\tdiff.xyz = vec3(1.0) - diff.xyz;\n\t\t\t gl_FragColor = vec4( diff.xyz, center.a );\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("texture/edges",LGraphTextureEdges);var LGraphTextureDepthRange=function(){this.addInput("Texture","Texture");this.addInput("Distance","number");this.addInput("Range","number");this.addOutput("Texture","Texture");this.properties={distance:100,range:50,only_depth:!1,high_precision:!1};this._uniforms={u_texture:0,u_distance:100,u_range:50,u_camera_planes:null}};LGraphTextureDepthRange.title="Depth Range";LGraphTextureDepthRange.desc="Generates a texture with a depth range"; -LGraphTextureDepthRange.prototype.onExecute=function(){if(this.isOutputConnected(0)){var d=this.getInputData(0);if(d){var c=gl.UNSIGNED_BYTE;this.properties.high_precision&&(c=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==c&&this._temp_texture.width==d.width&&this._temp_texture.height==d.height||(this._temp_texture=new GL.Texture(d.width,d.height,{type:c,format:gl.RGBA,filter:gl.LINEAR}));var f=this._uniforms,c=this.properties.distance;this.isInputConnected(1)&& -(c=this.getInputData(1),this.properties.distance=c);var g=this.properties.range;this.isInputConnected(2)&&(g=this.getInputData(2),this.properties.range=g);f.u_distance=c;f.u_range=g;gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var l=Mesh.getScreenQuad();LGraphTextureDepthRange._shader||(LGraphTextureDepthRange._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureDepthRange.pixel_shader),LGraphTextureDepthRange._shader_onlydepth=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphTextureDepthRange.pixel_shader, -{ONLY_DEPTH:""}));var h=this.properties.only_depth?LGraphTextureDepthRange._shader_onlydepth:LGraphTextureDepthRange._shader,c=null,c=d.near_far_planes?d.near_far_planes:window.LS&&LS.Renderer._main_camera?LS.Renderer._main_camera._uniforms.u_camera_planes:[0.1,1E3];f.u_camera_planes=c;this._temp_texture.drawTo(function(){d.bind(0);h.uniforms(f).draw(l)});this.setOutputData(0,this._temp_texture)}}};LGraphTextureDepthRange.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_distance;\n\t\t\tuniform float u_range;\n\t\t\t\n\t\t\tfloat LinearDepth()\n\t\t\t{\n\t\t\t\tfloat 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"; -LiteGraph.registerNodeType("texture/depth_range",LGraphTextureDepthRange);var LGraphTextureBlur=function(){this.addInput("Texture","Texture");this.addInput("Iterations","number");this.addInput("Intensity","number");this.addOutput("Blurred","Texture");this.properties={intensity:1,iterations:1,preserve_aspect:!1,scale:[1,1]}};LGraphTextureBlur.title="Blur";LGraphTextureBlur.desc="Blur a texture";LGraphTextureBlur.max_iterations=20;LGraphTextureBlur.prototype.onExecute=function(){var d=this.getInputData(0); -if(d&&this.isOutputConnected(0)){var c=this._temp_texture;c&&c.width==d.width&&c.height==d.height&&c.type==d.type||(this._temp_texture=new GL.Texture(d.width,d.height,{type:d.type,format:gl.RGBA,filter:gl.LINEAR}),this._final_texture=new GL.Texture(d.width,d.height,{type:d.type,format:gl.RGBA,filter:gl.LINEAR}));c=this.properties.iterations;this.isInputConnected(1)&&(c=this.getInputData(1),this.properties.iterations=c);c=Math.min(Math.floor(c),LGraphTextureBlur.max_iterations);if(0==c)this.setOutputData(0, -d);else{var f=this.properties.intensity;this.isInputConnected(2)&&(f=this.getInputData(2),this.properties.intensity=f);var g=LiteGraph.camera_aspect;g||void 0===window.gl||(g=gl.canvas.height/gl.canvas.width);g||(g=1);for(var g=this.properties.preserve_aspect?g:1,l=this.properties.scale||[1,1],h=0;h=this.size[1]||!this._video||(d.save(),d.webgl?this._temp_texture&&d.drawImage(this._temp_texture,0,0,this.size[0],this.size[1]):(d.translate(0,this.size[1]),d.scale(1,-1),d.drawImage(this._video,0,0,this.size[0],this.size[1])),d.restore())};LGraphTextureWebcam.prototype.onExecute=function(){null!=this._webcam_stream||this._waiting_confirmation||this.openStream();if(this._video&& -this._video.videoWidth){var d=this._video.videoWidth,c=this._video.videoHeight,f=this._temp_texture;f&&f.width==d&&f.height==c||(this._temp_texture=new GL.Texture(d,c,{format:gl.RGB,filter:gl.LINEAR}));this._temp_texture.uploadImage(this._video);this.properties.texture_name&&(LGraphTexture.getTexturesContainer()[this.properties.texture_name]=this._temp_texture);this.setOutputData(0,this._temp_texture)}};LiteGraph.registerNodeType("texture/webcam",LGraphTextureWebcam);var LGraphTextureMatte=function(){this.addInput("in", -"Texture");this.addOutput("out","Texture");this.properties={key_color:vec3.fromValues(0,1,0),threshold:0.8,slope:0.2,precision:LGraphTexture.DEFAULT};LGraphTextureMatte._shader||(LGraphTextureMatte._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,LGraphTextureMatte.pixel_shader))};LGraphTextureMatte.title="Matte";LGraphTextureMatte.desc="Extracts background";LGraphTextureMatte.widgets_info={key_color:{widget:"color"},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphTextureMatte.prototype.onExecute= -function(){if(this.isOutputConnected(0)){var d=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else if(d){this._tex=LGraphTexture.getTargetTexture(d,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);this._uniforms||(this._uniforms={u_texture:0,u_key_color:this.properties.key_color,u_threshold:1,u_slope:1});var c=this._uniforms,f=Mesh.getScreenQuad(),g=LGraphTextureMatte._shader;c.u_key_color=this.properties.key_color; -c.u_threshold=this.properties.threshold;c.u_slope=this.properties.slope;this._tex.drawTo(function(){d.bind(0);g.uniforms(c).draw(f)});this.setOutputData(0,this._tex)}}};LGraphTextureMatte.pixel_shader="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec3 u_key_color;\n\t\t\tuniform float u_threshold;\n\t\t\tuniform float u_slope;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec3 color = texture2D( u_texture, v_coord ).xyz;\n\t\t\t\tfloat diff = length( normalize(color) - normalize(u_key_color) );\n\t\t\t\tfloat edge = u_threshold * (1.0 - u_slope);\n\t\t\t\tfloat alpha = smoothstep( edge, u_threshold, diff);\n\t\t\t\tgl_FragColor = vec4( color, alpha );\n\t\t\t}"; -LiteGraph.registerNodeType("texture/matte",LGraphTextureMatte);var LGraphCubemap=function(){this.addOutput("Cubemap","Cubemap");this.properties={name:""};this.size=[LGraphTexture.image_preview_size,LGraphTexture.image_preview_size]};LGraphCubemap.title="Cubemap";LGraphCubemap.prototype.onDropFile=function(d,c,f){d?(this._drop_texture="string"==typeof d?GL.Texture.fromURL(d):GL.Texture.fromDDSInMemory(d),this.properties.name=c):(this._drop_texture=null,this.properties.name="")};LGraphCubemap.prototype.onExecute= -function(){if(this._drop_texture)this.setOutputData(0,this._drop_texture);else if(this.properties.name){var d=LGraphTexture.getTexture(this.properties.name);d&&(this._last_tex=d,this.setOutputData(0,d))}};LGraphCubemap.prototype.onDrawBackground=function(d){this.flags.collapsed||20>=this.size[1]||d.webgl&&(gl.meshes.cube||(gl.meshes.cube=GL.Mesh.cube({size:1})))};LiteGraph.registerNodeType("texture/cubemap",LGraphCubemap)} -if("undefined"!=typeof LiteGraph){var LGraphFXLens=function(){this.addInput("Texture","Texture");this.addInput("Aberration","number");this.addInput("Distortion","number");this.addInput("Blur","number");this.addOutput("Texture","Texture");this.properties={aberration:1,distortion:1,blur:1,precision:LGraphTexture.DEFAULT};LGraphFXLens._shader||(LGraphFXLens._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphFXLens.pixel_shader),LGraphFXLens._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]}))};LGraphFXLens.title="Lens";LGraphFXLens.desc="Camera Lens distortion";LGraphFXLens.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};LGraphFXLens.prototype.onExecute=function(){var d=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else if(d){this._tex=LGraphTexture.getTargetTexture(d,this._tex,this.properties.precision);var c=this.properties.aberration; -this.isInputConnected(1)&&(c=this.getInputData(1),this.properties.aberration=c);var f=this.properties.distortion;this.isInputConnected(2)&&(f=this.getInputData(2),this.properties.distortion=f);var g=this.properties.blur;this.isInputConnected(3)&&(g=this.getInputData(3),this.properties.blur=g);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var l=Mesh.getScreenQuad(),h=LGraphFXLens._shader;this._tex.drawTo(function(){d.bind(0);h.uniforms({u_texture:0,u_aberration:c,u_distortion:f,u_blur:g}).draw(l)}); -this.setOutputData(0,this._tex)}};LGraphFXLens.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_aberration;\n\t\t\tuniform float u_distortion;\n\t\t\tuniform float u_blur;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = v_coord;\n\t\t\t\tfloat dist = distance(vec2(0.5), coord);\n\t\t\t\tvec2 dist_coord = coord - vec2(0.5);\n\t\t\t\tfloat percent = 1.0 + ((0.5 - dist) / 0.5) * u_distortion;\n\t\t\t\tdist_coord *= percent;\n\t\t\t\tcoord = dist_coord + vec2(0.5);\n\t\t\t\tvec4 color = texture2D(u_texture,coord, u_blur * dist);\n\t\t\t\tcolor.r = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0+0.01*u_aberration), u_blur * dist ).r;\n\t\t\t\tcolor.b = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0-0.01*u_aberration), u_blur * dist ).b;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n\t\t\t"; -LiteGraph.registerNodeType("fx/lens",LGraphFXLens);window.LGraphFXLens=LGraphFXLens;var LGraphFXBokeh=function(){this.addInput("Texture","Texture");this.addInput("Blurred","Texture");this.addInput("Mask","Texture");this.addInput("Threshold","number");this.addOutput("Texture","Texture");this.properties={shape:"",size:10,alpha:1,threshold:1,high_precision:!1}};LGraphFXBokeh.title="Bokeh";LGraphFXBokeh.desc="applies an Bokeh effect";LGraphFXBokeh.widgets_info={shape:{widget:"texture"}};LGraphFXBokeh.prototype.onExecute= -function(){var d=this.getInputData(0),c=this.getInputData(1),f=this.getInputData(2);if(d&&f&&this.properties.shape){c||(c=d);var g=LGraphTexture.getTexture(this.properties.shape);if(g){var l=this.properties.threshold;this.isInputConnected(3)&&(l=this.getInputData(3),this.properties.threshold=l);var h=gl.UNSIGNED_BYTE;this.properties.high_precision&&(h=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==h&&this._temp_texture.width==d.width&&this._temp_texture.height== -d.height||(this._temp_texture=new GL.Texture(d.width,d.height,{type:h,format:gl.RGBA,filter:gl.LINEAR}));var n=LGraphFXBokeh._first_shader;n||(n=LGraphFXBokeh._first_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,LGraphFXBokeh._first_pixel_shader));var a=LGraphFXBokeh._second_shader;a||(a=LGraphFXBokeh._second_shader=new GL.Shader(LGraphFXBokeh._second_vertex_shader,LGraphFXBokeh._second_pixel_shader));var b=this._points_mesh;b&&b._width==d.width&&b._height==d.height&&2==b._spacing||(b=this.createPointsMesh(d.width, -d.height,2));var e=Mesh.getScreenQuad(),k=this.properties.size,v=this.properties.alpha;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){d.bind(0);c.bind(1);f.bind(2);n.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);g.bind(3);a.uniforms({u_texture:0,u_mask:2,u_shape:3,u_alpha:v,u_threshold:l,u_pointSize:k,u_itexsize:[1/d.width,1/ -d.height]}).draw(b,gl.POINTS)});this.setOutputData(0,this._temp_texture)}}else this.setOutputData(0,d)};LGraphFXBokeh.prototype.createPointsMesh=function(d,c,f){for(var g=Math.round(d/f),l=Math.round(c/f),h=new Float32Array(g*l*2),n=-1,a=2/d*f,b=2/c*f,e=0;e=c.NOTEON||b<=c.NOTEOFF)this.channel=a&15};Object.defineProperty(c.prototype,"velocity", -{get:function(){return this.cmd==c.NOTEON?this.data[2]:-1},set:function(a){this.data[2]=a},enumerable:!0});c.notes="A A# B C C# D D# E F F# G G#".split(" ");c.prototype.getPitch=function(){return 440*Math.pow(2,(this.data[1]-69)/12)};c.computePitch=function(a){return 440*Math.pow(2,(a-69)/12)};c.prototype.getCC=function(){return this.data[1]};c.prototype.getCCValue=function(){return this.data[2]};c.prototype.getPitchBend=function(){return this.data[1]+(this.data[2]<<7)-8192};c.computePitchBend=function(a, -b){return a+(b<<7)-8192};c.prototype.setCommandFromString=function(a){this.cmd=c.computeCommandFromString(a)};c.computeCommandFromString=function(a){if(!a)return 0;if(a&&a.constructor===Number)return a;a=a.toUpperCase();switch(a){case "NOTE ON":case "NOTEON":return c.NOTEON;case "NOTE OFF":case "NOTEOFF":return c.NOTEON;case "KEY PRESSURE":case "KEYPRESSURE":return c.KEYPRESSURE;case "CONTROLLER CHANGE":case "CONTROLLERCHANGE":case "CC":return c.CONTROLLERCHANGE;case "PROGRAM CHANGE":case "PROGRAMCHANGE":case "PC":return c.PROGRAMCHANGE; -case "CHANNEL PRESSURE":case "CHANNELPRESSURE":return c.CHANNELPRESSURE;case "PITCH BEND":case "PITCHBEND":return c.PITCHBEND;case "TIME TICK":case "TIMETICK":return c.TIMETICK;default:return Number(a)}};c.toNoteString=function(a){var b;b=(a-21)%12;0>b&&(b=12+b);return c.notes[b]+Math.floor((a-24)/12+1)};c.prototype.toString=function(){var a=""+this.channel+". ";switch(this.cmd){case c.NOTEON:a+="NOTEON "+c.toNoteString(this.data[1]);break;case c.NOTEOFF:a+="NOTEOFF "+c.toNoteString(this.data[1]); -break;case c.CONTROLLERCHANGE:a+="CC "+this.data[1]+" "+this.data[2];break;case c.PROGRAMCHANGE:a+="PC "+this.data[1];break;case c.PITCHBEND:a+="PITCHBEND "+this.getPitchBend();break;case c.KEYPRESSURE:a+="KEYPRESS "+this.data[1]}return a};c.prototype.toHexString=function(){for(var a="",b=0;bthis.properties.max_value||this.trigger("on_midi", -b)};LiteGraph.registerNodeType("midi/filter",n);a.title="MIDIEvent";a.desc="Create a MIDI Event";a.prototype.onAction=function(a,b){"assign"==a?(this.properties.channel=b.channel,this.properties.cmd=b.cmd,this.properties.value1=b.data[1],this.properties.value2=b.data[2]):(b=new c,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))};a.prototype.onExecute=function(){var a=this.properties;if(this.outputs)for(var b=0;b=this.size[0]&&(e=this.size[0]-1),a.strokeStyle="red",a.beginPath(),a.moveTo(e,d),a.lineTo(e,0),a.stroke())}}; -v.title="Visualization";v.desc="Audio Visualization";LiteGraph.registerNodeType("audio/visualization",v);u.prototype.onExecute=function(){if(this._freqs=this.getInputData(0)){var a=this.properties.band,b=this.getInputData(1);void 0!==b&&(a=b);b=p.getAudioContext().sampleRate/this._freqs.length;b=a/b*2;b>=this._freqs.length?b=this._freqs[this._freqs.length-1]:(a=b|0,b-=a,b=this._freqs[a]*(1-b)+this._freqs[a+1]*b);this.setOutputData(0,b/255*this.properties.amplitude)}};u.prototype.onGetInputs=function(){return[["band", -"number"]]};u.title="Signal";u.desc="extract the signal of some frequency";LiteGraph.registerNodeType("audio/signal",u);r.prototype.onAdded=function(a){a.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback)};r["@code"]={widget:"code"};r.prototype.onStart=function(){this.audionode.onaudioprocess=this._callback};r.prototype.onStop=function(){this.audionode.onaudioprocess=r._bypass_function};r.prototype.onPause=function(){this.audionode.onaudioprocess=r._bypass_function};r.prototype.onUnpause= -function(){this.audionode.onaudioprocess=this._callback};r.prototype.onExecute=function(){};r.prototype.onRemoved=function(){this.audionode.onaudioprocess=r._bypass_function};r.prototype.processCode=function(){try{this._script=new new Function("properties",this.properties.code)(this.properties),this._old_code=this.properties.code,this._callback=this._script.onaudioprocess}catch(a){console.error("Error in onaudioprocess code",a),this._callback=r._bypass_function,this.audionode.onaudioprocess=this._callback}}; -r.prototype.onPropertyChanged=function(a,b){"code"==a&&(this.properties.code=b,this.processCode(),this.graph&&this.graph.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback))};r.default_function=function(){this.onaudioprocess=function(a){var b=a.inputBuffer;a=a.outputBuffer;for(var c=0;ca&&hb?!0:!1}function t(a,b){return a[0]>b[2]||a[1]>b[3]||a[2]r.width-l.width-10&&(f=r.width-l.width-10);d>r.height-l.height-10&&(d=r.height-l.height-10)}h.style.left=f+"px";h.style.top=d+"px"}var f=s.LiteGraph={NODE_TITLE_HEIGHT:16,NODE_SLOT_HEIGHT:15,NODE_WIDTH:140,NODE_MIN_WIDTH:50,NODE_COLLAPSED_RADIUS:10,NODE_COLLAPSED_WIDTH:80,CANVAS_GRID_SIZE:10,NODE_TITLE_COLOR:"#222",NODE_DEFAULT_COLOR:"#999",NODE_DEFAULT_BGCOLOR:"#444",NODE_DEFAULT_BOXCOLOR:"#AEF",NODE_DEFAULT_SHAPE:"box",MAX_NUMBER_OF_NODES:1E3, +DEFAULT_POSITION:[100,100],node_images_path:"",VALID_SHAPES:["box","round"],BOX_SHAPE:1,ROUND_SHAPE:2,CIRCLE_SHAPE:3,INPUT:1,OUTPUT:2,EVENT:-1,ACTION:-1,ALWAYS:0,ON_EVENT:1,NEVER:2,ON_TRIGGER:3,proxy:null,debug:!1,throw_errors:!0,allow_scripts:!0,registered_node_types:{},node_types_by_file_extension:{},Nodes:{},registerNodeType:function(a,b){if(!b.prototype)throw"Cannot register a simple object, it must be a class with a prototype";b.type=a;f.debug&&console.log("Node registered: "+a);a.split("/"); +var c=b.constructor.name,h=a.lastIndexOf("/");b.category=a.substr(0,h);b.title||(b.title=c);if(b.prototype)for(var p in g.prototype)b.prototype[p]||(b.prototype[p]=g.prototype[p]);Object.defineProperty(b.prototype,"shape",{set:function(a){switch(a){case "box":this._shape=f.BOX_SHAPE;break;case "round":this._shape=f.ROUND_SHAPE;break;case "circle":this._shape=f.CIRCLE_SHAPE;break;default:this._shape=a}},get:function(a){return this._shape},enumerable:!0});this.registered_node_types[a]=b;b.constructor.name&& +(this.Nodes[c]=b);b.prototype.onPropertyChange&&console.warn("LiteGraph node class "+a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end");if(b.supported_extensions)for(p in b.supported_extensions)this.node_types_by_file_extension[b.supported_extensions[p].toLowerCase()]=b},addNodeMethod:function(a,b){g.prototype[a]=b;for(var c in this.registered_node_types){var h=this.registered_node_types[c];h.prototype[a]&&(h.prototype["_"+a]=h.prototype[a]);h.prototype[a]=b}}, +createNode:function(a,b,c){var h=this.registered_node_types[a];if(!h)return f.debug&&console.log('GraphNode type "'+a+'" not registered.'),null;b=b||h.title||a;h=new h(b);h.type=a;h.title||(h.title=b);h.properties||(h.properties={});h.properties_info||(h.properties_info=[]);h.flags||(h.flags={});h.size||(h.size=h.computeSize());h.pos||(h.pos=f.DEFAULT_POSITION.concat());h.mode||(h.mode=f.ALWAYS);if(c)for(var p in c)h[p]=c[p];return h},getNodeType:function(a){return this.registered_node_types[a]}, +getNodeTypesInCategory:function(a){var b=[],c;for(c in this.registered_node_types)""==a?null==this.registered_node_types[c].category&&b.push(this.registered_node_types[c]):this.registered_node_types[c].category==a&&b.push(this.registered_node_types[c]);return b},getNodeTypesCategories:function(){var a={"":1},b;for(b in this.registered_node_types)this.registered_node_types[b].category&&!this.registered_node_types[b].skip_list&&(a[this.registered_node_types[b].category]=1);var c=[];for(b in a)c.push(b); +return c},reloadNodes:function(a){var b=document.getElementsByTagName("script"),c=[],h;for(h in b)c.push(b[h]);b=document.getElementsByTagName("head")[0];a=document.location.href+a;for(h in c){var p=c[h].src;if(p&&p.substr(0,a.length)==a)try{f.debug&&console.log("Reloading: "+p);var d=document.createElement("script");d.type="text/javascript";d.src=p;b.appendChild(d);b.removeChild(c[h])}catch(r){if(f.throw_errors)throw r;f.debug&&console.log("Error while reloading "+p)}}f.debug&&console.log("Nodes reloaded")}, +cloneObject:function(a,b){if(null==a)return null;var c=JSON.parse(JSON.stringify(a));if(!b)return c;for(var h in c)b[h]=c[h];return b},isValidConnection:function(a,b){return!a||!b||a==b||a!==f.EVENT&&b!==f.EVENT&&a.toLowerCase()==b.toLowerCase()?!0:!1}};f.getTime="undefined"!=typeof performance?performance.now.bind(performance):"undefined"!=typeof Date&&Date.now?Date.now.bind(Date):"undefined"!=typeof process?function(){var a=process.hrtime();return 0.001*a[0]+1E-6*a[1]}:function(){return(new Date).getTime()}; +s.LGraph=f.LGraph=e;e.supported_types=["number","string","boolean"];e.prototype.getSupportedTypes=function(){return this.supported_types||e.supported_types};e.STATUS_STOPPED=1;e.STATUS_RUNNING=2;e.prototype.clear=function(){this.stop();this.status=e.STATUS_STOPPED;this.last_node_id=0;this._nodes=[];this._nodes_by_id={};this._nodes_executable=this._nodes_in_order=null;this.last_link_id=0;this.links={};this.iteration=0;this.config={};this.fixedtime=this.runningtime=this.globaltime=0;this.elapsed_time= +this.fixedtime_lapse=0.01;this.starttime=0;this.catch_errors=!0;this.global_inputs={};this.global_outputs={};this.debug=!0;this.change();this.sendActionToCanvas("clear")};e.prototype.attachCanvas=function(a){if(a.constructor!=d)throw"attachCanvas expects a LGraphCanvas instance";a.graph&&a.graph!=this&&a.graph.detachCanvas(a);a.graph=this;this.list_of_graphcanvas||(this.list_of_graphcanvas=[]);this.list_of_graphcanvas.push(a)};e.prototype.detachCanvas=function(a){if(this.list_of_graphcanvas){var b= +this.list_of_graphcanvas.indexOf(a);-1!=b&&(a.graph=null,this.list_of_graphcanvas.splice(b,1))}};e.prototype.start=function(a){if(this.status!=e.STATUS_RUNNING){this.status=e.STATUS_RUNNING;if(this.onPlayEvent)this.onPlayEvent();this.sendEventToAllNodes("onStart");this.starttime=f.getTime();var b=this;this.execution_timer_id=setInterval(function(){b.runStep(1,!this.catch_errors)},a||1)}};e.prototype.stop=function(){if(this.status!=e.STATUS_STOPPED){this.status=e.STATUS_STOPPED;if(this.onStopEvent)this.onStopEvent(); +null!=this.execution_timer_id&&clearInterval(this.execution_timer_id);this.execution_timer_id=null;this.sendEventToAllNodes("onStop")}};e.prototype.runStep=function(a,b){a=a||1;var c=f.getTime();this.globaltime=0.001*(c-this.starttime);var h=this._nodes_executable?this._nodes_executable:this._nodes;if(h){if(b){for(var p=0;p=f.MAX_NUMBER_OF_NODES)throw"LiteGraph: max number of nodes in a graph reached";null==a.id||-1==a.id?a.id=++this.last_node_id:this.last_node_id!a.length|| +(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});this.id=-1;this.type=null;this.inputs=[];this.outputs=[];this.connections=[];this.properties={};this.properties_info=[];this.data=null;this.flags={}};g.prototype.configure=function(a){for(var b in a)if("console"!=b)if("properties"==b)for(var c in a.properties){if(this.properties[c]=a.properties[c],this.onPropertyChanged)this.onPropertyChanged(c,a.properties[c])}else null!=a[b]&&("object"==typeof a[b]?this[b]&& +this[b].configure?this[b].configure(a[b]):this[b]=f.cloneObject(a[b],this[b]):this[b]=a[b]);if(this.onConnectionsChange){if(this.inputs)for(var h=0;h=this.outputs.length)){var c=this.outputs[a];if(c&&(c._data=b,this.outputs[a].links))for(c=0;c=this.inputs.length||null==this.inputs[a].link)){var c=this.graph.links[this.inputs[a].link];if(!c)return null;if(!b)return c.data;var h=this.graph.getNodeById(c.origin_id);if(!h)return c.data;if(h.updateOutputData)h.updateOutputData(c.origin_slot);else if(h.onExecute)h.onExecute();return c.data}};g.prototype.isInputConnected=function(a){return this.inputs?a=this.inputs.length)return null;a=this.inputs[a];return a&&a.link?(a=this.graph.links[a.link])?this.graph.getNodeById(a.origin_id):null:null};g.prototype.getOutputData=function(a){return!this.outputs||a>=this.outputs.length?null:this.outputs[a]._data};g.prototype.getOutputInfo=function(a){return this.outputs?a=this.outputs.length)return null;a=this.outputs[a];if(!a.links||0==a.links.length)return null;for(var b=[],c=0;ca&&this.pos[1]-h-cb)return!0;return!1};g.prototype.getSlotInPosition=function(a,b){if(this.inputs)for(var c=0,h=this.inputs.length;c=this.outputs.length)return f.debug&&console.log("Connect: Error, slot number not found"),!1;b&&b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"Node not found";if(b==this)return!1;if(c.constructor===String){if(c=b.findInputSlot(c),-1== +c)return f.debug&&console.log("Connect: Error, no slot of name "+c),!1}else{if(c===f.EVENT)return!1;if(!b.inputs||c>=b.inputs.length)return f.debug&&console.log("Connect: Error, slot number not found"),!1}null!=b.inputs[c].link&&b.disconnectInput(c);this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);var h=this.outputs[a];if(b.onConnectInput&&!1===b.onConnectInput(c,h.type,h))return!1;var p=b.inputs[c];if(f.isValidConnection(h.type,p.type)){var d={id:this.graph.last_link_id++,type:p.type, +origin_id:this.id,origin_slot:a,target_id:b.id,target_slot:c};this.graph.links[d.id]=d;null==h.links&&(h.links=[]);h.links.push(d.id);b.inputs[c].link=d.id;if(this.onConnectionsChange)this.onConnectionsChange(f.OUTPUT,a,!0,d,h);if(b.onConnectionsChange)b.onConnectionsChange(f.INPUT,c,!0,d,p)}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this);return!0};g.prototype.disconnectOutput=function(a,b){if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return f.debug&&console.log("Connect: Error, no slot of name "+ +a),!1}else if(!this.outputs||a>=this.outputs.length)return f.debug&&console.log("Connect: Error, slot number not found"),!1;var c=this.outputs[a];if(!c.links||0==c.links.length)return!1;if(b){b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"Target Node not found";for(var h=0,p=c.links.length;h=this.inputs.length)return f.debug&&console.log("Connect: Error, slot number not found"),!1;var b=this.inputs[a];if(!b)return!1;var c=this.inputs[a].link;this.inputs[a].link=null;var h=this.graph.links[c];if(h){var d=this.graph.getNodeById(h.origin_id);if(!d)return!1;var e=d.outputs[h.origin_slot]; +if(!e||!e.links||0==e.links.length)return!1;for(var g=0,l=e.links.length;gb&&this.inputs[b].pos?[this.pos[0]+this.inputs[b].pos[0],this.pos[1]+this.inputs[b].pos[1]]:!a&&this.outputs.length>b&&this.outputs[b].pos?[this.pos[0]+this.outputs[b].pos[0],this.pos[1]+this.outputs[b].pos[1]]:a?[this.pos[0],this.pos[1]+10+b*f.NODE_SLOT_HEIGHT]:[this.pos[0]+this.size[0]+1,this.pos[1]+10+b*f.NODE_SLOT_HEIGHT]};g.prototype.alignToGrid=function(){this.pos[0]= +f.CANVAS_GRID_SIZE*Math.round(this.pos[0]/f.CANVAS_GRID_SIZE);this.pos[1]=f.CANVAS_GRID_SIZE*Math.round(this.pos[1]/f.CANVAS_GRID_SIZE)};g.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>g.MAX_CONSOLE&&this.console.shift();this.graph.onNodeTrace(this,a)};g.prototype.setDirtyCanvas=function(a,b){this.graph&&this.graph.sendActionToCanvas("setDirty",[a,b])};g.prototype.loadImage=function(a){var b=new Image;b.src=f.node_images_path+a;b.ready=!1;var c= +this;b.onload=function(){this.ready=!0;c.setDirtyCanvas(!0)};return b};g.prototype.captureInput=function(a){if(this.graph&&this.graph.list_of_graphcanvas)for(var b=this.graph.list_of_graphcanvas,c=0;c element, you passed a "+a.localName;throw"This browser doesnt support Canvas";}null==(this.ctx=a.getContext("2d"))&&(console.warn("This canvas seems to be WebGL, enabling WebGL renderer"),this.enableWebGL());this._mousemove_callback=this.processMouseMove.bind(this);this._mouseup_callback=this.processMouseUp.bind(this); +b||this.bindEvents()}};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;this._mousedown_callback=this.processMouseDown.bind(this);this._mousewheel_callback=this.processMouseWheel.bind(this);a.addEventListener("mousedown",this._mousedown_callback,!0);a.addEventListener("mousemove",this._mousemove_callback); +a.addEventListener("mousewheel",this._mousewheel_callback,!1);a.addEventListener("contextmenu",this._doNothing);a.addEventListener("DOMMouseScroll",this._mousewheel_callback,!1);a.addEventListener("touchstart",this.touchHandler,!0);a.addEventListener("touchmove",this.touchHandler,!0);a.addEventListener("touchend",this.touchHandler,!0);a.addEventListener("touchcancel",this.touchHandler,!0);this._key_callback=this.processKey.bind(this);a.addEventListener("keydown",this._key_callback);a.addEventListener("keyup", +this._key_callback);this._ondrop_callback=this.processDrop.bind(this);a.addEventListener("dragover",this._doNothing,!1);a.addEventListener("dragend",this._doNothing,!1);a.addEventListener("drop",this._ondrop_callback,!1);a.addEventListener("dragenter",this._doReturnTrue,!1);this._events_binded=!0}};d.prototype.unbindEvents=function(){this._events_binded?(this.canvas.removeEventListener("mousedown",this._mousedown_callback),this.canvas.removeEventListener("mousewheel",this._mousewheel_callback),this.canvas.removeEventListener("DOMMouseScroll", +this._mousewheel_callback),this.canvas.removeEventListener("keydown",this._key_callback),this.canvas.removeEventListener("keyup",this._key_callback),this.canvas.removeEventListener("contextmenu",this._doNothing),this.canvas.removeEventListener("drop",this._ondrop_callback),this.canvas.removeEventListener("dragenter",this._doReturnTrue),this.canvas.removeEventListener("touchstart",this.touchHandler),this.canvas.removeEventListener("touchmove",this.touchHandler),this.canvas.removeEventListener("touchend", +this.touchHandler),this.canvas.removeEventListener("touchcancel",this.touchHandler),this._ondrop_callback=this._key_callback=this._mousewheel_callback=this._mousedown_callback=null,this._events_binded=!1):console.warn("LGraphCanvas: no events binded")};d.getFileExtension=function(a){var b=a.indexOf("?");-1!=b&&(a=a.substr(0,b));b=a.lastIndexOf(".");return-1==b?"":a.substr(b+1).toLowerCase()};d.prototype.enableWebGL=function(){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};d.prototype.setDirty=function(a,b){a&&(this.dirty_canvas=!0);b&&(this.dirty_bgcanvas=!0)};d.prototype.getCanvasWindow=function(){if(!this.canvas)return window;var a=this.canvas.ownerDocument;return a.defaultView||a.parentWindow};d.prototype.startRendering=function(){function a(){this.pause_rendering|| +this.draw();var b=this.getCanvasWindow();this.is_rendering&&b.requestAnimationFrame(a.bind(this))}this.is_rendering||(this.is_rendering=!0,a.call(this))};d.prototype.stopRendering=function(){this.is_rendering=!1};d.prototype.processMouseDown=function(a){if(this.graph){this.adjustMouseEvent(a);var b=this.getCanvasWindow();d.active_canvas=this;this.canvas.removeEventListener("mousemove",this._mousemove_callback);b.document.addEventListener("mousemove",this._mousemove_callback,!0);b.document.addEventListener("mouseup", +this._mouseup_callback,!0);var c=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes);f.closeAllContextMenus(b);if(1==a.which){if(!(a.shiftKey||c&&this.selected_nodes[c.id])){var h=[],p;for(p in this.selected_nodes)this.selected_nodes[p]!=c&&h.push(this.selected_nodes[p]);for(p in h)this.processNodeDeselected(h[p])}h=!1;if(c&&this.allow_interaction){this.live_mode||c.flags.pinned||this.bringToFront(c);var e=!1;if(!this.connecting_node&&!c.flags.collapsed&&!this.live_mode){if(c.outputs){p= +0;for(var g=c.outputs.length;pf.getTime()-this.last_mouseclick&&this.selected_nodes[c.id]){if(c.onDblClick)c.onDblClick(a);this.processNodeDblClicked(c);p=!0}c.onMouseDown&&c.onMouseDown(a,[a.canvasX-c.pos[0],a.canvasY-c.pos[1]])?p=!0:this.live_mode&&(p=h=!0);p||(this.allow_dragnodes&&(this.node_dragged= +c),this.selected_nodes[c.id]||this.processNodeSelected(c,a));this.dirty_canvas=!0}}else h=!0;h&&this.allow_dragcanvas&&(this.dragging_canvas=!0)}else 2!=a.which&&3==a.which&&this.processContextMenu(c,a);this.last_mouse[0]=a.localX;this.last_mouse[1]=a.localY;this.last_mouseclick=f.getTime();this.canvas_mouse=[a.canvasX,a.canvasY];this.graph.change();(!b.document.activeElement||"input"!=b.document.activeElement.nodeName.toLowerCase()&&"textarea"!=b.document.activeElement.nodeName.toLowerCase())&&a.preventDefault(); +a.stopPropagation();if(this.onMouseDown)this.onMouseDown(a);return!1}};d.prototype.processMouseMove=function(a){this.autoresize&&this.resize();if(this.graph){d.active_canvas=this;this.adjustMouseEvent(a);var b=[a.localX,a.localY],c=[b[0]-this.last_mouse[0],b[1]-this.last_mouse[1]];this.last_mouse=b;this.canvas_mouse=[a.canvasX,a.canvasY];if(this.dragging_canvas)this.offset[0]+=c[0]/this.scale,this.offset[1]+=c[1]/this.scale,this.dirty_bgcanvas=this.dirty_canvas=!0;else if(this.allow_interaction){this.connecting_node&& +(this.dirty_canvas=!0);for(var b=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes),h=0,p=this.graph._nodes.length;hb&&(c*=1/1.1);this.setZoom(c,[a.localX,a.localY]);this.graph.change();a.preventDefault();return!1}};d.prototype.isOverNodeBox=function(a, +b,c){var h=f.NODE_TITLE_HEIGHT;return k(b,c,a.pos[0]+2,a.pos[1]+2-h,h-4,h-4)?!0:!1};d.prototype.isOverNodeInput=function(a,b,c,h){if(a.inputs)for(var f=0,d=a.inputs.length;fthis.max_zoom?this.scale=this.max_zoom:this.scalec-this.graph._last_trigger_time)&&this.drawBackCanvas();(this.dirty_canvas||a)&&this.drawFrontCanvas();this.fps=this.render_time?1/this.render_time:0;this.frame+=1}};d.prototype.drawFrontCanvas=function(){this.ctx||(this.ctx=this.bgcanvas.getContext("2d"));var a=this.ctx;if(a){a.start2D&&a.start2D();var b=this.canvas;a.restore();a.setTransform(1,0,0,1,0,0); +this.dirty_area&&(a.save(),a.beginPath(),a.rect(this.dirty_area[0],this.dirty_area[1],this.dirty_area[2],this.dirty_area[3]),a.clip());this.clear_background&&a.clearRect(0,0,b.width,b.height);this.bgcanvas==this.canvas?this.drawBackCanvas():a.drawImage(this.bgcanvas,0,0);if(this.onRender)this.onRender(b,a);this.show_info&&this.renderInfo(a);if(this.graph){a.save();a.scale(this.scale,this.scale);a.translate(this.offset[0],this.offset[1]);this.visible_nodes=b=this.computeVisibleNodes();for(var c=0;c< +b.length;++c){var h=b[c];a.save();a.translate(h.pos[0],h.pos[1]);this.drawNode(h,a);a.restore()}this.graph.config.links_ontop&&(this.live_mode||this.drawConnections(a));if(null!=this.connecting_pos){a.lineWidth=this.connections_width;b=null;switch(this.connecting_output.type){case f.EVENT:b="#F85";break;default:b="#AFA"}this.renderLink(a,this.connecting_pos,[this.canvas_mouse[0],this.canvas_mouse[1]],null,!1,null,b);a.beginPath();this.connecting_output.type===f.EVENT?a.rect(this.connecting_pos[0]- +6+0.5,this.connecting_pos[1]-5+0.5,14,10):a.arc(this.connecting_pos[0],this.connecting_pos[1],4,0,2*Math.PI);a.fill();a.fillStyle="#ffcc00";this._highlight_input&&(a.beginPath(),a.arc(this._highlight_input[0],this._highlight_input[1],6,0,2*Math.PI),a.fill())}a.restore()}this.dirty_area&&a.restore();a.finish2D&&a.finish2D();this.dirty_canvas=!1}};d.prototype.renderInfo=function(a,b,c){b=b||0;c=c||0;a.save();a.translate(b,c);a.font="10px Arial";a.fillStyle="#888";this.graph?(a.fillText("T: "+this.graph.globaltime.toFixed(2)+ +"s",5,13),a.fillText("I: "+this.graph.iteration,5,26),a.fillText("F: "+this.frame,5,39),a.fillText("FPS:"+this.fps.toFixed(2),5,52)):a.fillText("No graph selected",5,13);a.restore()};d.prototype.drawBackCanvas=function(){var a=this.bgcanvas;if(a.width!=this.canvas.width||a.height!=this.canvas.height)a.width=this.canvas.width,a.height=this.canvas.height;this.bgctx||(this.bgctx=this.bgcanvas.getContext("2d"));var b=this.bgctx;b.start&&b.start();this.clear_background&&b.clearRect(0,0,a.width,a.height); +this._graph_stack&&this._graph_stack.length&&(b.strokeStyle=this._graph_stack[this._graph_stack.length-1].bgcolor,b.lineWidth=10,b.strokeRect(1,1,a.width-2,a.height-2),b.lineWidth=1);b.restore();b.setTransform(1,0,0,1,0,0);if(this.graph){b.save();b.scale(this.scale,this.scale);b.translate(this.offset[0],this.offset[1]);if(this.background_image&&0.5b-g._last_time&&(l=2-0.002*(b-g._last_time),n="rgba(255,255,255, "+l.toFixed(2)+")",this.renderLink(a,k,d.getConnectionPos(!0,e),g,!0,l,n))}}}}a.globalAlpha=1};d.prototype.renderLink=function(a,b,c,h,e,g,n){if(this.highquality_render){var l=q(b,c);this.render_connections_border&&0.6b[1]?0:Math.PI,a.save(),a.translate(h[0],h[1]),a.rotate(n),a.beginPath(),a.moveTo(-5,-5),a.lineTo(0,5),a.lineTo(5,-5),a.fill(),a.restore());if(g)for(g=0;5>g;++g)h=(0.001*f.getTime()+0.2*g)%1,h=this.computeConnectionPoint(b,c,h),a.beginPath(), +a.arc(h[0],h[1],5,0,2*Math.PI),a.fill()}else a.beginPath(),a.moveTo(b[0],b[1]),a.lineTo(c[0],c[1]),a.stroke()};d.prototype.computeConnectionPoint=function(a,b,c){var f=q(a,b),d=[a[0]+0.25*f,a[1]],f=[b[0]-0.25*f,b[1]],e=(1-c)*(1-c)*(1-c),g=3*(1-c)*(1-c)*c,l=3*(1-c)*c*c;c*=c*c;return[e*a[0]+g*d[0]+l*f[0]+c*b[0],e*a[1]+g*d[1]+l*f[1]+c*b[1]]};d.prototype.resize=function(a,b){if(!a&&!b){var c=this.canvas.parentNode;a=c.offsetWidth;b=c.offsetHeight}if(this.canvas.width!=a||this.canvas.height!=b)this.canvas.width= +a,this.canvas.height=b,this.bgcanvas.width=this.canvas.width,this.bgcanvas.height=this.canvas.height,this.setDirty(!0,!0)};d.prototype.switchLiveMode=function(a){if(a){var b=this,c=this.live_mode?1.1:0.9;this.live_mode&&(this.live_mode=!1,this.editor_alpha=0.1);var f=setInterval(function(){b.editor_alpha*=c;b.dirty_canvas=!0;b.dirty_bgcanvas=!0;1>c&&0.01>b.editor_alpha&&(clearInterval(f),1>c&&(b.live_mode=!0));1"+k+""+ +a+"",value:k});if(l.length)return new f.ContextMenu(l,{event:c,callback:g,parentMenu:h,allow_html:!0,node:e},b),!1}};d.decodeHTML=function(a){var b=document.createElement("div");b.innerText=a;return b.innerHTML};d.onResizeNode=function(a,b,c,f,d){d&&(d.size=d.computeSize(),d.setDirtyCanvas(!0,!0))};d.onShowTitleEditor=function(a,b,c,f,e){function g(){e.title=l.value;n.parentNode.removeChild(n);e.setDirtyCanvas(!0,!0)}var n=document.createElement("div");n.className="graphdialog";n.innerHTML= +"Title";var l=n.querySelector("input");l&&(l.value=e.title,l.addEventListener("keydown",function(a){13==a.keyCode&&(g(),a.preventDefault(),a.stopPropagation())}));a=d.active_canvas.canvas;b=a.getBoundingClientRect();f=c=-20;b&&(c-=b.left,f-=b.top);event?(n.style.left=event.pageX+c+"px",n.style.top=event.pageY+f+"px"):(n.style.left=0.5*a.width+c+"px",n.style.top=0.5*a.height+f+"px");n.querySelector("button").addEventListener("click", +g);a.parentNode.appendChild(n)};d.prototype.showEditPropertyValue=function(a,b,c){function f(){d(A.value)}function d(c){"number"==typeof a.properties[b]&&(c=Number(c));a.properties[b]=c;if(a.onPropertyChanged)a.onPropertyChanged(b,c);q.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[b]){c=c||{};var e="string";null!==a.properties[b]&&(e=typeof a.properties[b]);var g=null;a.getPropertyInfo&&(g=a.getPropertyInfo(b));if(a.properties_info)for(var l=0;l";else if("enum"==e&&g.values){n=""}else"boolean"==e&&(n="");var q=this.createDialog(""+b+""+n+"",c);if("enum"==e&&g.values){var A=q.querySelector("select");A.addEventListener("change",function(a){d(a.target.value)})}else if("boolean"==e)(A=q.querySelector("input"))&&A.addEventListener("click",function(a){d(!!A.checked)});else if(A=q.querySelector("input"))A.value=void 0!==a.properties[b]?a.properties[b]:"",A.addEventListener("keydown",function(a){13==a.keyCode&&(f(),a.preventDefault(),a.stopPropagation())}); +q.querySelector("button").addEventListener("click",f)}};d.prototype.createDialog=function(a,b){b=b||{};var c=document.createElement("div");c.className="graphdialog";c.innerHTML=a;var f=this.canvas.getClientRects()[0],d=-20,e=-20;f&&(d-=f.left,e-=f.top);b.position?(d+=b.position[0],e+=b.position[1]):b.event?(d+=b.event.pageX,e+=b.event.pageY):(d+=0.5*this.canvas.width,e+=0.5*this.canvas.height);c.style.left=d+"px";c.style.top=e+"px";this.canvas.parentNode.appendChild(c);c.close=function(){this.parentNode&& +this.parentNode.removeChild(this)};return c};d.onMenuNodeCollapse=function(a,b,c,f,d){d.flags.collapsed=!d.flags.collapsed;d.setDirtyCanvas(!0,!0)};d.onMenuNodePin=function(a,b,c,f,d){d.pin()};d.onMenuNodeMode=function(a,b,c,d,e){new f.ContextMenu(["Always","On Event","On Trigger","Never"],{event:c,callback:function(a){if(e)switch(a){case "On Event":e.mode=f.ON_EVENT;break;case "On Trigger":e.mode=f.ON_TRIGGER;break;case "Never":e.mode=f.NEVER;break;default:e.mode=f.ALWAYS}},parentMenu:d,node:e}); +return!1};d.onMenuNodeColors=function(a,b,c,e,g){if(!g)throw"no node for color";b=[];for(var n in d.node_colors)a=d.node_colors[n],a={value:n,content:""+n+""},b.push(a);new f.ContextMenu(b,{event:c,callback:function(a){g&&(a=d.node_colors[a.value])&&(g.color=a.color,g.bgcolor=a.bgcolor,g.setDirtyCanvas(!0))},parentMenu:e,node:g});return!1};d.onMenuNodeShapes=function(a,b,c,d,e){if(!e)throw"no node passed";new f.ContextMenu(f.VALID_SHAPES, +{event:c,callback:function(a){e&&(e.shape=a,e.setDirtyCanvas(!0))},parentMenu:d,node:e});return!1};d.onMenuNodeRemove=function(a,b,c,f,d){if(!d)throw"no node passed";!1!=d.removable&&(d.graph.remove(d),d.setDirtyCanvas(!0,!0))};d.onMenuNodeClone=function(a,b,c,f,d){!1!=d.clonable&&(a=d.clone())&&(a.pos=[d.pos[0]+5,d.pos[1]+5],d.graph.add(a),d.setDirtyCanvas(!0,!0))};d.node_colors={red:{color:"#FAA",bgcolor:"#944"},green:{color:"#AFA",bgcolor:"#494"},blue:{color:"#AAF",bgcolor:"#449"},cyan:{color:"#AFF", +bgcolor:"#499"},purple:{color:"#FAF",bgcolor:"#949"},yellow:{color:"#FFA",bgcolor:"#994"},black:{color:"#777",bgcolor:"#000"},white:{color:"#FFF",bgcolor:"#AAA"}};d.prototype.getCanvasMenuOptions=function(){var a=null;this.getMenuOptions?a=this.getMenuOptions():(a=[{content:"Add Node",has_submenu:!0,callback:d.onMenuAdd}],this._graph_stack&&0Name", +f),g=h.querySelector("input");h.querySelector("button").addEventListener("click",function(b){if(g.value){if(b=e.input?a.getInputInfo(e.slot):a.getOutputInfo(e.slot))b.label=g.value;c.setDirty(!0)}h.close()})}},node:a},k=null;a&&(k=a.getSlotInPosition(b.canvasX,b.canvasY),d.active_node=a);k?(g=[],g.push(k.locked?"Cannot remove":{content:"Remove Slot",slot:k}),g.push({content:"Rename Slot",slot:k}),n.title=(k.input?k.input.type:k.output.type)||"*",k.input&&k.input.type==f.ACTION&&(n.title="Action"), +k.output&&k.output.type==f.EVENT&&(n.title="Event")):g=a?this.getNodeMenuOptions(a):this.getCanvasMenuOptions();g&&new f.ContextMenu(g,n,e)};this.CanvasRenderingContext2D&&(CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,f,d,e){void 0===d&&(d=5);void 0===e&&(e=d);this.beginPath();this.moveTo(a+d,b);this.lineTo(a+c-d,b);this.quadraticCurveTo(a+c,b,a+c,b+d);this.lineTo(a+c,b+f-e);this.quadraticCurveTo(a+c,b+f,a+c-e,b+f);this.lineTo(a+e,b+f);this.quadraticCurveTo(a,b+f,a,b+f-e);this.lineTo(a, +b+d);this.quadraticCurveTo(a,b,a+d,b)});f.compareObjects=function(a,b){for(var c in a)if(a[c]!=b[c])return!1;return!0};f.distance=q;f.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")+")"};f.isInsideRectangle=k;f.growBounding=function(a,b,c){ba[2]&&(a[2]=b);ca[3]&&(a[3]=c)};f.isInsideBounding=function(a,b){return a[0]b[1][0]||a[1]>b[1][1]?!1:!0};f.overlapBounding=t;f.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),c=0,f,d,e=0;6>e;e+=2)f="0123456789ABCDEF".indexOf(a.charAt(e)),d="0123456789ABCDEF".indexOf(a.charAt(e+1)),b[c]=16*f+d,c++;return b};f.num2hex=function(a){for(var b="#",c,f,d=0;3>d;d++)c=a[d]/16,f=a[d]%16,b+="0123456789ABCDEF".charAt(c)+"0123456789ABCDEF".charAt(f);return b};u.prototype.addItem=function(a,b,c){function f(a){var b=this.value;b&&b.has_submenu&& +d.call(this,a)}function d(a){var b=this.value,f=!0;e.current_submenu&&e.current_submenu.close(a);if(c.callback){var h=c.callback.call(this,b,c,a,e,c.node);!0===h&&(f=!1)}if(b&&(b.callback&&!c.ignore_item_callbacks&&!0!==b.disabled&&(h=b.callback.call(this,b,c,a,e,c.node),!0===h&&(f=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";new e.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:e,ignore_item_callbacks:b.submenu.ignore_item_callbacks, +title:b.submenu.title,autoopen:c.autoopen});f=!1}f&&!e.lock&&e.close()}var e=this;c=c||{};var g=document.createElement("div");g.className="litemenu-entry submenu";var l=!1;if(null===b)g.classList.add("separator");else{g.innerHTML=b&&b.title?b.title:a;if(g.value=b)b.disabled&&(l=!0,g.classList.add("disabled")),(b.submenu||b.has_submenu)&&g.classList.add("has_submenu");"function"==typeof b?(g.dataset.value=a,g.onclick_callback=b):g.dataset.value=b;b.className&&(g.className+=" "+b.className)}this.root.appendChild(g); +l||g.addEventListener("click",d);c.autoopen&&g.addEventListener("mouseenter",f);return g};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,c,f){var d=document.createEvent("CustomEvent"); +d.initCustomEvent(b,!0,!0,c);d.srcElement=f;a.dispatchEvent?a.dispatchEvent(d):a.__events&&a.__events.dispatchEvent(d);return d};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 c=a.pageX,f=a.pageY,d=b.getBoundingClientRect();return d?f>d.top&&fd.left&&c< +d.left+d.width?!0:!1:!1};f.ContextMenu=u;f.closeAllContextMenus=function(a){a=a||window;a=a.document.querySelectorAll(".litecontextmenu");if(a.length){for(var b=[],c=0;cf.canvasY-this.pos[1]||u.distance([f.canvasX,f.canvasY],[this.pos[0]+this.center[0],this.pos[1]+this.center[1]])>this.radius)return!1;this.oldmouse=[f.canvasX-this.pos[0],f.canvasY-this.pos[1]];this.captureInput(!0);return!0}};g.prototype.onMouseMove=function(f){if(this.oldmouse){f=[f.canvasX-this.pos[0],f.canvasY-this.pos[1]];var d=this.value,d=d-0.01*(f[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=f;this.setDirtyCanvas(!0)}};g.prototype.onMouseUp=function(f){this.oldmouse&&(this.oldmouse=null,this.captureInput(!1))};g.prototype.onMouseLeave=function(f){};g.prototype.onWidget=function(f,d){if("increase"==d.name)this.onPropertyChanged("size",this.properties.size+10);else if("decrease"==d.name)this.onPropertyChanged("size",this.properties.size-10)};g.prototype.onPropertyChanged=function(f,d){if("wcolor"==f)this.properties[f]= +d;else if("size"==f)d=parseInt(d),this.properties[f]=d,this.size=[d+4,d+24],this.setDirtyCanvas(!0,!0);else if("min"==f||"max"==f||"value"==f)this.properties[f]=parseFloat(d);else return!1;return!0};u.registerNodeType("widget/knob",g);d.title="H.Slider";d.desc="Linear slider controller";d.prototype.onInit=function(){this.value=0.5;this.imgfg=this.loadImage("imgs/slider_fg.png")};d.prototype.onDrawVectorial=function(d){this.imgfg&&this.imgfg.width&&(d.lineWidth=1,d.strokeStyle=this.mouseOver?"#FFF": +"#AAA",d.fillStyle="#000",d.beginPath(),d.rect(2,0,this.size[0]-4,20),d.stroke(),d.fillStyle=this.properties.wcolor,d.beginPath(),d.rect(2+(this.size[0]-4-20)*this.value,0,20,20),d.fill())};d.prototype.onDrawImage=function(d){this.imgfg&&this.imgfg.width&&(d.lineWidth=1,d.fillStyle="#000",d.fillRect(2,9,this.size[0]-4,2),d.strokeStyle="#333",d.beginPath(),d.moveTo(2,9),d.lineTo(this.size[0]-4,9),d.stroke(),d.strokeStyle="#AAA",d.beginPath(),d.moveTo(2,11),d.lineTo(this.size[0]-4,11),d.stroke(),d.drawImage(this.imgfg, +2+(this.size[0]-4)*this.value-0.5*this.imgfg.width,0.5*-this.imgfg.height+10))};d.prototype.onDrawForeground=function(d){this.onDrawImage(d)};d.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=u.colorToString([this.value,this.value,this.value])};d.prototype.onMouseDown=function(d){if(0>d.canvasY-this.pos[1])return!1;this.oldmouse=[d.canvasX-this.pos[0],d.canvasY-this.pos[1]]; +this.captureInput(!0);return!0};d.prototype.onMouseMove=function(d){if(this.oldmouse){d=[d.canvasX-this.pos[0],d.canvasY-this.pos[1]];var e=this.value,e=e+(d[0]-this.oldmouse[0])/this.size[0];1e&&(e=0);this.value=e;this.oldmouse=d;this.setDirtyCanvas(!0)}};d.prototype.onMouseUp=function(d){this.oldmouse=null;this.captureInput(!1)};d.prototype.onMouseLeave=function(d){};d.prototype.onPropertyChanged=function(d,e){if("wcolor"==d)this.properties[d]=e;else return!1;return!0};u.registerNodeType("widget/hslider", +d);q.title="Progress";q.desc="Shows data in linear progress";q.prototype.onExecute=function(){var d=this.getInputData(0);void 0!=d&&(this.properties.value=d)};q.prototype.onDrawForeground=function(d){d.lineWidth=1;d.fillStyle=this.properties.wcolor;var e=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),e=Math.min(1,e),e=Math.max(0,e);d.fillRect(2,2,(this.size[0]-4)*e,this.size[1]-4)};u.registerNodeType("widget/progress",q);k.title="Text";k.desc="Shows the input value"; +k.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"led_text",text:"LED",type:"minibutton"},{name:"normal_text",text:"Normal",type:"minibutton"}];k.prototype.onDrawForeground=function(d){d.fillStyle=this.properties.color;var e=this.properties.value;this.properties.glowSize?(d.shadowColor=this.properties.color,d.shadowOffsetX=0,d.shadowOffsetY=0,d.shadowBlur=this.properties.glowSize):d.shadowColor="transparent";var a=this.properties.fontsize;d.textAlign=this.properties.align;d.font=a.toString()+ +"px "+this.properties.font;this.str="number"==typeof e?e.toFixed(this.properties.decimals):e;if("string"==typeof this.str){var e=this.str.split("\\n"),b;for(b in e)d.fillText(e[b],"left"==this.properties.align?15:this.size[0]-15,-0.15*a+a*(parseInt(b)+1))}d.shadowColor="transparent";this.last_ctx=d;d.textAlign="left"};k.prototype.onExecute=function(){var d=this.getInputData(0);null!=d&&(this.properties.value=d)};k.prototype.resize=function(){if(this.last_ctx){var d=this.str.split("\\n");this.last_ctx.font= +this.properties.fontsize+"px "+this.properties.font;var e=0,a;for(a in d){var b=this.last_ctx.measureText(d[a]).width;eg?d.xbox.axes.lx:0,this._left_axis[1]=Math.abs(d.xbox.axes.ly)>g?d.xbox.axes.ly:0,this._right_axis[0]=Math.abs(d.xbox.axes.rx)>g?d.xbox.axes.rx:0,this._right_axis[1]=Math.abs(d.xbox.axes.ry)>g?d.xbox.axes.ry:0,this._triggers[0]=Math.abs(d.xbox.axes.ltrigger)>g?d.xbox.axes.ltrigger:0,this._triggers[1]=Math.abs(d.xbox.axes.rtrigger)>g?d.xbox.axes.rtrigger:0);if(this.outputs)for(g= +0;gd;d++)if(e[d]){d=e[d];e=this.xbox_mapping;e||(e=this.xbox_mapping= +{axes:[],buttons:{},hat:""});e.axes.lx=d.axes[0];e.axes.ly=d.axes[1];e.axes.rx=d.axes[2];e.axes.ry=d.axes[3];e.axes.ltrigger=d.buttons[6].value;e.axes.rtrigger=d.buttons[7].value;for(var g=0;g","string",{values:v.values}); +this.size=[60,40]}function r(){this.addInput("inc","number");this.addOutput("total","number");this.addProperty("increment",1);this.addProperty("value",0)}function l(){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("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function x(){this.addInputs([["x","number"],["y","number"]]);this.addOutput("vec2", +"vec2");this.properties={x:0,y:0};this._data=new Float32Array(2)}function z(){this.addInput("vec3","vec3");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number")}function A(){this.addInputs([["x","number"],["y","number"],["z","number"]]);this.addOutput("vec3","vec3");this.properties={x:0,y:0,z:0};this._data=new Float32Array(3)}function C(){this.addInput("vec4","vec4");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number");this.addOutput("w", +"number")}function D(){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 w=s.LiteGraph;e.title="Converter";e.desc="type A to type B";e.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a&&this.outputs)for(var b=0;bb&&(this._current=0);for(var c=a=0;cb&&(b=1);this.properties.samples=Math.round(b);var c=this._values;this._values=new Float32Array(this.properties.samples); +c.length<=this._values.length?this._values.set(c):this._values.set(c.subarray(0,this._values.length))};w.registerNodeType("math/average",c);h.values="+-*/%^".split("");h.title="Operation";h.desc="Easy math operators";h["@OP"]={type:"enum",title:"operation",values:h.values};h.prototype.setValue=function(a){"string"==typeof a&&(a=parseFloat(a));this.properties.value=a};h.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)};h.prototype.onDrawBackground=function(a){this.flags.collapsed||(a.font="40px Arial",a.fillStyle="black",a.textAlign="center",a.fillText(this.properties.OP,0.5*this.size[0],0.5* +this.size[1]+w.NODE_TITLE_HEIGHT),a.textAlign="left")};w.registerNodeType("math/operation",h);p.title="Compare";p.desc="compares between two values";p.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)}}};p.prototype.onGetOutputs=function(){return[["A==B","boolean"],["A!=B","boolean"],["A>B","boolean"],["A=B","boolean"],["A<=B","boolean"]]};w.registerNodeType("math/compare",p);v.values="> < == != <= >=".split(" ");v["@OP"]={type:"enum",title:"operation",values:v.values};v.title="Condition";v.desc="evaluates condition between A and B";v.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)};w.registerNodeType("math/condition",v);r.title="Accumulate";r.desc="Increments a value every time";r.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)};w.registerNodeType("math/accumulate",r);l.title="Trigonometry";l.desc="Sin Cos Tan";l.filter="shader";l.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";y.desc="vector 2 to components";y.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0, +a[0]),this.setOutputData(1,a[1]))};w.registerNodeType("math3d/vec2-to-xyz",y);x.title="XY->Vec2";x.desc="components to vector2";x.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this._data;c[0]=a;c[1]=b;this.setOutputData(0,c)};w.registerNodeType("math3d/xy-to-vec2",x);z.title="Vec3->XYZ";z.desc="vector 3 to components";z.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]))};w.registerNodeType("math3d/vec3-to-xyz",z);A.title="XYZ->Vec3";A.desc="components to vector3";A.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2);null==c&&(c=this.properties.z);var d=this._data;d[0]=a;d[1]=b;d[2]=c;this.setOutputData(0,d)};w.registerNodeType("math3d/xyz-to-vec3",A);C.title="Vec4->XYZW";C.desc="vector 4 to components"; +C.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]),this.setOutputData(3,a[3]))};w.registerNodeType("math3d/vec4-to-xyzw",C);D.title="XYZW->Vec4";D.desc="components to vector4";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.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)};w.registerNodeType("math3d/xyzw-to-vec4",D);s.glMatrix&&(s=function(){this.addOutput("quat","quat");this.properties={x:0,y:0,z:0,w:1};this._value=quat.create()},s.title="Quaternion",s.desc="quaternion",s.prototype.onExecute=function(){this._value[0]=this.properties.x;this._value[1]=this.properties.y;this._value[2]=this.properties.z;this._value[3]=this.properties.w;this.setOutputData(0,this._value)}, +w.registerNodeType("math3d/quaternion",s),s=function(){this.addInputs([["degrees","number"],["axis","vec3"]]);this.addOutput("quat","quat");this.properties={angle:90,axis:vec3.fromValues(0,1,0)};this._value=quat.create()},s.title="Rotation",s.desc="quaternion rotation",s.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.angle);var b=this.getInputData(1);null==b&&(b=this.properties.axis);a=quat.setAxisAngle(this._value,b,0.0174532925*a);this.setOutputData(0,a)}, +w.registerNodeType("math3d/rotation",s),s=function(){this.addInputs([["vec3","vec3"],["quat","quat"]]);this.addOutput("result","vec3");this.properties={vec:[0,0,1]}},s.title="Rot. Vec3",s.desc="rotate a point",s.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.vec);var b=this.getInputData(1);null==b?this.setOutputData(a):this.setOutputData(0,vec3.transformQuat(vec3.create(),a,b))},w.registerNodeType("math3d/rotate_vec3",s),s=function(){this.addInputs([["A","quat"], +["B","quat"]]);this.addOutput("A*B","quat");this._value=quat.create()},s.title="Mult. Quat",s.desc="rotate quaternion",s.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);null!=b&&(a=quat.multiply(this._value,a,b),this.setOutputData(0,a))}},w.registerNodeType("math3d/mult-quat",s),s=function(){this.addInputs([["A","quat"],["B","quat"],["factor","number"]]);this.addOutput("slerp","quat");this.addProperty("factor",0.5);this._value=quat.create()},s.title= +"Quat Slerp",s.desc="quaternion spherical interpolation",s.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);if(null!=b){var c=this.properties.factor;null!=this.getInputData(2)&&(c=this.getInputData(2));a=quat.slerp(this._value,a,b,c);this.setOutputData(0,a)}}},w.registerNodeType("math3d/quat-slerp",s))})(this); +(function(s){function e(){this.addInput("sel","boolean");this.addOutput("value","number");this.properties={A:0,B:1};this.size=[60,20]}s=s.LiteGraph;e.title="Selector";e.desc="outputs A if selector is true, B if selector is false";e.prototype.onExecute=function(){var e=this.getInputData(0);if(void 0!==e){for(var d=1;da&&(a=0);if(0!=d.length){var b=[0,0,0];if(0==a)b=d[0];else if(1==a)b=d[d.length-1];else{var c=(d.length-1)*a,a=d[Math.floor(c)],d=d[Math.floor(c)+1],c=c-Math.floor(c);b[0]=a[0]*(1-c)+d[0]*c;b[1]=a[1]*(1-c)+d[1]*c;b[2]=a[2]*(1-c)+d[2]*c}for(var e in b)b[e]/=255;this.boxcolor=colorToString(b);this.setOutputData(0,b)}};f.registerNodeType("color/palette",g);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,a){if("resize"==a.name&&this.frame){var b=this.frame.width,c=this.frame.height;b||null==this.frame.videoWidth||(b=this.frame.videoWidth,c=this.frame.videoHeight);b&&c&&(this.size=[b,c]);this.setDirtyCanvas(!0, +!0)}else"view"==a.name&&this.show()};d.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};f.registerNodeType("graphics/frame",d);q.title="Image fade";q.desc="Fades between images";q.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];q.prototype.onAdded=function(){this.createCanvas();var d=this.canvas.getContext("2d");d.fillStyle="#000";d.fillRect(0,0,this.properties.width,this.properties.height)};q.prototype.createCanvas= +function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};q.prototype.onExecute=function(){var d=this.canvas.getContext("2d");this.canvas.width=this.canvas.width;var a=this.getInputData(0);null!=a&&d.drawImage(a,0,0,this.canvas.width,this.canvas.height);a=this.getInputData(2);null==a?a=this.properties.fade:this.properties.fade=a;d.globalAlpha=a;a=this.getInputData(1);null!=a&&d.drawImage(a,0,0,this.canvas.width,this.canvas.height); +d.globalAlpha=1;this.setOutputData(0,this.canvas);this.setDirtyCanvas(!0)};f.registerNodeType("graphics/imagefade",q);k.title="Crop";k.desc="Crop Image";k.prototype.onAdded=function(){this.createCanvas()};k.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};k.prototype.onExecute=function(){var 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))};k.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])};k.prototype.onPropertyChanged=function(d,a){this.properties[d]=a;"scale"==d?(this.properties[d]=parseFloat(a),0==this.properties[d]&&(this.trace("Error in scale"),this.properties[d]=1)): +this.properties[d]=parseInt(a);this.createCanvas();return!0};f.registerNodeType("graphics/cropImage",k);t.title="Video";t.desc="Video playback";t.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"}];t.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)}};t.prototype.onStart=function(){this.play()};t.prototype.onStop=function(){this.stop()};t.prototype.loadVideo=function(d){this._video_url=d;this._video=document.createElement("video");this._video.src=d;this._video.type="type=video/mp4"; +this._video.muted=!0;this._video.autoplay=!0;var a=this;this._video.addEventListener("loadedmetadata",function(b){a.trace("Duration: "+this.duration+" seconds");a.trace("Size: "+this.videoWidth+","+this.videoHeight);a.setDirtyCanvas(!0);this.width=this.videoWidth;this.height=this.videoHeight});this._video.addEventListener("progress",function(a){});this._video.addEventListener("error",function(b){console.log("Error loading video: "+this.src);a.trace("Error loading video: "+this.src);if(this.error)switch(this.error.code){case this.error.MEDIA_ERR_ABORTED:a.trace("You stopped the video."); +break;case this.error.MEDIA_ERR_NETWORK:a.trace("Network error - please try again later.");break;case this.error.MEDIA_ERR_DECODE:a.trace("Video is broken..");break;case this.error.MEDIA_ERR_SRC_NOT_SUPPORTED:a.trace("Sorry, your browser can't play this video.")}});this._video.addEventListener("ended",function(b){a.trace("Ended.");this.play()})};t.prototype.onPropertyChanged=function(d,a){this.properties[d]=a;"url"==d&&""!=a&&this.loadVideo(a);return!0};t.prototype.play=function(){this._video&&this._video.play()}; +t.prototype.playPause=function(){this._video&&(this._video.paused?this.play():this.pause())};t.prototype.stop=function(){this._video&&(this._video.pause(),this._video.currentTime=0)};t.prototype.pause=function(){this._video&&(this.trace("Video paused"),this._video.pause())};t.prototype.onWidget=function(d,a){};f.registerNodeType("graphics/video",t);u.title="Webcam";u.desc="Webcam image";u.prototype.openStream=function(){function d(b){console.log("Webcam rejected",b);a._webcam_stream=!1;a.box_color= +"red"}navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;window.URL=window.URL||window.webkitURL;if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.getUserMedia({video:!0},this.streamReady.bind(this),d);var a=this}};u.prototype.onRemoved=function(){this._webcam_stream&&(this._webcam_stream.stop(),this._video=this._webcam_stream=null)};u.prototype.streamReady=function(d){this._webcam_stream=d;var a=this._video; +a||(a=document.createElement("video"),a.autoplay=!0,a.src=window.URL.createObjectURL(d),this._video=a,a.onloadedmetadata=function(a){console.log(a)})};u.prototype.onExecute=function(){null!=this._webcam_stream||this._waiting_confirmation||this.openStream();this._video&&this._video.videoWidth&&(this._video.width=this._video.videoWidth,this._video.height=this._video.videoHeight,this.setOutputData(0,this._video))};u.prototype.getExtraMenuOptions=function(d){var a=this;return[{content:a.properties.show? +"Hide Frame":"Show Frame",callback:function(){a.properties.show=!a.properties.show}}]};u.prototype.onDrawBackground=function(d){this.flags.collapsed||20>=this.size[1]||!this.properties.show||!this._video||(d.save(),d.drawImage(this._video,0,0,this.size[0],this.size[1]),d.restore())};f.registerNodeType("graphics/webcam",u)})(this); +(function(s){var e=s.LiteGraph;s.LGraphTexture=null;if("undefined"!=typeof GL){var g=function(){this.addOutput("Texture","Texture");this.properties={name:"",filter:!0};this.size=[g.image_preview_size,g.image_preview_size]};s.LGraphTexture=g;g.title="Texture";g.desc="Texture";g.widgets_info={name:{widget:"texture"},filter:{widget:"checkbox"}};g.loadTextureCallback=null;g.image_preview_size=256;g.PASS_THROUGH=1;g.COPY=2;g.LOW=3;g.HIGH=4;g.REUSE=5;g.DEFAULT=2;g.MODE_VALUES={"pass through":g.PASS_THROUGH, +copy:g.COPY,low:g.LOW,high:g.HIGH,reuse:g.REUSE,"default":g.DEFAULT};g.getTexturesContainer=function(){return gl.textures};g.loadTexture=function(a,b){b=b||{};var c=a;"http://"==c.substr(0,7)&&e.proxy&&(c=e.proxy+c.substr(7));return g.getTexturesContainer()[a]=GL.Texture.fromURL(c,b)};g.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};g.getTargetTexture=function(a,b,c){if(!a)throw"LGraphTexture.getTargetTexture expects a reference texture"; +var d=null;switch(c){case g.LOW:d=gl.UNSIGNED_BYTE;break;case g.HIGH:d=gl.HIGH_PRECISION_FORMAT;break;case g.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};g.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})};g.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),d=GL.Texture.fromURL(a));this._drop_texture=d;this.properties.name=b}else this._drop_texture=null,this.properties.name=""};g.prototype.getExtraMenuOptions=function(a){var b=this;if(this._drop_texture)return[{content:"Clear",callback:function(){b._drop_texture= +null;b.properties.name=""}}]};g.prototype.onExecute=function(){var a=null;this.isOutputConnected(1)&&(a=this.getInputData(0));!a&&this._drop_texture&&(a=this._drop_texture);!a&&this.properties.name&&(a=g.getTexture(this.properties.name));if(a){this._last_tex=a;!1===this.properties.filter?a.setParameter(gl.TEXTURE_MAG_FILTER,gl.NEAREST):a.setParameter(gl.TEXTURE_MAG_FILTER,gl.LINEAR);this.setOutputData(0,a);for(var b=1;b=this.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=g.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())}};g.generateLowResTexturePreview=function(a){if(!a)return null;var b=g.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};g.prototype.getResources=function(a){a[this.properties.name]=GL.Texture;return a};g.prototype.onGetInputs=function(){return[["in","Texture"]]};g.prototype.onGetOutputs=function(){return[["width","number"],["height","number"],["aspect","number"]]};e.registerNodeType("texture/texture",g);var d=function(){this.addInput("Texture","Texture");this.properties={flipY:!1};this.size=[g.image_preview_size, +g.image_preview_size]};d.title="Preview";d.desc="Show a texture in the graph canvas";d.allow_preview=!1;d.prototype.onDrawBackground=function(a){if(!this.flags.collapsed&&(a.webgl||d.allow_preview)){var b=this.getInputData(0);if(b){var c=null,c=!b.handle&&a.webgl?b:g.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()}}};e.registerNodeType("texture/preview",d);s=function(){this.addInput("Texture", +"Texture");this.addOutput("","Texture");this.properties={name:""}};s.title="Save";s.desc="Save a texture in the repository";s.prototype.onExecute=function(){var a=this.getInputData(0);a&&(this.properties.name&&(g.storeTexture?g.storeTexture(this.properties.name,a):g.getTexturesContainer()[this.properties.name]=a),this.setOutputData(0,a))};e.registerNodeType("texture/save",s);var q=function(){this.addInput("Texture","Texture");this.addInput("TextureB","Texture");this.addInput("value","number");this.addOutput("Texture", +"Texture");this.help="

pixelcode must be vec3

\t\t\t

uvcode must be vec2, is optional

\t\t\t

uv: tex. coords

color: texture

colorB: textureB

time: scene time

value: input value

";this.properties={value:1,uvcode:"",pixelcode:"color + colorB * value",precision:g.DEFAULT}};q.widgets_info={uvcode:{widget:"textarea",height:100},pixelcode:{widget:"textarea",height:100},precision:{widget:"combo", +values:g.MODE_VALUES}};q.title="Operation";q.desc="Texture shader operation";q.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:b.properties.show?"Hide Texture":"Show Texture",callback:function(){b.properties.show=!b.properties.show}}]};q.prototype.onDrawBackground=function(a){this.flags.collapsed||20>=this.size[1]||!this.properties.show||!this._tex||this._tex.gl!=a||(a.save(),a.drawImage(this._tex,0,0,this.size[0],this.size[1]),a.restore())};q.prototype.onExecute=function(){var a= +this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===g.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);this._tex=a||this._tex?g.getTargetTexture(a||this._tex,this._tex,this.properties.precision):new GL.Texture(c,d,{type:this.precision===g.LOW?gl.UNSIGNED_BYTE:gl.HIGH_PRECISION_FORMAT,format:gl.RGBA,filter:gl.LINEAR});var e="";this.properties.uvcode&& +(e="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(e=this.properties.uvcode));var f="";this.properties.pixelcode&&(f="result = "+this.properties.pixelcode,-1!=this.properties.pixelcode.indexOf(";")&&(f=this.properties.pixelcode));var h=this._shader;if(!h||this._shader_code!=e+"|"+f){try{this._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,q.pixel_shader,{UV_CODE:e,PIXEL_CODE:f}),this.boxcolor="#00FF00"}catch(l){console.log("Error compiling shader: ",l);this.boxcolor="#FF0000"; +return}this.boxcolor="#FF0000";this._shader_code=e+"|"+f;h=this._shader}if(h){this.boxcolor="green";var k=this.getInputData(2);null!=k?this.properties.value=k:k=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();h.uniforms({u_texture:0,u_textureB:1,value:k,texSize:[c,d],time:n}).draw(e)});this.setOutputData(0,this._tex)}else this.boxcolor= +"red"}}};q.pixel_shader="precision highp float;\n\t\t\t\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform vec2 texSize;\n\t\t\tuniform float time;\n\t\t\tuniform float value;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord;\n\t\t\t\tUV_CODE;\n\t\t\t\tvec4 color4 = texture2D(u_texture, uv);\n\t\t\t\tvec3 color = color4.rgb;\n\t\t\t\tvec4 color4B = texture2D(u_textureB, uv);\n\t\t\t\tvec3 colorB = color4B.rgb;\n\t\t\t\tvec3 result = color;\n\t\t\t\tfloat alpha = 1.0;\n\t\t\t\tPIXEL_CODE;\n\t\t\t\tgl_FragColor = vec4(result, alpha);\n\t\t\t}\n\t\t\t"; +e.registerNodeType("texture/operation",q);var k=function(){this.addOutput("Texture","Texture");this.properties={code:"",width:512,height:512};this.properties.code="\nvoid main() {\n vec2 uv = v_coord;\n vec3 color = vec3(0.0);\n//your code here\n\ngl_FragColor = vec4(color, 1.0);\n}\n"};k.title="Shader";k.desc="Texture shader";k.widgets_info={code:{type:"code"},precision:{widget:"combo",values:g.MODE_VALUES}};k.prototype.onPropertyChanged=function(a,b){if("code"==a){var c=this.getShader();if(c){var d= +c.uniformInfo;if(this.inputs)for(var e={},f=0;f lumaMax))\n\t\t\t\t\tcolor = vec4(rgbA, 1.0);\n\t\t\t\telse\n\t\t\t\t\tcolor = vec4(rgbB, 1.0);\n\t\t\t\tif(u_igamma != 1.0)\n\t\t\t\t\tcolor.xyz = pow( color.xyz, vec3(u_igamma) );\n\t\t\t\treturn color;\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = applyFXAA( u_texture, v_coord * uViewportSize) ;\n\t\t\t}\n\t\t\t"; +f.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";e.registerNodeType("texture/toviewport",f);s=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={size:0,generate_mipmaps:!1, +precision:g.DEFAULT}};s.title="Copy";s.desc="Copy Texture";s.widgets_info={size:{widget:"combo",values:[0,32,64,128,256,512,1024,2048]},precision:{widget:"combo",values:g.MODE_VALUES}};s.prototype.onExecute=function(){var a=this.getInputData(0);if((a||this._temp_texture)&&this.isOutputConnected(0)){if(a){var b=a.width,c=a.height;0!=this.properties.size&&(c=b=this.properties.size);var d=this._temp_texture,e=a.type;this.properties.precision===g.LOW?e=gl.UNSIGNED_BYTE:this.properties.precision===g.HIGH&& +(e=gl.HIGH_PRECISION_FORMAT);d&&d.width==b&&d.height==c&&d.type==e||(d=gl.LINEAR,this.properties.generate_mipmaps&&isPowerOfTwo(b)&&isPowerOfTwo(c)&&(d=gl.LINEAR_MIPMAP_LINEAR),this._temp_texture=new GL.Texture(b,c,{type:e,format:gl.RGBA,minFilter:d,magFilter:gl.LINEAR}));a.copyTo(this._temp_texture);this.properties.generate_mipmaps&&(this._temp_texture.bind(0),gl.generateMipmap(this._temp_texture.texture_type),this._temp_texture.unbind(0))}this.setOutputData(0,this._temp_texture)}};e.registerNodeType("texture/copy", +s);var n=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={iterations:1,generate_mipmaps:!1,precision:g.DEFAULT}};n.title="Downsample";n.desc="Downsample Texture";n.widgets_info={iterations:{type:"number",step:1,precision:0,min:1},precision:{widget:"combo",values:g.MODE_VALUES}};n.prototype.onExecute=function(){var a=this.getInputData(0);if((a||this._temp_texture)&&this.isOutputConnected(0)&&a&&a.texture_type===GL.TEXTURE_2D){var b=n._shader;b||(n._shader= +b=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,n.pixel_shader));var c=a.width|0,d=a.height|0,e=a.type;this.properties.precision===g.LOW?e=gl.UNSIGNED_BYTE:this.properties.precision===g.HIGH&&(e=gl.HIGH_PRECISION_FORMAT);var f=this.properties.iterations||1,h=a,l=null,k=[],a={type:e,format:a.format},e=vec2.create(),t={u_offset:e};this._texture&&GL.Texture.releaseTemporary(this._texture);for(var p=0;p>1||0;d=d>>1||0;l=GL.Texture.getTemporary(c,d,a);k.push(l);h.setParameter(GL.TEXTURE_MAG_FILTER, +GL.NEAREST);h.copyTo(l,b,t);if(1==c&&1==d)break;h=l}this._texture=k.pop();for(p=0;pd;++d)c[d]=Math.random();a._shader.uniforms({u_samples_a:c.subarray(0,16),u_samples_b:c.subarray(16,32)})}c=this._temp_texture;d=this.properties.low_precision?gl.UNSIGNED_BYTE:b.type;c&&c.type==d||(this._temp_texture=new GL.Texture(1,1,{type:d,format:gl.RGBA,filter:gl.NEAREST}));var e=a._shader,f=this._uniforms;f.u_mipmap_offset=this.properties.mipmap_offset;this._temp_texture.drawTo(function(){b.toViewport(e,f)});this.setOutputData(0,this._temp_texture)}}; +a.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tuniform mat4 u_samples_a;\n\t\t\tuniform mat4 u_samples_b;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_mipmap_offset;\n\t\t\tvarying vec2 v_coord;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = vec4(0.0);\n\t\t\t\tfor(int i = 0; i < 4; ++i)\n\t\t\t\t\tfor(int j = 0; j < 4; ++j)\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( u_samples_a[i][j], u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], 1.0 - u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\t}\n\t\t\t gl_FragColor = color * 0.03125;\n\t\t\t}\n\t\t\t"; +e.registerNodeType("texture/average",a);s=function(){this.addInput("Image","image");this.addOutput("","Texture");this.properties={}};s.title="Image to Texture";s.desc="Uploads an image to the GPU";s.prototype.onExecute=function(){var a=this.getInputData(0);if(a){var b=a.videoWidth||a.width,c=a.videoHeight||a.height;if(a.gltexture)this.setOutputData(0,a.gltexture);else{var d=this._temp_texture;d&&d.width==b&&d.height==c||(this._temp_texture=new GL.Texture(b,c,{format:gl.RGBA,filter:gl.LINEAR}));try{this._temp_texture.uploadImage(a)}catch(e){console.error("image comes from an unsafe location, cannot be uploaded to webgl"); +return}this.setOutputData(0,this._temp_texture)}}};e.registerNodeType("texture/imageToTexture",s);var b=function(){this.addInput("Texture","Texture");this.addInput("LUT","Texture");this.addInput("Intensity","number");this.addOutput("","Texture");this.properties={intensity:1,precision:g.DEFAULT,texture:null};b._shader||(b._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,b.pixel_shader))};b.widgets_info={precision:{widget:"combo",values:g.MODE_VALUES}};b.title="LUT";b.desc="Apply LUT to Texture";b.widgets_info= +{texture:{widget:"texture"}};b.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===g.PASS_THROUGH)this.setOutputData(0,a);else if(a){var c=this.getInputData(1);c||(c=g.getTexture(this.properties.texture));if(c){c.bind(0);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.LINEAR);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE);gl.bindTexture(gl.TEXTURE_2D, +null);var d=this.properties.intensity;this.isInputConnected(2)&&(this.properties.intensity=d=this.getInputData(2));this._tex=g.getTargetTexture(a,this._tex,this.properties.precision);this._tex.drawTo(function(){c.bind(1);a.toViewport(b._shader,{u_texture:0,u_textureB:1,u_amount:d})});this.setOutputData(0,this._tex)}else this.setOutputData(0,a)}}};b.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform float u_amount;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\t lowp vec4 textureColor = clamp( texture2D(u_texture, v_coord), vec4(0.0), vec4(1.0) );\n\t\t\t\t mediump float blueColor = textureColor.b * 63.0;\n\t\t\t\t mediump vec2 quad1;\n\t\t\t\t quad1.y = floor(floor(blueColor) / 8.0);\n\t\t\t\t quad1.x = floor(blueColor) - (quad1.y * 8.0);\n\t\t\t\t mediump vec2 quad2;\n\t\t\t\t quad2.y = floor(ceil(blueColor) / 8.0);\n\t\t\t\t quad2.x = ceil(blueColor) - (quad2.y * 8.0);\n\t\t\t\t highp vec2 texPos1;\n\t\t\t\t texPos1.x = (quad1.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t\t texPos1.y = 1.0 - ((quad1.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t\t highp vec2 texPos2;\n\t\t\t\t texPos2.x = (quad2.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t\t texPos2.y = 1.0 - ((quad2.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t\t lowp vec4 newColor1 = texture2D(u_textureB, texPos1);\n\t\t\t\t lowp vec4 newColor2 = texture2D(u_textureB, texPos2);\n\t\t\t\t lowp vec4 newColor = mix(newColor1, newColor2, fract(blueColor));\n\t\t\t\t gl_FragColor = vec4( mix( textureColor.rgb, newColor.rgb, u_amount), textureColor.w);\n\t\t\t}\n\t\t\t"; +e.registerNodeType("texture/LUT",b);var c=function(){this.addInput("Texture","Texture");this.addOutput("R","Texture");this.addOutput("G","Texture");this.addOutput("B","Texture");this.addOutput("A","Texture");this.properties={};c._shader||(c._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,c.pixel_shader))};c.title="Texture to Channels";c.desc="Split texture channels";c.prototype.onExecute=function(){var a=this.getInputData(0);if(a){this._channels||(this._channels=Array(4));for(var b=0,d=0;4>d;d++)this.isOutputConnected(d)? +(this._channels[d]&&this._channels[d].width==a.width&&this._channels[d].height==a.height&&this._channels[d].type==a.type||(this._channels[d]=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR})),b++):this._channels[d]=null;if(b){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);for(var e=Mesh.getScreenQuad(),f=c._shader,g=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]],d=0;4>d;d++)this._channels[d]&&(this._channels[d].drawTo(function(){a.bind(0);f.uniforms({u_texture:0,u_mask:g[d]}).draw(e)}), +this.setOutputData(d,this._channels[d]))}}};c.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec4 u_mask;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = vec4( vec3( length( texture2D(u_texture, v_coord) * u_mask )), 1.0 );\n\t\t\t}\n\t\t\t";e.registerNodeType("texture/textureChannels",c);var h=function(){this.addInput("R","Texture");this.addInput("G","Texture");this.addInput("B","Texture");this.addInput("A", +"Texture");this.addOutput("Texture","Texture");this.properties={};h._shader||(h._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,h.pixel_shader))};h.title="Channels to Texture";h.desc="Split texture channels";h.prototype.onExecute=function(){var a=[this.getInputData(0),this.getInputData(1),this.getInputData(2),this.getInputData(3)];if(a[0]&&a[1]&&a[2]&&a[3]){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var b=Mesh.getScreenQuad(),c=h._shader;this._tex=g.getTargetTexture(a[0],this._tex);this._tex.drawTo(function(){a[0].bind(0); +a[1].bind(1);a[2].bind(2);a[3].bind(3);c.uniforms({u_textureR:0,u_textureG:1,u_textureB:2,u_textureA:3}).draw(b)});this.setOutputData(0,this._tex)}};h.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_textureR;\n\t\t\tuniform sampler2D u_textureG;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform sampler2D u_textureA;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = vec4( \t\t\t\t\t\ttexture2D(u_textureR, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureG, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureB, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureA, v_coord).r);\n\t\t\t}\n\t\t\t"; +e.registerNodeType("texture/channelsTexture",h);var p=function(){this.addInput("A","color");this.addInput("B","color");this.addOutput("Texture","Texture");this.properties={angle:0,scale:1,A:[0,0,0],B:[1,1,1],texture_size:32};p._shader||(p._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,p.pixel_shader));this._uniforms={u_angle:0,u_colorA:vec3.create(),u_colorB:vec3.create()}};p.title="Gradient";p.desc="Generates a gradient";p["@A"]={type:"color"};p["@B"]={type:"color"};p["@texture_size"]={type:"enum", +values:[32,64,128,256,512]};p.prototype.onExecute=function(){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var a=GL.Mesh.getScreenQuad(),b=p._shader,c=this.getInputData(0);c||(c=this.properties.A);var d=this.getInputData(1);d||(d=this.properties.B);for(var e=2;e=this.size[1]|| +!this._video||(a.save(),a.webgl?this._temp_texture&&a.drawImage(this._temp_texture,0,0,this.size[0],this.size[1]):(a.translate(0,this.size[1]),a.scale(1,-1),a.drawImage(this._video,0,0,this.size[0],this.size[1])),a.restore())};s.prototype.onExecute=function(){null!=this._webcam_stream||this._waiting_confirmation||this.openStream();if(this._video&&this._video.videoWidth){var a=this._video.videoWidth,b=this._video.videoHeight,c=this._temp_texture;c&&c.width==a&&c.height==b||(this._temp_texture=new GL.Texture(a, +b,{format:gl.RGB,filter:gl.LINEAR}));this._temp_texture.uploadImage(this._video);this.properties.texture_name&&(g.getTexturesContainer()[this.properties.texture_name]=this._temp_texture);this.setOutputData(0,this._temp_texture)}};e.registerNodeType("texture/webcam",s);var z=function(){this.addInput("in","Texture");this.addOutput("out","Texture");this.properties={key_color:vec3.fromValues(0,1,0),threshold:0.8,slope:0.2,precision:g.DEFAULT};z._shader||(z._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER, +z.pixel_shader))};z.title="Matte";z.desc="Extracts background";z.widgets_info={key_color:{widget:"color"},precision:{widget:"combo",values:g.MODE_VALUES}};z.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===g.PASS_THROUGH)this.setOutputData(0,a);else if(a){this._tex=g.getTargetTexture(a,this._tex,this.properties.precision);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);this._uniforms||(this._uniforms={u_texture:0,u_key_color:this.properties.key_color, +u_threshold:1,u_slope:1});var b=this._uniforms,c=Mesh.getScreenQuad(),d=z._shader;b.u_key_color=this.properties.key_color;b.u_threshold=this.properties.threshold;b.u_slope=this.properties.slope;this._tex.drawTo(function(){a.bind(0);d.uniforms(b).draw(c)});this.setOutputData(0,this._tex)}}};z.pixel_shader="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec3 u_key_color;\n\t\t\tuniform float u_threshold;\n\t\t\tuniform float u_slope;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec3 color = texture2D( u_texture, v_coord ).xyz;\n\t\t\t\tfloat diff = length( normalize(color) - normalize(u_key_color) );\n\t\t\t\tfloat edge = u_threshold * (1.0 - u_slope);\n\t\t\t\tfloat alpha = smoothstep( edge, u_threshold, diff);\n\t\t\t\tgl_FragColor = vec4( color, alpha );\n\t\t\t}"; +e.registerNodeType("texture/matte",z);s=function(){this.addOutput("Cubemap","Cubemap");this.properties={name:""};this.size=[g.image_preview_size,g.image_preview_size]};s.title="Cubemap";s.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="")};s.prototype.onExecute=function(){if(this._drop_texture)this.setOutputData(0,this._drop_texture);else if(this.properties.name){var a= +g.getTexture(this.properties.name);a&&(this._last_tex=a,this.setOutputData(0,a))}};s.prototype.onDrawBackground=function(a){this.flags.collapsed||20>=this.size[1]||a.webgl&&(gl.meshes.cube||(gl.meshes.cube=GL.Mesh.cube({size:1})))};e.registerNodeType("texture/cubemap",s)}})(this); +(function(s){var e=s.LiteGraph;if("undefined"!=typeof GL){var g=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};g._shader||(g._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,g.pixel_shader),g._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]}))};g.title="Lens";g.desc="Camera Lens distortion";g.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};g.prototype.onExecute=function(){var d=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else if(d){this._tex=LGraphTexture.getTargetTexture(d,this._tex,this.properties.precision);var e=this.properties.aberration;this.isInputConnected(1)&&(e=this.getInputData(1), +this.properties.aberration=e);var f=this.properties.distortion;this.isInputConnected(2)&&(f=this.getInputData(2),this.properties.distortion=f);var k=this.properties.blur;this.isInputConnected(3)&&(k=this.getInputData(3),this.properties.blur=k);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var a=Mesh.getScreenQuad(),b=g._shader;this._tex.drawTo(function(){d.bind(0);b.uniforms({u_texture:0,u_aberration:e,u_distortion:f,u_blur:k}).draw(a)});this.setOutputData(0,this._tex)}};g.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_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"; +e.registerNodeType("fx/lens",g);window.LGraphFXLens=g;var d=function(){this.addInput("Texture","Texture");this.addInput("Blurred","Texture");this.addInput("Mask","Texture");this.addInput("Threshold","number");this.addOutput("Texture","Texture");this.properties={shape:"",size:10,alpha:1,threshold:1,high_precision:!1}};d.title="Bokeh";d.desc="applies an Bokeh effect";d.widgets_info={shape:{widget:"texture"}};d.prototype.onExecute=function(){var e=this.getInputData(0),g=this.getInputData(1),f=this.getInputData(2); +if(e&&f&&this.properties.shape){g||(g=e);var k=LGraphTexture.getTexture(this.properties.shape);if(k){var a=this.properties.threshold;this.isInputConnected(3)&&(a=this.getInputData(3),this.properties.threshold=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==e.width&&this._temp_texture.height==e.height||(this._temp_texture=new GL.Texture(e.width,e.height,{type:b,format:gl.RGBA, +filter:gl.LINEAR}));var c=d._first_shader;c||(c=d._first_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,d._first_pixel_shader));var h=d._second_shader;h||(h=d._second_shader=new GL.Shader(d._second_vertex_shader,d._second_pixel_shader));var p=this._points_mesh;p&&p._width==e.width&&p._height==e.height&&2==p._spacing||(p=this.createPointsMesh(e.width,e.height,2));var q=Mesh.getScreenQuad(),r=this.properties.size,l=this.properties.alpha;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){e.bind(0); +g.bind(1);f.bind(2);c.uniforms({u_texture:0,u_texture_blur:1,u_mask:2,u_texsize:[e.width,e.height]}).draw(q)});this._temp_texture.drawTo(function(){gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);e.bind(0);k.bind(3);h.uniforms({u_texture:0,u_mask:2,u_shape:3,u_alpha:l,u_threshold:a,u_pointSize:r,u_itexsize:[1/e.width,1/e.height]}).draw(p,gl.POINTS)});this.setOutputData(0,this._temp_texture)}}else this.setOutputData(0,e)};d.prototype.createPointsMesh=function(d,e,f){for(var g=Math.round(d/f),a=Math.round(e/ +f),b=new Float32Array(g*a*2),c=-1,h=2/d*f,k=2/e*f,q=0;q=e.NOTEON||b<=e.NOTEOFF)this.channel=a&15};Object.defineProperty(e.prototype,"velocity",{get:function(){return this.cmd==e.NOTEON?this.data[2]: +-1},set:function(a){this.data[2]=a},enumerable:!0});e.notes="A A# B C C# D D# E F F# G G#".split(" ");e.prototype.getPitch=function(){return 440*Math.pow(2,(this.data[1]-69)/12)};e.computePitch=function(a){return 440*Math.pow(2,(a-69)/12)};e.prototype.getCC=function(){return this.data[1]};e.prototype.getCCValue=function(){return this.data[2]};e.prototype.getPitchBend=function(){return this.data[1]+(this.data[2]<<7)-8192};e.computePitchBend=function(a,b){return a+(b<<7)-8192};e.prototype.setCommandFromString= +function(a){this.cmd=e.computeCommandFromString(a)};e.computeCommandFromString=function(a){if(!a)return 0;if(a&&a.constructor===Number)return a;a=a.toUpperCase();switch(a){case "NOTE ON":case "NOTEON":return e.NOTEON;case "NOTE OFF":case "NOTEOFF":return e.NOTEON;case "KEY PRESSURE":case "KEYPRESSURE":return e.KEYPRESSURE;case "CONTROLLER CHANGE":case "CONTROLLERCHANGE":case "CC":return e.CONTROLLERCHANGE;case "PROGRAM CHANGE":case "PROGRAMCHANGE":case "PC":return e.PROGRAMCHANGE;case "CHANNEL PRESSURE":case "CHANNELPRESSURE":return e.CHANNELPRESSURE; +case "PITCH BEND":case "PITCHBEND":return e.PITCHBEND;case "TIME TICK":case "TIMETICK":return e.TIMETICK;default:return Number(a)}};e.toNoteString=function(a){var b;b=(a-21)%12;0>b&&(b=12+b);return e.notes[b]+Math.floor((a-24)/12+1)};e.prototype.toString=function(){var a=""+this.channel+". ";switch(this.cmd){case e.NOTEON:a+="NOTEON "+e.toNoteString(this.data[1]);break;case e.NOTEOFF:a+="NOTEOFF "+e.toNoteString(this.data[1]);break;case e.CONTROLLERCHANGE:a+="CC "+this.data[1]+" "+this.data[2];break; +case e.PROGRAMCHANGE:a+="PC "+this.data[1];break;case e.PITCHBEND:a+="PITCHBEND "+this.getPitchBend();break;case e.KEYPRESSURE:a+="KEYPRESS "+this.data[1]}return a};e.prototype.toHexString=function(){for(var a="",b=0;bthis.properties.max_value||this.trigger("on_midi",b)};n.registerNodeType("midi/filter",t);u.title="MIDIEvent";u.desc="Create a MIDI Event";u.prototype.onAction=function(a,b){"assign"==a?(this.properties.channel=b.channel,this.properties.cmd=b.cmd,this.properties.value1= +b.data[1],this.properties.value2=b.data[2]):(b=new e,b.channel=this.properties.channel,this.properties.cmd&&this.properties.cmd.constructor===String?b.setCommandFromString(this.properties.cmd):b.cmd=this.properties.cmd,b.data[0]=b.cmd|b.channel,b.data[1]=Number(this.properties.value1),b.data[2]=Number(this.properties.value2),this.trigger("on_midi",b))};u.prototype.onExecute=function(){var a=this.properties;if(this.outputs)for(var b=0;b=this.size[0]&&(e=this.size[0]-1),a.strokeStyle="red",a.beginPath(),a.moveTo(e,d),a.lineTo(e,0),a.stroke())}};b.title="Visualization";b.desc="Audio Visualization";v.registerNodeType("audio/visualization", +b);c.prototype.onExecute=function(){if(this._freqs=this.getInputData(0)){var a=this.properties.band,b=this.getInputData(1);void 0!==b&&(a=b);b=r.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)}};c.prototype.onGetInputs=function(){return[["band","number"]]};c.title="Signal";c.desc="extract the signal of some frequency";v.registerNodeType("audio/signal", +c);h.prototype.onAdded=function(a){a.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback)};h["@code"]={widget:"code"};h.prototype.onStart=function(){this.audionode.onaudioprocess=this._callback};h.prototype.onStop=function(){this.audionode.onaudioprocess=h._bypass_function};h.prototype.onPause=function(){this.audionode.onaudioprocess=h._bypass_function};h.prototype.onUnpause=function(){this.audionode.onaudioprocess=this._callback};h.prototype.onExecute=function(){};h.prototype.onRemoved= +function(){this.audionode.onaudioprocess=h._bypass_function};h.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=h._bypass_function,this.audionode.onaudioprocess=this._callback}};h.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))};h.default_function=function(){this.onaudioprocess=function(a){var b=a.inputBuffer;a=a.outputBuffer;for(var c=0;c