diff --git a/build/litegraph.js b/build/litegraph.js index 90fa7e490..17d309e6a 100644 --- a/build/litegraph.js +++ b/build/litegraph.js @@ -14,7 +14,7 @@ target_id: number, target_slot: number, data: * -}; +}; //it can contain color to colorize this particular link */ /** @@ -1506,7 +1506,7 @@ LGraph.prototype.setCallback = function(name,func) } -LGraph.prototype.connectionChange = function( node ) +LGraph.prototype.connectionChange = function( node, link_info ) { this.updateExecutionOrder(); if( this.onConnectionChange ) @@ -1534,6 +1534,23 @@ LGraph.prototype.isLive = function() return false; } +/** +* clears the triggered slot animation in all links +* @method clearTriggeredSlots +*/ +LGraph.prototype.clearTriggeredSlots = function() +{ + for(var i in this.links) + { + var link_info = this.links[k]; + if( !link_info ) + continue; + if( link_info._last_time ) + link_info._last_time = 0; + } +} + + /* Called when something visually changed (not the graph!) */ LGraph.prototype.change = function() { @@ -1726,8 +1743,11 @@ LGraph.prototype.onNodeTrace = function(node, msg, color) + onPropertyChanged: when a property is changed in the panel (return true to skip default behaviour) + onGetInputs: returns an array of possible inputs + onGetOutputs: returns an array of possible outputs - + onDblClick - + onSerialize + + onBounding: in case this node has a bigger bounding than the node itself (the callback receives the bounding as [x,y,w,h]) + + onDblClick: double clicked in the node + + onInputDblClick: input slot double clicked (can be used to automatically create a node connected) + + onOutputDblClick: output slot double clicked (can be used to automatically create a node connected) + + onSerialize: to add extra info when serializing (the callback receives the object that should be filled with the data) + onSelected + onDeselected + onDropItem : DOM item dropped over the node @@ -2331,6 +2351,38 @@ LGraphNode.prototype.triggerSlot = function( slot, param, link_id ) } } +/** +* clears the trigger slot animation +* @method clearTriggeredSlot +* @param {Number} slot the index of the output slot +* @param {Number} link_id [optional] in case you want to trigger and specific output link in a slot +*/ +LGraphNode.prototype.clearTriggeredSlot = function( slot, link_id ) +{ + if( !this.outputs ) + return; + + var output = this.outputs[ slot ]; + if( !output ) + return; + + var links = output.links; + if(!links || !links.length) + return; + + //for every link attached here + for(var k = 0; k < links.length; ++k) + { + var id = links[k]; + if( link_id != null && link_id != id ) //to skip links + continue; + var link_info = this.graph.links[ links[k] ]; + if(!link_info) //not connected + continue; + link_info._last_time = 0; + } +} + /** * add a new property to this node * @method addProperty @@ -2634,6 +2686,9 @@ LGraphNode.prototype.getBounding = function( out ) out[1] = this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT; out[2] = this.size[0] + 4; out[3] = this.size[1] + LiteGraph.NODE_TITLE_HEIGHT; + + if( this.onBounding ) + this.onBounding( out ); return out; } @@ -2673,11 +2728,12 @@ LGraphNode.prototype.isPointInside = function( x, y, margin, skip_title ) LGraphNode.prototype.getSlotInPosition = function( x, y ) { //search for inputs + var link_pos = new Float32Array(2); if(this.inputs) for(var i = 0, l = this.inputs.length; i < l; ++i) { var input = this.inputs[i]; - var link_pos = this.getConnectionPos( true,i ); + this.getConnectionPos( true,i, link_pos ); if( isInsideRectangle(x, y, link_pos[0] - 10, link_pos[1] - 5, 20,10) ) return { input: input, slot: i, link_pos: link_pos, locked: input.locked }; } @@ -2686,7 +2742,7 @@ LGraphNode.prototype.getSlotInPosition = function( x, y ) for(var i = 0, l = this.outputs.length; i < l; ++i) { var output = this.outputs[i]; - var link_pos = this.getConnectionPos(false,i); + this.getConnectionPos(false,i,link_pos); if( isInsideRectangle(x, y, link_pos[0] - 10, link_pos[1] - 5, 20,10) ) return { output: output, slot: i, link_pos: link_pos, locked: output.locked }; } @@ -2731,7 +2787,7 @@ LGraphNode.prototype.findOutputSlot = function(name) * @param {number_or_string} slot (could be the number of the slot or the string with the name of the slot) * @param {LGraphNode} node the target node * @param {number_or_string} target_slot the input slot of the target node (could be the number of the slot or the string with the name of the slot, or -1 to connect a trigger) -* @return {boolean} if it was connected succesfully +* @return {Object} the link_info is created, otherwise null */ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) { @@ -2740,7 +2796,7 @@ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) if(!this.graph) //could be connected before adding it to a graph { console.log("Connect: Error, node doesnt belong to any graph. Nodes must be added first to a graph before connecting them."); //due to link ids being associated with graphs - return false; + return null; } @@ -2752,14 +2808,14 @@ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) { if(LiteGraph.debug) console.log("Connect: Error, no slot of name " + slot); - return false; + return null; } } else if(!this.outputs || slot >= this.outputs.length) { if(LiteGraph.debug) console.log("Connect: Error, slot number not found"); - return false; + return null; } if(target_node && target_node.constructor === Number) @@ -2769,7 +2825,7 @@ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) //avoid loopback if(target_node == this) - return false; + return null; //you can specify the slot by name if(target_slot.constructor === String) @@ -2779,7 +2835,7 @@ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) { if(LiteGraph.debug) console.log("Connect: Error, no slot of name " + target_slot); - return false; + return null; } } else if( target_slot === LiteGraph.EVENT ) @@ -2791,13 +2847,13 @@ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) target_slot = target_node.inputs.length - 1; //last one is the one created target_node.mode = LiteGraph.ON_TRIGGER; */ - return false; + return null; } else if( !target_node.inputs || target_slot >= target_node.inputs.length ) { if(LiteGraph.debug) console.log("Connect: Error, slot number not found"); - return false; + return null; } //if there is something already plugged there, disconnect @@ -2813,13 +2869,14 @@ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) //allows nodes to block connection if(target_node.onConnectInput) if( target_node.onConnectInput( target_slot, output.type, output ) === false) - return false; + return null; var input = target_node.inputs[target_slot]; + var link_info = null; if( LiteGraph.isValidConnection( output.type, input.type ) ) { - var link_info = { + link_info = { id: this.graph.last_link_id++, type: input.type, origin_id: this.id, @@ -2851,9 +2908,9 @@ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) } this.setDirtyCanvas(false,true); - this.graph.connectionChange( this ); + this.graph.connectionChange( this, link_info ); - return true; + return link_info; } /** @@ -3043,41 +3100,79 @@ LGraphNode.prototype.disconnectInput = function( slot ) * @method getConnectionPos * @param {boolean} is_input true if if a input slot, false if it is an output * @param {number_or_string} slot (could be the number of the slot or the string with the name of the slot) +* @param {vec2} out [optional] a place to store the output, to free garbage * @return {[x,y]} the position **/ -LGraphNode.prototype.getConnectionPos = function( is_input, slot_number ) +LGraphNode.prototype.getConnectionPos = function( is_input, slot_number, out ) { + out = out || new Float32Array(2); + var num_slots = 0; + if( is_input && this.inputs ) + num_slots = this.inputs.length; + if( !is_input && this.outputs ) + num_slots = this.outputs.length; + if(this.flags.collapsed) { - if(is_input) - return [this.pos[0], this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT * 0.5]; + var w = (this._collapsed_width || LiteGraph.NODE_COLLAPSED_WIDTH); + if( this.flags.horizontal ) + { + out[0] = this.pos[0] + w * 0.5; + if(is_input) + out[1] = this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT; + else + out[1] = this.pos[1]; + } else - return [this.pos[0] + (this._collapsed_width || LiteGraph.NODE_COLLAPSED_WIDTH), this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT * 0.5]; + { + if(is_input) + out[0] = this.pos[0]; + else + out[0] = this.pos[0] + w; + out[1] = this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT * 0.5; + } + return out; } if(is_input && slot_number == -1) { - return [this.pos[0] + 10, this.pos[1] + 10]; + out[0] = this.pos[0] + 10; + out[1] = this.pos[1] + 10; + return out; } //hardcoded pos - if(is_input && this.inputs && this.inputs.length > slot_number && this.inputs[slot_number].pos) - return [this.pos[0] + this.inputs[slot_number].pos[0],this.pos[1] + this.inputs[slot_number].pos[1]]; - else if(!is_input && this.outputs && this.outputs.length > slot_number && this.outputs[slot_number].pos) - return [this.pos[0] + this.outputs[slot_number].pos[0],this.pos[1] + this.outputs[slot_number].pos[1]]; + if(is_input && num_slots > slot_number && this.inputs[ slot_number ].pos) + { + out[0] = this.pos[0] + this.inputs[slot_number].pos[0]; + out[1] = this.pos[1] + this.inputs[slot_number].pos[1]; + return out; + } + else if(!is_input && num_slots > slot_number && this.outputs[ slot_number ].pos) + { + out[0] = this.pos[0] + this.outputs[slot_number].pos[0]; + out[1] = this.pos[1] + this.outputs[slot_number].pos[1]; + return out; + } //horizontal distributed slots if(this.flags.horizontal) { + out[0] = this.pos[0] + (slot_number + 0.5) * (this.size[0] / num_slots); if(is_input) - return [this.pos[0] + (slot_number + 0.5) * (this.size[0] / (this.inputs.length)), this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT ]; - return [this.pos[0] + (slot_number + 0.5) * (this.size[0] / (this.outputs.length)), this.pos[1] + this.size[1] ]; + out[1] = this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT; + else + out[1] = this.pos[1] + this.size[1]; + return out; } //default if(is_input) - return [this.pos[0] , this.pos[1] + 10 + slot_number * LiteGraph.NODE_SLOT_HEIGHT + (this.constructor.slot_start_y || 0) ]; - return [this.pos[0] + this.size[0] + 1, this.pos[1] + 10 + slot_number * LiteGraph.NODE_SLOT_HEIGHT + (this.constructor.slot_start_y || 0)]; + out[0] = this.pos[0]; + else + out[0] = this.pos[0] + this.size[0] + 1; + out[1] = this.pos[1] + 10 + slot_number * LiteGraph.NODE_SLOT_HEIGHT + (this.constructor.slot_start_y || 0); + return out; } /* Force align to grid */ @@ -3941,7 +4036,7 @@ LGraphCanvas.prototype.processMouseDown = function(e) this.connecting_node = this.graph._nodes_by_id[ link_info.origin_id ]; this.connecting_slot = link_info.origin_slot; this.connecting_output = this.connecting_node.outputs[ this.connecting_slot ]; - this.connecting_pos = this.connecting_node.getConnectionPos( false, this.connecting_slot); + this.connecting_pos = this.connecting_node.getConnectionPos( false, this.connecting_slot ); } this.dirty_bgcanvas = true; @@ -4463,7 +4558,7 @@ LGraphCanvas.prototype.isOverNodeInput = function(node, canvasx, canvasy, slot_p for(var i = 0, l = node.inputs.length; i < l; ++i) { var input = node.inputs[i]; - var link_pos = node.getConnectionPos(true,i); + var link_pos = node.getConnectionPos( true, i ); if( isInsideRectangle(canvasx, canvasy, link_pos[0] - 10, link_pos[1] - 5, 20,10) ) { if(slot_pos) @@ -5151,12 +5246,14 @@ LGraphCanvas.prototype.drawFrontCanvas = function() { ctx.lineWidth = this.connections_width; var link_color = null; + switch( this.connecting_output.type ) { case LiteGraph.EVENT: link_color = LiteGraph.EVENT_LINK_COLOR; break; default: link_color = LiteGraph.CONNECTING_LINK_COLOR; } + //the connection being dragged by the mouse this.renderLink( ctx, this.connecting_pos, [ this.canvas_mouse[0], this.canvas_mouse[1] ], null, false, null, link_color, this.connecting_output.dir || (this.connecting_node.flags.horizontal ? LiteGraph.DOWN : LiteGraph.RIGHT), LiteGraph.CENTER ); @@ -5462,6 +5559,7 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) ctx.lineWidth = 1; var max_y = 0; + var slot_pos = new Float32Array(2); //to reuse //render inputs and outputs if(!node.flags.collapsed) @@ -5479,7 +5577,7 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) ctx.fillStyle = slot.link != null ? (slot.color_on || this.default_connection_color.input_on) : (slot.color_off || this.default_connection_color.input_off); - var pos = node.getConnectionPos( true, i ); + var pos = node.getConnectionPos( true, i, slot_pos ); pos[0] -= node.pos[0]; pos[1] -= node.pos[1]; if( max_y < pos[1] + LiteGraph.NODE_SLOT_HEIGHT*0.5 ) @@ -5526,7 +5624,7 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) { var slot = node.outputs[i]; - var pos = node.getConnectionPos(false,i); + var pos = node.getConnectionPos(false,i, slot_pos ); pos[0] -= node.pos[0]; pos[1] -= node.pos[1]; if( max_y < pos[1] + LiteGraph.NODE_SLOT_HEIGHT*0.5) @@ -5586,6 +5684,10 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) } else //if collapsed { + var input_slot = null; + var output_slot = null; + + //get first connected slot to render if(node.inputs) { for(var i = 0; i < node.inputs.length; i++) @@ -5593,23 +5695,10 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) var slot = node.inputs[i]; if( slot.link == null ) continue; - ctx.fillStyle = slot.color_on || this.default_connection_color.input_on; - ctx.beginPath(); - if ( slot.type === LiteGraph.EVENT || slot.shape === LiteGraph.BOX_SHAPE) { - ctx.rect(0.5, 4 - LiteGraph.NODE_TITLE_HEIGHT + 0.5,14,LiteGraph.NODE_TITLE_HEIGHT - 8); - } else if (slot.shape === LiteGraph.ARROW_SHAPE) { - ctx.moveTo(8, LiteGraph.NODE_TITLE_HEIGHT * -0.5); - ctx.lineTo(-4, LiteGraph.NODE_TITLE_HEIGHT * -0.8); - ctx.lineTo(-4, LiteGraph.NODE_TITLE_HEIGHT * -0.2); - ctx.closePath(); - } else { - ctx.arc(0, LiteGraph.NODE_TITLE_HEIGHT * -0.5, 4, 0, Math.PI * 2); - } - ctx.fill(); + input_slot = slot; break; } } - if(node.outputs) { for(var i = 0; i < node.outputs.length; i++) @@ -5617,23 +5706,60 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) var slot = node.outputs[i]; if(!slot.links || !slot.links.length) continue; - ctx.fillStyle = slot.color_on || this.default_connection_color.output_on; - ctx.strokeStyle = "black"; - ctx.beginPath(); - if (slot.type === LiteGraph.EVENT || slot.shape === LiteGraph.BOX_SHAPE) { - ctx.rect( node._collapsed_width - 4 + 0.5, 4 - LiteGraph.NODE_TITLE_HEIGHT + 0.5,14,LiteGraph.NODE_TITLE_HEIGHT - 8); - } else if (slot.shape === LiteGraph.ARROW_SHAPE) { - ctx.moveTo(node._collapsed_width + 6, LiteGraph.NODE_TITLE_HEIGHT * -0.5); - ctx.lineTo(node._collapsed_width - 6, LiteGraph.NODE_TITLE_HEIGHT * -0.8); - ctx.lineTo(node._collapsed_width - 6, LiteGraph.NODE_TITLE_HEIGHT * -0.2); - ctx.closePath(); - } else { - ctx.arc(node._collapsed_width, LiteGraph.NODE_TITLE_HEIGHT * -0.5, 4, 0, Math.PI * 2); - } - ctx.fill(); - ctx.stroke(); + output_slot = slot; } } + + if(input_slot) + { + var x = 0; + var y = LiteGraph.NODE_TITLE_HEIGHT * -0.5; //center + if( node.flags.horizontal ) + { + x = node._collapsed_width * 0.5; + y = -LiteGraph.NODE_TITLE_HEIGHT; + } + ctx.fillStyle = slot.color_on || this.default_connection_color.input_on; + ctx.beginPath(); + if ( slot.type === LiteGraph.EVENT || slot.shape === LiteGraph.BOX_SHAPE) { + ctx.rect(x + 0.5, y + 4 - LiteGraph.NODE_TITLE_HEIGHT * 0.5 + 0.5,14,LiteGraph.NODE_TITLE_HEIGHT - 8); + } else if (slot.shape === LiteGraph.ARROW_SHAPE) { + ctx.moveTo(x + 8, y); + ctx.lineTo(x + -4, y - 4); + ctx.lineTo(x + -4, y + 4); + ctx.closePath(); + } else { + ctx.arc(x, y, 4, 0, Math.PI * 2); + } + ctx.fill(); + } + + if(output_slot) + { + var x = node._collapsed_width; + var y = LiteGraph.NODE_TITLE_HEIGHT * -0.5; //center + if( node.flags.horizontal ) + { + x = node._collapsed_width * 0.5; + y = 0; + } + ctx.fillStyle = slot.color_on || this.default_connection_color.output_on; + ctx.strokeStyle = "black"; + ctx.beginPath(); + if (slot.type === LiteGraph.EVENT || slot.shape === LiteGraph.BOX_SHAPE) { + ctx.rect( x - 4 + 0.5, 4 - LiteGraph.NODE_TITLE_HEIGHT * 0.5 + 0.5,14,LiteGraph.NODE_TITLE_HEIGHT - 8); + } else if (slot.shape === LiteGraph.ARROW_SHAPE) { + ctx.moveTo(x + 6, y); + ctx.lineTo(x - 6, y - 4); + ctx.lineTo(x - 6, y + 4); + ctx.closePath(); + } else { + ctx.arc(x, y, 4, 0, Math.PI * 2); + } + ctx.fill(); + ctx.stroke(); + } + } @@ -5647,6 +5773,8 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) * draws the shape of the given node in the canvas * @method drawNodeShape **/ +var tmp_area = new Float32Array(4); + LGraphCanvas.prototype.drawNodeShape = function( node, ctx, size, fgcolor, bgcolor, selected, mouse_over ) { //bg rect @@ -5665,19 +5793,20 @@ LGraphCanvas.prototype.drawNodeShape = function( node, ctx, size, fgcolor, bgcol else if( title_mode == LiteGraph.AUTOHIDE_TITLE && mouse_over) render_title = true; - var areax = 0; - var areay = render_title ? -title_height : 0; - var areaw = size[0]+1; - var areah = render_title ? size[1] + title_height : size[1]; + var area = tmp_area; + area[0] = 0; //x + area[1] = render_title ? -title_height : 0; //y + area[2] = size[0]+1; //w + area[3] = render_title ? size[1] + title_height : size[1]; //h //full node shape if(!node.flags.collapsed) { ctx.beginPath(); if(shape == LiteGraph.BOX_SHAPE || this.scale < 0.5) - ctx.fillRect( areax, areay, areaw, areah ); + ctx.fillRect( area[0], area[1], area[2], area[3] ); else if (shape == LiteGraph.ROUND_SHAPE || shape == LiteGraph.CARD_SHAPE) - ctx.roundRect( areax, areay, areaw, areah, this.round_radius, shape == LiteGraph.CARD_SHAPE ? 0 : this.round_radius); + ctx.roundRect( area[0], area[1], area[2], area[3], this.round_radius, shape == LiteGraph.CARD_SHAPE ? 0 : this.round_radius); else if (shape == LiteGraph.CIRCLE_SHAPE) ctx.arc(size[0] * 0.5, size[1] * 0.5, size[0] * 0.5, 0, Math.PI*2); ctx.fill(); @@ -5790,20 +5919,23 @@ LGraphCanvas.prototype.drawNodeShape = function( node, ctx, size, fgcolor, bgcol //render selection marker if(selected) { + if( node.onBounding ) + node.onBounding( area ); + if( title_mode == LiteGraph.TRANSPARENT_TITLE ) { - areay -= title_height; - areah += title_height; + area[1] -= title_height; + area[3] += title_height; } ctx.lineWidth = 1; ctx.globalAlpha = 0.8; ctx.beginPath(); if(shape == LiteGraph.BOX_SHAPE) - ctx.rect(-6 + areax,-6 + areay, 12 + areaw, 12 + areah ); + ctx.rect(-6 + area[0],-6 + area[1], 12 + area[2], 12 + area[3] ); else if (shape == LiteGraph.ROUND_SHAPE || (shape == LiteGraph.CARD_SHAPE && node.flags.collapsed) ) - ctx.roundRect(-6 + areax,-6 + areay, 12 + areaw, 12 + areah , this.round_radius * 2); + ctx.roundRect(-6 + area[0],-6 + area[1], 12 + area[2], 12 + area[3] , this.round_radius * 2); else if (shape == LiteGraph.CARD_SHAPE) - ctx.roundRect(-6 + areax,-6 + areay, 12 + areaw, 12 + areah , this.round_radius * 2, 2); + ctx.roundRect(-6 + area[0],-6 + area[1], 12 + area[2], 12 + area[3] , this.round_radius * 2, 2); else if (shape == LiteGraph.CIRCLE_SHAPE) ctx.arc(size[0] * 0.5, size[1] * 0.5, size[0] * 0.5 + 6, 0, Math.PI*2); ctx.strokeStyle = "#FFF"; @@ -5824,6 +5956,8 @@ LGraphCanvas.prototype.drawConnections = function(ctx) var visible_area = this.visible_area; var margin_area = new Float32Array([visible_area[0] - 20, visible_area[1] - 20, visible_area[2] + 40, visible_area[3] + 40 ]); var link_bounding = new Float32Array(4); + var tempA = new Float32Array(2); + var tempB = new Float32Array(2); //draw connections ctx.lineWidth = this.connections_width; @@ -5858,8 +5992,8 @@ LGraphCanvas.prototype.drawConnections = function(ctx) if(start_node_slot == -1) start_node_slotpos = [start_node.pos[0] + 10, start_node.pos[1] + 10]; else - start_node_slotpos = start_node.getConnectionPos(false, start_node_slot); - var end_node_slotpos = node.getConnectionPos(true,i); + start_node_slotpos = start_node.getConnectionPos( false, start_node_slot, tempA ); + var end_node_slotpos = node.getConnectionPos( true, i, tempB ); //compute link bounding link_bounding[0] = start_node_slotpos[0]; @@ -5926,7 +6060,7 @@ LGraphCanvas.prototype.renderLink = function( ctx, a, b, link, skip_border, flow //choose color if( !color && link ) - color = LGraphCanvas.link_type_colors[ link.type ]; + color = link.color || LGraphCanvas.link_type_colors[ link.type ]; if( !color ) color = this.default_link_color; @@ -7855,7 +7989,7 @@ function ContextMenu( values, options ) return; if(root.closing_timer) clearTimeout( root.closing_timer ); - root.closing_timer = setTimeout( that.close.bind(that), 500 ); + root.closing_timer = setTimeout( that.close.bind(that, e), 500 ); //that.close(e); }); diff --git a/build/litegraph.min.js b/build/litegraph.min.js index 41dc02879..5f4181c98 100755 --- a/build/litegraph.min.js +++ b/build/litegraph.min.js @@ -1,514 +1,516 @@ -(function(u){function h(a){k.debug&&console.log("Graph created");this.list_of_graphcanvas=null;this.clear();a&&this.configure(a)}function d(a){this._ctor(a)}function p(a){this._ctor(a)}function g(a,b,e){e=e||{};this.background_image="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII="; -a&&a.constructor===String&&(a=document.querySelector(a));this.max_zoom=10;this.min_zoom=0.1;this.zoom_modify_alpha=!0;this.title_text_font="bold "+k.NODE_TEXT_SIZE+"px Arial";this.inner_text_font="normal "+k.NODE_SUBTEXT_SIZE+"px Arial";this.node_title_color=k.NODE_TITLE_COLOR;this.default_link_color=k.LINK_COLOR;this.default_connection_color={input_off:"#AAB",input_on:"#7F7",output_off:"#AAB",output_on:"#7F7"};this.highquality_render=!0;this.use_gradients=!1;this.editor_alpha=1;this.pause_rendering= +(function(v){function h(a){l.debug&&console.log("Graph created");this.list_of_graphcanvas=null;this.clear();a&&this.configure(a)}function f(a){this._ctor(a)}function p(a){this._ctor(a)}function d(a,c,e){e=e||{};this.background_image="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNrs1rEKwjAUhlETUkj3vP9rdmr1Ysammk2w5wdxuLgcMHyptfawuZX4pJSWZTnfnu/lnIe/jNNxHHGNn//HNbbv+4dr6V+11uF527arU7+u63qfa/bnmh8sWLBgwYJlqRf8MEptXPBXJXa37BSl3ixYsGDBMliwFLyCV/DeLIMFCxYsWLBMwSt4Be/NggXLYMGCBUvBK3iNruC9WbBgwYJlsGApeAWv4L1ZBgsWLFiwYJmCV/AK3psFC5bBggULloJX8BpdwXuzYMGCBctgwVLwCl7Be7MMFixYsGDBsu8FH1FaSmExVfAxBa/gvVmwYMGCZbBg/W4vAQYA5tRF9QYlv/QAAAAASUVORK5CYII="; +a&&a.constructor===String&&(a=document.querySelector(a));this.max_zoom=10;this.min_zoom=0.1;this.zoom_modify_alpha=!0;this.title_text_font="bold "+l.NODE_TEXT_SIZE+"px Arial";this.inner_text_font="normal "+l.NODE_SUBTEXT_SIZE+"px Arial";this.node_title_color=l.NODE_TITLE_COLOR;this.default_link_color=l.LINK_COLOR;this.default_connection_color={input_off:"#AAB",input_on:"#7F7",output_off:"#AAB",output_on:"#7F7"};this.highquality_render=!0;this.use_gradients=!1;this.editor_alpha=1;this.pause_rendering= !1;this.render_only_selected=this.clear_background=this.render_shadows=!0;this.live_mode=!1;this.allow_searchbox=this.allow_interaction=this.allow_dragnodes=this.allow_dragcanvas=this.show_info=!0;this.drag_mode=this.allow_reconnect_links=!1;this.filter=this.dragging_rectangle=null;this.always_render_background=!1;this.render_canvas_border=!0;this.render_connections_shadows=!1;this.render_connection_arrows=this.render_curved_connections=this.render_connections_border=!0;this.render_execution_order= -!1;this.canvas_mouse=[0,0];this.onDrawOverlay=this.onDrawForeground=this.onDrawBackground=this.onMouse=this.onSearchBoxSelection=this.onSearchBox=null;this.connections_width=3;this.round_radius=8;this.node_widget=this.current_node=null;this.last_mouse_position=[0,0];this.visible_area=new Float32Array(4);b&&b.attachCanvas(this);this.setCanvas(a);this.clear();e.skip_render||this.startRendering();this.autoresize=e.autoresize}function q(a,b){return Math.sqrt((b[0]-a[0])*(b[0]-a[0])+(b[1]-a[1])*(b[1]- -a[1]))}function r(a,b,e,c,f,n){return ea&&cb?!0:!1}function s(a,b){var e=a[0]+a[2],c=a[1]+a[3],f=b[1]+b[3];return a[0]>b[0]+b[2]||a[1]>f||ek.width-g.width-10&&(n=k.width-g.width-10);l>k.height-g.height-10&&(l=k.height-g.height-10)}f.style.left=n+"px";f.style.top=l+"px"}var k=u.LiteGraph={CANVAS_GRID_SIZE:10,NODE_TITLE_HEIGHT:20,NODE_SLOT_HEIGHT:15,NODE_WIDGET_HEIGHT:20,NODE_WIDTH:140,NODE_MIN_WIDTH:50,NODE_COLLAPSED_RADIUS:10,NODE_COLLAPSED_WIDTH:80, +!1;this.canvas_mouse=[0,0];this.onDrawOverlay=this.onDrawForeground=this.onDrawBackground=this.onMouse=this.onSearchBoxSelection=this.onSearchBox=null;this.connections_width=3;this.round_radius=8;this.node_widget=this.current_node=null;this.last_mouse_position=[0,0];this.visible_area=new Float32Array(4);c&&c.attachCanvas(this);this.setCanvas(a);this.clear();e.skip_render||this.startRendering();this.autoresize=e.autoresize}function r(a,c){return Math.sqrt((c[0]-a[0])*(c[0]-a[0])+(c[1]-a[1])*(c[1]- +a[1]))}function t(a,c,e,s,g,m){return ea&&sc?!0:!1}function w(a,c){var e=a[0]+a[2],s=a[1]+a[3],g=c[1]+c[3];return a[0]>c[0]+c[2]||a[1]>g||el.width-d.width-10&&(m=l.width-d.width-10);b>l.height-d.height-10&&(b=l.height-d.height-10)}g.style.left=m+"px";g.style.top=b+"px"}var l=v.LiteGraph={CANVAS_GRID_SIZE:10,NODE_TITLE_HEIGHT:20,NODE_SLOT_HEIGHT:15,NODE_WIDGET_HEIGHT:20,NODE_WIDTH:140,NODE_MIN_WIDTH:50,NODE_COLLAPSED_RADIUS:10,NODE_COLLAPSED_WIDTH:80, NODE_TITLE_COLOR:"#999",NODE_TEXT_SIZE:14,NODE_TEXT_COLOR:"#AAA",NODE_SUBTEXT_SIZE:12,NODE_DEFAULT_COLOR:"#333",NODE_DEFAULT_BGCOLOR:"#444",NODE_DEFAULT_BOXCOLOR:"#666",NODE_DEFAULT_SHAPE:"box",DEFAULT_SHADOW_COLOR:"rgba(0,0,0,0.5)",DEFAULT_GROUP_FONT:24,LINK_COLOR:"#AAD",EVENT_LINK_COLOR:"#F85",CONNECTING_LINK_COLOR:"#AFA",MAX_NUMBER_OF_NODES:1E3,DEFAULT_POSITION:[100,100],VALID_SHAPES:["default","box","round","card"],BOX_SHAPE:1,ROUND_SHAPE:2,CIRCLE_SHAPE:3,CARD_SHAPE:4,ARROW_SHAPE:5,INPUT:1,OUTPUT:2, -EVENT:-1,ACTION:-1,ALWAYS:0,ON_EVENT:1,NEVER:2,ON_TRIGGER:3,UP:1,DOWN:2,LEFT:3,RIGHT:4,CENTER:5,NORMAL_TITLE:0,NO_TITLE:1,TRANSPARENT_TITLE:2,AUTOHIDE_TITLE:3,proxy:null,node_images_path:"",debug:!1,throw_errors:!0,allow_scripts:!1,registered_node_types:{},node_types_by_file_extension:{},Nodes:{},searchbox_extras:{},registerNodeType:function(a,b){if(!b.prototype)throw"Cannot register a simple object, it must be a class with a prototype";b.type=a;k.debug&&console.log("Node registered: "+a);a.split("/"); -var e=b.name,c=a.lastIndexOf("/");b.category=a.substr(0,c);b.title||(b.title=e);if(b.prototype)for(var f in d.prototype)b.prototype[f]||(b.prototype[f]=d.prototype[f]);Object.defineProperty(b.prototype,"shape",{set:function(a){switch(a){case "default":delete this._shape;break;case "box":this._shape=k.BOX_SHAPE;break;case "round":this._shape=k.ROUND_SHAPE;break;case "circle":this._shape=k.CIRCLE_SHAPE;break;case "card":this._shape=k.CARD_SHAPE;break;default:this._shape=a}},get:function(a){return this._shape}, -enumerable:!0});this.registered_node_types[a]=b;b.constructor.name&&(this.Nodes[e]=b);b.prototype.onPropertyChange&&console.warn("LiteGraph node class "+a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end");if(b.supported_extensions)for(f in b.supported_extensions)this.node_types_by_file_extension[b.supported_extensions[f].toLowerCase()]=b},wrapFunctionAsNode:function(a,b,e,c){for(var f=Array(b.length),n="",l=k.getParameterNames(b),w=0;wl&&(l=f.size[0]),k+=f.size[1]+a;b+=l+a}this.setDirtyCanvas(!0,!0)};h.prototype.getTime=function(){return this.globaltime};h.prototype.getFixedTime=function(){return this.fixedtime};h.prototype.getElapsedTime=function(){return this.elapsed_time};h.prototype.sendEventToAllNodes=function(a,b,e){e=e||k.ALWAYS;var c=this._nodes_in_order?this._nodes_in_order:this._nodes;if(c)for(var f=0,n=c.length;f=k.MAX_NUMBER_OF_NODES)throw"LiteGraph: max number of nodes in a graph reached";null==a.id||-1==a.id?a.id=++this.last_node_id:this.last_node_ida.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});this.id=-1;this.type=null;this.inputs= -[];this.outputs=[];this.connections=[];this.properties={};this.properties_info=[];this.flags={}};d.prototype.configure=function(a){this.graph&&this.graph._version++;for(var b in a)if("console"!=b)if("properties"==b)for(var e in a.properties){if(this.properties[e]=a.properties[e],this.onPropertyChanged)this.onPropertyChanged(e,a.properties[e])}else null!=a[b]&&("object"==typeof a[b]?this[b]&&this[b].configure?this[b].configure(a[b]):this[b]=k.cloneObject(a[b],this[b]):this[b]=a[b]);a.title||(this.title= -this.constructor.title);if(this.onConnectionsChange){if(this.inputs)for(var c=0;c=this.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 c=this.graph.getNodeById(e.origin_id);if(!c)return e.data;if(c.updateOutputData)c.updateOutputData(e.origin_slot);else if(c.onExecute)c.onExecute(); -return e.data}};d.prototype.getInputDataByName=function(a,b){var e=this.findInputSlot(a);return-1==e?null:this.getInputData(e,b)};d.prototype.isInputConnected=function(a){return this.inputs?a=this.inputs.length)return null;a=this.inputs[a];return a&&null!==a.link?(a=this.graph.links[a.link])? -this.graph.getNodeById(a.origin_id):null:null};d.prototype.getInputOrProperty=function(a){if(!this.inputs||!this.inputs.length)return this.properties?this.properties[a]:null;for(var b=0,e=this.inputs.length;b=this.outputs.length?null:this.outputs[a]._data};d.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]-f-eb)return!0;return!1};d.prototype.getSlotInPosition=function(a,b){if(this.inputs)for(var e=0,c=this.inputs.length;e=this.outputs.length)return k.debug&&console.log("Connect: Error, slot number not found"),!1;b&&b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"target node is null";if(b== -this)return!1;if(e.constructor===String){if(e=b.findInputSlot(e),-1==e)return k.debug&&console.log("Connect: Error, no slot of name "+e),!1}else{if(e===k.EVENT)return!1;if(!b.inputs||e>=b.inputs.length)return k.debug&&console.log("Connect: Error, slot number not found"),!1}null!=b.inputs[e].link&&b.disconnectInput(e);var c=this.outputs[a];if(b.onConnectInput&&!1===b.onConnectInput(e,c.type,c))return!1;var f=b.inputs[e];if(k.isValidConnection(c.type,f.type)){var n={id:this.graph.last_link_id++,type:f.type, -origin_id:this.id,origin_slot:a,target_id:b.id,target_slot:e};this.graph.links[n.id]=n;null==c.links&&(c.links=[]);c.links.push(n.id);b.inputs[e].link=n.id;this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(k.OUTPUT,a,!0,n,c);if(b.onConnectionsChange)b.onConnectionsChange(k.INPUT,e,!0,n,f);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(k.INPUT,b,e,this,a),this.graph.onNodeConnectionChange(k.OUTPUT,this,a,b,e))}this.setDirtyCanvas(!1, -!0);this.graph.connectionChange(this);return!0};d.prototype.disconnectOutput=function(a,b){if(a.constructor===String){if(a=this.findOutputSlot(a),-1==a)return k.debug&&console.log("Connect: Error, no slot of name "+a),!1}else if(!this.outputs||a>=this.outputs.length)return k.debug&&console.log("Connect: Error, slot number not found"),!1;var e=this.outputs[a];if(!e||!e.links||0==e.links.length)return!1;if(b){b.constructor===Number&&(b=this.graph.getNodeById(b));if(!b)throw"Target Node not found";for(var c= -0,f=e.links.length;c=this.inputs.length)return k.debug&&console.log("Connect: Error, slot number not found"),!1;var b=this.inputs[a];if(!b)return!1;var e=this.inputs[a].link;this.inputs[a].link=null;var c=this.graph.links[e];if(c){var f=this.graph.getNodeById(c.origin_id);if(!f)return!1;var n=f.outputs[c.origin_slot];if(!n||!n.links||0==n.links.length)return!1;for(var l=0,g=n.links.length;lb&&this.inputs[b].pos?[this.pos[0]+this.inputs[b].pos[0],this.pos[1]+this.inputs[b].pos[1]]:!a&&this.outputs&&this.outputs.length>b&&this.outputs[b].pos?[this.pos[0]+this.outputs[b].pos[0],this.pos[1]+this.outputs[b].pos[1]]:this.flags.horizontal?a?[this.pos[0]+this.size[0]/this.inputs.length*(b+0.5),this.pos[1]-k.NODE_TITLE_HEIGHT]:[this.pos[0]+this.size[0]/this.outputs.length*(b+0.5),this.pos[1]+this.size[1]]:a?[this.pos[0], -this.pos[1]+10+b*k.NODE_SLOT_HEIGHT+(this.constructor.slot_start_y||0)]:[this.pos[0]+this.size[0]+1,this.pos[1]+10+b*k.NODE_SLOT_HEIGHT+(this.constructor.slot_start_y||0)]};d.prototype.alignToGrid=function(){this.pos[0]=k.CANVAS_GRID_SIZE*Math.round(this.pos[0]/k.CANVAS_GRID_SIZE);this.pos[1]=k.CANVAS_GRID_SIZE*Math.round(this.pos[1]/k.CANVAS_GRID_SIZE)};d.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>d.MAX_CONSOLE&&this.console.shift();this.graph.onNodeTrace(this, -a)};d.prototype.setDirtyCanvas=function(a,b){this.graph&&this.graph.sendActionToCanvas("setDirty",[a,b])};d.prototype.loadImage=function(a){var b=new Image;b.src=k.node_images_path+a;b.ready=!1;var e=this;b.onload=function(){this.ready=!0;e.setDirtyCanvas(!0)};return b};d.prototype.captureInput=function(a){if(this.graph&&this.graph.list_of_graphcanvas)for(var b=this.graph.list_of_graphcanvas,e=0;ea.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});Object.defineProperty(this,"size",{set:function(a){!a||2>a.length||(this._size[0]=Math.max(140,a[0]),this._size[1]=Math.max(80,a[1]))},get:function(){return this._size}, -enumerable:!0})};p.prototype.configure=function(a){this.title=a.title;this._bounding.set(a.bounding);this.color=a.color;this.font=a.font};p.prototype.serialize=function(){var a=this._bounding;return{title:this.title,bounding:[Math.round(a[0]),Math.round(a[1]),Math.round(a[2]),Math.round(a[3])],color:this.color,font:this.font}};p.prototype.move=function(a,b,e){this._pos[0]+=a;this._pos[1]+=b;if(!e)for(e=0;e element, you passed a "+a.localName;throw"This browser doesnt support Canvas";}null==(this.ctx=a.getContext("2d"))&&(a.webgl_enabled||console.warn("This canvas seems to be WebGL, enabling WebGL renderer"),this.enableWebGL());this._mousemove_callback=this.processMouseMove.bind(this);this._mouseup_callback=this.processMouseUp.bind(this);b||this.bindEvents()}};g.prototype._doNothing=function(a){a.preventDefault();return!1};g.prototype._doReturnTrue= -function(a){a.preventDefault();return!0};g.prototype.bindEvents=function(){if(this._events_binded)console.warn("LGraphCanvas: events already binded");else{var a=this.canvas,b=this.getCanvasWindow().document;this._mousedown_callback=this.processMouseDown.bind(this);this._mousewheel_callback=this.processMouseWheel.bind(this);a.addEventListener("mousedown",this._mousedown_callback,!0);a.addEventListener("mousemove",this._mousemove_callback);a.addEventListener("mousewheel",this._mousewheel_callback,!1); -a.addEventListener("contextmenu",this._doNothing);a.addEventListener("DOMMouseScroll",this._mousewheel_callback,!1);a.addEventListener("touchstart",this.touchHandler,!0);a.addEventListener("touchmove",this.touchHandler,!0);a.addEventListener("touchend",this.touchHandler,!0);a.addEventListener("touchcancel",this.touchHandler,!0);this._key_callback=this.processKey.bind(this);a.addEventListener("keydown",this._key_callback,!0);b.addEventListener("keyup",this._key_callback,!0);this._ondrop_callback=this.processDrop.bind(this); -a.addEventListener("dragover",this._doNothing,!1);a.addEventListener("dragend",this._doNothing,!1);a.addEventListener("drop",this._ondrop_callback,!1);a.addEventListener("dragenter",this._doReturnTrue,!1);this._events_binded=!0}};g.prototype.unbindEvents=function(){if(this._events_binded){var a=this.getCanvasWindow().document;this.canvas.removeEventListener("mousedown",this._mousedown_callback);this.canvas.removeEventListener("mousewheel",this._mousewheel_callback);this.canvas.removeEventListener("DOMMouseScroll", -this._mousewheel_callback);this.canvas.removeEventListener("keydown",this._key_callback);a.removeEventListener("keyup",this._key_callback);this.canvas.removeEventListener("contextmenu",this._doNothing);this.canvas.removeEventListener("drop",this._ondrop_callback);this.canvas.removeEventListener("dragenter",this._doReturnTrue);this.canvas.removeEventListener("touchstart",this.touchHandler);this.canvas.removeEventListener("touchmove",this.touchHandler);this.canvas.removeEventListener("touchend",this.touchHandler); -this.canvas.removeEventListener("touchcancel",this.touchHandler);this._ondrop_callback=this._key_callback=this._mousewheel_callback=this._mousedown_callback=null;this._events_binded=!1}else console.warn("LGraphCanvas: no events binded")};g.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()};g.prototype.enableWebGL=function(){if(void 0===typeof GL)throw"litegl.js must be included to use a WebGL canvas";if(void 0=== -typeof enableWebGLCanvas)throw"webglCanvas.js must be included to use this feature";this.gl=this.ctx=enableWebGLCanvas(this.canvas);this.ctx.webgl=!0;this.bgcanvas=this.canvas;this.bgctx=this.gl;this.canvas.webgl_enabled=!0};g.prototype.setDirty=function(a,b){a&&(this.dirty_canvas=!0);b&&(this.dirty_bgcanvas=!0)};g.prototype.getCanvasWindow=function(){if(!this.canvas)return window;var a=this.canvas.ownerDocument;return a.defaultView||a.parentWindow};g.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))};g.prototype.stopRendering=function(){this.is_rendering=!1};g.prototype.processMouseDown=function(a){if(this.graph){this.adjustMouseEvent(a);var b=this.getCanvasWindow();g.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,5),c=!1,f=300>k.getTime()-this.last_mouseclick;this.canvas_mouse[0]=a.canvasX;this.canvas_mouse[1]=a.canvasY;k.closeAllContextMenus(b);if(!this.onMouse||!0!=this.onMouse(a)){if(1==a.which){a.ctrlKey&&(this.dragging_rectangle=new Float32Array(4),this.dragging_rectangle[0]=a.canvasX,this.dragging_rectangle[1]=a.canvasY,this.dragging_rectangle[2]=1,this.dragging_rectangle[3]=1,c=!0);var n=!1;if(e&&this.allow_interaction&& -!c){this.live_mode||e.flags.pinned||this.bringToFront(e);if(!this.connecting_node&&!e.flags.collapsed&&!this.live_mode)if(!c&&!1!==e.flags.resizable&&r(a.canvasX,a.canvasY,e.pos[0]+e.size[0]-5,e.pos[1]+e.size[1]-5,10,10))this.resizing_node=e,this.canvas.style.cursor="se-resize",c=!0;else{if(e.outputs)for(var l=0,d=e.outputs.length;lq([a.canvasX,a.canvasY],[this.selected_group.pos[0]+this.selected_group.size[0],this.selected_group.pos[1]+this.selected_group.size[1]])*this.scale?this.selected_group_resizing=!0:this.selected_group.recomputeInsideNodes()),f&&this.showSearchBox(a),n=!0;!c&&n&&this.allow_dragcanvas&&(this.dragging_canvas=!0)}else 2!=a.which&&3==a.which&&this.processContextMenu(e,a);this.last_mouse[0]=a.localX;this.last_mouse[1]=a.localY;this.last_mouseclick=k.getTime(); -this.last_mouse_dragging=!0;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}}};g.prototype.processMouseMove=function(a){this.autoresize&&this.resize();if(this.graph){g.active_canvas=this;this.adjustMouseEvent(a);var b=[a.localX,a.localY],e=[b[0]-this.last_mouse[0],b[1]-this.last_mouse[1]];this.last_mouse= -b;this.canvas_mouse[0]=a.canvasX;this.canvas_mouse[1]=a.canvasY;a.dragging=this.last_mouse_dragging;this.node_widget&&(this.processNodeWidgets(this.node_widget[0],this.canvas_mouse,a,this.node_widget[1]),this.dirty_canvas=!0);if(this.dragging_rectangle)this.dragging_rectangle[2]=a.canvasX-this.dragging_rectangle[0],this.dragging_rectangle[3]=a.canvasY-this.dragging_rectangle[1],this.dirty_canvas=!0;else if(this.selected_group)this.selected_group_resizing?this.selected_group.size=[a.canvasX-this.selected_group.pos[0], -a.canvasY-this.selected_group.pos[1]]:(this.selected_group.move(e[0]/this.scale,e[1]/this.scale,a.ctrlKey),this.selected_group._nodes.length&&(this.dirty_canvas=!0)),this.dirty_bgcanvas=!0;else if(this.dragging_canvas)this.offset[0]+=e[0]/this.scale,this.offset[1]+=e[1]/this.scale,this.dirty_bgcanvas=this.dirty_canvas=!0;else if(this.allow_interaction){this.connecting_node&&(this.dirty_canvas=!0);for(var c=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes),b=0,f=this.graph._nodes.length;b< -f;++b)if(this.graph._nodes[b].mouseOver&&c!=this.graph._nodes[b]){this.graph._nodes[b].mouseOver=!1;if(this.node_over&&this.node_over.onMouseLeave)this.node_over.onMouseLeave(a);this.node_over=null;this.dirty_canvas=!0}if(c){if(!c.mouseOver&&(c.mouseOver=!0,this.node_over=c,this.dirty_canvas=!0,c.onMouseEnter))c.onMouseEnter(a);if(c.onMouseMove)c.onMouseMove(a,[a.canvasX-c.pos[0],a.canvasY-c.pos[1]],this);if(this.connecting_node&&(f=this._highlight_input||[0,0],!this.isOverNodeBox(c,a.canvasX,a.canvasY))){var n= -this.isOverNodeInput(c,a.canvasX,a.canvasY,f);-1!=n&&c.inputs[n]?k.isValidConnection(this.connecting_output.type,c.inputs[n].type)&&(this._highlight_input=f):this._highlight_input=null}this.canvas&&(r(a.canvasX,a.canvasY,c.pos[0]+c.size[0]-5,c.pos[1]+c.size[1]-5,5,5)?this.canvas.style.cursor="se-resize":this.canvas.style.cursor="")}else this.canvas&&(this.canvas.style.cursor="");if(this.node_capturing_input&&this.node_capturing_input!=c&&this.node_capturing_input.onMouseMove)this.node_capturing_input.onMouseMove(a); -if(this.node_dragged&&!this.live_mode){for(b in this.selected_nodes)c=this.selected_nodes[b],c.pos[0]+=e[0]/this.scale,c.pos[1]+=e[1]/this.scale;this.dirty_bgcanvas=this.dirty_canvas=!0}this.resizing_node&&!this.live_mode&&(this.resizing_node.size[0]=a.canvasX-this.resizing_node.pos[0],this.resizing_node.size[1]=a.canvasY-this.resizing_node.pos[1],e=Math.max(this.resizing_node.inputs?this.resizing_node.inputs.length:0,this.resizing_node.outputs?this.resizing_node.outputs.length:0)*k.NODE_SLOT_HEIGHT+ -(this.resizing_node.widgets?this.resizing_node.widgets.length:0)*(k.NODE_WIDGET_HEIGHT+4)+4,this.resizing_node.size[1]this.dragging_rectangle[3]?this.dragging_rectangle[1]-f:this.dragging_rectangle[1];this.dragging_rectangle[0]= -0>this.dragging_rectangle[2]?this.dragging_rectangle[0]-c:this.dragging_rectangle[0];this.dragging_rectangle[1]=n;this.dragging_rectangle[2]=c;this.dragging_rectangle[3]=f;f=[];for(n=0;na.click_time&&this.deselectAllNodes(); -this.dirty_canvas=!0;this.dragging_canvas=!1;if(this.node_over&&this.node_over.onMouseUp)this.node_over.onMouseUp(a,[a.canvasX-this.node_over.pos[0],a.canvasY-this.node_over.pos[1]],this);if(this.node_capturing_input&&this.node_capturing_input.onMouseUp)this.node_capturing_input.onMouseUp(a,[a.canvasX-this.node_capturing_input.pos[0],a.canvasY-this.node_capturing_input.pos[1]])}}else 2==a.which?(this.dirty_canvas=!0,this.dragging_canvas=!1):3==a.which&&(this.dirty_canvas=!0,this.dragging_canvas=!1); -this.graph.change();a.stopPropagation();a.preventDefault();return!1}};g.prototype.processMouseWheel=function(a){if(this.graph&&this.allow_dragcanvas){var b=null!=a.wheelDeltaY?a.wheelDeltaY:-60*a.detail;this.adjustMouseEvent(a);var e=this.scale;0b&&(e*=1/1.1);this.setZoom(e,[a.localX,a.localY]);this.graph.change();a.preventDefault();return!1}};g.prototype.isOverNodeBox=function(a,b,e){var c=k.NODE_TITLE_HEIGHT;return r(b,e,a.pos[0]+2,a.pos[1]+2-c,c-4,c-4)?!0:!1};g.prototype.isOverNodeInput= -function(a,b,e,c){if(a.inputs)for(var f=0,n=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}};g.prototype.drawFrontCanvas=function(){this.dirty_canvas=!1;this.ctx||(this.ctx=this.bgcanvas.getContext("2d"));var a=this.ctx;if(a){a.start2D&&a.start2D();var b=this.canvas;a.restore();a.setTransform(1,0,0,1,0,0);this.dirty_area&& -(a.save(),a.beginPath(),a.rect(this.dirty_area[0],this.dirty_area[1],this.dirty_area[2],this.dirty_area[3]),a.clip());this.clear_background&&a.clearRect(0,0,b.width,b.height);this.bgcanvas==this.canvas?this.drawBackCanvas():a.drawImage(this.bgcanvas,0,0);if(this.onRender)this.onRender(b,a);this.show_info&&this.renderInfo(a);if(this.graph){a.save();a.scale(this.scale,this.scale);a.translate(this.offset[0],this.offset[1]);for(var b=this.computeVisibleNodes(null,this.visible_nodes),c=0;c> ";b.fillText(g+c.getTitle(),0.5*a.width,40);b.restore()}c=!1;this.onRenderBackground&&(c=this.onRenderBackground(a,b));b.restore();b.setTransform(1, -0,0,1,0,0);if(this.graph){b.save();b.scale(this.scale,this.scale);b.translate(this.offset[0],this.offset[1]);if(this.background_image&&0.5this.scale?b.fillRect(0,l,A,p):m==k.ROUND_SHAPE||m==k.CARD_SHAPE?b.roundRect(0,l,A,p,this.round_radius,m==k.CARD_SHAPE?0:this.round_radius):m==k.CIRCLE_SHAPE&&b.arc(0.5*c[0],0.5*c[1],0.5*c[0],0,2*Math.PI),b.fill());b.shadowColor="transparent";a.bgImage&&a.bgImage.width&&b.drawImage(a.bgImage,0.5*(c[0]-a.bgImage.width),0.5*(c[1]-a.bgImage.height));a.bgImageUrl&& -!a.bgImage&&(a.bgImage=a.loadImage(a.bgImageUrl));if(a.onDrawBackground)a.onDrawBackground(b,this,this.canvas);if(z||h==k.TRANSPARENT_TITLE){if(h!=k.TRANSPARENT_TITLE){a.flags.collapsed&&(b.shadowColor=k.DEFAULT_SHADOW_COLOR);if(this.use_gradients){var q=g.gradients[d];q||(q=g.gradients[d]=b.createLinearGradient(0,0,400,0),q.addColorStop(0,d),q.addColorStop(1,"#000"));b.fillStyle=q}else b.fillStyle=d;q=b.globalAlpha;b.beginPath();m==k.BOX_SHAPE||0.5>this.scale?b.rect(0,-f,c[0]+1,f):m!=k.ROUND_SHAPE&& -m!=k.CARD_SHAPE||b.roundRect(0,-f,c[0]+1,f,this.round_radius,a.flags.collapsed?this.round_radius:0);b.fill();b.shadowColor="transparent"}m==k.ROUND_SHAPE||m==k.CIRCLE_SHAPE||m==k.CARD_SHAPE?(0.5g[2]&&(g[0]+=g[2],g[2]=Math.abs(g[2])); -0>g[3]&&(g[1]+=g[3],g[3]=Math.abs(g[3]));if(s(g,c)){var v=p.outputs[q],q=m.inputs[d];if(v&&q&&(p=v.dir||(p.flags.horizontal?k.DOWN:k.RIGHT),q=q.dir||(m.flags.horizontal?k.UP:k.LEFT),this.renderLink(a,r,t,h,!1,0,null,p,q),h&&h._last_time&&1E3>b-h._last_time)){var v=2-0.002*(b-h._last_time),y=a.globalAlpha;a.globalAlpha=y*v;this.renderLink(a,r,t,h,!0,v,"white",p,q);a.globalAlpha=y}}}}}}a.globalAlpha=1};g.prototype.renderLink=function(a,b,c,m,f,n,l,d,h){if(this.highquality_render){d=d||k.RIGHT;h=h|| -k.LEFT;var p=q(b,c);this.render_connections_border&&0.6b[1]?0:Math.PI,a.save(),a.translate(f[0],f[1]),a.rotate(p),a.beginPath(),a.moveTo(-5,-5),a.lineTo(0,5),a.lineTo(5,-5),a.fill(),a.restore());if(n)for(n=0;5>n;++n)f=(0.001*k.getTime()+0.2*n)%1,f=this.computeConnectionPoint(b,c,f,d,h),a.beginPath(),a.arc(f[0],f[1],5,0,2*Math.PI),a.fill()}else a.beginPath(),a.moveTo(b[0],b[1]),a.lineTo(c[0],c[1]),a.stroke()};g.prototype.computeConnectionPoint= -function(a,b,c,g,f){g=g||k.RIGHT;f=f||k.LEFT;var n=q(a,b),l=[a[0],a[1]],m=[b[0],b[1]];switch(g){case k.LEFT:l[0]+=-0.25*n;break;case k.RIGHT:l[0]+=0.25*n;break;case k.UP:l[1]+=-0.25*n;break;case k.DOWN:l[1]+=0.25*n}switch(f){case k.LEFT:m[0]+=-0.25*n;break;case k.RIGHT:m[0]+=0.25*n;break;case k.UP:m[1]+=-0.25*n;break;case k.DOWN:m[1]+=0.25*n}g=(1-c)*(1-c)*(1-c);f=3*(1-c)*(1-c)*c;n=3*(1-c)*c*c;c*=c*c;return[g*a[0]+f*l[0]+n*m[0]+c*b[0],g*a[1]+f*l[1]+n*m[1]+c*b[1]]};g.prototype.drawExecutionOrder=function(a){a.shadowColor= -"transparent";a.globalAlpha=0.25;a.textAlign="center";a.strokeStyle="white";a.globalAlpha=0.75;for(var b=this.visible_nodes,c=0;cp.last_y&&np.options.max&&(p.value=p.options.max);else if("mousedown"== -c.type)if((g=p.options.values)&&g.constructor===Function&&(g=p.options.values(p,a)),f=40>f?-1:f>l-40?1:0,"number"==p.type)p.value+=0.1*f*(p.options.step||1),null!=p.options.min&&p.valuep.options.max&&(p.value=p.options.max);else if(f)c=g.indexOf(p.value)+f,c>=g.length&&(c=0),0>c&&(c=g.length-1),p.value=g[c];else{new k.ContextMenu(g,{event:c,className:"dark",callback:q.bind(p)},m);var q=function(a,b,c){this.value=a;d.dirty_canvas= -!0;return!1}}p.callback&&setTimeout(function(){this.callback(this.value,d,a,b)}.bind(p),20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==c.type&&(p.value=!p.value,p.callback&&setTimeout(function(){p.callback(p.value,d,a,b)},20));break;case "text":"mousedown"==c.type&&this.prompt("Value",p.value,function(b){this.value=b;p.callback&&p.callback(b,d,a)}.bind(p),c)}return p}}return null};g.prototype.drawGroups=function(a,b){if(this.graph){var c=this.graph._groups;b.save();b.globalAlpha=0.5*this.editor_alpha; -for(var g=0;gc&&0.01>b.editor_alpha&&(clearInterval(g),1>c&&(b.live_mode=!0));1"+p+""+a+"",value:p});if(h.length)return new k.ContextMenu(h,{event:c,callback:m,parentMenu:d,allow_html:!0,node:f},b),!1}};g.decodeHTML=function(a){var b=document.createElement("div"); -b.innerText=a;return b.innerHTML};g.onResizeNode=function(a,b,c,g,f){f&&(f.size=f.computeSize(),f.setDirtyCanvas(!0,!0))};g.onShowPropertyEditor=function(a,b,c,d,f){function m(){var b=h.value;"Number"==a.type?b=Number(b):"Boolean"==a.type&&(b=Boolean(b));f[l]=b;k.parentNode.removeChild(k);f.setDirtyCanvas(!0,!0)}var l=a.property||"title";b=f[l];var k=document.createElement("div");k.className="graphdialog";k.innerHTML=""; -k.querySelector(".name").innerText=l;var h=k.querySelector("input");h&&(h.value=b,h.addEventListener("blur",function(a){this.focus()}),h.addEventListener("keydown",function(a){13==a.keyCode&&(m(),a.preventDefault(),a.stopPropagation())}));b=g.active_canvas.canvas;c=b.getBoundingClientRect();var p=d=-20;c&&(d-=c.left,p-=c.top);event?(k.style.left=event.pageX+d+"px",k.style.top=event.pageY+p+"px"):(k.style.left=0.5*b.width+d+"px",k.style.top=0.5*b.height+p+"px");k.querySelector("button").addEventListener("click", -m);b.parentNode.appendChild(k)};g.prototype.prompt=function(a,b,c,d){var f=this;a=a||"";var m=document.createElement("div");m.className="graphdialog rounded";m.innerHTML=" ";m.close=function(){f.prompt_box=null;m.parentNode.removeChild(m)};m.addEventListener("mouseleave",function(a){m.close()});f.prompt_box&&f.prompt_box.close();f.prompt_box=m;m.querySelector(".name").innerText=a;m.querySelector(".value").value= -b;var l=m.querySelector("input");l.addEventListener("keydown",function(a){if(27==a.keyCode)m.close();else if(13==a.keyCode)c&&c(this.value),m.close();else return;a.preventDefault();a.stopPropagation()});m.querySelector("button").addEventListener("click",function(a){c&&c(l.value);f.setDirty(!0);m.close()});a=g.active_canvas.canvas;b=a.getBoundingClientRect();var k=-20,h=-20;b&&(k-=b.left,h-=b.top);d?(m.style.left=d.pageX+k+"px",m.style.top=d.pageY+h+"px"):(m.style.left=0.5*a.width+k+"px",m.style.top= -0.5*a.height+h+"px");a.parentNode.appendChild(m);setTimeout(function(){l.focus()},10);return m};g.search_limit=-1;g.prototype.showSearchBox=function(a){function b(b){if(b)if(f.onSearchBoxSelection)f.onSearchBoxSelection(b,a,s);else{var c=k.searchbox_extras[b];c&&(b=c.type);if(b=k.createNode(b))b.pos=s.convertEventToCanvas(a),s.graph.add(b);if(c&&c.data){if(c.data.properties)for(var e in c.data.properties)b.addProperty(c.data.properties[e][0],c.data.properties[e][0]);if(c.data.inputs)for(e in b.inputs= -[],c.data.inputs)b.addOutput(c.data.inputs[e][0],c.data.inputs[e][1]);if(c.data.outputs)for(e in b.outputs=[],c.data.outputs)b.addOutput(c.data.outputs[e][0],c.data.outputs[e][1]);c.data.title&&(b.title=c.data.title);c.data.json&&b.configure(c.data.json)}}m.close()}function c(a){var b=q;q&&q.classList.remove("selected");q?(q=a?q.nextSibling:q.previousSibling)||(q=b):q=a?l.childNodes[0]:l.childNodes[l.childNodes.length];q&&(q.classList.add("selected"),q.scrollIntoView())}function d(){function a(c, -e){var y=document.createElement("div");h||(h=c);y.innerText=c;y.dataset.type=escape(c);y.className="litegraph lite-search-item";e&&(y.className+=" "+e);y.addEventListener("click",function(a){b(unescape(this.dataset.type))});l.appendChild(y)}p=null;var c=r.value;h=null;l.innerHTML="";if(c)if(f.onSearchBox){var e=f.onSearchBox(help,c,s);if(e)for(var y=0;yg.search_limit))break}if(Array.prototype.filter)for(m=Object.keys(k.registered_node_types).filter(function(a){return-1!==a.toLowerCase().indexOf(c)}),y=0;yg.search_limit);y++);else for(y in k.registered_node_types)if(-1!=y.indexOf(c)&&(a(y),-1!==g.search_limit&&e++>g.search_limit))break}}var f=this,m=document.createElement("div");m.className="litegraph litesearchbox graphdialog rounded";m.innerHTML= -"Search
";m.close=function(){f.search_box=null;m.parentNode.removeChild(m)};m.addEventListener("mouseleave",function(a){m.close()});f.search_box&&f.search_box.close();f.search_box=m;var l=m.querySelector(".helper"),h=null,p=null,q=null,r=m.querySelector("input");r&&(r.addEventListener("blur",function(a){this.focus()}),r.addEventListener("keydown",function(a){if(38==a.keyCode)c(!1);else if(40==a.keyCode)c(!0); -else if(27==a.keyCode)m.close();else if(13==a.keyCode)q?b(q.innerHTML):h?b(h):m.close();else{p&&clearInterval(p);p=setTimeout(d,10);return}a.preventDefault();a.stopPropagation()}));var s=g.active_canvas,t=s.canvas,u=t.getBoundingClientRect(),v=-20,y=-20;u&&(v-=u.left,y-=u.top);a?(m.style.left=a.pageX+v+"px",m.style.top=a.pageY+y+"px"):(m.style.left=0.5*t.width+v+"px",m.style.top=0.5*t.height+y+"px");t.parentNode.appendChild(m);r.focus();return m};g.prototype.showEditPropertyValue=function(a,b,c){function g(){f(q.value)} -function f(c){"number"==typeof a.properties[b]&&(c=Number(c));"array"==m&&(c=c.split(",").map(Number));a.properties[b]=c;a._graph&&a._graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(b,c);p.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[b]){c=c||{};var m="string";null!==a.properties[b]&&(m=typeof a.properties[b]);"object"==m&&a.properties[b].length&&(m="array");var l=null;a.getPropertyInfo&&(l=a.getPropertyInfo(b));if(a.properties_info)for(var d=0;d";else if("enum"==m&&l.values){k=""}else if("boolean"==m)k="";else{console.warn("unknown type: "+m);return}var p=this.createDialog(""+b+""+k+"",c);if("enum"==m&&l.values){var q=p.querySelector("select");q.addEventListener("change",function(a){f(a.target.value)})}else if("boolean"==m)(q=p.querySelector("input"))&&q.addEventListener("click",function(a){f(!!q.checked)});else if(q=p.querySelector("input"))q.addEventListener("blur",function(a){this.focus()}),q.value=void 0!==a.properties[b]?a.properties[b]: -"",q.addEventListener("keydown",function(a){13==a.keyCode&&(g(),a.preventDefault(),a.stopPropagation())});p.querySelector("button").addEventListener("click",g)}};g.prototype.createDialog=function(a,b){b=b||{};var c=document.createElement("div");c.className="graphdialog";c.innerHTML=a;var g=this.canvas.getBoundingClientRect(),f=-20,m=-20;g&&(f-=g.left,m-=g.top);b.position?(f+=b.position[0],m+=b.position[1]):b.event?(f+=b.event.pageX,m+=b.event.pageY):(f+=0.5*this.canvas.width,m+=0.5*this.canvas.height); -c.style.left=f+"px";c.style.top=m+"px";this.canvas.parentNode.appendChild(c);c.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return c};g.onMenuNodeCollapse=function(a,b,c,m,f){f.collapse()};g.onMenuNodePin=function(a,b,c,m,f){f.pin()};g.onMenuNodeMode=function(a,b,c,m,f){new k.ContextMenu(["Always","On Event","On Trigger","Never"],{event:c,callback:function(a){if(f)switch(a){case "On Event":f.mode=k.ON_EVENT;break;case "On Trigger":f.mode=k.ON_TRIGGER;break;case "Never":f.mode= -k.NEVER;break;default:f.mode=k.ALWAYS}},parentMenu:m,node:f});return!1};g.onMenuNodeColors=function(a,b,c,m,f){if(!f)throw"no node for color";b=[];b.push({value:null,content:"No color"});for(var d in g.node_colors)a=g.node_colors[d],a={value:d,content:""+d+""},b.push(a);new k.ContextMenu(b,{event:c,callback:function(a){f&& -((a=a.value?g.node_colors[a.value]:null)?f.constructor===k.LGraphGroup?f.color=a.groupcolor:(f.color=a.color,f.bgcolor=a.bgcolor):(delete f.color,delete f.bgcolor),f.setDirtyCanvas(!0,!0))},parentMenu:m,node:f});return!1};g.onMenuNodeShapes=function(a,b,c,m,f){if(!f)throw"no node passed";new k.ContextMenu(k.VALID_SHAPES,{event:c,callback:function(a){f&&(f.shape=a,f.setDirtyCanvas(!0))},parentMenu:m,node:f});return!1};g.onMenuNodeRemove=function(a,b,c,m,f){if(!f)throw"no node passed";!1!==f.removable&& -(f.graph.remove(f),f.setDirtyCanvas(!0,!0))};g.onMenuNodeClone=function(a,b,c,m,f){!1!=f.clonable&&(a=f.clone())&&(a.pos=[f.pos[0]+5,f.pos[1]+5],f.graph.add(a),f.setDirtyCanvas(!0,!0))};g.node_colors={red:{color:"#322",bgcolor:"#533",groupcolor:"#A88"},brown:{color:"#332922",bgcolor:"#593930",groupcolor:"#b06634"},green:{color:"#232",bgcolor:"#353",groupcolor:"#8A8"},blue:{color:"#223",bgcolor:"#335",groupcolor:"#88A"},pale_blue:{color:"#2a363b",bgcolor:"#3f5159",groupcolor:"#3f789e"},cyan:{color:"#233", -bgcolor:"#355",groupcolor:"#8AA"},purple:{color:"#323",bgcolor:"#535",groupcolor:"#a1309b"},yellow:{color:"#432",bgcolor:"#653",groupcolor:"#b58b2a"},black:{color:"#222",bgcolor:"#000",groupcolor:"#444"}};g.prototype.getCanvasMenuOptions=function(){var a=null;this.getMenuOptions?a=this.getMenuOptions():(a=[{content:"Add Node",has_submenu:!0,callback:g.onMenuAdd},{content:"Add Group",callback:g.onGroupAdd}],this._graph_stack&&0Name",f),d=g.querySelector("input");d&&l&&(d.value=l.label);g.querySelector("button").addEventListener("click",function(a){d.value&&(l&&(l.label=d.value),c.setDirty(!0));g.close()})}},extra:a},l=null;a&&(l=a.getSlotInPosition(b.canvasX,b.canvasY),g.active_node=a);l?(f=[],l&&l.output&&l.output.links&&l.output.links.length&&f.push({content:"Disconnect Links",slot:l}),f.push(l.locked?"Cannot remove":{content:"Remove Slot", -slot:l}),f.push(l.nameLocked?"Cannot rename":{content:"Rename Slot",slot:l}),d.title=(l.input?l.input.type:l.output.type)||"*",l.input&&l.input.type==k.ACTION&&(d.title="Action"),l.output&&l.output.type==k.EVENT&&(d.title="Event")):a?f=this.getNodeMenuOptions(a):(f=this.getCanvasMenuOptions(),(l=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&f.push(null,{content:"Edit Group",has_submenu:!0,submenu:{title:"Group",extra:l,options:this.getGroupMenuOptions(l)}}));f&&new k.ContextMenu(f,d,m)};this.CanvasRenderingContext2D&& -(CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,m,f,g){void 0===f&&(f=5);void 0===g&&(g=f);this.moveTo(a+f,b);this.lineTo(a+c-f,b);this.quadraticCurveTo(a+c,b,a+c,b+f);this.lineTo(a+c,b+m-g);this.quadraticCurveTo(a+c,b+m,a+c-g,b+m);this.lineTo(a+g,b+m);this.quadraticCurveTo(a,b+m,a,b+m-g);this.lineTo(a,b+f);this.quadraticCurveTo(a,b,a+f,b)});k.compareObjects=function(a,b){for(var c in a)if(a[c]!=b[c])return!1;return!0};k.distance=q;k.colorToString=function(a){return"rgba("+Math.round(255* -a[0]).toFixed()+","+Math.round(255*a[1]).toFixed()+","+Math.round(255*a[2]).toFixed()+","+(4==a.length?a[3].toFixed(2):"1.0")+")"};k.isInsideRectangle=r;k.growBounding=function(a,b,c){ba[2]&&(a[2]=b);ca[3]&&(a[3]=c)};k.isInsideBounding=function(a,b){return a[0]b[1][0]||a[1]>b[1][1]?!1:!0};k.overlapBounding=s;k.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),c=0,m,f,g=0;6>g;g+=2)m="0123456789ABCDEF".indexOf(a.charAt(g)), -f="0123456789ABCDEF".indexOf(a.charAt(g+1)),b[c]=16*m+f,c++;return b};k.num2hex=function(a){for(var b="#",c,m,f=0;3>f;f++)c=a[f]/16,m=a[f]%16,b+="0123456789ABCDEF".charAt(c)+"0123456789ABCDEF".charAt(m);return b};t.prototype.addItem=function(a,b,c){function m(a){var b=this.value;b&&b.has_submenu&&f.call(this,a)}function f(a){var b=this.value,f=!0;g.current_submenu&&g.current_submenu.close(a);if(c.callback){var m=c.callback.call(this,b,c,a,g,c.node);!0===m&&(f=!1)}if(b&&(b.callback&&!c.ignore_item_callbacks&& -!0!==b.disabled&&(m=b.callback.call(this,b,c,a,g,c.extra),!0===m&&(f=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";new g.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:g,ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,extra:b.submenu.extra,autoopen:c.autoopen});f=!1}f&&!g.lock&&g.close()}var g=this;c=c||{};var l=document.createElement("div");l.className="litemenu-entry submenu";var d=!1;if(null===b)l.classList.add("separator"); -else{l.innerHTML=b&&b.title?b.title:a;if(l.value=b)b.disabled&&(d=!0,l.classList.add("disabled")),(b.submenu||b.has_submenu)&&l.classList.add("has_submenu");"function"==typeof b?(l.dataset.value=a,l.onclick_callback=b):l.dataset.value=b;b.className&&(l.className+=" "+b.className)}this.root.appendChild(l);d||l.addEventListener("click",f);c.autoopen&&l.addEventListener("mouseenter",m);return l};t.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&&!t.isCursorOverElement(a,this.parentMenu.root)&&t.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0)};t.trigger=function(a,b,c,m){var f=document.createEvent("CustomEvent");f.initCustomEvent(b,!0,!0,c);f.srcElement=m;a.dispatchEvent?a.dispatchEvent(f):a.__events&&a.__events.dispatchEvent(f);return f};t.prototype.getTopMenu=function(){return this.options.parentMenu? -this.options.parentMenu.getTopMenu():this};t.prototype.getFirstEvent=function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event};t.isCursorOverElement=function(a,b){var c=a.pageX,m=a.pageY,f=b.getBoundingClientRect();return f?m>f.top&&mf.left&&ca?c:ethis.size[0]-m.NODE_TITLE_HEIGHT&&0>a[1]){var e=this;setTimeout(function(){b.openSubgraph(e.subgraph)},10)}};d.prototype.onSubgraphNewGlobalInput=function(c,a){this.addInput(c,a)};d.prototype.onSubgraphRenamedGlobalInput=function(c,a){var b=this.findInputSlot(c);-1!=b&&(this.getInputInfo(b).name=a)};d.prototype.onSubgraphTypeChangeGlobalInput=function(c,a){var b=this.findInputSlot(c);-1!=b&&(this.getInputInfo(b).type=a)};d.prototype.onSubgraphNewGlobalOutput=function(c, -a){this.addOutput(c,a)};d.prototype.onSubgraphRenamedGlobalOutput=function(c,a){var b=this.findOutputSlot(c);-1!=b&&(this.getOutputInfo(b).name=a)};d.prototype.onSubgraphTypeChangeGlobalOutput=function(c,a){var b=this.findOutputSlot(c);-1!=b&&(this.getOutputInfo(b).type=a)};d.prototype.getExtraMenuOptions=function(c){var a=this;return[{content:"Open",callback:function(){c.openSubgraph(a.subgraph)}}]};d.prototype.onResize=function(c){c[1]+=20};d.prototype.onExecute=function(){if(this.inputs)for(var c= -0;ca[1]))return this.old_y=c.canvasY,this.captureInput(!0),this.mouse_captured=!0};p.prototype.onMouseMove=function(c){if(this.mouse_captured){var a=this.old_y-c.canvasY;c.shiftKey&&(a*=10);if(c.metaKey||c.altKey)a*=0.1;this.old_y=c.canvasY;c=this._remainder+a/p.pixels_threshold;this._remainder=c%1;c=Math.clamp(this.properties.value+(c|0)*this.properties.step,this.properties.min,this.properties.max);this.properties.value=c;this.graph._version++; -this.setDirtyCanvas(!0)}};p.prototype.onMouseUp=function(c,a){200>c.click_time&&(this.properties.value=Math.clamp(this.properties.value+(a[1]>0.5*this.size[1]?-1:1)*this.properties.step,this.properties.min,this.properties.max),this.graph._version++,this.setDirtyCanvas(!0));this.mouse_captured&&(this.mouse_captured=!1,this.captureInput(!1))};m.registerNodeType("widget/number",p);g.title="Knob";g.desc="Circular controller";g.widgets=[{name:"increase",text:"+",type:"minibutton"},{name:"decrease",text:"-", -type:"minibutton"}];g.prototype.onAdded=function(){this.value=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min);this.imgbg=this.loadImage("imgs/knob_bg.png");this.imgfg=this.loadImage("imgs/knob_fg.png")};g.prototype.onDrawImageKnob=function(c){if(this.imgfg&&this.imgfg.width){var a=0.5*this.imgbg.width,b=this.size[0]/this.imgfg.width;c.save();c.translate(0,20);c.scale(b,b);c.drawImage(this.imgbg,0,0);c.translate(a,a);c.rotate(2*this.value*Math.PI*6/8+10*Math.PI/ -8);c.translate(-a,-a);c.drawImage(this.imgfg,0,0);c.restore();this.title&&(c.font="bold 16px Criticized,Tahoma",c.fillStyle="rgba(100,100,100,0.8)",c.textAlign="center",c.fillText(this.title.toUpperCase(),0.5*this.size[0],18),c.textAlign="left")}};g.prototype.onDrawVectorKnob=function(c){if(this.imgfg&&this.imgfg.width){c.lineWidth=1;c.strokeStyle=this.mouseOver?"#FFF":"#AAA";c.fillStyle="#000";c.beginPath();c.arc(0.5*this.size[0],0.5*this.size[1]+10,0.5*this.properties.size,0,2*Math.PI,!0);c.stroke(); -0c.canvasY-this.pos[1]||m.distance([c.canvasX,c.canvasY],[this.pos[0]+this.center[0],this.pos[1]+this.center[1]])>this.radius)return!1;this.oldmouse=[c.canvasX-this.pos[0],c.canvasY-this.pos[1]];this.captureInput(!0); -return!0}};g.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)}};g.prototype.onMouseUp=function(c){this.oldmouse&&(this.oldmouse=null,this.captureInput(!1))};g.prototype.onMouseLeave=function(c){};g.prototype.onPropertyChanged=function(c, -a){if("wcolor"==c)this.properties[c]=a;else if("size"==c)a=parseInt(a),this.properties[c]=a,this.size=[a+4,a+24],this.setDirtyCanvas(!0,!0);else if("min"==c||"max"==c||"value"==c)this.properties[c]=parseFloat(a);else return!1;return!0};m.registerNodeType("widget/knob",g);q.title="Internal Slider";q.prototype.onPropertyChanged=function(c,a){"value"==c&&(this.slider.value=a)};q.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};m.registerNodeType("widget/internal_slider",q); -r.title="H.Slider";r.desc="Linear slider controller";r.prototype.onAdded=function(){this.value=0.5;this.imgfg=this.loadImage("imgs/slider_fg.png")};r.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())};r.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))};r.prototype.onDrawForeground=function(c){this.onDrawImage(c)};r.prototype.onExecute=function(){this.properties.value=this.properties.min+ -(this.properties.max-this.properties.min)*this.value;this.setOutputData(0,this.properties.value);this.boxcolor=m.colorToString([this.value,this.value,this.value])};r.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};r.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)}};r.prototype.onMouseUp=function(c){this.oldmouse=null;this.captureInput(!1)};r.prototype.onMouseLeave=function(c){};r.prototype.onPropertyChanged=function(c,a){if("wcolor"==c)this.properties[c]=a;else return!1;return!0};m.registerNodeType("widget/hslider",r);s.title="Progress";s.desc="Shows data in linear progress";s.prototype.onExecute=function(){var c=this.getInputData(0);void 0!=c&&(this.properties.value=c)};s.prototype.onDrawForeground= -function(c){c.lineWidth=1;c.fillStyle=this.properties.wcolor;var a=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),a=Math.min(1,a),a=Math.max(0,a);c.fillRect(2,2,(this.size[0]-4)*a,this.size[1]-4)};m.registerNodeType("widget/progress",s);t.title="Text";t.desc="Shows the input value";t.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"led_text",text:"LED",type:"minibutton"},{name:"normal_text",text:"Normal",type:"minibutton"}];t.prototype.onDrawForeground= -function(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"};t.prototype.onExecute=function(){var c=this.getInputData(0);null!=c&&(this.properties.value=c)};t.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;ag?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(g[d]){d=g[d];g=this.xbox_mapping;g||(g=this.xbox_mapping= -{axes:[],buttons:{},hat:""});g.axes.lx=d.axes[0];g.axes.ly=d.axes[1];g.axes.rx=d.axes[2];g.axes.ry=d.axes[3];g.axes.ltrigger=d.buttons[6].value;g.axes.rtrigger=d.buttons[7].value;for(var h=0;h","string",{values:f.values});this.size=[60,40]}function n(){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 w(){this.addInput("x","number");this.addInput("y","number");this.addOutput("","number");this.properties={x:1,y:1,formula:"x+y"};this.addWidget("toggle","allow",v.allow_scripts,function(a){v.allow_scripts=a});this._func=null}function x(){this.addInput("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function z(){this.addInputs([["x","number"],["y","number"]]);this.addOutput("vec2","vec2");this.properties={x:0,y:0};this._data=new Float32Array(2)}function A(){this.addInput("vec3", -"vec3");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number")}function D(){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 E(){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 v=u.LiteGraph;h.title="Converter";h.desc="type A to type B";h.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a&&this.outputs)for(var c=0;cb&&(this._current=0);for(var c=a=0;cb&&(b=1);this.properties.samples=Math.round(b);var c=this._values;this._values=new Float32Array(this.properties.samples);c.length<= -this._values.length?this._values.set(c):this._values.set(c.subarray(0,this._values.length))};v.registerNodeType("math/average",a);b.title="TendTo";b.desc="moves the output value always closer to the input";b.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.factor;this._value=null==this._value?a:this._value*(1-b)+a*b;this.setOutputData(0,this._value)};v.registerNodeType("math/tendTo",b);e.values="+-*/%^".split("");e.title="Operation";e.desc="Easy math operators"; -e["@OP"]={type:"enum",title:"operation",values:e.values};e.prototype.getTitle=function(){return"A "+this.properties.OP+" B"};e.prototype.setValue=function(a){"string"==typeof a&&(a=parseFloat(a));this.properties.value=a};e.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);null!=a?this.properties.A=a:a=this.properties.A;null!=b?this.properties.B=b:b=this.properties.B;var c=0;switch(this.properties.OP){case "+":c=a+b;break;case "-":c=a-b;break;case "x":case "X":case "*":c= -a*b;break;case "/":c=a/b;break;case "%":c=a%b;break;case "^":c=Math.pow(a,b);break;default:console.warn("Unknown operation: "+this.properties.OP)}this.setOutputData(0,c)};e.prototype.onDrawBackground=function(a){this.flags.collapsed||(a.font="40px Arial",a.fillStyle="#CCC",a.textAlign="center",a.fillText(this.properties.OP,0.5*this.size[0],0.35*this.size[1]+v.NODE_TITLE_HEIGHT),a.textAlign="left")};v.registerNodeType("math/operation",e);B.title="Compare";B.desc="compares between two values";B.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)}}};B.prototype.onGetOutputs=function(){return[["A==B", -"boolean"],["A!=B","boolean"],["A>B","boolean"],["A=B","boolean"],["A<=B","boolean"]]};v.registerNodeType("math/compare",B);v.registerSearchboxExtra("math/compare","==",{outputs:[["A==B","boolean"]],title:"A==B"});v.registerSearchboxExtra("math/compare","!=",{outputs:[["A!=B","boolean"]],title:"A!=B"});v.registerSearchboxExtra("math/compare",">",{outputs:[["A>B","boolean"]],title:"A>B"});v.registerSearchboxExtra("math/compare","<",{outputs:[["A=",{outputs:[["A>=B","boolean"]],title:"A>=B"});v.registerSearchboxExtra("math/compare","<=",{outputs:[["A<=B","boolean"]],title:"A<=B"});f.values="> < == != <= >=".split(" ");f["@OP"]={type:"enum",title:"operation",values:f.values};f.title="Condition";f.desc="evaluates condition between A and B";f.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)};v.registerNodeType("math/condition",f);n.title="Accumulate";n.desc="Increments a value every time";n.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)}; -v.registerNodeType("math/accumulate",n);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 e=this.properties.offset,c=this.findInputSlot("offset");-1!=c&&(e=this.getInputData(c));for(var c=0,f=this.outputs.length;cXY";x.desc="vector 2 to components";x.prototype.onExecute= -function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]))};v.registerNodeType("math3d/vec2-to-xyz",x);z.title="XY->Vec2";z.desc="components to vector2";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._data;c[0]=a;c[1]=b;this.setOutputData(0,c)};v.registerNodeType("math3d/xy-to-vec2",z);A.title="Vec3->XYZ";A.desc="vector 3 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]))};v.registerNodeType("math3d/vec3-to-xyz",A);D.title="XYZ->Vec3";D.desc="components to vector3";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 e=this._data;e[0]=a;e[1]=b;e[2]=c;this.setOutputData(0,e)};v.registerNodeType("math3d/xyz-to-vec3", -D);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]))};v.registerNodeType("math3d/vec4-to-xyzw",C);E.title="XYZW->Vec4";E.desc="components to vector4";E.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2); -null==c&&(c=this.properties.z);var e=this.getInputData(3);null==e&&(e=this.properties.w);var f=this._data;f[0]=a;f[1]=b;f[2]=c;f[3]=e;this.setOutputData(0,f)};v.registerNodeType("math3d/xyzw-to-vec4",E);u.glMatrix&&(u=function(){this.addOutput("quat","quat");this.properties={x:0,y:0,z:0,w:1};this._value=quat.create()},u.title="Quaternion",u.desc="quaternion",u.prototype.onExecute=function(){this._value[0]=this.properties.x;this._value[1]=this.properties.y;this._value[2]=this.properties.z;this._value[3]= -this.properties.w;this.setOutputData(0,this._value)},v.registerNodeType("math3d/quaternion",u),u=function(){this.addInputs([["degrees","number"],["axis","vec3"]]);this.addOutput("quat","quat");this.properties={angle:90,axis:vec3.fromValues(0,1,0)};this._value=quat.create()},u.title="Rotation",u.desc="quaternion rotation",u.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.angle);var b=this.getInputData(1);null==b&&(b=this.properties.axis);a=quat.setAxisAngle(this._value, -b,0.0174532925*a);this.setOutputData(0,a)},v.registerNodeType("math3d/rotation",u),u=function(){this.addInputs([["vec3","vec3"],["quat","quat"]]);this.addOutput("result","vec3");this.properties={vec:[0,0,1]}},u.title="Rot. Vec3",u.desc="rotate a point",u.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.vec);var b=this.getInputData(1);null==b?this.setOutputData(a):this.setOutputData(0,vec3.transformQuat(vec3.create(),a,b))},v.registerNodeType("math3d/rotate_vec3", -u),u=function(){this.addInputs([["A","quat"],["B","quat"]]);this.addOutput("A*B","quat");this._value=quat.create()},u.title="Mult. Quat",u.desc="rotate quaternion",u.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);null!=b&&(a=quat.multiply(this._value,a,b),this.setOutputData(0,a))}},v.registerNodeType("math3d/mult-quat",u),u=function(){this.addInputs([["A","quat"],["B","quat"],["factor","number"]]);this.addOutput("slerp","quat");this.addProperty("factor", -0.5);this._value=quat.create()},u.title="Quat Slerp",u.desc="quaternion spherical interpolation",u.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);if(null!=b){var c=this.properties.factor;null!=this.getInputData(2)&&(c=this.getInputData(2));a=quat.slerp(this._value,a,b,c);this.setOutputData(0,a)}}},v.registerNodeType("math3d/quat-slerp",u))})(this); -(function(u){function h(){this.addInput("sel","boolean");this.addOutput("value","number");this.properties={A:0,B:1};this.size=[60,20]}u=u.LiteGraph;h.title="Selector";h.desc="outputs A if selector is true, B if selector is false";h.prototype.onExecute=function(){var d=this.getInputData(0);if(void 0!==d){for(var h=1;hc;++c){var a=this.getInputData(c);if(null!=a){var b=this.values[c];b.push(a);b.length>d[0]&&b.shift()}}}};h.prototype.onDrawBackground=function(d){if(!this.flags.collapsed){var c=this.size,a=0.5*c[1]/this.properties.scale,b=h.colors,e=0.5*c[1];d.fillStyle="#000";d.fillRect(0,0,c[0],c[1]);d.strokeStyle= -"#555";d.beginPath();d.moveTo(0,e);d.lineTo(c[0],e);d.stroke();if(this.inputs)for(var g=0;4>g;++g){var f=this.values[g];if(this.inputs[g]&&this.inputs[g].link){d.strokeStyle=b[g];d.beginPath();var k=f[0]*a*-1+e;d.moveTo(0,Math.clamp(k,0,c[1]));for(var l=1;lc&&(c=0);if(0!=d.length){var a=[0,0,0];if(0==c)a=d[0];else if(1==c)a=d[d.length-1];else{var b=(d.length-1)*c,c=d[Math.floor(b)],d=d[Math.floor(b)+1],b=b-Math.floor(b);a[0]=c[0]*(1-b)+d[0]*b;a[1]=c[1]*(1-b)+d[1]*b;a[2]=c[2]*(1-b)+d[2]*b}for(var e in a)a[e]/=255;this.boxcolor=colorToString(a);this.setOutputData(0,a)}};k.registerNodeType("color/palette", -p);g.title="Frame";g.desc="Frame viewerew";g.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"view",text:"View Image",type:"button"}];g.prototype.onDrawBackground=function(d){this.frame&&d.drawImage(this.frame,0,0,this.size[0],this.size[1])};g.prototype.onExecute=function(){this.frame=this.getInputData(0);this.setDirtyCanvas(!0)};g.prototype.onWidget=function(d,c){if("resize"==c.name&&this.frame){var a=this.frame.width,b=this.frame.height;a||null==this.frame.videoWidth||(a=this.frame.videoWidth, -b=this.frame.videoHeight);a&&b&&(this.size=[a,b]);this.setDirtyCanvas(!0,!0)}else"view"==c.name&&this.show()};g.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};k.registerNodeType("graphics/frame",g);q.title="Image fade";q.desc="Fades between images";q.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];q.prototype.onAdded=function(){this.createCanvas();var d=this.canvas.getContext("2d");d.fillStyle="#000";d.fillRect(0, -0,this.properties.width,this.properties.height)};q.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};q.prototype.onExecute=function(){var d=this.canvas.getContext("2d");this.canvas.width=this.canvas.width;var c=this.getInputData(0);null!=c&&d.drawImage(c,0,0,this.canvas.width,this.canvas.height);c=this.getInputData(2);null==c?c=this.properties.fade:this.properties.fade=c;d.globalAlpha=c; -c=this.getInputData(1);null!=c&&d.drawImage(c,0,0,this.canvas.width,this.canvas.height);d.globalAlpha=1;this.setOutputData(0,this.canvas);this.setDirtyCanvas(!0)};k.registerNodeType("graphics/imagefade",q);r.title="Crop";r.desc="Crop Image";r.prototype.onAdded=function(){this.createCanvas()};r.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};r.prototype.onExecute=function(){var d=this.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))};r.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])};r.prototype.onPropertyChanged=function(d,c){this.properties[d]=c;"scale"==d?(this.properties[d]=parseFloat(c), -0==this.properties[d]&&(this.trace("Error in scale"),this.properties[d]=1)):this.properties[d]=parseInt(c);this.createCanvas();return!0};k.registerNodeType("graphics/cropImage",r);s.title="Video";s.desc="Video playback";s.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"}];s.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)}};s.prototype.onStart=function(){this.play()};s.prototype.onStop=function(){this.stop()};s.prototype.loadVideo=function(d){this._video_url=d;this.properties.use_proxy&& -"http"==d.substr(0,4)&&k.proxy&&(d=k.proxy+d.substr(d.indexOf(":")+3));this._video=document.createElement("video");this._video.src=d;this._video.type="type=video/mp4";this._video.muted=!0;this._video.autoplay=!0;var c=this;this._video.addEventListener("loadedmetadata",function(a){c.trace("Duration: "+this.duration+" seconds");c.trace("Size: "+this.videoWidth+","+this.videoHeight);c.setDirtyCanvas(!0);this.width=this.videoWidth;this.height=this.videoHeight});this._video.addEventListener("progress", -function(a){});this._video.addEventListener("error",function(a){console.log("Error loading video: "+this.src);c.trace("Error loading video: "+this.src);if(this.error)switch(this.error.code){case this.error.MEDIA_ERR_ABORTED:c.trace("You stopped the video.");break;case this.error.MEDIA_ERR_NETWORK:c.trace("Network error - please try again later.");break;case this.error.MEDIA_ERR_DECODE:c.trace("Video is broken..");break;case this.error.MEDIA_ERR_SRC_NOT_SUPPORTED:c.trace("Sorry, your browser can't play this video.")}}); -this._video.addEventListener("ended",function(a){c.trace("Ended.");this.play()})};s.prototype.onPropertyChanged=function(d,c){this.properties[d]=c;"url"==d&&""!=c&&this.loadVideo(c);return!0};s.prototype.play=function(){this._video&&this._video.play()};s.prototype.playPause=function(){this._video&&(this._video.paused?this.play():this.pause())};s.prototype.stop=function(){this._video&&(this._video.pause(),this._video.currentTime=0)};s.prototype.pause=function(){this._video&&(this.trace("Video paused"), -this._video.pause())};s.prototype.onWidget=function(d,c){};k.registerNodeType("graphics/video",s);t.title="Webcam";t.desc="Webcam image";t.prototype.openStream=function(){function d(a){console.log("Webcam rejected",a);c._webcam_stream=!1;c.boxcolor="red";c.trigger("stream_error")}if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.mediaDevices.getUserMedia({audio:!1,video:{facingMode:this.properties.facingMode}}).then(this.streamReady.bind(this))["catch"](d);var c=this}};t.prototype.closeStream= -function(){if(this._webcam_stream){var d=this._webcam_stream.getTracks();if(d.length)for(var c=0;c=this.size[1]||!this.properties.show||!this._video||(d.save(),d.drawImage(this._video,0,0,this.size[0],this.size[1]),d.restore())};t.prototype.onGetOutputs=function(){return[["width", -"number"],["height","number"],["stream_ready",k.EVENT],["stream_closed",k.EVENT],["stream_error",k.EVENT]]};k.registerNodeType("graphics/webcam",t)})(this); -(function(u){var h=u.LiteGraph;u.LGraphTexture=null;if("undefined"!=typeof GL){LGraphCanvas.link_type_colors.Texture="#AEF";var d=function(){this.addOutput("Texture","Texture");this.properties={name:"",filter:!0};this.size=[d.image_preview_size,d.image_preview_size]};u.LGraphTexture=d;d.title="Texture";d.desc="Texture";d.widgets_info={name:{widget:"texture"},filter:{widget:"checkbox"}};d.loadTextureCallback=null;d.image_preview_size=256;d.PASS_THROUGH=1;d.COPY=2;d.LOW=3;d.HIGH=4;d.REUSE=5;d.DEFAULT= -2;d.MODE_VALUES={"pass through":d.PASS_THROUGH,copy:d.COPY,low:d.LOW,high:d.HIGH,reuse:d.REUSE,"default":d.DEFAULT};d.getTexturesContainer=function(){return gl.textures};d.loadTexture=function(a,b){b=b||{};var c=a;"http://"==c.substr(0,7)&&h.proxy&&(c=h.proxy+c.substr(7));return d.getTexturesContainer()[a]=GL.Texture.fromURL(c,b)};d.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};d.getTargetTexture=function(a,b,c){if(!a)throw"LGraphTexture.getTargetTexture expects a reference texture";var e=null;switch(c){case d.LOW:e=gl.UNSIGNED_BYTE;break;case d.HIGH:e=gl.HIGH_PRECISION_FORMAT;break;case d.REUSE:return a;default:e=a?a.type:gl.UNSIGNED_BYTE}b&&b.width==a.width&&b.height==a.height&&b.type==e||(b=new GL.Texture(a.width,a.height,{type:e,format:gl.RGBA,filter:gl.LINEAR}));return b};d.getTextureType=function(a,b){var c=b?b.type:gl.UNSIGNED_BYTE;switch(a){case d.HIGH:c=gl.HIGH_PRECISION_FORMAT; -break;case d.LOW:c=gl.UNSIGNED_BYTE}return c};d.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})};d.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=""};d.prototype.getExtraMenuOptions=function(a){var b=this;if(this._drop_texture)return[{content:"Clear",callback:function(){b._drop_texture=null;b.properties.name=""}}]};d.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=d.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=d.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())}};d.generateLowResTexturePreview= -function(a){if(!a)return null;var b=d.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};d.prototype.getResources=function(a){a[this.properties.name]=GL.Texture;return a};d.prototype.onGetInputs=function(){return[["in","Texture"]]};d.prototype.onGetOutputs= -function(){return[["width","number"],["height","number"],["aspect","number"]]};h.registerNodeType("texture/texture",d);var p=function(){this.addInput("Texture","Texture");this.properties={flipY:!1};this.size=[d.image_preview_size,d.image_preview_size]};p.title="Preview";p.desc="Show a texture in the graph canvas";p.allow_preview=!1;p.prototype.onDrawBackground=function(a){if(!this.flags.collapsed&&(a.webgl||p.allow_preview)){var b=this.getInputData(0);if(b){var c=null,c=!b.handle&&a.webgl?b:d.generateLowResTexturePreview(b); -a.save();this.properties.flipY&&(a.translate(0,this.size[1]),a.scale(1,-1));a.drawImage(c,0,0,this.size[0],this.size[1]);a.restore()}}};h.registerNodeType("texture/preview",p);var g=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={name:""}};g.title="Save";g.desc="Save a texture in the repository";g.prototype.onExecute=function(){var a=this.getInputData(0);a&&(this.properties.name&&(d.storeTexture?d.storeTexture(this.properties.name,a):d.getTexturesContainer()[this.properties.name]= -a),this.setOutputData(0,a))};h.registerNodeType("texture/save",g);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:d.DEFAULT}};q.widgets_info={uvcode:{widget:"textarea",height:100},pixelcode:{widget:"textarea",height:100},precision:{widget:"combo",values:d.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===d.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1);if(this.properties.uvcode||this.properties.pixelcode){var c=512,e=512;a?(c=a.width,e=a.height):b&&(c=b.width,e=b.height);var f=d.getTextureType(this.properties.precision, -a);this._tex=a||this._tex?d.getTargetTexture(a||this._tex,this._tex,this.properties.precision):new GL.Texture(c,e,{type:f,format:gl.RGBA,filter:gl.LINEAR});f="";this.properties.uvcode&&(f="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(f=this.properties.uvcode));var g="";this.properties.pixelcode&&(g="result = "+this.properties.pixelcode,-1!=this.properties.pixelcode.indexOf(";")&&(g=this.properties.pixelcode));var l=this._shader;if(!l||this._shader_code!=f+"|"+g){try{this._shader= -new GL.Shader(Shader.SCREEN_VERTEX_SHADER,q.pixel_shader,{UV_CODE:f,PIXEL_CODE:g}),this.boxcolor="#00FF00"}catch(h){console.log("Error compiling shader: ",h);this.boxcolor="#FF0000";return}this.boxcolor="#FF0000";this._shader_code=f+"|"+g;l=this._shader}if(l){this.boxcolor="green";var k=this.getInputData(2);null!=k?this.properties.value=k:k=parseFloat(this.properties.value);var m=this.graph.getTime();this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND); -a&&a.bind(0);b&&b.bind(1);var d=Mesh.getScreenQuad();l.uniforms({u_texture:0,u_textureB:1,value:k,texSize:[c,e],time:m}).draw(d)});this.setOutputData(0,this._tex)}else this.boxcolor="red"}}};q.pixel_shader="precision highp float;\n\t\t\t\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform vec2 texSize;\n\t\t\tuniform float time;\n\t\t\tuniform float value;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord;\n\t\t\t\tUV_CODE;\n\t\t\t\tvec4 color4 = texture2D(u_texture, uv);\n\t\t\t\tvec3 color = color4.rgb;\n\t\t\t\tvec4 color4B = texture2D(u_textureB, uv);\n\t\t\t\tvec3 colorB = color4B.rgb;\n\t\t\t\tvec3 result = color;\n\t\t\t\tfloat alpha = 1.0;\n\t\t\t\tPIXEL_CODE;\n\t\t\t\tgl_FragColor = vec4(result, alpha);\n\t\t\t}\n\t\t\t"; -h.registerNodeType("texture/operation",q);var r=function(){this.addOutput("out","Texture");this.properties={code:"",width:512,height:512,precision:d.DEFAULT};this.properties.code="\nvoid main() {\n vec2 uv = v_coord;\n vec3 color = vec3(0.0);\n//your code here\n\ngl_FragColor = vec4(color, 1.0);\n}\n";this._uniforms={in_texture:0,texSize:vec2.create(),time:0}};r.title="Shader";r.desc="Texture shader";r.widgets_info={code:{type:"code"},precision:{widget:"combo",values:d.MODE_VALUES}};r.prototype.onPropertyChanged= -function(a,b){if("code"==a){var c=this.getShader();if(c){var d=c.uniformInfo;if(this.inputs)for(var e={},f=0;f lumaMax))\n\t\t\t\t\tcolor = vec4(rgbA, 1.0);\n\t\t\t\telse\n\t\t\t\t\tcolor = vec4(rgbB, 1.0);\n\t\t\t\tif(u_igamma != 1.0)\n\t\t\t\t\tcolor.xyz = pow( color.xyz, vec3(u_igamma) );\n\t\t\t\treturn color;\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = applyFXAA( u_texture, v_coord * uViewportSize) ;\n\t\t\t}\n\t\t\t"; -k.gamma_pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_igamma;\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D( u_texture, v_coord);\n\t\t\t\tcolor.xyz = pow(color.xyz, vec3(u_igamma) );\n\t\t\t gl_FragColor = color;\n\t\t\t}\n\t\t\t";h.registerNodeType("texture/toviewport",k);g=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={size:0,generate_mipmaps:!1, -precision:d.DEFAULT}};g.title="Copy";g.desc="Copy Texture";g.widgets_info={size:{widget:"combo",values:[0,32,64,128,256,512,1024,2048]},precision:{widget:"combo",values:d.MODE_VALUES}};g.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 e=this._temp_texture,f=a.type;this.properties.precision===d.LOW?f=gl.UNSIGNED_BYTE:this.properties.precision===d.HIGH&& -(f=gl.HIGH_PRECISION_FORMAT);e&&e.width==b&&e.height==c&&e.type==f||(e=gl.LINEAR,this.properties.generate_mipmaps&&isPowerOfTwo(b)&&isPowerOfTwo(c)&&(e=gl.LINEAR_MIPMAP_LINEAR),this._temp_texture=new GL.Texture(b,c,{type:f,format:gl.RGBA,minFilter:e,magFilter:gl.LINEAR}));a.copyTo(this._temp_texture);this.properties.generate_mipmaps&&(this._temp_texture.bind(0),gl.generateMipmap(this._temp_texture.texture_type),this._temp_texture.unbind(0))}this.setOutputData(0,this._temp_texture)}};h.registerNodeType("texture/copy", -g);var m=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={iterations:1,generate_mipmaps:!1,precision:d.DEFAULT}};m.title="Downsample";m.desc="Downsample Texture";m.widgets_info={iterations:{type:"number",step:1,precision:0,min:1},precision:{widget:"combo",values:d.MODE_VALUES}};m.prototype.onExecute=function(){var a=this.getInputData(0);if((a||this._temp_texture)&&this.isOutputConnected(0)&&a&&a.texture_type===GL.TEXTURE_2D){var b=m._shader;b||(m._shader= -b=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,m.pixel_shader));var c=a.width|0,e=a.height|0,f=a.type;this.properties.precision===d.LOW?f=gl.UNSIGNED_BYTE:this.properties.precision===d.HIGH&&(f=gl.HIGH_PRECISION_FORMAT);var g=this.properties.iterations||1,l=a,h=null,k=[],a={type:f,format:a.format},f=vec2.create(),n={u_offset:f};this._texture&&GL.Texture.releaseTemporary(this._texture);for(var p=0;p>1||0;e=e>>1||0;h=GL.Texture.getTemporary(c,e,a);k.push(h);l.setParameter(GL.TEXTURE_MAG_FILTER, -GL.NEAREST);l.copyTo(h,b,n);if(1==c&&1==e)break;l=h}this._texture=k.pop();for(p=0;pd;++d)b[d]=Math.random();c._shader.uniforms({u_samples_a:b.subarray(0,16),u_samples_b:b.subarray(16,32)})}d=this._temp_texture;b=gl.UNSIGNED_BYTE;a.type!=b&&(b=gl.FLOAT);d&&d.type==b||(this._temp_texture=new GL.Texture(1,1,{type:b,format:gl.RGBA,filter:gl.NEAREST})); -var e=c._shader,f=this._uniforms;f.u_mipmap_offset=this.properties.mipmap_offset;this._temp_texture.drawTo(function(){a.toViewport(e,f)});this.setOutputData(0,this._temp_texture);if(this.isOutputConnected(1)||this.isOutputConnected(2))if(d=this._temp_texture.getPixels()){var g=this._luminance,b=this._temp_texture.type;g.set(d);b==gl.UNSIGNED_BYTE?vec4.scale(g,g,1/255):b!=GL.HALF_FLOAT&&b!=GL.HALF_FLOAT_OES||vec4.scale(g,g,1/65025);this.setOutputData(1,g);this.setOutputData(2,(g[0]+g[1]+g[2])/3)}}}; -c.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tuniform mat4 u_samples_a;\n\t\t\tuniform mat4 u_samples_b;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_mipmap_offset;\n\t\t\tvarying vec2 v_coord;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = vec4(0.0);\n\t\t\t\tfor(int i = 0; i < 4; ++i)\n\t\t\t\t\tfor(int j = 0; j < 4; ++j)\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( u_samples_a[i][j], u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], 1.0 - u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\t}\n\t\t\t gl_FragColor = color * 0.03125;\n\t\t\t}\n\t\t\t"; -h.registerNodeType("texture/average",c);g=function(){this.addInput("Image","image");this.addOutput("","Texture");this.properties={}};g.title="Image to Texture";g.desc="Uploads an image to the GPU";g.prototype.onExecute=function(){var a=this.getInputData(0);if(a){var b=a.videoWidth||a.width,c=a.videoHeight||a.height;if(a.gltexture)this.setOutputData(0,a.gltexture);else{var d=this._temp_texture;d&&d.width==b&&d.height==c||(this._temp_texture=new GL.Texture(b,c,{format:gl.RGBA,filter:gl.LINEAR}));try{this._temp_texture.uploadImage(a)}catch(e){console.error("image comes from an unsafe location, cannot be uploaded to webgl: "+ -e);return}this.setOutputData(0,this._temp_texture)}}};h.registerNodeType("texture/imageToTexture",g);var a=function(){this.addInput("Texture","Texture");this.addInput("LUT","Texture");this.addInput("Intensity","number");this.addOutput("","Texture");this.properties={intensity:1,precision:d.DEFAULT,texture:null};a._shader||(a._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,a.pixel_shader))};a.widgets_info={texture:{widget:"texture"},precision:{widget:"combo",values:d.MODE_VALUES}};a.title="LUT";a.desc= -"Apply LUT to Texture";a.prototype.onExecute=function(){if(this.isOutputConnected(0)){var b=this.getInputData(0);if(this.properties.precision===d.PASS_THROUGH)this.setOutputData(0,b);else if(b){var c=this.getInputData(1);c||(c=d.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 e=this.properties.intensity;this.isInputConnected(2)&&(this.properties.intensity=e=this.getInputData(2));this._tex=d.getTargetTexture(b,this._tex,this.properties.precision);this._tex.drawTo(function(){c.bind(1);b.toViewport(a._shader,{u_texture:0,u_textureB:1,u_amount:e})});this.setOutputData(0,this._tex)}else this.setOutputData(0,b)}}};a.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform float u_amount;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\t lowp vec4 textureColor = clamp( texture2D(u_texture, v_coord), vec4(0.0), vec4(1.0) );\n\t\t\t\t mediump float blueColor = textureColor.b * 63.0;\n\t\t\t\t mediump vec2 quad1;\n\t\t\t\t quad1.y = floor(floor(blueColor) / 8.0);\n\t\t\t\t quad1.x = floor(blueColor) - (quad1.y * 8.0);\n\t\t\t\t mediump vec2 quad2;\n\t\t\t\t quad2.y = floor(ceil(blueColor) / 8.0);\n\t\t\t\t quad2.x = ceil(blueColor) - (quad2.y * 8.0);\n\t\t\t\t highp vec2 texPos1;\n\t\t\t\t texPos1.x = (quad1.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t\t texPos1.y = 1.0 - ((quad1.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t\t highp vec2 texPos2;\n\t\t\t\t texPos2.x = (quad2.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t\t texPos2.y = 1.0 - ((quad2.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t\t lowp vec4 newColor1 = texture2D(u_textureB, texPos1);\n\t\t\t\t lowp vec4 newColor2 = texture2D(u_textureB, texPos2);\n\t\t\t\t lowp vec4 newColor = mix(newColor1, newColor2, fract(blueColor));\n\t\t\t\t gl_FragColor = vec4( mix( textureColor.rgb, newColor.rgb, u_amount), textureColor.w);\n\t\t\t}\n\t\t\t"; -h.registerNodeType("texture/LUT",a);var b=function(){this.addInput("Texture","Texture");this.addOutput("R","Texture");this.addOutput("G","Texture");this.addOutput("B","Texture");this.addOutput("A","Texture");this.properties={};b._shader||(b._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,b.pixel_shader))};b.title="Texture to Channels";b.desc="Split texture channels";b.prototype.onExecute=function(){var a=this.getInputData(0);if(a){this._channels||(this._channels=Array(4));for(var c=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})),c++):this._channels[d]=null;if(c){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);for(var e=Mesh.getScreenQuad(),f=b._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]))}}};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 vec4 u_mask;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = vec4( vec3( length( texture2D(u_texture, v_coord) * u_mask )), 1.0 );\n\t\t\t}\n\t\t\t";h.registerNodeType("texture/textureChannels",b);var e=function(){this.addInput("R","Texture");this.addInput("G","Texture");this.addInput("B","Texture");this.addInput("A", -"Texture");this.addOutput("Texture","Texture");this.properties={};e._shader||(e._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,e.pixel_shader))};e.title="Channels to Texture";e.desc="Split texture channels";e.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=e._shader;this._tex=d.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)}};e.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_textureR;\n\t\t\tuniform sampler2D u_textureG;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform sampler2D u_textureA;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = vec4( \t\t\t\t\t\ttexture2D(u_textureR, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureG, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureB, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureA, v_coord).r);\n\t\t\t}\n\t\t\t"; -h.registerNodeType("texture/channelsTexture",e);g=function(){this.addOutput("Texture","Texture");this._tex_color=vec4.create();this.properties={color:vec4.create(),precision:d.DEFAULT}};g.title="Color";g.desc="Generates a 1x1 texture with a constant color";g.widgets_info={precision:{widget:"combo",values:d.MODE_VALUES}};g.prototype.onDrawBackground=function(a){var b=this.properties.color;a.fillStyle="rgb("+Math.floor(255*Math.clamp(b[0],0,1))+","+Math.floor(255*Math.clamp(b[1],0,1))+","+Math.floor(255* -Math.clamp(b[2],0,1))+")";this.flags.collapsed?this.boxcolor=a.fillStyle:a.fillRect(0,0,this.size[0],this.size[1])};g.prototype.onExecute=function(){var a=this.properties.precision==d.HIGH?d.HIGH_PRECISION_FORMAT:gl.UNSIGNED_BYTE;this._tex&&this._tex.type==a||(this._tex=new GL.Texture(1,1,{format:gl.RGBA,type:a,minFilter:gl.NEAREST}));a=this.properties.color;if(this.inputs)for(var b=0;b 0.5 ? 1.0 : 0.0, diff.y > 0.5 ? 1.0 : 0.0, diff.z > 0.5 ? 1.0 : 0.0, center.a );\n\t\t\t}\n\t\t\t"; -h.registerNodeType("texture/edges",n);var l=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}};l.title="Depth Range";l.desc="Generates a texture with a depth range";l.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0); +EVENT:-1,ACTION:-1,ALWAYS:0,ON_EVENT:1,NEVER:2,ON_TRIGGER:3,UP:1,DOWN:2,LEFT:3,RIGHT:4,CENTER:5,NORMAL_TITLE:0,NO_TITLE:1,TRANSPARENT_TITLE:2,AUTOHIDE_TITLE:3,proxy:null,node_images_path:"",debug:!1,throw_errors:!0,allow_scripts:!1,registered_node_types:{},node_types_by_file_extension:{},Nodes:{},searchbox_extras:{},registerNodeType:function(a,c){if(!c.prototype)throw"Cannot register a simple object, it must be a class with a prototype";c.type=a;l.debug&&console.log("Node registered: "+a);a.split("/"); +var e=c.name,s=a.lastIndexOf("/");c.category=a.substr(0,s);c.title||(c.title=e);if(c.prototype)for(var g in f.prototype)c.prototype[g]||(c.prototype[g]=f.prototype[g]);Object.defineProperty(c.prototype,"shape",{set:function(a){switch(a){case "default":delete this._shape;break;case "box":this._shape=l.BOX_SHAPE;break;case "round":this._shape=l.ROUND_SHAPE;break;case "circle":this._shape=l.CIRCLE_SHAPE;break;case "card":this._shape=l.CARD_SHAPE;break;default:this._shape=a}},get:function(a){return this._shape}, +enumerable:!0});this.registered_node_types[a]=c;c.constructor.name&&(this.Nodes[e]=c);c.prototype.onPropertyChange&&console.warn("LiteGraph node class "+a+" has onPropertyChange method, it must be called onPropertyChanged with d at the end");if(c.supported_extensions)for(g in c.supported_extensions)this.node_types_by_file_extension[c.supported_extensions[g].toLowerCase()]=c},wrapFunctionAsNode:function(a,c,e,s){for(var g=Array(c.length),m="",b=l.getParameterNames(c),d=0;dd&&(d=g.size[0]),l+=g.size[1]+a;c+=d+a}this.setDirtyCanvas(!0,!0)};h.prototype.getTime=function(){return this.globaltime};h.prototype.getFixedTime=function(){return this.fixedtime};h.prototype.getElapsedTime=function(){return this.elapsed_time};h.prototype.sendEventToAllNodes=function(a,c,e){e=e||l.ALWAYS;var b=this._nodes_in_order?this._nodes_in_order:this._nodes;if(b)for(var g=0,m=b.length;g=l.MAX_NUMBER_OF_NODES)throw"LiteGraph: max number of nodes in a graph reached";null==a.id||-1==a.id?a.id=++this.last_node_id:this.last_node_ida.length|| +(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});this.id=-1;this.type=null;this.inputs=[];this.outputs=[];this.connections=[];this.properties={};this.properties_info=[];this.flags={}};f.prototype.configure=function(a){this.graph&&this.graph._version++;for(var c in a)if("console"!=c)if("properties"==c)for(var e in a.properties){if(this.properties[e]=a.properties[e],this.onPropertyChanged)this.onPropertyChanged(e,a.properties[e])}else null!=a[c]&&("object"==typeof a[c]? +this[c]&&this[c].configure?this[c].configure(a[c]):this[c]=l.cloneObject(a[c],this[c]):this[c]=a[c]);a.title||(this.title=this.constructor.title);if(this.onConnectionsChange){if(this.inputs)for(var b=0;b=this.outputs.length)){var e=this.outputs[a];if(e&&(e._data=c,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(!c)return e.data;var b=this.graph.getNodeById(e.origin_id); +if(!b)return e.data;if(b.updateOutputData)b.updateOutputData(e.origin_slot);else if(b.onExecute)b.onExecute();return e.data}};f.prototype.getInputDataByName=function(a,c){var e=this.findInputSlot(a);return-1==e?null:this.getInputData(e,c)};f.prototype.isInputConnected=function(a){return this.inputs?a=this.inputs.length)return null;a=this.inputs[a];return a&&null!==a.link?(a=this.graph.links[a.link])?this.graph.getNodeById(a.origin_id):null:null};f.prototype.getInputOrProperty=function(a){if(!this.inputs||!this.inputs.length)return this.properties?this.properties[a]:null;for(var c=0,e=this.inputs.length;c=this.outputs.length? +null:this.outputs[a]._data};f.prototype.getOutputInfo=function(a){return this.outputs?a=this.outputs.length)return null;a=this.outputs[a];if(!a.links||0==a.links.length)return null;for(var c=[],e=0;ea&&this.pos[1]-g- +ec)return!0;return!1};f.prototype.getSlotInPosition=function(a,c){var e=new Float32Array(2);if(this.inputs)for(var b=0,g=this.inputs.length;b=this.outputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),null;c&&c.constructor===Number&&(c=this.graph.getNodeById(c));if(!c)throw"target node is null";if(c==this)return null;if(e.constructor===String){if(e=c.findInputSlot(e),-1==e)return l.debug&&console.log("Connect: Error, no slot of name "+e),null}else{if(e===l.EVENT)return null; +if(!c.inputs||e>=c.inputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),null}null!=c.inputs[e].link&&c.disconnectInput(e);var b=this.outputs[a];if(c.onConnectInput&&!1===c.onConnectInput(e,b.type,b))return null;var g=c.inputs[e],m=null;if(l.isValidConnection(b.type,g.type)){m={id:this.graph.last_link_id++,type:g.type,origin_id:this.id,origin_slot:a,target_id:c.id,target_slot:e};this.graph.links[m.id]=m;null==b.links&&(b.links=[]);b.links.push(m.id);c.inputs[e].link=m.id; +this.graph&&this.graph._version++;if(this.onConnectionsChange)this.onConnectionsChange(l.OUTPUT,a,!0,m,b);if(c.onConnectionsChange)c.onConnectionsChange(l.INPUT,e,!0,m,g);this.graph&&this.graph.onNodeConnectionChange&&(this.graph.onNodeConnectionChange(l.INPUT,c,e,this,a),this.graph.onNodeConnectionChange(l.OUTPUT,this,a,c,e))}this.setDirtyCanvas(!1,!0);this.graph.connectionChange(this,m);return m};f.prototype.disconnectOutput=function(a,c){if(a.constructor===String){if(a=this.findOutputSlot(a),-1== +a)return l.debug&&console.log("Connect: Error, no slot of name "+a),!1}else if(!this.outputs||a>=this.outputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),!1;var e=this.outputs[a];if(!e||!e.links||0==e.links.length)return!1;if(c){c.constructor===Number&&(c=this.graph.getNodeById(c));if(!c)throw"Target Node not found";for(var b=0,g=e.links.length;b=this.inputs.length)return l.debug&&console.log("Connect: Error, slot number not found"),!1;var c=this.inputs[a];if(!c)return!1;var e=this.inputs[a].link;this.inputs[a].link= +null;var b=this.graph.links[e];if(b){var g=this.graph.getNodeById(b.origin_id);if(!g)return!1;var m=g.outputs[b.origin_slot];if(!m||!m.links||0==m.links.length)return!1;for(var d=0,n=m.links.length;dc&&this.inputs[c].pos)return e[0]=this.pos[0]+this.inputs[c].pos[0],e[1]=this.pos[1]+this.inputs[c].pos[1],e;if(!a&&b>c&&this.outputs[c].pos)return e[0]=this.pos[0]+this.outputs[c].pos[0],e[1]=this.pos[1]+this.outputs[c].pos[1],e;if(this.flags.horizontal)return e[0]=this.pos[0]+this.size[0]/b*(c+0.5),e[1]=a?this.pos[1]-l.NODE_TITLE_HEIGHT:this.pos[1]+this.size[1],e;e[0]=a?this.pos[0]:this.pos[0]+ +this.size[0]+1;e[1]=this.pos[1]+10+c*l.NODE_SLOT_HEIGHT+(this.constructor.slot_start_y||0);return e};f.prototype.alignToGrid=function(){this.pos[0]=l.CANVAS_GRID_SIZE*Math.round(this.pos[0]/l.CANVAS_GRID_SIZE);this.pos[1]=l.CANVAS_GRID_SIZE*Math.round(this.pos[1]/l.CANVAS_GRID_SIZE)};f.prototype.trace=function(a){this.console||(this.console=[]);this.console.push(a);this.console.length>f.MAX_CONSOLE&&this.console.shift();this.graph.onNodeTrace(this,a)};f.prototype.setDirtyCanvas=function(a,c){this.graph&& +this.graph.sendActionToCanvas("setDirty",[a,c])};f.prototype.loadImage=function(a){var c=new Image;c.src=l.node_images_path+a;c.ready=!1;var e=this;c.onload=function(){this.ready=!0;e.setDirtyCanvas(!0)};return c};f.prototype.captureInput=function(a){if(this.graph&&this.graph.list_of_graphcanvas)for(var c=this.graph.list_of_graphcanvas,e=0;ea.length||(this._pos[0]=a[0],this._pos[1]=a[1])},get:function(){return this._pos},enumerable:!0});Object.defineProperty(this,"size",{set:function(a){!a||2>a.length||(this._size[0]=Math.max(140,a[0]),this._size[1]=Math.max(80,a[1]))},get:function(){return this._size},enumerable:!0})}; +p.prototype.configure=function(a){this.title=a.title;this._bounding.set(a.bounding);this.color=a.color;this.font=a.font};p.prototype.serialize=function(){var a=this._bounding;return{title:this.title,bounding:[Math.round(a[0]),Math.round(a[1]),Math.round(a[2]),Math.round(a[3])],color:this.color,font:this.font}};p.prototype.move=function(a,c,e){this._pos[0]+=a;this._pos[1]+=c;if(!e)for(e=0;e element, you passed a "+ +a.localName;throw"This browser doesnt support Canvas";}null==(this.ctx=a.getContext("2d"))&&(a.webgl_enabled||console.warn("This canvas seems to be WebGL, enabling WebGL renderer"),this.enableWebGL());this._mousemove_callback=this.processMouseMove.bind(this);this._mouseup_callback=this.processMouseUp.bind(this);c||this.bindEvents()}};d.prototype._doNothing=function(a){a.preventDefault();return!1};d.prototype._doReturnTrue=function(a){a.preventDefault();return!0};d.prototype.bindEvents=function(){if(this._events_binded)console.warn("LGraphCanvas: events already binded"); +else{var a=this.canvas,c=this.getCanvasWindow().document;this._mousedown_callback=this.processMouseDown.bind(this);this._mousewheel_callback=this.processMouseWheel.bind(this);a.addEventListener("mousedown",this._mousedown_callback,!0);a.addEventListener("mousemove",this._mousemove_callback);a.addEventListener("mousewheel",this._mousewheel_callback,!1);a.addEventListener("contextmenu",this._doNothing);a.addEventListener("DOMMouseScroll",this._mousewheel_callback,!1);a.addEventListener("touchstart", +this.touchHandler,!0);a.addEventListener("touchmove",this.touchHandler,!0);a.addEventListener("touchend",this.touchHandler,!0);a.addEventListener("touchcancel",this.touchHandler,!0);this._key_callback=this.processKey.bind(this);a.addEventListener("keydown",this._key_callback,!0);c.addEventListener("keyup",this._key_callback,!0);this._ondrop_callback=this.processDrop.bind(this);a.addEventListener("dragover",this._doNothing,!1);a.addEventListener("dragend",this._doNothing,!1);a.addEventListener("drop", +this._ondrop_callback,!1);a.addEventListener("dragenter",this._doReturnTrue,!1);this._events_binded=!0}};d.prototype.unbindEvents=function(){if(this._events_binded){var a=this.getCanvasWindow().document;this.canvas.removeEventListener("mousedown",this._mousedown_callback);this.canvas.removeEventListener("mousewheel",this._mousewheel_callback);this.canvas.removeEventListener("DOMMouseScroll",this._mousewheel_callback);this.canvas.removeEventListener("keydown",this._key_callback);a.removeEventListener("keyup", +this._key_callback);this.canvas.removeEventListener("contextmenu",this._doNothing);this.canvas.removeEventListener("drop",this._ondrop_callback);this.canvas.removeEventListener("dragenter",this._doReturnTrue);this.canvas.removeEventListener("touchstart",this.touchHandler);this.canvas.removeEventListener("touchmove",this.touchHandler);this.canvas.removeEventListener("touchend",this.touchHandler);this.canvas.removeEventListener("touchcancel",this.touchHandler);this._ondrop_callback=this._key_callback= +this._mousewheel_callback=this._mousedown_callback=null;this._events_binded=!1}else console.warn("LGraphCanvas: no events binded")};d.getFileExtension=function(a){var c=a.indexOf("?");-1!=c&&(a=a.substr(0,c));c=a.lastIndexOf(".");return-1==c?"":a.substr(c+1).toLowerCase()};d.prototype.enableWebGL=function(){if(void 0===typeof GL)throw"litegl.js must be included to use a WebGL canvas";if(void 0===typeof enableWebGLCanvas)throw"webglCanvas.js must be included to use this feature";this.gl=this.ctx=enableWebGLCanvas(this.canvas); +this.ctx.webgl=!0;this.bgcanvas=this.canvas;this.bgctx=this.gl;this.canvas.webgl_enabled=!0};d.prototype.setDirty=function(a,c){a&&(this.dirty_canvas=!0);c&&(this.dirty_bgcanvas=!0)};d.prototype.getCanvasWindow=function(){if(!this.canvas)return window;var a=this.canvas.ownerDocument;return a.defaultView||a.parentWindow};d.prototype.startRendering=function(){function a(){this.pause_rendering||this.draw();var c=this.getCanvasWindow();this.is_rendering&&c.requestAnimationFrame(a.bind(this))}this.is_rendering|| +(this.is_rendering=!0,a.call(this))};d.prototype.stopRendering=function(){this.is_rendering=!1};d.prototype.processMouseDown=function(a){if(this.graph){this.adjustMouseEvent(a);var c=this.getCanvasWindow();d.active_canvas=this;this.canvas.removeEventListener("mousemove",this._mousemove_callback);c.document.addEventListener("mousemove",this._mousemove_callback,!0);c.document.addEventListener("mouseup",this._mouseup_callback,!0);var e=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes,5), +b=!1,g=300>l.getTime()-this.last_mouseclick;this.canvas_mouse[0]=a.canvasX;this.canvas_mouse[1]=a.canvasY;l.closeAllContextMenus(c);if(!this.onMouse||!0!=this.onMouse(a)){if(1==a.which){a.ctrlKey&&(this.dragging_rectangle=new Float32Array(4),this.dragging_rectangle[0]=a.canvasX,this.dragging_rectangle[1]=a.canvasY,this.dragging_rectangle[2]=1,this.dragging_rectangle[3]=1,b=!0);var m=!1;if(e&&this.allow_interaction&&!b){this.live_mode||e.flags.pinned||this.bringToFront(e);if(!this.connecting_node&& +!e.flags.collapsed&&!this.live_mode)if(!b&&!1!==e.flags.resizable&&t(a.canvasX,a.canvasY,e.pos[0]+e.size[0]-5,e.pos[1]+e.size[1]-5,10,10))this.resizing_node=e,this.canvas.style.cursor="se-resize",b=!0;else{if(e.outputs)for(var n=0,q=e.outputs.length;nr([a.canvasX, +a.canvasY],[this.selected_group.pos[0]+this.selected_group.size[0],this.selected_group.pos[1]+this.selected_group.size[1]])*this.scale?this.selected_group_resizing=!0:this.selected_group.recomputeInsideNodes()),g&&this.showSearchBox(a),m=!0;!b&&m&&this.allow_dragcanvas&&(this.dragging_canvas=!0)}else 2!=a.which&&3==a.which&&this.processContextMenu(e,a);this.last_mouse[0]=a.localX;this.last_mouse[1]=a.localY;this.last_mouseclick=l.getTime();this.last_mouse_dragging=!0;this.graph.change();(!c.document.activeElement|| +"input"!=c.document.activeElement.nodeName.toLowerCase()&&"textarea"!=c.document.activeElement.nodeName.toLowerCase())&&a.preventDefault();a.stopPropagation();if(this.onMouseDown)this.onMouseDown(a);return!1}}};d.prototype.processMouseMove=function(a){this.autoresize&&this.resize();if(this.graph){d.active_canvas=this;this.adjustMouseEvent(a);var c=[a.localX,a.localY],e=[c[0]-this.last_mouse[0],c[1]-this.last_mouse[1]];this.last_mouse=c;this.canvas_mouse[0]=a.canvasX;this.canvas_mouse[1]=a.canvasY; +a.dragging=this.last_mouse_dragging;this.node_widget&&(this.processNodeWidgets(this.node_widget[0],this.canvas_mouse,a,this.node_widget[1]),this.dirty_canvas=!0);if(this.dragging_rectangle)this.dragging_rectangle[2]=a.canvasX-this.dragging_rectangle[0],this.dragging_rectangle[3]=a.canvasY-this.dragging_rectangle[1],this.dirty_canvas=!0;else if(this.selected_group)this.selected_group_resizing?this.selected_group.size=[a.canvasX-this.selected_group.pos[0],a.canvasY-this.selected_group.pos[1]]:(this.selected_group.move(e[0]/ +this.scale,e[1]/this.scale,a.ctrlKey),this.selected_group._nodes.length&&(this.dirty_canvas=!0)),this.dirty_bgcanvas=!0;else if(this.dragging_canvas)this.offset[0]+=e[0]/this.scale,this.offset[1]+=e[1]/this.scale,this.dirty_bgcanvas=this.dirty_canvas=!0;else if(this.allow_interaction){this.connecting_node&&(this.dirty_canvas=!0);for(var b=this.graph.getNodeOnPos(a.canvasX,a.canvasY,this.visible_nodes),c=0,g=this.graph._nodes.length;cthis.dragging_rectangle[3]?this.dragging_rectangle[1]-g:this.dragging_rectangle[1];this.dragging_rectangle[0]=0>this.dragging_rectangle[2]?this.dragging_rectangle[0]-b:this.dragging_rectangle[0]; +this.dragging_rectangle[1]=m;this.dragging_rectangle[2]=b;this.dragging_rectangle[3]=g;g=[];for(m=0;ma.click_time&&this.deselectAllNodes();this.dirty_canvas=!0;this.dragging_canvas=!1;if(this.node_over&& +this.node_over.onMouseUp)this.node_over.onMouseUp(a,[a.canvasX-this.node_over.pos[0],a.canvasY-this.node_over.pos[1]],this);if(this.node_capturing_input&&this.node_capturing_input.onMouseUp)this.node_capturing_input.onMouseUp(a,[a.canvasX-this.node_capturing_input.pos[0],a.canvasY-this.node_capturing_input.pos[1]])}}else 2==a.which?(this.dirty_canvas=!0,this.dragging_canvas=!1):3==a.which&&(this.dirty_canvas=!0,this.dragging_canvas=!1);this.graph.change();a.stopPropagation();a.preventDefault();return!1}}; +d.prototype.processMouseWheel=function(a){if(this.graph&&this.allow_dragcanvas){var c=null!=a.wheelDeltaY?a.wheelDeltaY:-60*a.detail;this.adjustMouseEvent(a);var e=this.scale;0c&&(e*=1/1.1);this.setZoom(e,[a.localX,a.localY]);this.graph.change();a.preventDefault();return!1}};d.prototype.isOverNodeBox=function(a,c,e){var b=l.NODE_TITLE_HEIGHT;return t(c,e,a.pos[0]+2,a.pos[1]+2-b,b-4,b-4)?!0:!1};d.prototype.isOverNodeInput=function(a,c,e,b){if(a.inputs)for(var g=0,m=a.inputs.length;gthis.max_zoom?this.scale=this.max_zoom:this.scalee-this.graph._last_trigger_time)&&this.drawBackCanvas();(this.dirty_canvas||a)&&this.drawFrontCanvas();this.fps=this.render_time?1/this.render_time:0;this.frame+=1}};d.prototype.drawFrontCanvas=function(){this.dirty_canvas=!1;this.ctx||(this.ctx=this.bgcanvas.getContext("2d"));var a=this.ctx;if(a){a.start2D&&a.start2D();var c=this.canvas;a.restore();a.setTransform(1,0,0,1,0,0);this.dirty_area&&(a.save(),a.beginPath(),a.rect(this.dirty_area[0],this.dirty_area[1],this.dirty_area[2],this.dirty_area[3]), +a.clip());this.clear_background&&a.clearRect(0,0,c.width,c.height);this.bgcanvas==this.canvas?this.drawBackCanvas():a.drawImage(this.bgcanvas,0,0);if(this.onRender)this.onRender(c,a);this.show_info&&this.renderInfo(a);if(this.graph){a.save();a.scale(this.scale,this.scale);a.translate(this.offset[0],this.offset[1]);for(var c=this.computeVisibleNodes(null,this.visible_nodes),e=0;e> ";c.fillText(b+e.getTitle(),0.5*a.width,40);c.restore()}e=!1;this.onRenderBackground&&(e=this.onRenderBackground(a,c));c.restore();c.setTransform(1,0,0,1,0,0);if(this.graph){c.save();c.scale(this.scale,this.scale);c.translate(this.offset[0], +this.offset[1]);if(this.background_image&&0.5this.scale?c.fillRect(q[0],q[1],q[2],q[3]):h==l.ROUND_SHAPE||h==l.CARD_SHAPE?c.roundRect(q[0],q[1],q[2],q[3],this.round_radius,h==l.CARD_SHAPE?0:this.round_radius):h==l.CIRCLE_SHAPE&&c.arc(0.5*b[0],0.5*b[1],0.5*b[0],0,2*Math.PI),c.fill());c.shadowColor="transparent";a.bgImage&&a.bgImage.width&&c.drawImage(a.bgImage,0.5*(b[0]-a.bgImage.width),0.5*(b[1]-a.bgImage.height));a.bgImageUrl&&!a.bgImage&&(a.bgImage=a.loadImage(a.bgImageUrl));if(a.onDrawBackground)a.onDrawBackground(c,this, +this.canvas);if(B||p==l.TRANSPARENT_TITLE){if(p!=l.TRANSPARENT_TITLE){a.flags.collapsed&&(c.shadowColor=l.DEFAULT_SHADOW_COLOR);this.use_gradients?(f=d.gradients[n],f||(f=d.gradients[n]=c.createLinearGradient(0,0,400,0),f.addColorStop(0,n),f.addColorStop(1,"#000")),c.fillStyle=f):c.fillStyle=n;var C=c.globalAlpha;c.beginPath();h==l.BOX_SHAPE||0.5>this.scale?c.rect(0,-g,b[0]+1,g):h!=l.ROUND_SHAPE&&h!=l.CARD_SHAPE||c.roundRect(0,-g,b[0]+1,g,this.round_radius,a.flags.collapsed?this.round_radius:0);c.fill(); +c.shadowColor="transparent"}h==l.ROUND_SHAPE||h==l.CIRCLE_SHAPE||h==l.CARD_SHAPE?(0.5d[2]&&(d[0]+=d[2],d[2]=Math.abs(d[2]));0>d[3]&&(d[1]+=d[3],d[3]=Math.abs(d[3]));if(w(d,b)){var H=t.outputs[u],u=q.inputs[p];if(H&&u&&(t=H.dir||(t.flags.horizontal?l.DOWN:l.RIGHT),u=u.dir||(q.flags.horizontal?l.UP:l.LEFT),this.renderLink(a,A,G,r,!1,0,null,t,u),r&&r._last_time&&1E3>c-r._last_time)){var H=2-0.002*(c-r._last_time),I=a.globalAlpha;a.globalAlpha=I*H;this.renderLink(a,A,G,r,!0,H,"white",t,u);a.globalAlpha=I}}}}}}a.globalAlpha=1};d.prototype.renderLink=function(a,c,b,n,g,m,f, +h,q){if(this.highquality_render){h=h||l.RIGHT;q=q||l.LEFT;var p=r(c,b);this.render_connections_border&&0.6c[1]?0:Math.PI,a.save(),a.translate(g[0],g[1]),a.rotate(p),a.beginPath(),a.moveTo(-5,-5),a.lineTo(0,5),a.lineTo(5,-5),a.fill(),a.restore());if(m)for(m=0;5>m;++m)g=(0.001*l.getTime()+0.2*m)%1,g=this.computeConnectionPoint(c,b,g,h,q),a.beginPath(),a.arc(g[0],g[1],5,0,2*Math.PI),a.fill()}else a.beginPath(),a.moveTo(c[0],c[1]), +a.lineTo(b[0],b[1]),a.stroke()};d.prototype.computeConnectionPoint=function(a,c,b,d,g){d=d||l.RIGHT;g=g||l.LEFT;var m=r(a,c),n=[a[0],a[1]],f=[c[0],c[1]];switch(d){case l.LEFT:n[0]+=-0.25*m;break;case l.RIGHT:n[0]+=0.25*m;break;case l.UP:n[1]+=-0.25*m;break;case l.DOWN:n[1]+=0.25*m}switch(g){case l.LEFT:f[0]+=-0.25*m;break;case l.RIGHT:f[0]+=0.25*m;break;case l.UP:f[1]+=-0.25*m;break;case l.DOWN:f[1]+=0.25*m}d=(1-b)*(1-b)*(1-b);g=3*(1-b)*(1-b)*b;m=3*(1-b)*b*b;b*=b*b;return[d*a[0]+g*n[0]+m*f[0]+b*c[0], +d*a[1]+g*n[1]+m*f[1]+b*c[1]]};d.prototype.drawExecutionOrder=function(a){a.shadowColor="transparent";a.globalAlpha=0.25;a.textAlign="center";a.strokeStyle="white";a.globalAlpha=0.75;for(var c=this.visible_nodes,b=0;bp.last_y&& +mp.options.max&&(p.value=p.options.max);else if("mousedown"==b.type)if((d=p.options.values)&&d.constructor===Function&&(d=p.options.values(p,a)),g=40>g?-1:g>n-40?1:0,"number"==p.type)p.value+=0.1*g*(p.options.step||1),null!=p.options.min&&p.valuep.options.max&&(p.value=p.options.max);else if(g)b=d.indexOf(p.value)+g,b>=d.length&&(b=0),0>b&&(b=d.length-1),p.value=d[b];else{new l.ContextMenu(d, +{event:b,className:"dark",callback:r.bind(p)},h);var r=function(a,c,b){this.value=a;f.dirty_canvas=!0;return!1}}p.callback&&setTimeout(function(){this.callback(this.value,f,a,c)}.bind(p),20);this.dirty_canvas=!0;break;case "toggle":"mousedown"==b.type&&(p.value=!p.value,p.callback&&setTimeout(function(){p.callback(p.value,f,a,c)},20));break;case "text":"mousedown"==b.type&&this.prompt("Value",p.value,function(c){this.value=c;p.callback&&p.callback(c,f,a)}.bind(p),b)}return p}}return null};d.prototype.drawGroups= +function(a,c){if(this.graph){var b=this.graph._groups;c.save();c.globalAlpha=0.5*this.editor_alpha;for(var d=0;db&&0.01>c.editor_alpha&&(clearInterval(d),1>b&&(c.live_mode=!0));1"+q+""+a+"",value:q});if(f.length)return new l.ContextMenu(f, +{event:b,callback:m,parentMenu:n,allow_html:!0,node:g},c),!1}};d.decodeHTML=function(a){var c=document.createElement("div");c.innerText=a;return c.innerHTML};d.onResizeNode=function(a,c,b,d,g){g&&(g.size=g.computeSize(),g.setDirtyCanvas(!0,!0))};d.onShowPropertyEditor=function(a,c,b,n,g){function m(){var c=l.value;"Number"==a.type?c=Number(c):"Boolean"==a.type&&(c=Boolean(c));g[h]=c;f.parentNode.removeChild(f);g.setDirtyCanvas(!0,!0)}var h=a.property||"title";c=g[h];var f=document.createElement("div"); +f.className="graphdialog";f.innerHTML="";f.querySelector(".name").innerText=h;var l=f.querySelector("input");l&&(l.value=c,l.addEventListener("blur",function(a){this.focus()}),l.addEventListener("keydown",function(a){13==a.keyCode&&(m(),a.preventDefault(),a.stopPropagation())}));c=d.active_canvas.canvas;b=c.getBoundingClientRect();var q=n=-20;b&&(n-=b.left,q-=b.top);event?(f.style.left=event.pageX+n+"px",f.style.top= +event.pageY+q+"px"):(f.style.left=0.5*c.width+n+"px",f.style.top=0.5*c.height+q+"px");f.querySelector("button").addEventListener("click",m);c.parentNode.appendChild(f)};d.prototype.prompt=function(a,c,b,n){var g=this;a=a||"";var m=document.createElement("div");m.className="graphdialog rounded";m.innerHTML=" ";m.close=function(){g.prompt_box=null;m.parentNode.removeChild(m)};m.addEventListener("mouseleave", +function(a){m.close()});g.prompt_box&&g.prompt_box.close();g.prompt_box=m;m.querySelector(".name").innerText=a;m.querySelector(".value").value=c;var f=m.querySelector("input");f.addEventListener("keydown",function(a){if(27==a.keyCode)m.close();else if(13==a.keyCode)b&&b(this.value),m.close();else return;a.preventDefault();a.stopPropagation()});m.querySelector("button").addEventListener("click",function(a){b&&b(f.value);g.setDirty(!0);m.close()});a=d.active_canvas.canvas;c=a.getBoundingClientRect(); +var h=-20,l=-20;c&&(h-=c.left,l-=c.top);n?(m.style.left=n.pageX+h+"px",m.style.top=n.pageY+l+"px"):(m.style.left=0.5*a.width+h+"px",m.style.top=0.5*a.height+l+"px");a.parentNode.appendChild(m);setTimeout(function(){f.focus()},10);return m};d.search_limit=-1;d.prototype.showSearchBox=function(a){function c(c){if(c)if(g.onSearchBoxSelection)g.onSearchBoxSelection(c,a,t);else{var b=l.searchbox_extras[c];b&&(c=b.type);if(c=l.createNode(c))c.pos=t.convertEventToCanvas(a),t.graph.add(c);if(b&&b.data){if(b.data.properties)for(var e in b.data.properties)c.addProperty(b.data.properties[e][0], +b.data.properties[e][0]);if(b.data.inputs)for(e in c.inputs=[],b.data.inputs)c.addOutput(b.data.inputs[e][0],b.data.inputs[e][1]);if(b.data.outputs)for(e in c.outputs=[],b.data.outputs)c.addOutput(b.data.outputs[e][0],b.data.outputs[e][1]);b.data.title&&(c.title=b.data.title);b.data.json&&c.configure(b.data.json)}}m.close()}function b(a){var c=p;p&&p.classList.remove("selected");p?(p=a?p.nextSibling:p.previousSibling)||(p=c):p=a?f.childNodes[0]:f.childNodes[f.childNodes.length];p&&(p.classList.add("selected"), +p.scrollIntoView())}function n(){function a(b,e){var g=document.createElement("div");h||(h=b);g.innerText=b;g.dataset.type=escape(b);g.className="litegraph lite-search-item";e&&(g.className+=" "+e);g.addEventListener("click",function(a){c(unescape(this.dataset.type))});f.appendChild(g)}q=null;var b=r.value;h=null;f.innerHTML="";if(b)if(g.onSearchBox){var e=g.onSearchBox(help,b,t);if(e)for(var A=0;Ad.search_limit))break}if(Array.prototype.filter)for(m=Object.keys(l.registered_node_types).filter(function(a){return-1!==a.toLowerCase().indexOf(b)}),A=0;Ad.search_limit);A++);else for(A in l.registered_node_types)if(-1!=A.indexOf(b)&&(a(A),-1!==d.search_limit&&e++>d.search_limit))break}}var g=this,m=document.createElement("div");m.className="litegraph litesearchbox graphdialog rounded"; +m.innerHTML="Search
";m.close=function(){g.search_box=null;m.parentNode.removeChild(m)};m.addEventListener("mouseleave",function(a){m.close()});g.search_box&&g.search_box.close();g.search_box=m;var f=m.querySelector(".helper"),h=null,q=null,p=null,r=m.querySelector("input");r&&(r.addEventListener("blur",function(a){this.focus()}),r.addEventListener("keydown",function(a){if(38==a.keyCode)b(!1);else if(40== +a.keyCode)b(!0);else if(27==a.keyCode)m.close();else if(13==a.keyCode)p?c(p.innerHTML):h?c(h):m.close();else{q&&clearInterval(q);q=setTimeout(n,10);return}a.preventDefault();a.stopPropagation()}));var t=d.active_canvas,w=t.canvas,u=w.getBoundingClientRect(),A=-20,G=-20;u&&(A-=u.left,G-=u.top);a?(m.style.left=a.pageX+A+"px",m.style.top=a.pageY+G+"px"):(m.style.left=0.5*w.width+A+"px",m.style.top=0.5*w.height+G+"px");w.parentNode.appendChild(m);r.focus();return m};d.prototype.showEditPropertyValue= +function(a,c,b){function d(){g(p.value)}function g(b){"number"==typeof a.properties[c]&&(b=Number(b));"array"==m&&(b=b.split(",").map(Number));a.properties[c]=b;a._graph&&a._graph._version++;if(a.onPropertyChanged)a.onPropertyChanged(c,b);q.close();a.setDirtyCanvas(!0,!0)}if(a&&void 0!==a.properties[c]){b=b||{};var m="string";null!==a.properties[c]&&(m=typeof a.properties[c]);"object"==m&&a.properties[c].length&&(m="array");var n=null;a.getPropertyInfo&&(n=a.getPropertyInfo(c));if(a.properties_info)for(var f= +0;f";else if("enum"==m&&n.values){h=""}else if("boolean"== +m)h="";else{console.warn("unknown type: "+m);return}var q=this.createDialog(""+c+""+h+"",b);if("enum"==m&&n.values){var p=q.querySelector("select");p.addEventListener("change",function(a){g(a.target.value)})}else if("boolean"==m)(p=q.querySelector("input"))&&p.addEventListener("click",function(a){g(!!p.checked)});else if(p=q.querySelector("input"))p.addEventListener("blur", +function(a){this.focus()}),p.value=void 0!==a.properties[c]?a.properties[c]:"",p.addEventListener("keydown",function(a){13==a.keyCode&&(d(),a.preventDefault(),a.stopPropagation())});q.querySelector("button").addEventListener("click",d)}};d.prototype.createDialog=function(a,c){c=c||{};var b=document.createElement("div");b.className="graphdialog";b.innerHTML=a;var d=this.canvas.getBoundingClientRect(),g=-20,m=-20;d&&(g-=d.left,m-=d.top);c.position?(g+=c.position[0],m+=c.position[1]):c.event?(g+=c.event.pageX, +m+=c.event.pageY):(g+=0.5*this.canvas.width,m+=0.5*this.canvas.height);b.style.left=g+"px";b.style.top=m+"px";this.canvas.parentNode.appendChild(b);b.close=function(){this.parentNode&&this.parentNode.removeChild(this)};return b};d.onMenuNodeCollapse=function(a,c,b,d,g){g.collapse()};d.onMenuNodePin=function(a,c,b,d,g){g.pin()};d.onMenuNodeMode=function(a,c,b,d,g){new l.ContextMenu(["Always","On Event","On Trigger","Never"],{event:b,callback:function(a){if(g)switch(a){case "On Event":g.mode=l.ON_EVENT; +break;case "On Trigger":g.mode=l.ON_TRIGGER;break;case "Never":g.mode=l.NEVER;break;default:g.mode=l.ALWAYS}},parentMenu:d,node:g});return!1};d.onMenuNodeColors=function(a,c,b,n,g){if(!g)throw"no node for color";c=[];c.push({value:null,content:"No color"});for(var m in d.node_colors)a=d.node_colors[m],a={value:m,content:""+m+""},c.push(a);new l.ContextMenu(c,{event:b,callback:function(a){g&&((a=a.value?d.node_colors[a.value]:null)?g.constructor===l.LGraphGroup?g.color=a.groupcolor:(g.color=a.color,g.bgcolor=a.bgcolor):(delete g.color,delete g.bgcolor),g.setDirtyCanvas(!0,!0))},parentMenu:n,node:g});return!1};d.onMenuNodeShapes=function(a,c,b,d,g){if(!g)throw"no node passed";new l.ContextMenu(l.VALID_SHAPES,{event:b,callback:function(a){g&&(g.shape=a,g.setDirtyCanvas(!0))},parentMenu:d,node:g});return!1}; +d.onMenuNodeRemove=function(a,c,b,d,g){if(!g)throw"no node passed";!1!==g.removable&&(g.graph.remove(g),g.setDirtyCanvas(!0,!0))};d.onMenuNodeClone=function(a,b,e,d,g){!1!=g.clonable&&(a=g.clone())&&(a.pos=[g.pos[0]+5,g.pos[1]+5],g.graph.add(a),g.setDirtyCanvas(!0,!0))};d.node_colors={red:{color:"#322",bgcolor:"#533",groupcolor:"#A88"},brown:{color:"#332922",bgcolor:"#593930",groupcolor:"#b06634"},green:{color:"#232",bgcolor:"#353",groupcolor:"#8A8"},blue:{color:"#223",bgcolor:"#335",groupcolor:"#88A"}, +pale_blue:{color:"#2a363b",bgcolor:"#3f5159",groupcolor:"#3f789e"},cyan:{color:"#233",bgcolor:"#355",groupcolor:"#8AA"},purple:{color:"#323",bgcolor:"#535",groupcolor:"#a1309b"},yellow:{color:"#432",bgcolor:"#653",groupcolor:"#b58b2a"},black:{color:"#222",bgcolor:"#000",groupcolor:"#444"}};d.prototype.getCanvasMenuOptions=function(){var a=null;this.getMenuOptions?a=this.getMenuOptions():(a=[{content:"Add Node",has_submenu:!0,callback:d.onMenuAdd},{content:"Add Group",callback:d.onGroupAdd}],this._graph_stack&& +0Name",c),n=d.querySelector("input");n&&m&&(n.value=m.label);d.querySelector("button").addEventListener("click",function(a){n.value&&(m&&(m.label=n.value),e.setDirty(!0));d.close()})}},extra:a},f=null;a&&(f=a.getSlotInPosition(b.canvasX,b.canvasY),d.active_node=a);f?(g=[],f&&f.output&& +f.output.links&&f.output.links.length&&g.push({content:"Disconnect Links",slot:f}),g.push(f.locked?"Cannot remove":{content:"Remove Slot",slot:f}),g.push(f.nameLocked?"Cannot rename":{content:"Rename Slot",slot:f}),m.title=(f.input?f.input.type:f.output.type)||"*",f.input&&f.input.type==l.ACTION&&(m.title="Action"),f.output&&f.output.type==l.EVENT&&(m.title="Event")):a?g=this.getNodeMenuOptions(a):(g=this.getCanvasMenuOptions(),(f=this.graph.getGroupOnPos(b.canvasX,b.canvasY))&&g.push(null,{content:"Edit Group", +has_submenu:!0,submenu:{title:"Group",extra:f,options:this.getGroupMenuOptions(f)}}));g&&new l.ContextMenu(g,m,n)};this.CanvasRenderingContext2D&&(CanvasRenderingContext2D.prototype.roundRect=function(a,b,e,d,g,m){void 0===g&&(g=5);void 0===m&&(m=g);this.moveTo(a+g,b);this.lineTo(a+e-g,b);this.quadraticCurveTo(a+e,b,a+e,b+g);this.lineTo(a+e,b+d-m);this.quadraticCurveTo(a+e,b+d,a+e-m,b+d);this.lineTo(a+m,b+d);this.quadraticCurveTo(a,b+d,a,b+d-m);this.lineTo(a,b+g);this.quadraticCurveTo(a,b,a+g,b)}); +l.compareObjects=function(a,b){for(var e in a)if(a[e]!=b[e])return!1;return!0};l.distance=r;l.colorToString=function(a){return"rgba("+Math.round(255*a[0]).toFixed()+","+Math.round(255*a[1]).toFixed()+","+Math.round(255*a[2]).toFixed()+","+(4==a.length?a[3].toFixed(2):"1.0")+")"};l.isInsideRectangle=t;l.growBounding=function(a,b,e){ba[2]&&(a[2]=b);ea[3]&&(a[3]=e)};l.isInsideBounding=function(a,b){return a[0]b[1][0]||a[1]>b[1][1]?!1:!0};l.overlapBounding= +w;l.hex2num=function(a){"#"==a.charAt(0)&&(a=a.slice(1));a=a.toUpperCase();for(var b=Array(3),e=0,d,g,m=0;6>m;m+=2)d="0123456789ABCDEF".indexOf(a.charAt(m)),g="0123456789ABCDEF".indexOf(a.charAt(m+1)),b[e]=16*d+g,e++;return b};l.num2hex=function(a){for(var b="#",e,d,g=0;3>g;g++)e=a[g]/16,d=a[g]%16,b+="0123456789ABCDEF".charAt(e)+"0123456789ABCDEF".charAt(d);return b};u.prototype.addItem=function(a,b,e){function d(a){var b=this.value;b&&b.has_submenu&&g.call(this,a)}function g(a){var b=this.value, +c=!0;m.current_submenu&&m.current_submenu.close(a);if(e.callback){var g=e.callback.call(this,b,e,a,m,e.node);!0===g&&(c=!1)}if(b&&(b.callback&&!e.ignore_item_callbacks&&!0!==b.disabled&&(g=b.callback.call(this,b,e,a,m,e.extra),!0===g&&(c=!1)),b.submenu)){if(!b.submenu.options)throw"ContextMenu submenu needs options";new m.constructor(b.submenu.options,{callback:b.submenu.callback,event:a,parentMenu:m,ignore_item_callbacks:b.submenu.ignore_item_callbacks,title:b.submenu.title,extra:b.submenu.extra, +autoopen:e.autoopen});c=!1}c&&!m.lock&&m.close()}var m=this;e=e||{};var n=document.createElement("div");n.className="litemenu-entry submenu";var f=!1;if(null===b)n.classList.add("separator");else{n.innerHTML=b&&b.title?b.title:a;if(n.value=b)b.disabled&&(f=!0,n.classList.add("disabled")),(b.submenu||b.has_submenu)&&n.classList.add("has_submenu");"function"==typeof b?(n.dataset.value=a,n.onclick_callback=b):n.dataset.value=b;b.className&&(n.className+=" "+b.className)}this.root.appendChild(n);f||n.addEventListener("click", +g);e.autoopen&&n.addEventListener("mouseenter",d);return n};u.prototype.close=function(a,b){this.root.parentNode&&this.root.parentNode.removeChild(this.root);this.parentMenu&&!b&&(this.parentMenu.lock=!1,this.parentMenu.current_submenu=null,void 0===a?this.parentMenu.close():a&&!u.isCursorOverElement(a,this.parentMenu.root)&&u.trigger(this.parentMenu.root,"mouseleave",a));this.current_submenu&&this.current_submenu.close(a,!0)};u.trigger=function(a,b,e,d){var g=document.createEvent("CustomEvent"); +g.initCustomEvent(b,!0,!0,e);g.srcElement=d;a.dispatchEvent?a.dispatchEvent(g):a.__events&&a.__events.dispatchEvent(g);return g};u.prototype.getTopMenu=function(){return this.options.parentMenu?this.options.parentMenu.getTopMenu():this};u.prototype.getFirstEvent=function(){return this.options.parentMenu?this.options.parentMenu.getFirstEvent():this.options.event};u.isCursorOverElement=function(a,b){var e=a.pageX,d=a.pageY,g=b.getBoundingClientRect();return g?d>g.top&&dg.left&&e< +g.left+g.width?!0:!1:!1};l.ContextMenu=u;l.closeAllContextMenus=function(a){a=a||window;a=a.document.querySelectorAll(".litecontextmenu");if(a.length){for(var b=[],e=0;ea?b:ethis.size[0]-n.NODE_TITLE_HEIGHT&&0>d[1]){var c=this;setTimeout(function(){a.openSubgraph(c.subgraph)},10)}};f.prototype.onSubgraphNewGlobalInput=function(b,d){this.addInput(b,d)};f.prototype.onSubgraphRenamedGlobalInput=function(b,d){var a=this.findInputSlot(b);-1!=a&&(this.getInputInfo(a).name=d)};f.prototype.onSubgraphTypeChangeGlobalInput=function(b,d){var a=this.findInputSlot(b);-1!=a&&(this.getInputInfo(a).type=d)};f.prototype.onSubgraphNewGlobalOutput=function(b, +d){this.addOutput(b,d)};f.prototype.onSubgraphRenamedGlobalOutput=function(b,d){var a=this.findOutputSlot(b);-1!=a&&(this.getOutputInfo(a).name=d)};f.prototype.onSubgraphTypeChangeGlobalOutput=function(b,d){var a=this.findOutputSlot(b);-1!=a&&(this.getOutputInfo(a).type=d)};f.prototype.getExtraMenuOptions=function(b){var d=this;return[{content:"Open",callback:function(){b.openSubgraph(d.subgraph)}}]};f.prototype.onResize=function(b){b[1]+=20};f.prototype.onExecute=function(){if(this.inputs)for(var b= +0;bd[1]))return this.old_y=b.canvasY,this.captureInput(!0),this.mouse_captured=!0};p.prototype.onMouseMove=function(b){if(this.mouse_captured){var d=this.old_y-b.canvasY;b.shiftKey&&(d*=10);if(b.metaKey||b.altKey)d*=0.1;this.old_y=b.canvasY;b=this._remainder+d/p.pixels_threshold;this._remainder=b%1;b=Math.clamp(this.properties.value+(b|0)*this.properties.step,this.properties.min,this.properties.max);this.properties.value=b;this.graph._version++; +this.setDirtyCanvas(!0)}};p.prototype.onMouseUp=function(b,d){200>b.click_time&&(this.properties.value=Math.clamp(this.properties.value+(d[1]>0.5*this.size[1]?-1:1)*this.properties.step,this.properties.min,this.properties.max),this.graph._version++,this.setDirtyCanvas(!0));this.mouse_captured&&(this.mouse_captured=!1,this.captureInput(!1))};n.registerNodeType("widget/number",p);d.title="Knob";d.desc="Circular controller";d.widgets=[{name:"increase",text:"+",type:"minibutton"},{name:"decrease",text:"-", +type:"minibutton"}];d.prototype.onAdded=function(){this.value=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min);this.imgbg=this.loadImage("imgs/knob_bg.png");this.imgfg=this.loadImage("imgs/knob_fg.png")};d.prototype.onDrawImageKnob=function(b){if(this.imgfg&&this.imgfg.width){var d=0.5*this.imgbg.width,a=this.size[0]/this.imgfg.width;b.save();b.translate(0,20);b.scale(a,a);b.drawImage(this.imgbg,0,0);b.translate(d,d);b.rotate(2*this.value*Math.PI*6/8+10*Math.PI/ +8);b.translate(-d,-d);b.drawImage(this.imgfg,0,0);b.restore();this.title&&(b.font="bold 16px Criticized,Tahoma",b.fillStyle="rgba(100,100,100,0.8)",b.textAlign="center",b.fillText(this.title.toUpperCase(),0.5*this.size[0],18),b.textAlign="left")}};d.prototype.onDrawVectorKnob=function(b){if(this.imgfg&&this.imgfg.width){b.lineWidth=1;b.strokeStyle=this.mouseOver?"#FFF":"#AAA";b.fillStyle="#000";b.beginPath();b.arc(0.5*this.size[0],0.5*this.size[1]+10,0.5*this.properties.size,0,2*Math.PI,!0);b.stroke(); +0b.canvasY-this.pos[1]||n.distance([b.canvasX,b.canvasY],[this.pos[0]+this.center[0],this.pos[1]+this.center[1]])>this.radius)return!1;this.oldmouse=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];this.captureInput(!0); +return!0}};d.prototype.onMouseMove=function(b){if(this.oldmouse){b=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];var d=this.value,d=d-0.01*(b[1]-this.oldmouse[1]);1d&&(d=0);this.value=d;this.properties.value=this.properties.min+(this.properties.max-this.properties.min)*this.value;this.oldmouse=b;this.setDirtyCanvas(!0)}};d.prototype.onMouseUp=function(b){this.oldmouse&&(this.oldmouse=null,this.captureInput(!1))};d.prototype.onMouseLeave=function(b){};d.prototype.onPropertyChanged=function(b, +d){if("wcolor"==b)this.properties[b]=d;else if("size"==b)d=parseInt(d),this.properties[b]=d,this.size=[d+4,d+24],this.setDirtyCanvas(!0,!0);else if("min"==b||"max"==b||"value"==b)this.properties[b]=parseFloat(d);else return!1;return!0};n.registerNodeType("widget/knob",d);r.title="Internal Slider";r.prototype.onPropertyChanged=function(b,d){"value"==b&&(this.slider.value=d)};r.prototype.onExecute=function(){this.setOutputData(0,this.properties.value)};n.registerNodeType("widget/internal_slider",r); +t.title="H.Slider";t.desc="Linear slider controller";t.prototype.onAdded=function(){this.value=0.5;this.imgfg=this.loadImage("imgs/slider_fg.png")};t.prototype.onDrawVectorial=function(b){this.imgfg&&this.imgfg.width&&(b.lineWidth=1,b.strokeStyle=this.mouseOver?"#FFF":"#AAA",b.fillStyle="#000",b.beginPath(),b.rect(2,0,this.size[0]-4,20),b.stroke(),b.fillStyle=this.properties.wcolor,b.beginPath(),b.rect(2+(this.size[0]-4-20)*this.value,0,20,20),b.fill())};t.prototype.onDrawImage=function(b){this.imgfg&& +this.imgfg.width&&(b.lineWidth=1,b.fillStyle="#000",b.fillRect(2,9,this.size[0]-4,2),b.strokeStyle="#333",b.beginPath(),b.moveTo(2,9),b.lineTo(this.size[0]-4,9),b.stroke(),b.strokeStyle="#AAA",b.beginPath(),b.moveTo(2,11),b.lineTo(this.size[0]-4,11),b.stroke(),b.drawImage(this.imgfg,2+(this.size[0]-4)*this.value-0.5*this.imgfg.width,0.5*-this.imgfg.height+10))};t.prototype.onDrawForeground=function(b){this.onDrawImage(b)};t.prototype.onExecute=function(){this.properties.value=this.properties.min+ +(this.properties.max-this.properties.min)*this.value;this.setOutputData(0,this.properties.value);this.boxcolor=n.colorToString([this.value,this.value,this.value])};t.prototype.onMouseDown=function(b){if(0>b.canvasY-this.pos[1])return!1;this.oldmouse=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];this.captureInput(!0);return!0};t.prototype.onMouseMove=function(b){if(this.oldmouse){b=[b.canvasX-this.pos[0],b.canvasY-this.pos[1]];var d=this.value,d=d+(b[0]-this.oldmouse[0])/this.size[0];1d&& +(d=0);this.value=d;this.oldmouse=b;this.setDirtyCanvas(!0)}};t.prototype.onMouseUp=function(b){this.oldmouse=null;this.captureInput(!1)};t.prototype.onMouseLeave=function(b){};t.prototype.onPropertyChanged=function(b,d){if("wcolor"==b)this.properties[b]=d;else return!1;return!0};n.registerNodeType("widget/hslider",t);w.title="Progress";w.desc="Shows data in linear progress";w.prototype.onExecute=function(){var b=this.getInputData(0);void 0!=b&&(this.properties.value=b)};w.prototype.onDrawForeground= +function(b){b.lineWidth=1;b.fillStyle=this.properties.wcolor;var d=(this.properties.value-this.properties.min)/(this.properties.max-this.properties.min),d=Math.min(1,d),d=Math.max(0,d);b.fillRect(2,2,(this.size[0]-4)*d,this.size[1]-4)};n.registerNodeType("widget/progress",w);u.title="Text";u.desc="Shows the input value";u.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"led_text",text:"LED",type:"minibutton"},{name:"normal_text",text:"Normal",type:"minibutton"}];u.prototype.onDrawForeground= +function(b){b.fillStyle=this.properties.color;var d=this.properties.value;this.properties.glowSize?(b.shadowColor=this.properties.color,b.shadowOffsetX=0,b.shadowOffsetY=0,b.shadowBlur=this.properties.glowSize):b.shadowColor="transparent";var a=this.properties.fontsize;b.textAlign=this.properties.align;b.font=a.toString()+"px "+this.properties.font;this.str="number"==typeof d?d.toFixed(this.properties.decimals):d;if("string"==typeof this.str){var d=this.str.split("\\n"),c;for(c in d)b.fillText(d[c], +"left"==this.properties.align?15:this.size[0]-15,-0.15*a+a*(parseInt(c)+1))}b.shadowColor="transparent";this.last_ctx=b;b.textAlign="left"};u.prototype.onExecute=function(){var b=this.getInputData(0);null!=b&&(this.properties.value=b)};u.prototype.resize=function(){if(this.last_ctx){var b=this.str.split("\\n");this.last_ctx.font=this.properties.fontsize+"px "+this.properties.font;var d=0,a;for(a in b){var c=this.last_ctx.measureText(b[a]).width;dd?f.xbox.axes.lx:0,this._left_axis[1]=Math.abs(f.xbox.axes.ly)>d?f.xbox.axes.ly:0,this._right_axis[0]=Math.abs(f.xbox.axes.rx)>d?f.xbox.axes.rx:0,this._right_axis[1]=Math.abs(f.xbox.axes.ry)>d?f.xbox.axes.ry:0,this._triggers[0]=Math.abs(f.xbox.axes.ltrigger)>d?f.xbox.axes.ltrigger:0,this._triggers[1]=Math.abs(f.xbox.axes.rtrigger)>d?f.xbox.axes.rtrigger:0);if(this.outputs)for(d= +0;df;f++)if(d[f]){f=d[f];d=this.xbox_mapping;d||(d=this.xbox_mapping= +{axes:[],buttons:{},hat:""});d.axes.lx=f.axes[0];d.axes.ly=f.axes[1];d.axes.rx=f.axes[2];d.axes.ry=f.axes[3];d.axes.ltrigger=f.buttons[6].value;d.axes.rtrigger=f.buttons[7].value;for(var h=0;h","string",{values:s.values});this.size=[60,40]}function g(){this.addInput("inc","number");this.addOutput("total","number");this.addProperty("increment",1);this.addProperty("value",0)}function m(){this.addInput("v","number");this.addOutput("sin","number");this.addProperty("amplitude",1);this.addProperty("offset",0);this.bgImageUrl="nodes/imgs/icon-sin.png"} +function y(){this.addInput("x","number");this.addInput("y","number");this.addOutput("","number");this.properties={x:1,y:1,formula:"x+y"};this.addWidget("toggle","allow",x.allow_scripts,function(a){x.allow_scripts=a});this._func=null}function z(){this.addInput("vec2","vec2");this.addOutput("x","number");this.addOutput("y","number")}function D(){this.addInputs([["x","number"],["y","number"]]);this.addOutput("vec2","vec2");this.properties={x:0,y:0};this._data=new Float32Array(2)}function B(){this.addInput("vec3", +"vec3");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number")}function C(){this.addInputs([["x","number"],["y","number"],["z","number"]]);this.addOutput("vec3","vec3");this.properties={x:0,y:0,z:0};this._data=new Float32Array(3)}function E(){this.addInput("vec4","vec4");this.addOutput("x","number");this.addOutput("y","number");this.addOutput("z","number");this.addOutput("w","number")}function F(){this.addInputs([["x","number"],["y","number"],["z","number"],["w","number"]]); +this.addOutput("vec4","vec4");this.properties={x:0,y:0,z:0,w:0};this._data=new Float32Array(4)}var x=v.LiteGraph;h.title="Converter";h.desc="type A to type B";h.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a&&this.outputs)for(var b=0;bb&&(this._current=0);for(var c=a=0;cb&&(b=1);this.properties.samples=Math.round(b);var c=this._values;this._values=new Float32Array(this.properties.samples);c.length<= +this._values.length?this._values.set(c):this._values.set(c.subarray(0,this._values.length))};x.registerNodeType("math/average",q);a.title="TendTo";a.desc="moves the output value always closer to the input";a.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.factor;this._value=null==this._value?a:this._value*(1-b)+a*b;this.setOutputData(0,this._value)};x.registerNodeType("math/tendTo",a);c.values="+-*/%^".split("");c.title="Operation";c.desc="Easy math operators"; +c["@OP"]={type:"enum",title:"operation",values:c.values};c.prototype.getTitle=function(){return"A "+this.properties.OP+" B"};c.prototype.setValue=function(a){"string"==typeof a&&(a=parseFloat(a));this.properties.value=a};c.prototype.onExecute=function(){var a=this.getInputData(0),b=this.getInputData(1);null!=a?this.properties.A=a:a=this.properties.A;null!=b?this.properties.B=b:b=this.properties.B;var c=0;switch(this.properties.OP){case "+":c=a+b;break;case "-":c=a-b;break;case "x":case "X":case "*":c= +a*b;break;case "/":c=a/b;break;case "%":c=a%b;break;case "^":c=Math.pow(a,b);break;default:console.warn("Unknown operation: "+this.properties.OP)}this.setOutputData(0,c)};c.prototype.onDrawBackground=function(a){this.flags.collapsed||(a.font="40px Arial",a.fillStyle="#CCC",a.textAlign="center",a.fillText(this.properties.OP,0.5*this.size[0],0.35*this.size[1]+x.NODE_TITLE_HEIGHT),a.textAlign="left")};x.registerNodeType("math/operation",c);e.title="Compare";e.desc="compares between two values";e.prototype.onExecute= +function(){var a=this.getInputData(0),b=this.getInputData(1);void 0!==a?this.properties.A=a:a=this.properties.A;void 0!==b?this.properties.B=b:b=this.properties.B;for(var c=0,d=this.outputs.length;cB":value=a>b;break;case "A=B":value=a>=b}this.setOutputData(c,value)}}};e.prototype.onGetOutputs=function(){return[["A==B", +"boolean"],["A!=B","boolean"],["A>B","boolean"],["A=B","boolean"],["A<=B","boolean"]]};x.registerNodeType("math/compare",e);x.registerSearchboxExtra("math/compare","==",{outputs:[["A==B","boolean"]],title:"A==B"});x.registerSearchboxExtra("math/compare","!=",{outputs:[["A!=B","boolean"]],title:"A!=B"});x.registerSearchboxExtra("math/compare",">",{outputs:[["A>B","boolean"]],title:"A>B"});x.registerSearchboxExtra("math/compare","<",{outputs:[["A=",{outputs:[["A>=B","boolean"]],title:"A>=B"});x.registerSearchboxExtra("math/compare","<=",{outputs:[["A<=B","boolean"]],title:"A<=B"});s.values="> < == != <= >=".split(" ");s["@OP"]={type:"enum",title:"operation",values:s.values};s.title="Condition";s.desc="evaluates condition between A and B";s.prototype.onExecute=function(){var a=this.getInputData(0);void 0===a?a=this.properties.A:this.properties.A=a;var b=this.getInputData(1);void 0===b?b=this.properties.B:this.properties.B=b;var c=!0;switch(this.properties.OP){case ">":c= +a>b;break;case "<":c=a=":c=a>=b}this.setOutputData(0,c)};x.registerNodeType("math/condition",s);g.title="Accumulate";g.desc="Increments a value every time";g.prototype.onExecute=function(){null===this.properties.value&&(this.properties.value=0);var a=this.getInputData(0);this.properties.value=null!==a?this.properties.value+a:this.properties.value+this.properties.increment;this.setOutputData(0,this.properties.value)}; +x.registerNodeType("math/accumulate",g);m.title="Trigonometry";m.desc="Sin Cos Tan";m.filter="shader";m.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=0);var b=this.properties.amplitude,c=this.findInputSlot("amplitude");-1!=c&&(b=this.getInputData(c));var d=this.properties.offset,c=this.findInputSlot("offset");-1!=c&&(d=this.getInputData(c));for(var c=0,e=this.outputs.length;cXY";z.desc="vector 2 to components";z.prototype.onExecute= +function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]))};x.registerNodeType("math3d/vec2-to-xyz",z);D.title="XY->Vec2";D.desc="components to vector2";D.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this._data;c[0]=a;c[1]=b;this.setOutputData(0,c)};x.registerNodeType("math3d/xy-to-vec2",D);B.title="Vec3->XYZ";B.desc="vector 3 to components";B.prototype.onExecute= +function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]))};x.registerNodeType("math3d/vec3-to-xyz",B);C.title="XYZ->Vec3";C.desc="components to vector3";C.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2);null==c&&(c=this.properties.z);var d=this._data;d[0]=a;d[1]=b;d[2]=c;this.setOutputData(0,d)};x.registerNodeType("math3d/xyz-to-vec3", +C);E.title="Vec4->XYZW";E.desc="vector 4 to components";E.prototype.onExecute=function(){var a=this.getInputData(0);null!=a&&(this.setOutputData(0,a[0]),this.setOutputData(1,a[1]),this.setOutputData(2,a[2]),this.setOutputData(3,a[3]))};x.registerNodeType("math3d/vec4-to-xyzw",E);F.title="XYZW->Vec4";F.desc="components to vector4";F.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.x);var b=this.getInputData(1);null==b&&(b=this.properties.y);var c=this.getInputData(2); +null==c&&(c=this.properties.z);var d=this.getInputData(3);null==d&&(d=this.properties.w);var e=this._data;e[0]=a;e[1]=b;e[2]=c;e[3]=d;this.setOutputData(0,e)};x.registerNodeType("math3d/xyzw-to-vec4",F);v.glMatrix&&(v=function(){this.addOutput("quat","quat");this.properties={x:0,y:0,z:0,w:1};this._value=quat.create()},v.title="Quaternion",v.desc="quaternion",v.prototype.onExecute=function(){this._value[0]=this.properties.x;this._value[1]=this.properties.y;this._value[2]=this.properties.z;this._value[3]= +this.properties.w;this.setOutputData(0,this._value)},x.registerNodeType("math3d/quaternion",v),v=function(){this.addInputs([["degrees","number"],["axis","vec3"]]);this.addOutput("quat","quat");this.properties={angle:90,axis:vec3.fromValues(0,1,0)};this._value=quat.create()},v.title="Rotation",v.desc="quaternion rotation",v.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.angle);var b=this.getInputData(1);null==b&&(b=this.properties.axis);a=quat.setAxisAngle(this._value, +b,0.0174532925*a);this.setOutputData(0,a)},x.registerNodeType("math3d/rotation",v),v=function(){this.addInputs([["vec3","vec3"],["quat","quat"]]);this.addOutput("result","vec3");this.properties={vec:[0,0,1]}},v.title="Rot. Vec3",v.desc="rotate a point",v.prototype.onExecute=function(){var a=this.getInputData(0);null==a&&(a=this.properties.vec);var b=this.getInputData(1);null==b?this.setOutputData(a):this.setOutputData(0,vec3.transformQuat(vec3.create(),a,b))},x.registerNodeType("math3d/rotate_vec3", +v),v=function(){this.addInputs([["A","quat"],["B","quat"]]);this.addOutput("A*B","quat");this._value=quat.create()},v.title="Mult. Quat",v.desc="rotate quaternion",v.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);null!=b&&(a=quat.multiply(this._value,a,b),this.setOutputData(0,a))}},x.registerNodeType("math3d/mult-quat",v),v=function(){this.addInputs([["A","quat"],["B","quat"],["factor","number"]]);this.addOutput("slerp","quat");this.addProperty("factor", +0.5);this._value=quat.create()},v.title="Quat Slerp",v.desc="quaternion spherical interpolation",v.prototype.onExecute=function(){var a=this.getInputData(0);if(null!=a){var b=this.getInputData(1);if(null!=b){var c=this.properties.factor;null!=this.getInputData(2)&&(c=this.getInputData(2));a=quat.slerp(this._value,a,b,c);this.setOutputData(0,a)}}},x.registerNodeType("math3d/quat-slerp",v))})(this); +(function(v){function h(){this.addInput("sel","boolean");this.addOutput("value","number");this.properties={A:0,B:1};this.size=[60,20]}v=v.LiteGraph;h.title="Selector";h.desc="outputs A if selector is true, B if selector is false";h.prototype.onExecute=function(){var f=this.getInputData(0);if(void 0!==f){for(var h=1;hb;++b){var f=this.getInputData(b);if(null!=f){var a=this.values[b];a.push(f);a.length>d[0]&&a.shift()}}}};h.prototype.onDrawBackground=function(d){if(!this.flags.collapsed){var b=this.size,f=0.5*b[1]/this.properties.scale,a=h.colors,c=0.5*b[1];d.fillStyle="#000";d.fillRect(0,0,b[0],b[1]);d.strokeStyle= +"#555";d.beginPath();d.moveTo(0,c);d.lineTo(b[0],c);d.stroke();if(this.inputs)for(var e=0;4>e;++e){var l=this.values[e];if(this.inputs[e]&&this.inputs[e].link){d.strokeStyle=a[e];d.beginPath();var g=l[0]*f*-1+c;d.moveTo(0,Math.clamp(g,0,b[1]));for(var m=1;mb&&(b=0);if(0!=d.length){var f=[0,0,0];if(0==b)f=d[0];else if(1==b)f=d[d.length-1];else{var a=(d.length-1)*b,b=d[Math.floor(a)],d=d[Math.floor(a)+1],a=a-Math.floor(a);f[0]=b[0]*(1-a)+d[0]*a;f[1]=b[1]*(1-a)+d[1]*a;f[2]=b[2]*(1-a)+d[2]*a}for(var c in f)f[c]/=255;this.boxcolor=colorToString(f);this.setOutputData(0,f)}};l.registerNodeType("color/palette", +p);d.title="Frame";d.desc="Frame viewerew";d.widgets=[{name:"resize",text:"Resize box",type:"button"},{name:"view",text:"View Image",type:"button"}];d.prototype.onDrawBackground=function(d){this.frame&&d.drawImage(this.frame,0,0,this.size[0],this.size[1])};d.prototype.onExecute=function(){this.frame=this.getInputData(0);this.setDirtyCanvas(!0)};d.prototype.onWidget=function(d,b){if("resize"==b.name&&this.frame){var f=this.frame.width,a=this.frame.height;f||null==this.frame.videoWidth||(f=this.frame.videoWidth, +a=this.frame.videoHeight);f&&a&&(this.size=[f,a]);this.setDirtyCanvas(!0,!0)}else"view"==b.name&&this.show()};d.prototype.show=function(){showElement&&this.frame&&showElement(this.frame)};l.registerNodeType("graphics/frame",d);r.title="Image fade";r.desc="Fades between images";r.widgets=[{name:"resizeA",text:"Resize to A",type:"button"},{name:"resizeB",text:"Resize to B",type:"button"}];r.prototype.onAdded=function(){this.createCanvas();var d=this.canvas.getContext("2d");d.fillStyle="#000";d.fillRect(0, +0,this.properties.width,this.properties.height)};r.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};r.prototype.onExecute=function(){var d=this.canvas.getContext("2d");this.canvas.width=this.canvas.width;var b=this.getInputData(0);null!=b&&d.drawImage(b,0,0,this.canvas.width,this.canvas.height);b=this.getInputData(2);null==b?b=this.properties.fade:this.properties.fade=b;d.globalAlpha=b; +b=this.getInputData(1);null!=b&&d.drawImage(b,0,0,this.canvas.width,this.canvas.height);d.globalAlpha=1;this.setOutputData(0,this.canvas);this.setDirtyCanvas(!0)};l.registerNodeType("graphics/imagefade",r);t.title="Crop";t.desc="Crop Image";t.prototype.onAdded=function(){this.createCanvas()};t.prototype.createCanvas=function(){this.canvas=document.createElement("canvas");this.canvas.width=this.properties.width;this.canvas.height=this.properties.height};t.prototype.onExecute=function(){var d=this.getInputData(0); +d&&(d.width?(this.canvas.getContext("2d").drawImage(d,-this.properties.x,-this.properties.y,d.width*this.properties.scale,d.height*this.properties.scale),this.setOutputData(0,this.canvas)):this.setOutputData(0,null))};t.prototype.onDrawBackground=function(d){this.flags.collapsed||this.canvas&&d.drawImage(this.canvas,0,0,this.canvas.width,this.canvas.height,0,0,this.size[0],this.size[1])};t.prototype.onPropertyChanged=function(d,b){this.properties[d]=b;"scale"==d?(this.properties[d]=parseFloat(b), +0==this.properties[d]&&(this.trace("Error in scale"),this.properties[d]=1)):this.properties[d]=parseInt(b);this.createCanvas();return!0};l.registerNodeType("graphics/cropImage",t);w.title="Video";w.desc="Video playback";w.widgets=[{name:"play",text:"PLAY",type:"minibutton"},{name:"stop",text:"STOP",type:"minibutton"},{name:"demo",text:"Demo video",type:"button"},{name:"mute",text:"Mute video",type:"button"}];w.prototype.onExecute=function(){if(this.properties.url&&(this.properties.url!=this._video_url&& +this.loadVideo(this.properties.url),this._video&&0!=this._video.width)){var d=this.getInputData(0);d&&0<=d&&1>=d&&(this._video.currentTime=d*this._video.duration,this._video.pause());this._video.dirty=!0;this.setOutputData(0,this._video);this.setOutputData(1,this._video.currentTime);this.setOutputData(2,this._video.duration);this.setDirtyCanvas(!0)}};w.prototype.onStart=function(){this.play()};w.prototype.onStop=function(){this.stop()};w.prototype.loadVideo=function(d){this._video_url=d;this.properties.use_proxy&& +"http"==d.substr(0,4)&&l.proxy&&(d=l.proxy+d.substr(d.indexOf(":")+3));this._video=document.createElement("video");this._video.src=d;this._video.type="type=video/mp4";this._video.muted=!0;this._video.autoplay=!0;var b=this;this._video.addEventListener("loadedmetadata",function(d){b.trace("Duration: "+this.duration+" seconds");b.trace("Size: "+this.videoWidth+","+this.videoHeight);b.setDirtyCanvas(!0);this.width=this.videoWidth;this.height=this.videoHeight});this._video.addEventListener("progress", +function(b){});this._video.addEventListener("error",function(d){console.log("Error loading video: "+this.src);b.trace("Error loading video: "+this.src);if(this.error)switch(this.error.code){case this.error.MEDIA_ERR_ABORTED:b.trace("You stopped the video.");break;case this.error.MEDIA_ERR_NETWORK:b.trace("Network error - please try again later.");break;case this.error.MEDIA_ERR_DECODE:b.trace("Video is broken..");break;case this.error.MEDIA_ERR_SRC_NOT_SUPPORTED:b.trace("Sorry, your browser can't play this video.")}}); +this._video.addEventListener("ended",function(d){b.trace("Ended.");this.play()})};w.prototype.onPropertyChanged=function(d,b){this.properties[d]=b;"url"==d&&""!=b&&this.loadVideo(b);return!0};w.prototype.play=function(){this._video&&this._video.play()};w.prototype.playPause=function(){this._video&&(this._video.paused?this.play():this.pause())};w.prototype.stop=function(){this._video&&(this._video.pause(),this._video.currentTime=0)};w.prototype.pause=function(){this._video&&(this.trace("Video paused"), +this._video.pause())};w.prototype.onWidget=function(d,b){};l.registerNodeType("graphics/video",w);u.title="Webcam";u.desc="Webcam image";u.prototype.openStream=function(){function d(f){console.log("Webcam rejected",f);b._webcam_stream=!1;b.boxcolor="red";b.trigger("stream_error")}if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.mediaDevices.getUserMedia({audio:!1,video:{facingMode:this.properties.facingMode}}).then(this.streamReady.bind(this))["catch"](d);var b=this}};u.prototype.closeStream= +function(){if(this._webcam_stream){var d=this._webcam_stream.getTracks();if(d.length)for(var b=0;b=this.size[1]||!this.properties.show||!this._video||(d.save(),d.drawImage(this._video,0,0,this.size[0],this.size[1]),d.restore())};u.prototype.onGetOutputs=function(){return[["width", +"number"],["height","number"],["stream_ready",l.EVENT],["stream_closed",l.EVENT],["stream_error",l.EVENT]]};l.registerNodeType("graphics/webcam",u)})(this); +(function(v){var h=v.LiteGraph;v.LGraphTexture=null;if("undefined"!=typeof GL){LGraphCanvas.link_type_colors.Texture="#AEF";var f=function(){this.addOutput("Texture","Texture");this.properties={name:"",filter:!0};this.size=[f.image_preview_size,f.image_preview_size]};v.LGraphTexture=f;f.title="Texture";f.desc="Texture";f.widgets_info={name:{widget:"texture"},filter:{widget:"checkbox"}};f.loadTextureCallback=null;f.image_preview_size=256;f.PASS_THROUGH=1;f.COPY=2;f.LOW=3;f.HIGH=4;f.REUSE=5;f.DEFAULT= +2;f.MODE_VALUES={"pass through":f.PASS_THROUGH,copy:f.COPY,low:f.LOW,high:f.HIGH,reuse:f.REUSE,"default":f.DEFAULT};f.getTexturesContainer=function(){return gl.textures};f.loadTexture=function(a,b){b=b||{};var c=a;"http://"==c.substr(0,7)&&h.proxy&&(c=h.proxy+c.substr(7));return f.getTexturesContainer()[a]=GL.Texture.fromURL(c,b)};f.getTexture=function(a){var b=this.getTexturesContainer();if(!b)throw"Cannot load texture, container of textures not found";b=b[a];return!b&&a&&":"!=a[0]?this.loadTexture(a): +b};f.getTargetTexture=function(a,b,c){if(!a)throw"LGraphTexture.getTargetTexture expects a reference texture";var d=null;switch(c){case f.LOW:d=gl.UNSIGNED_BYTE;break;case f.HIGH:d=gl.HIGH_PRECISION_FORMAT;break;case f.REUSE:return a;default:d=a?a.type:gl.UNSIGNED_BYTE}b&&b.width==a.width&&b.height==a.height&&b.type==d||(b=new GL.Texture(a.width,a.height,{type:d,format:gl.RGBA,filter:gl.LINEAR}));return b};f.getTextureType=function(a,b){var c=b?b.type:gl.UNSIGNED_BYTE;switch(a){case f.HIGH:c=gl.HIGH_PRECISION_FORMAT; +break;case f.LOW:c=gl.UNSIGNED_BYTE}return c};f.getNoiseTexture=function(){if(this._noise_texture)return this._noise_texture;for(var a=new Uint8Array(1048576),b=0;1048576>b;++b)a[b]=255*Math.random();return this._noise_texture=a=GL.Texture.fromMemory(512,512,a,{format:gl.RGBA,wrap:gl.REPEAT,filter:gl.NEAREST})};f.prototype.onDropFile=function(a,b,c){if(a){var d=null;"string"==typeof a?d=GL.Texture.fromURL(a):-1!=b.toLowerCase().indexOf(".dds")?d=GL.Texture.fromDDSInMemory(a):(a=new Blob([c]),a=URL.createObjectURL(a), +d=GL.Texture.fromURL(a));this._drop_texture=d;this.properties.name=b}else this._drop_texture=null,this.properties.name=""};f.prototype.getExtraMenuOptions=function(a){var b=this;if(this._drop_texture)return[{content:"Clear",callback:function(){b._drop_texture=null;b.properties.name=""}}]};f.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=f.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=f.generateLowResTexturePreview(this._last_tex);if(!b)return;this._last_preview_tex=this._last_tex;this._canvas=cloneCanvas(b)}this._canvas&&(a.save(),a.webgl||(a.translate(0,this.size[1]),a.scale(1,-1)),a.drawImage(this._canvas,0,0,this.size[0],this.size[1]),a.restore())}};f.generateLowResTexturePreview= +function(a){if(!a)return null;var b=f.image_preview_size,c=a;if(a.format==gl.DEPTH_COMPONENT)return null;if(a.width>b||a.height>b)c=this._preview_temp_tex,this._preview_temp_tex||(this._preview_temp_tex=c=new GL.Texture(b,b,{minFilter:gl.NEAREST})),a.copyTo(c);a=this._preview_canvas;a||(this._preview_canvas=a=createCanvas(b,b));c&&c.toCanvas(a);return a};f.prototype.getResources=function(a){a[this.properties.name]=GL.Texture;return a};f.prototype.onGetInputs=function(){return[["in","Texture"]]};f.prototype.onGetOutputs= +function(){return[["width","number"],["height","number"],["aspect","number"]]};h.registerNodeType("texture/texture",f);var p=function(){this.addInput("Texture","Texture");this.properties={flipY:!1};this.size=[f.image_preview_size,f.image_preview_size]};p.title="Preview";p.desc="Show a texture in the graph canvas";p.allow_preview=!1;p.prototype.onDrawBackground=function(a){if(!this.flags.collapsed&&(a.webgl||p.allow_preview)){var b=this.getInputData(0);if(b){var c=null,c=!b.handle&&a.webgl?b:f.generateLowResTexturePreview(b); +a.save();this.properties.flipY&&(a.translate(0,this.size[1]),a.scale(1,-1));a.drawImage(c,0,0,this.size[0],this.size[1]);a.restore()}}};h.registerNodeType("texture/preview",p);var d=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={name:""}};d.title="Save";d.desc="Save a texture in the repository";d.prototype.onExecute=function(){var a=this.getInputData(0);a&&(this.properties.name&&(f.storeTexture?f.storeTexture(this.properties.name,a):f.getTexturesContainer()[this.properties.name]= +a),this.setOutputData(0,a))};h.registerNodeType("texture/save",d);var r=function(){this.addInput("Texture","Texture");this.addInput("TextureB","Texture");this.addInput("value","number");this.addOutput("Texture","Texture");this.help="

pixelcode must be vec3

\t\t\t

uvcode must be vec2, is optional

\t\t\t

uv: tex. coords

color: texture

colorB: textureB

time: scene time

value: input value

"; +this.properties={value:1,uvcode:"",pixelcode:"color + colorB * value",precision:f.DEFAULT}};r.widgets_info={uvcode:{widget:"textarea",height:100},pixelcode:{widget:"textarea",height:100},precision:{widget:"combo",values:f.MODE_VALUES}};r.title="Operation";r.desc="Texture shader operation";r.prototype.getExtraMenuOptions=function(a){var b=this;return[{content:b.properties.show?"Hide Texture":"Show Texture",callback:function(){b.properties.show=!b.properties.show}}]};r.prototype.onDrawBackground=function(a){this.flags.collapsed|| +20>=this.size[1]||!this.properties.show||!this._tex||this._tex.gl!=a||(a.save(),a.drawImage(this._tex,0,0,this.size[0],this.size[1]),a.restore())};r.prototype.onExecute=function(){var a=this.getInputData(0);if(this.isOutputConnected(0))if(this.properties.precision===f.PASS_THROUGH)this.setOutputData(0,a);else{var b=this.getInputData(1);if(this.properties.uvcode||this.properties.pixelcode){var c=512,d=512;a?(c=a.width,d=a.height):b&&(c=b.width,d=b.height);var e=f.getTextureType(this.properties.precision, +a);this._tex=a||this._tex?f.getTargetTexture(a||this._tex,this._tex,this.properties.precision):new GL.Texture(c,d,{type:e,format:gl.RGBA,filter:gl.LINEAR});e="";this.properties.uvcode&&(e="uv = "+this.properties.uvcode,-1!=this.properties.uvcode.indexOf(";")&&(e=this.properties.uvcode));var g="";this.properties.pixelcode&&(g="result = "+this.properties.pixelcode,-1!=this.properties.pixelcode.indexOf(";")&&(g=this.properties.pixelcode));var m=this._shader;if(!m||this._shader_code!=e+"|"+g){try{this._shader= +new GL.Shader(Shader.SCREEN_VERTEX_SHADER,r.pixel_shader,{UV_CODE:e,PIXEL_CODE:g}),this.boxcolor="#00FF00"}catch(h){console.log("Error compiling shader: ",h);this.boxcolor="#FF0000";return}this.boxcolor="#FF0000";this._shader_code=e+"|"+g;m=this._shader}if(m){this.boxcolor="green";var l=this.getInputData(2);null!=l?this.properties.value=l:l=parseFloat(this.properties.value);var n=this.graph.getTime();this._tex.drawTo(function(){gl.disable(gl.DEPTH_TEST);gl.disable(gl.CULL_FACE);gl.disable(gl.BLEND); +a&&a.bind(0);b&&b.bind(1);var e=Mesh.getScreenQuad();m.uniforms({u_texture:0,u_textureB:1,value:l,texSize:[c,d],time:n}).draw(e)});this.setOutputData(0,this._tex)}else this.boxcolor="red"}}};r.pixel_shader="precision highp float;\n\t\t\t\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform vec2 texSize;\n\t\t\tuniform float time;\n\t\t\tuniform float value;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 uv = v_coord;\n\t\t\t\tUV_CODE;\n\t\t\t\tvec4 color4 = texture2D(u_texture, uv);\n\t\t\t\tvec3 color = color4.rgb;\n\t\t\t\tvec4 color4B = texture2D(u_textureB, uv);\n\t\t\t\tvec3 colorB = color4B.rgb;\n\t\t\t\tvec3 result = color;\n\t\t\t\tfloat alpha = 1.0;\n\t\t\t\tPIXEL_CODE;\n\t\t\t\tgl_FragColor = vec4(result, alpha);\n\t\t\t}\n\t\t\t"; +h.registerNodeType("texture/operation",r);var t=function(){this.addOutput("out","Texture");this.properties={code:"",width:512,height:512,precision:f.DEFAULT};this.properties.code="\nvoid main() {\n vec2 uv = v_coord;\n vec3 color = vec3(0.0);\n//your code here\n\ngl_FragColor = vec4(color, 1.0);\n}\n";this._uniforms={in_texture:0,texSize:vec2.create(),time:0}};t.title="Shader";t.desc="Texture shader";t.widgets_info={code:{type:"code"},precision:{widget:"combo",values:f.MODE_VALUES}};t.prototype.onPropertyChanged= +function(a,b){if("code"==a){var c=this.getShader();if(c){var d=c.uniformInfo;if(this.inputs)for(var e={},g=0;g lumaMax))\n\t\t\t\t\tcolor = vec4(rgbA, 1.0);\n\t\t\t\telse\n\t\t\t\t\tcolor = vec4(rgbB, 1.0);\n\t\t\t\tif(u_igamma != 1.0)\n\t\t\t\t\tcolor.xyz = pow( color.xyz, vec3(u_igamma) );\n\t\t\t\treturn color;\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = applyFXAA( u_texture, v_coord * uViewportSize) ;\n\t\t\t}\n\t\t\t"; +l.gamma_pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_igamma;\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D( u_texture, v_coord);\n\t\t\t\tcolor.xyz = pow(color.xyz, vec3(u_igamma) );\n\t\t\t gl_FragColor = color;\n\t\t\t}\n\t\t\t";h.registerNodeType("texture/toviewport",l);d=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={size:0,generate_mipmaps:!1, +precision:f.DEFAULT}};d.title="Copy";d.desc="Copy Texture";d.widgets_info={size:{widget:"combo",values:[0,32,64,128,256,512,1024,2048]},precision:{widget:"combo",values:f.MODE_VALUES}};d.prototype.onExecute=function(){var a=this.getInputData(0);if((a||this._temp_texture)&&this.isOutputConnected(0)){if(a){var b=a.width,c=a.height;0!=this.properties.size&&(c=b=this.properties.size);var d=this._temp_texture,e=a.type;this.properties.precision===f.LOW?e=gl.UNSIGNED_BYTE:this.properties.precision===f.HIGH&& +(e=gl.HIGH_PRECISION_FORMAT);d&&d.width==b&&d.height==c&&d.type==e||(d=gl.LINEAR,this.properties.generate_mipmaps&&isPowerOfTwo(b)&&isPowerOfTwo(c)&&(d=gl.LINEAR_MIPMAP_LINEAR),this._temp_texture=new GL.Texture(b,c,{type:e,format:gl.RGBA,minFilter:d,magFilter:gl.LINEAR}));a.copyTo(this._temp_texture);this.properties.generate_mipmaps&&(this._temp_texture.bind(0),gl.generateMipmap(this._temp_texture.texture_type),this._temp_texture.unbind(0))}this.setOutputData(0,this._temp_texture)}};h.registerNodeType("texture/copy", +d);var n=function(){this.addInput("Texture","Texture");this.addOutput("","Texture");this.properties={iterations:1,generate_mipmaps:!1,precision:f.DEFAULT}};n.title="Downsample";n.desc="Downsample Texture";n.widgets_info={iterations:{type:"number",step:1,precision:0,min:1},precision:{widget:"combo",values:f.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===f.LOW?e=gl.UNSIGNED_BYTE:this.properties.precision===f.HIGH&&(e=gl.HIGH_PRECISION_FORMAT);var g=this.properties.iterations||1,m=a,h=null,l=[],a={type:e,format:a.format},e=vec2.create(),p={u_offset:e};this._texture&&GL.Texture.releaseTemporary(this._texture);for(var q=0;q>1||0;d=d>>1||0;h=GL.Texture.getTemporary(c,d,a);l.push(h);m.setParameter(GL.TEXTURE_MAG_FILTER, +GL.NEAREST);m.copyTo(h,b,p);if(1==c&&1==d)break;m=h}this._texture=l.pop();for(q=0;qd;++d)c[d]=Math.random();b._shader.uniforms({u_samples_a:c.subarray(0,16),u_samples_b:c.subarray(16,32)})}d=this._temp_texture;c=gl.UNSIGNED_BYTE;a.type!=c&&(c=gl.FLOAT);d&&d.type==c||(this._temp_texture=new GL.Texture(1,1,{type:c,format:gl.RGBA,filter:gl.NEAREST})); +var e=b._shader,g=this._uniforms;g.u_mipmap_offset=this.properties.mipmap_offset;this._temp_texture.drawTo(function(){a.toViewport(e,g)});this.setOutputData(0,this._temp_texture);if(this.isOutputConnected(1)||this.isOutputConnected(2))if(d=this._temp_texture.getPixels()){var f=this._luminance,c=this._temp_texture.type;f.set(d);c==gl.UNSIGNED_BYTE?vec4.scale(f,f,1/255):c!=GL.HALF_FLOAT&&c!=GL.HALF_FLOAT_OES||vec4.scale(f,f,1/65025);this.setOutputData(1,f);this.setOutputData(2,(f[0]+f[1]+f[2])/3)}}}; +b.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tuniform mat4 u_samples_a;\n\t\t\tuniform mat4 u_samples_b;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_mipmap_offset;\n\t\t\tvarying vec2 v_coord;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = vec4(0.0);\n\t\t\t\tfor(int i = 0; i < 4; ++i)\n\t\t\t\t\tfor(int j = 0; j < 4; ++j)\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( u_samples_a[i][j], u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\t\tcolor += texture2D(u_texture, vec2( 1.0 - u_samples_a[i][j], 1.0 - u_samples_b[i][j] ), u_mipmap_offset );\n\t\t\t\t\t}\n\t\t\t gl_FragColor = color * 0.03125;\n\t\t\t}\n\t\t\t"; +h.registerNodeType("texture/average",b);d=function(){this.addInput("Image","image");this.addOutput("","Texture");this.properties={}};d.title="Image to Texture";d.desc="Uploads an image to the GPU";d.prototype.onExecute=function(){var a=this.getInputData(0);if(a){var b=a.videoWidth||a.width,c=a.videoHeight||a.height;if(a.gltexture)this.setOutputData(0,a.gltexture);else{var d=this._temp_texture;d&&d.width==b&&d.height==c||(this._temp_texture=new GL.Texture(b,c,{format:gl.RGBA,filter:gl.LINEAR}));try{this._temp_texture.uploadImage(a)}catch(e){console.error("image comes from an unsafe location, cannot be uploaded to webgl: "+ +e);return}this.setOutputData(0,this._temp_texture)}}};h.registerNodeType("texture/imageToTexture",d);var q=function(){this.addInput("Texture","Texture");this.addInput("LUT","Texture");this.addInput("Intensity","number");this.addOutput("","Texture");this.properties={intensity:1,precision:f.DEFAULT,texture:null};q._shader||(q._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,q.pixel_shader))};q.widgets_info={texture:{widget:"texture"},precision:{widget:"combo",values:f.MODE_VALUES}};q.title="LUT";q.desc= +"Apply LUT to Texture";q.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0);if(this.properties.precision===f.PASS_THROUGH)this.setOutputData(0,a);else if(a){var b=this.getInputData(1);b||(b=f.getTexture(this.properties.texture));if(b){b.bind(0);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.LINEAR);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE);gl.bindTexture(gl.TEXTURE_2D, +null);var c=this.properties.intensity;this.isInputConnected(2)&&(this.properties.intensity=c=this.getInputData(2));this._tex=f.getTargetTexture(a,this._tex,this.properties.precision);this._tex.drawTo(function(){b.bind(1);a.toViewport(q._shader,{u_texture:0,u_textureB:1,u_amount:c})});this.setOutputData(0,this._tex)}else this.setOutputData(0,a)}}};q.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform float u_amount;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\t lowp vec4 textureColor = clamp( texture2D(u_texture, v_coord), vec4(0.0), vec4(1.0) );\n\t\t\t\t mediump float blueColor = textureColor.b * 63.0;\n\t\t\t\t mediump vec2 quad1;\n\t\t\t\t quad1.y = floor(floor(blueColor) / 8.0);\n\t\t\t\t quad1.x = floor(blueColor) - (quad1.y * 8.0);\n\t\t\t\t mediump vec2 quad2;\n\t\t\t\t quad2.y = floor(ceil(blueColor) / 8.0);\n\t\t\t\t quad2.x = ceil(blueColor) - (quad2.y * 8.0);\n\t\t\t\t highp vec2 texPos1;\n\t\t\t\t texPos1.x = (quad1.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t\t texPos1.y = 1.0 - ((quad1.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t\t highp vec2 texPos2;\n\t\t\t\t texPos2.x = (quad2.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.r);\n\t\t\t\t texPos2.y = 1.0 - ((quad2.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * textureColor.g));\n\t\t\t\t lowp vec4 newColor1 = texture2D(u_textureB, texPos1);\n\t\t\t\t lowp vec4 newColor2 = texture2D(u_textureB, texPos2);\n\t\t\t\t lowp vec4 newColor = mix(newColor1, newColor2, fract(blueColor));\n\t\t\t\t gl_FragColor = vec4( mix( textureColor.rgb, newColor.rgb, u_amount), textureColor.w);\n\t\t\t}\n\t\t\t"; +h.registerNodeType("texture/LUT",q);var a=function(){this.addInput("Texture","Texture");this.addOutput("R","Texture");this.addOutput("G","Texture");this.addOutput("B","Texture");this.addOutput("A","Texture");this.properties={};a._shader||(a._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,a.pixel_shader))};a.title="Texture to Channels";a.desc="Split texture channels";a.prototype.onExecute=function(){var b=this.getInputData(0);if(b){this._channels||(this._channels=Array(4));for(var c=0,d=0;4>d;d++)this.isOutputConnected(d)? +(this._channels[d]&&this._channels[d].width==b.width&&this._channels[d].height==b.height&&this._channels[d].type==b.type||(this._channels[d]=new GL.Texture(b.width,b.height,{type:b.type,format:gl.RGBA,filter:gl.LINEAR})),c++):this._channels[d]=null;if(c){gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);for(var e=Mesh.getScreenQuad(),g=a._shader,f=[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]],d=0;4>d;d++)this._channels[d]&&(this._channels[d].drawTo(function(){b.bind(0);g.uniforms({u_texture:0,u_mask:f[d]}).draw(e)}), +this.setOutputData(d,this._channels[d]))}}};a.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec4 u_mask;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = vec4( vec3( length( texture2D(u_texture, v_coord) * u_mask )), 1.0 );\n\t\t\t}\n\t\t\t";h.registerNodeType("texture/textureChannels",a);var c=function(){this.addInput("R","Texture");this.addInput("G","Texture");this.addInput("B","Texture");this.addInput("A", +"Texture");this.addOutput("Texture","Texture");this.properties={};c._shader||(c._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,c.pixel_shader))};c.title="Channels to Texture";c.desc="Split texture channels";c.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(),d=c._shader;this._tex=f.getTargetTexture(a[0],this._tex);this._tex.drawTo(function(){a[0].bind(0); +a[1].bind(1);a[2].bind(2);a[3].bind(3);d.uniforms({u_textureR:0,u_textureG:1,u_textureB:2,u_textureA:3}).draw(b)});this.setOutputData(0,this._tex)}};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_textureR;\n\t\t\tuniform sampler2D u_textureG;\n\t\t\tuniform sampler2D u_textureB;\n\t\t\tuniform sampler2D u_textureA;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t gl_FragColor = vec4( \t\t\t\t\t\ttexture2D(u_textureR, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureG, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureB, v_coord).r,\t\t\t\t\t\ttexture2D(u_textureA, v_coord).r);\n\t\t\t}\n\t\t\t"; +h.registerNodeType("texture/channelsTexture",c);d=function(){this.addOutput("Texture","Texture");this._tex_color=vec4.create();this.properties={color:vec4.create(),precision:f.DEFAULT}};d.title="Color";d.desc="Generates a 1x1 texture with a constant color";d.widgets_info={precision:{widget:"combo",values:f.MODE_VALUES}};d.prototype.onDrawBackground=function(a){var b=this.properties.color;a.fillStyle="rgb("+Math.floor(255*Math.clamp(b[0],0,1))+","+Math.floor(255*Math.clamp(b[1],0,1))+","+Math.floor(255* +Math.clamp(b[2],0,1))+")";this.flags.collapsed?this.boxcolor=a.fillStyle:a.fillRect(0,0,this.size[0],this.size[1])};d.prototype.onExecute=function(){var a=this.properties.precision==f.HIGH?f.HIGH_PRECISION_FORMAT:gl.UNSIGNED_BYTE;this._tex&&this._tex.type==a||(this._tex=new GL.Texture(1,1,{format:gl.RGBA,type:a,minFilter:gl.NEAREST}));a=this.properties.color;if(this.inputs)for(var b=0;b 0.5 ? 1.0 : 0.0, diff.y > 0.5 ? 1.0 : 0.0, diff.z > 0.5 ? 1.0 : 0.0, center.a );\n\t\t\t}\n\t\t\t"; +h.registerNodeType("texture/edges",g);var m=function(){this.addInput("Texture","Texture");this.addInput("Distance","number");this.addInput("Range","number");this.addOutput("Texture","Texture");this.properties={distance:100,range:50,only_depth:!1,high_precision:!1};this._uniforms={u_texture:0,u_distance:100,u_range:50,u_camera_planes:null}};m.title="Depth Range";m.desc="Generates a texture with a depth range";m.prototype.onExecute=function(){if(this.isOutputConnected(0)){var a=this.getInputData(0); if(a){var b=gl.UNSIGNED_BYTE;this.properties.high_precision&&(b=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==b&&this._temp_texture.width==a.width&&this._temp_texture.height==a.height||(this._temp_texture=new GL.Texture(a.width,a.height,{type:b,format:gl.RGBA,filter:gl.LINEAR}));var c=this._uniforms,b=this.properties.distance;this.isInputConnected(1)&&(b=this.getInputData(1),this.properties.distance=b);var d=this.properties.range;this.isInputConnected(2)&& -(d=this.getInputData(2),this.properties.range=d);c.u_distance=b;c.u_range=d;gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var e=Mesh.getScreenQuad();l._shader||(l._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,l.pixel_shader),l._shader_onlydepth=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,l.pixel_shader,{ONLY_DEPTH:""}));var f=this.properties.only_depth?l._shader_onlydepth:l._shader,b=null,b=a.near_far_planes?a.near_far_planes:window.LS&&LS.Renderer._main_camera?LS.Renderer._main_camera._uniforms.u_camera_planes: -[0.1,1E3];c.u_camera_planes=b;this._temp_texture.drawTo(function(){a.bind(0);f.uniforms(c).draw(e)});this._temp_texture.near_far_planes=b;this.setOutputData(0,this._temp_texture)}}};l.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_distance;\n\t\t\tuniform float u_range;\n\t\t\t\n\t\t\tfloat LinearDepth()\n\t\t\t{\n\t\t\t\tfloat zNear = u_camera_planes.x;\n\t\t\t\tfloat zFar = u_camera_planes.y;\n\t\t\t\tfloat depth = texture2D(u_texture, v_coord).x;\n\t\t\t\tdepth = depth * 2.0 - 1.0;\n\t\t\t\treturn zNear * (depth + 1.0) / (zFar + zNear - depth * (zFar - zNear));\n\t\t\t}\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tfloat depth = LinearDepth();\n\t\t\t\t#ifdef ONLY_DEPTH\n\t\t\t\t gl_FragColor = vec4(depth);\n\t\t\t\t#else\n\t\t\t\t\tfloat diff = abs(depth * u_camera_planes.y - u_distance);\n\t\t\t\t\tfloat dof = 1.0;\n\t\t\t\t\tif(diff <= u_range)\n\t\t\t\t\t\tdof = diff / u_range;\n\t\t\t\t gl_FragColor = vec4(dof);\n\t\t\t\t#endif\n\t\t\t}\n\t\t\t"; -h.registerNodeType("texture/depth_range",l);var w=function(){this.addInput("Texture","Texture");this.addInput("Iterations","number");this.addInput("Intensity","number");this.addOutput("Blurred","Texture");this.properties={intensity:1,iterations:1,preserve_aspect:!1,scale:[1,1],precision:d.DEFAULT}};w.title="Blur";w.desc="Blur a texture";w.widgets_info={precision:{widget:"combo",values:d.MODE_VALUES}};w.max_iterations=20;w.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b= -this._final_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(b=this._final_texture=new GL.Texture(a.width,a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));var c=this.properties.iterations;this.isInputConnected(1)&&(c=this.getInputData(1),this.properties.iterations=c);c=Math.min(Math.floor(c),w.max_iterations);if(0==c)this.setOutputData(0,a);else{var d=this.properties.intensity;this.isInputConnected(2)&&(d=this.getInputData(2),this.properties.intensity=d);var e=h.camera_aspect; -e||void 0===window.gl||(e=gl.canvas.height/gl.canvas.width);e||(e=1);var e=this.properties.preserve_aspect?e:1,f=this.properties.scale||[1,1];a.applyBlur(e*f[0],f[1],d,b);for(a=1;a>=1;1<(c|0)&&(c>>=1);if(2>b)break;k=l[r]=GL.Texture.getTemporary(b,c,e);p[0]=1/m.width;p[1]=1/m.height;m.blit(k,h.uniforms(g));m=k}this.isOutputConnected(2)&&(b=this._average_texture,b&&b.type==a.type&&b.format==a.format||(b=this._average_texture=new GL.Texture(1,1,{type:a.type,format:a.format,filter:gl.LINEAR})),p[0]=1/m.width,p[1]=1/m.height,g.u_intensity= -q,g.u_delta=1,m.blit(b,h.uniforms(g)),this.setOutputData(2,b));gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);g.u_intensity=this.getInputOrProperty("persistence");g.u_delta=0.5;for(r-=2;0<=r;r--)k=l[r],l[r]=null,p[0]=1/m.width,p[1]=1/m.height,m.blit(k,h.uniforms(g)),GL.Texture.releaseTemporary(m),m=k;gl.disable(gl.BLEND);this.isOutputConnected(1)&&(l=this._glow_texture,l&&l.width==a.width&&l.height==a.height&&l.type==f&&l.format==a.format||(l=this._glow_texture=new GL.Texture(a.width,a.height,{type:f, -format:a.format,filter:gl.LINEAR})),m.blit(l),this.setOutputData(1,l));if(this.isOutputConnected(0)){l=this._final_texture;l&&l.width==a.width&&l.height==a.height&&l.type==f&&l.format==a.format||(l=this._final_texture=new GL.Texture(a.width,a.height,{type:f,format:a.format,filter:gl.LINEAR}));var w=this.getInputData(1),s=this.getInputOrProperty("dirt_factor");g.u_intensity=q;h=w?x._dirt_final_shader:x._final_shader;h||(h=w?x._dirt_final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,x.final_pixel_shader, -{USE_DIRT:""}):x._final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,x.final_pixel_shader));l.drawTo(function(){a.bind(0);m.bind(1);w&&(h.setUniform("u_dirt_factor",s),h.setUniform("u_dirt_texture",w.bind(2)));h.toViewport(g)});this.setOutputData(0,l)}GL.Texture.releaseTemporary(m)}};x.cut_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_threshold;\n\t\tvoid main() {\n\t\t\tgl_FragColor = max( texture2D( u_texture, v_coord ) - vec4( u_threshold ), vec4(0.0) );\n\t\t}"; -x.scale_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 u_texel_size;\n\t\tuniform float u_delta;\n\t\tuniform float u_intensity;\n\t\t\n\t\tvec4 sampleBox(vec2 uv) {\n\t\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\n\t\t\tvec4 s = texture2D( u_texture, uv + o.xy ) + texture2D( u_texture, uv + o.zy) + texture2D( u_texture, uv + o.xw) + texture2D( u_texture, uv + o.zw);\n\t\t\treturn s * 0.25;\n\t\t}\n\t\tvoid main() {\n\t\t\tgl_FragColor = u_intensity * sampleBox( v_coord );\n\t\t}"; -x.final_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_glow_texture;\n\t\t#ifdef USE_DIRT\n\t\t\tuniform sampler2D u_dirt_texture;\n\t\t#endif\n\t\tuniform vec2 u_texel_size;\n\t\tuniform float u_delta;\n\t\tuniform float u_intensity;\n\t\tuniform float u_dirt_factor;\n\t\t\n\t\tvec4 sampleBox(vec2 uv) {\n\t\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\n\t\t\tvec4 s = texture2D( u_glow_texture, uv + o.xy ) + texture2D( u_glow_texture, uv + o.zy) + texture2D( u_glow_texture, uv + o.xw) + texture2D( u_glow_texture, uv + o.zw);\n\t\t\treturn s * 0.25;\n\t\t}\n\t\tvoid main() {\n\t\t\tvec4 glow = sampleBox( v_coord );\n\t\t\t#ifdef USE_DIRT\n\t\t\t\tglow = mix( glow, glow * texture2D( u_dirt_texture, v_coord ), u_dirt_factor );\n\t\t\t#endif\n\t\t\tgl_FragColor = texture2D( u_texture, v_coord ) + u_intensity * glow;\n\t\t}"; -h.registerNodeType("texture/glow",x);var z=function(){this.addInput("Texture","Texture");this.addOutput("Filtered","Texture");this.properties={intensity:1,radius:5}};z.title="Kuwahara Filter";z.desc="Filters a texture giving an artistic oil canvas painting";z.max_radius=10;z._shaders=[];z.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b=this._temp_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(this._temp_texture=new GL.Texture(a.width, -a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));b=this.properties.radius;b=Math.min(Math.floor(b),z.max_radius);if(0==b)this.setOutputData(0,a);else{var c=this.properties.intensity,d=h.camera_aspect;d||void 0===window.gl||(d=gl.canvas.height/gl.canvas.width);d||(d=1);d=this.properties.preserve_aspect?d:1;z._shaders[b]||(z._shaders[b]=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,z.pixel_shader,{RADIUS:b.toFixed(0)}));var e=z._shaders[b],f=GL.Mesh.getScreenQuad();a.bind(0);this._temp_texture.drawTo(function(){e.uniforms({u_texture:0, -u_intensity:c,u_resolution:[a.width,a.height],u_iResolution:[1/a.width,1/a.height]}).draw(f)});this.setOutputData(0,this._temp_texture)}}};z.pixel_shader="\n\tprecision highp float;\n\tvarying vec2 v_coord;\n\tuniform sampler2D u_texture;\n\tuniform float u_intensity;\n\tuniform vec2 u_resolution;\n\tuniform vec2 u_iResolution;\n\t#ifndef RADIUS\n\t\t#define RADIUS 7\n\t#endif\n\tvoid main() {\n\t\n\t\tconst int radius = RADIUS;\n\t\tvec2 fragCoord = v_coord;\n\t\tvec2 src_size = u_iResolution;\n\t\tvec2 uv = v_coord;\n\t\tfloat n = float((radius + 1) * (radius + 1));\n\t\tint i;\n\t\tint j;\n\t\tvec3 m0 = vec3(0.0); vec3 m1 = vec3(0.0); vec3 m2 = vec3(0.0); vec3 m3 = vec3(0.0);\n\t\tvec3 s0 = vec3(0.0); vec3 s1 = vec3(0.0); vec3 s2 = vec3(0.0); vec3 s3 = vec3(0.0);\n\t\tvec3 c;\n\t\t\n\t\tfor (int j = -radius; j <= 0; ++j) {\n\t\t\tfor (int i = -radius; i <= 0; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm0 += c;\n\t\t\t\ts0 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfor (int j = -radius; j <= 0; ++j) {\n\t\t\tfor (int i = 0; i <= radius; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm1 += c;\n\t\t\t\ts1 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfor (int j = 0; j <= radius; ++j) {\n\t\t\tfor (int i = 0; i <= radius; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm2 += c;\n\t\t\t\ts2 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfor (int j = 0; j <= radius; ++j) {\n\t\t\tfor (int i = -radius; i <= 0; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm3 += c;\n\t\t\t\ts3 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfloat min_sigma2 = 1e+2;\n\t\tm0 /= n;\n\t\ts0 = abs(s0 / n - m0 * m0);\n\t\t\n\t\tfloat sigma2 = s0.r + s0.g + s0.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m0, 1.0);\n\t\t}\n\t\t\n\t\tm1 /= n;\n\t\ts1 = abs(s1 / n - m1 * m1);\n\t\t\n\t\tsigma2 = s1.r + s1.g + s1.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m1, 1.0);\n\t\t}\n\t\t\n\t\tm2 /= n;\n\t\ts2 = abs(s2 / n - m2 * m2);\n\t\t\n\t\tsigma2 = s2.r + s2.g + s2.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m2, 1.0);\n\t\t}\n\t\t\n\t\tm3 /= n;\n\t\ts3 = abs(s3 / n - m3 * m3);\n\t\t\n\t\tsigma2 = s3.r + s3.g + s3.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m3, 1.0);\n\t\t}\n\t}\n\t"; -h.registerNodeType("texture/kuwahara",z);g=function(){this.addOutput("Webcam","Texture");this.properties={texture_name:"",facingMode:"user"};this.boxcolor="black";this.version=0};g.title="Webcam";g.desc="Webcam texture";g.prototype.openStream=function(){function a(c){console.log("Webcam rejected",c);b._webcam_stream=!1;b.boxcolor="red";b.trigger("stream_error")}if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.mediaDevices.getUserMedia({audio:!1,video:{facingMode:this.properties.facingMode}}).then(this.streamReady.bind(this))["catch"](a); -var b=this}};g.prototype.closeStream=function(){if(this._webcam_stream){var a=this._webcam_stream.getTracks();if(a.length)for(var b=0;b=this.size[1]||!this._video||(a.save(),a.webgl?this._video_texture&&a.drawImage(this._video_texture,0,0,this.size[0], -this.size[1]):a.drawImage(this._video,0,0,this.size[0],this.size[1]),a.restore())};g.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._video_texture;c&&c.width==a&&c.height==b||(this._video_texture=new GL.Texture(a,b,{format:gl.RGB,filter:gl.LINEAR}));this._video_texture.uploadImage(this._video);this._video_texture.version=++this.version;this.properties.texture_name&& -(d.getTexturesContainer()[this.properties.texture_name]=this._video_texture);this.setOutputData(0,this._video_texture);for(a=1;a=this.size[1]||a.webgl&&(gl.meshes.cube||(gl.meshes.cube=GL.Mesh.cube({size:1})))};h.registerNodeType("texture/cubemap",g)}})(this); -(function(u){var h=u.LiteGraph;if("undefined"!=typeof GL){var d=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};d._shader||(d._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,d.pixel_shader),d._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]}))};d.title="Lens";d.desc="Camera Lens distortion";d.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};d.prototype.onExecute=function(){var g=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,g);else if(g){this._tex=LGraphTexture.getTargetTexture(g,this._tex,this.properties.precision);var h=this.properties.aberration;this.isInputConnected(1)&&(h=this.getInputData(1), -this.properties.aberration=h);var p=this.properties.distortion;this.isInputConnected(2)&&(p=this.getInputData(2),this.properties.distortion=p);var k=this.properties.blur;this.isInputConnected(3)&&(k=this.getInputData(3),this.properties.blur=k);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var m=Mesh.getScreenQuad(),c=d._shader;this._tex.drawTo(function(){g.bind(0);c.uniforms({u_texture:0,u_aberration:h,u_distortion:p,u_blur:k}).draw(m)});this.setOutputData(0,this._tex)}};d.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_aberration;\n\t\t\tuniform float u_distortion;\n\t\t\tuniform float u_blur;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = v_coord;\n\t\t\t\tfloat dist = distance(vec2(0.5), coord);\n\t\t\t\tvec2 dist_coord = coord - vec2(0.5);\n\t\t\t\tfloat percent = 1.0 + ((0.5 - dist) / 0.5) * u_distortion;\n\t\t\t\tdist_coord *= percent;\n\t\t\t\tcoord = dist_coord + vec2(0.5);\n\t\t\t\tvec4 color = texture2D(u_texture,coord, u_blur * dist);\n\t\t\t\tcolor.r = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0+0.01*u_aberration), u_blur * dist ).r;\n\t\t\t\tcolor.b = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0-0.01*u_aberration), u_blur * dist ).b;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n\t\t\t"; -h.registerNodeType("fx/lens",d);u.LGraphFXLens=d;var p=function(){this.addInput("Texture","Texture");this.addInput("Blurred","Texture");this.addInput("Mask","Texture");this.addInput("Threshold","number");this.addOutput("Texture","Texture");this.properties={shape:"",size:10,alpha:1,threshold:1,high_precision:!1}};p.title="Bokeh";p.desc="applies an Bokeh effect";p.widgets_info={shape:{widget:"texture"}};p.prototype.onExecute=function(){var d=this.getInputData(0),g=this.getInputData(1),h=this.getInputData(2); -if(d&&h&&this.properties.shape){g||(g=d);var k=LGraphTexture.getTexture(this.properties.shape);if(k){var m=this.properties.threshold;this.isInputConnected(3)&&(m=this.getInputData(3),this.properties.threshold=m);var 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 a=p._first_shader;a||(a=p._first_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,p._first_pixel_shader));var b=p._second_shader;b||(b=p._second_shader=new GL.Shader(p._second_vertex_shader,p._second_pixel_shader));var e=this._points_mesh;e&&e._width==d.width&&e._height==d.height&&2==e._spacing||(e=this.createPointsMesh(d.width,d.height,2));var q=Mesh.getScreenQuad(),f=this.properties.size,n=this.properties.alpha;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){d.bind(0); -g.bind(1);h.bind(2);a.uniforms({u_texture:0,u_texture_blur:1,u_mask:2,u_texsize:[d.width,d.height]}).draw(q)});this._temp_texture.drawTo(function(){gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);d.bind(0);k.bind(3);b.uniforms({u_texture:0,u_mask:2,u_shape:3,u_alpha:n,u_threshold:m,u_pointSize:f,u_itexsize:[1/d.width,1/d.height]}).draw(e,gl.POINTS)});this.setOutputData(0,this._temp_texture)}}else this.setOutputData(0,d)};p.prototype.createPointsMesh=function(d,g,h){for(var k=Math.round(d/h),m=Math.round(g/ -h),c=new Float32Array(k*m*2),a=-1,b=2/d*h,e=2/g*h,p=0;p>=1;1<(c|0)&&(c>>=1);if(2>b)break;l=m[r]=GL.Texture.getTemporary(b,c,d);q[0]=1/n.width;q[1]=1/n.height;n.blit(l,h.uniforms(g));n=l}this.isOutputConnected(2)&&(b=this._average_texture,b&&b.type==a.type&&b.format==a.format||(b=this._average_texture=new GL.Texture(1,1,{type:a.type,format:a.format,filter:gl.LINEAR})),q[0]=1/n.width,q[1]=1/n.height,g.u_intensity= +t,g.u_delta=1,n.blit(b,h.uniforms(g)),this.setOutputData(2,b));gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);g.u_intensity=this.getInputOrProperty("persistence");g.u_delta=0.5;for(r-=2;0<=r;r--)l=m[r],m[r]=null,q[0]=1/n.width,q[1]=1/n.height,n.blit(l,h.uniforms(g)),GL.Texture.releaseTemporary(n),n=l;gl.disable(gl.BLEND);this.isOutputConnected(1)&&(m=this._glow_texture,m&&m.width==a.width&&m.height==a.height&&m.type==e&&m.format==a.format||(m=this._glow_texture=new GL.Texture(a.width,a.height,{type:e, +format:a.format,filter:gl.LINEAR})),n.blit(m),this.setOutputData(1,m));if(this.isOutputConnected(0)){m=this._final_texture;m&&m.width==a.width&&m.height==a.height&&m.type==e&&m.format==a.format||(m=this._final_texture=new GL.Texture(a.width,a.height,{type:e,format:a.format,filter:gl.LINEAR}));var y=this.getInputData(1),s=this.getInputOrProperty("dirt_factor");g.u_intensity=t;h=y?z._dirt_final_shader:z._final_shader;h||(h=y?z._dirt_final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,z.final_pixel_shader, +{USE_DIRT:""}):z._final_shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,z.final_pixel_shader));m.drawTo(function(){a.bind(0);n.bind(1);y&&(h.setUniform("u_dirt_factor",s),h.setUniform("u_dirt_texture",y.bind(2)));h.toViewport(g)});this.setOutputData(0,m)}GL.Texture.releaseTemporary(n)}};z.cut_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform float u_threshold;\n\t\tvoid main() {\n\t\t\tgl_FragColor = max( texture2D( u_texture, v_coord ) - vec4( u_threshold ), vec4(0.0) );\n\t\t}"; +z.scale_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform vec2 u_texel_size;\n\t\tuniform float u_delta;\n\t\tuniform float u_intensity;\n\t\t\n\t\tvec4 sampleBox(vec2 uv) {\n\t\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\n\t\t\tvec4 s = texture2D( u_texture, uv + o.xy ) + texture2D( u_texture, uv + o.zy) + texture2D( u_texture, uv + o.xw) + texture2D( u_texture, uv + o.zw);\n\t\t\treturn s * 0.25;\n\t\t}\n\t\tvoid main() {\n\t\t\tgl_FragColor = u_intensity * sampleBox( v_coord );\n\t\t}"; +z.final_pixel_shader="precision highp float;\n\t\tvarying vec2 v_coord;\n\t\tuniform sampler2D u_texture;\n\t\tuniform sampler2D u_glow_texture;\n\t\t#ifdef USE_DIRT\n\t\t\tuniform sampler2D u_dirt_texture;\n\t\t#endif\n\t\tuniform vec2 u_texel_size;\n\t\tuniform float u_delta;\n\t\tuniform float u_intensity;\n\t\tuniform float u_dirt_factor;\n\t\t\n\t\tvec4 sampleBox(vec2 uv) {\n\t\t\tvec4 o = u_texel_size.xyxy * vec2(-u_delta, u_delta).xxyy;\n\t\t\tvec4 s = texture2D( u_glow_texture, uv + o.xy ) + texture2D( u_glow_texture, uv + o.zy) + texture2D( u_glow_texture, uv + o.xw) + texture2D( u_glow_texture, uv + o.zw);\n\t\t\treturn s * 0.25;\n\t\t}\n\t\tvoid main() {\n\t\t\tvec4 glow = sampleBox( v_coord );\n\t\t\t#ifdef USE_DIRT\n\t\t\t\tglow = mix( glow, glow * texture2D( u_dirt_texture, v_coord ), u_dirt_factor );\n\t\t\t#endif\n\t\t\tgl_FragColor = texture2D( u_texture, v_coord ) + u_intensity * glow;\n\t\t}"; +h.registerNodeType("texture/glow",z);var D=function(){this.addInput("Texture","Texture");this.addOutput("Filtered","Texture");this.properties={intensity:1,radius:5}};D.title="Kuwahara Filter";D.desc="Filters a texture giving an artistic oil canvas painting";D.max_radius=10;D._shaders=[];D.prototype.onExecute=function(){var a=this.getInputData(0);if(a&&this.isOutputConnected(0)){var b=this._temp_texture;b&&b.width==a.width&&b.height==a.height&&b.type==a.type||(this._temp_texture=new GL.Texture(a.width, +a.height,{type:a.type,format:gl.RGBA,filter:gl.LINEAR}));b=this.properties.radius;b=Math.min(Math.floor(b),D.max_radius);if(0==b)this.setOutputData(0,a);else{var c=this.properties.intensity,d=h.camera_aspect;d||void 0===window.gl||(d=gl.canvas.height/gl.canvas.width);d||(d=1);d=this.properties.preserve_aspect?d:1;D._shaders[b]||(D._shaders[b]=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,D.pixel_shader,{RADIUS:b.toFixed(0)}));var e=D._shaders[b],g=GL.Mesh.getScreenQuad();a.bind(0);this._temp_texture.drawTo(function(){e.uniforms({u_texture:0, +u_intensity:c,u_resolution:[a.width,a.height],u_iResolution:[1/a.width,1/a.height]}).draw(g)});this.setOutputData(0,this._temp_texture)}}};D.pixel_shader="\n\tprecision highp float;\n\tvarying vec2 v_coord;\n\tuniform sampler2D u_texture;\n\tuniform float u_intensity;\n\tuniform vec2 u_resolution;\n\tuniform vec2 u_iResolution;\n\t#ifndef RADIUS\n\t\t#define RADIUS 7\n\t#endif\n\tvoid main() {\n\t\n\t\tconst int radius = RADIUS;\n\t\tvec2 fragCoord = v_coord;\n\t\tvec2 src_size = u_iResolution;\n\t\tvec2 uv = v_coord;\n\t\tfloat n = float((radius + 1) * (radius + 1));\n\t\tint i;\n\t\tint j;\n\t\tvec3 m0 = vec3(0.0); vec3 m1 = vec3(0.0); vec3 m2 = vec3(0.0); vec3 m3 = vec3(0.0);\n\t\tvec3 s0 = vec3(0.0); vec3 s1 = vec3(0.0); vec3 s2 = vec3(0.0); vec3 s3 = vec3(0.0);\n\t\tvec3 c;\n\t\t\n\t\tfor (int j = -radius; j <= 0; ++j) {\n\t\t\tfor (int i = -radius; i <= 0; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm0 += c;\n\t\t\t\ts0 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfor (int j = -radius; j <= 0; ++j) {\n\t\t\tfor (int i = 0; i <= radius; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm1 += c;\n\t\t\t\ts1 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfor (int j = 0; j <= radius; ++j) {\n\t\t\tfor (int i = 0; i <= radius; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm2 += c;\n\t\t\t\ts2 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfor (int j = 0; j <= radius; ++j) {\n\t\t\tfor (int i = -radius; i <= 0; ++i) {\n\t\t\t\tc = texture2D(u_texture, uv + vec2(i,j) * src_size).rgb;\n\t\t\t\tm3 += c;\n\t\t\t\ts3 += c * c;\n\t\t\t}\n\t\t}\n\t\t\n\t\tfloat min_sigma2 = 1e+2;\n\t\tm0 /= n;\n\t\ts0 = abs(s0 / n - m0 * m0);\n\t\t\n\t\tfloat sigma2 = s0.r + s0.g + s0.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m0, 1.0);\n\t\t}\n\t\t\n\t\tm1 /= n;\n\t\ts1 = abs(s1 / n - m1 * m1);\n\t\t\n\t\tsigma2 = s1.r + s1.g + s1.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m1, 1.0);\n\t\t}\n\t\t\n\t\tm2 /= n;\n\t\ts2 = abs(s2 / n - m2 * m2);\n\t\t\n\t\tsigma2 = s2.r + s2.g + s2.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m2, 1.0);\n\t\t}\n\t\t\n\t\tm3 /= n;\n\t\ts3 = abs(s3 / n - m3 * m3);\n\t\t\n\t\tsigma2 = s3.r + s3.g + s3.b;\n\t\tif (sigma2 < min_sigma2) {\n\t\t\tmin_sigma2 = sigma2;\n\t\t\tgl_FragColor = vec4(m3, 1.0);\n\t\t}\n\t}\n\t"; +h.registerNodeType("texture/kuwahara",D);d=function(){this.addOutput("Webcam","Texture");this.properties={texture_name:"",facingMode:"user"};this.boxcolor="black";this.version=0};d.title="Webcam";d.desc="Webcam texture";d.prototype.openStream=function(){function a(c){console.log("Webcam rejected",c);b._webcam_stream=!1;b.boxcolor="red";b.trigger("stream_error")}if(navigator.getUserMedia){this._waiting_confirmation=!0;navigator.mediaDevices.getUserMedia({audio:!1,video:{facingMode:this.properties.facingMode}}).then(this.streamReady.bind(this))["catch"](a); +var b=this}};d.prototype.closeStream=function(){if(this._webcam_stream){var a=this._webcam_stream.getTracks();if(a.length)for(var b=0;b=this.size[1]||!this._video||(a.save(),a.webgl?this._video_texture&&a.drawImage(this._video_texture,0,0,this.size[0], +this.size[1]):a.drawImage(this._video,0,0,this.size[0],this.size[1]),a.restore())};d.prototype.onExecute=function(){null!=this._webcam_stream||this._waiting_confirmation||this.openStream();if(this._video&&this._video.videoWidth){var a=this._video.videoWidth,b=this._video.videoHeight,c=this._video_texture;c&&c.width==a&&c.height==b||(this._video_texture=new GL.Texture(a,b,{format:gl.RGB,filter:gl.LINEAR}));this._video_texture.uploadImage(this._video);this._video_texture.version=++this.version;this.properties.texture_name&& +(f.getTexturesContainer()[this.properties.texture_name]=this._video_texture);this.setOutputData(0,this._video_texture);for(a=1;a=this.size[1]||a.webgl&&(gl.meshes.cube||(gl.meshes.cube=GL.Mesh.cube({size:1})))};h.registerNodeType("texture/cubemap",d)}})(this); +(function(v){var h=v.LiteGraph;if("undefined"!=typeof GL){var f=function(){this.addInput("Texture","Texture");this.addInput("Aberration","number");this.addInput("Distortion","number");this.addInput("Blur","number");this.addOutput("Texture","Texture");this.properties={aberration:1,distortion:1,blur:1,precision:LGraphTexture.DEFAULT};f._shader||(f._shader=new GL.Shader(GL.Shader.SCREEN_VERTEX_SHADER,f.pixel_shader),f._texture=new GL.Texture(3,1,{format:gl.RGB,wrap:gl.CLAMP_TO_EDGE,magFilter:gl.LINEAR, +minFilter:gl.LINEAR,pixel_data:[255,0,0,0,255,0,0,0,255]}))};f.title="Lens";f.desc="Camera Lens distortion";f.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};f.prototype.onExecute=function(){var d=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else if(d){this._tex=LGraphTexture.getTargetTexture(d,this._tex,this.properties.precision);var h=this.properties.aberration;this.isInputConnected(1)&&(h=this.getInputData(1), +this.properties.aberration=h);var p=this.properties.distortion;this.isInputConnected(2)&&(p=this.getInputData(2),this.properties.distortion=p);var l=this.properties.blur;this.isInputConnected(3)&&(l=this.getInputData(3),this.properties.blur=l);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var n=Mesh.getScreenQuad(),b=f._shader;this._tex.drawTo(function(){d.bind(0);b.uniforms({u_texture:0,u_aberration:h,u_distortion:p,u_blur:l}).draw(n)});this.setOutputData(0,this._tex)}};f.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform vec2 u_camera_planes;\n\t\t\tuniform float u_aberration;\n\t\t\tuniform float u_distortion;\n\t\t\tuniform float u_blur;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = v_coord;\n\t\t\t\tfloat dist = distance(vec2(0.5), coord);\n\t\t\t\tvec2 dist_coord = coord - vec2(0.5);\n\t\t\t\tfloat percent = 1.0 + ((0.5 - dist) / 0.5) * u_distortion;\n\t\t\t\tdist_coord *= percent;\n\t\t\t\tcoord = dist_coord + vec2(0.5);\n\t\t\t\tvec4 color = texture2D(u_texture,coord, u_blur * dist);\n\t\t\t\tcolor.r = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0+0.01*u_aberration), u_blur * dist ).r;\n\t\t\t\tcolor.b = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0-0.01*u_aberration), u_blur * dist ).b;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n\t\t\t"; +h.registerNodeType("fx/lens",f);v.LGraphFXLens=f;var p=function(){this.addInput("Texture","Texture");this.addInput("Blurred","Texture");this.addInput("Mask","Texture");this.addInput("Threshold","number");this.addOutput("Texture","Texture");this.properties={shape:"",size:10,alpha:1,threshold:1,high_precision:!1}};p.title="Bokeh";p.desc="applies an Bokeh effect";p.widgets_info={shape:{widget:"texture"}};p.prototype.onExecute=function(){var d=this.getInputData(0),f=this.getInputData(1),h=this.getInputData(2); +if(d&&h&&this.properties.shape){f||(f=d);var l=LGraphTexture.getTexture(this.properties.shape);if(l){var n=this.properties.threshold;this.isInputConnected(3)&&(n=this.getInputData(3),this.properties.threshold=n);var b=gl.UNSIGNED_BYTE;this.properties.high_precision&&(b=gl.half_float_ext?gl.HALF_FLOAT_OES:gl.FLOAT);this._temp_texture&&this._temp_texture.type==b&&this._temp_texture.width==d.width&&this._temp_texture.height==d.height||(this._temp_texture=new GL.Texture(d.width,d.height,{type:b,format:gl.RGBA, +filter:gl.LINEAR}));var q=p._first_shader;q||(q=p._first_shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,p._first_pixel_shader));var a=p._second_shader;a||(a=p._second_shader=new GL.Shader(p._second_vertex_shader,p._second_pixel_shader));var c=this._points_mesh;c&&c._width==d.width&&c._height==d.height&&2==c._spacing||(c=this.createPointsMesh(d.width,d.height,2));var e=Mesh.getScreenQuad(),r=this.properties.size,g=this.properties.alpha;gl.disable(gl.DEPTH_TEST);gl.disable(gl.BLEND);this._temp_texture.drawTo(function(){d.bind(0); +f.bind(1);h.bind(2);q.uniforms({u_texture:0,u_texture_blur:1,u_mask:2,u_texsize:[d.width,d.height]}).draw(e)});this._temp_texture.drawTo(function(){gl.enable(gl.BLEND);gl.blendFunc(gl.ONE,gl.ONE);d.bind(0);l.bind(3);a.uniforms({u_texture:0,u_mask:2,u_shape:3,u_alpha:g,u_threshold:n,u_pointSize:r,u_itexsize:[1/d.width,1/d.height]}).draw(c,gl.POINTS)});this.setOutputData(0,this._temp_texture)}}else this.setOutputData(0,d)};p.prototype.createPointsMesh=function(d,f,h){for(var l=Math.round(d/h),n=Math.round(f/ +h),b=new Float32Array(l*n*2),p=-1,a=2/d*h,c=2/f*h,e=0;e=h.NOTEON||c<=h.NOTEOFF)this.channel=d&15};Object.defineProperty(h.prototype,"velocity",{get:function(){return this.cmd==h.NOTEON?this.data[2]: --1},set:function(d){this.data[2]=d},enumerable:!0});h.notes="A A# B C C# D D# E F F# G G#".split(" ");h.prototype.getPitch=function(){return 440*Math.pow(2,(this.data[1]-69)/12)};h.computePitch=function(d){return 440*Math.pow(2,(d-69)/12)};h.prototype.getCC=function(){return this.data[1]};h.prototype.getCCValue=function(){return this.data[2]};h.prototype.getPitchBend=function(){return this.data[1]+(this.data[2]<<7)-8192};h.computePitchBend=function(d,c){return d+(c<<7)-8192};h.prototype.setCommandFromString= +p._second_pixel_shader="precision highp float;\n\t\t\tvarying vec4 v_color;\n\t\t\tuniform sampler2D u_shape;\n\t\t\tuniform float u_alpha;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D( u_shape, gl_PointCoord );\n\t\t\t\tcolor *= v_color * u_alpha;\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n";h.registerNodeType("fx/bokeh",p);v.LGraphFXBokeh=p;var d=function(){this.addInput("Texture","Texture");this.addInput("value1","number");this.addInput("value2","number");this.addOutput("Texture", +"Texture");this.properties={fx:"halftone",value1:1,value2:1,precision:LGraphTexture.DEFAULT}};d.title="FX";d.desc="applies an FX from a list";d.widgets_info={fx:{widget:"combo",values:["halftone","pixelate","lowpalette","noise","gamma"]},precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};d.shaders={};d.prototype.onExecute=function(){if(this.isOutputConnected(0)){var f=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,f);else if(f){this._tex= +LGraphTexture.getTargetTexture(f,this._tex,this.properties.precision);var h=this.properties.value1;this.isInputConnected(1)&&(h=this.getInputData(1),this.properties.value1=h);var p=this.properties.value2;this.isInputConnected(2)&&(p=this.getInputData(2),this.properties.value2=p);var l=this.properties.fx,n=d.shaders[l];if(!n){var b=d["pixel_shader_"+l];if(!b)return;n=d.shaders[l]=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,b)}gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var q=Mesh.getScreenQuad(); +camera_planes=v.LS&&LS.Renderer._current_camera?[LS.Renderer._current_camera.near,LS.Renderer._current_camera.far]:[1,100];var a=null;"noise"==l&&(a=LGraphTexture.getNoiseTexture());this._tex.drawTo(function(){f.bind(0);"noise"==l&&a.bind(1);n.uniforms({u_texture:0,u_noise:1,u_size:[f.width,f.height],u_rand:[Math.random(),Math.random()],u_value1:h,u_value2:p,u_camera_planes:camera_planes}).draw(q)});this.setOutputData(0,this._tex)}}};d.pixel_shader_halftone="precision 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 vec2 u_size;\n\t\t\tuniform float u_value1;\n\t\t\tuniform float u_value2;\n\t\t\t\n\t\t\tfloat pattern() {\n\t\t\t\tfloat s = sin(u_value1 * 3.1415), c = cos(u_value1 * 3.1415);\n\t\t\t\tvec2 tex = v_coord * u_size.xy;\n\t\t\t\tvec2 point = vec2(\n\t\t\t\t c * tex.x - s * tex.y ,\n\t\t\t\t s * tex.x + c * tex.y \n\t\t\t\t) * u_value2;\n\t\t\t\treturn (sin(point.x) * sin(point.y)) * 4.0;\n\t\t\t}\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tfloat average = (color.r + color.g + color.b) / 3.0;\n\t\t\t\tgl_FragColor = vec4(vec3(average * 10.0 - 5.0 + pattern()), color.a);\n\t\t\t}\n"; +d.pixel_shader_pixelate="precision 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 vec2 u_size;\n\t\t\tuniform float u_value1;\n\t\t\tuniform float u_value2;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec2 coord = vec2( floor(v_coord.x * u_value1) / u_value1, floor(v_coord.y * u_value2) / u_value2 );\n\t\t\t\tvec4 color = texture2D(u_texture, coord);\n\t\t\t\tgl_FragColor = color;\n\t\t\t}\n";d.pixel_shader_lowpalette="precision 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 vec2 u_size;\n\t\t\tuniform float u_value1;\n\t\t\tuniform float u_value2;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tgl_FragColor = floor(color * u_value1) / u_value1;\n\t\t\t}\n"; +d.pixel_shader_noise="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform sampler2D u_noise;\n\t\t\tuniform vec2 u_size;\n\t\t\tuniform float u_value1;\n\t\t\tuniform float u_value2;\n\t\t\tuniform vec2 u_rand;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tvec3 noise = texture2D(u_noise, v_coord * vec2(u_size.x / 512.0, u_size.y / 512.0) + u_rand).xyz - vec3(0.5);\n\t\t\t\tgl_FragColor = vec4( color.xyz + noise * u_value1, color.a );\n\t\t\t}\n"; +d.pixel_shader_gamma="precision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_value1;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tfloat gamma = 1.0 / u_value1;\n\t\t\t\tgl_FragColor = vec4( pow( color.xyz, vec3(gamma) ), color.a );\n\t\t\t}\n";h.registerNodeType("fx/generic",d);v.LGraphFXGeneric=d;var r=function(){this.addInput("Tex.","Texture");this.addInput("intensity","number");this.addOutput("Texture", +"Texture");this.properties={intensity:1,invert:!1,precision:LGraphTexture.DEFAULT};r._shader||(r._shader=new GL.Shader(Shader.SCREEN_VERTEX_SHADER,r.pixel_shader))};r.title="Vigneting";r.desc="Vigneting";r.widgets_info={precision:{widget:"combo",values:LGraphTexture.MODE_VALUES}};r.prototype.onExecute=function(){var d=this.getInputData(0);if(this.properties.precision===LGraphTexture.PASS_THROUGH)this.setOutputData(0,d);else if(d){this._tex=LGraphTexture.getTargetTexture(d,this._tex,this.properties.precision); +var f=this.properties.intensity;this.isInputConnected(1)&&(f=this.getInputData(1),this.properties.intensity=f);gl.disable(gl.BLEND);gl.disable(gl.DEPTH_TEST);var h=Mesh.getScreenQuad(),l=r._shader,n=this.properties.invert;this._tex.drawTo(function(){d.bind(0);l.uniforms({u_texture:0,u_intensity:f,u_isize:[1/d.width,1/d.height],u_invert:n?1:0}).draw(h)});this.setOutputData(0,this._tex)}};r.pixel_shader="precision highp float;\n\t\t\tprecision highp float;\n\t\t\tvarying vec2 v_coord;\n\t\t\tuniform sampler2D u_texture;\n\t\t\tuniform float u_intensity;\n\t\t\tuniform int u_invert;\n\t\t\t\n\t\t\tvoid main() {\n\t\t\t\tfloat luminance = 1.0 - length( v_coord - vec2(0.5) ) * 1.414;\n\t\t\t\tvec4 color = texture2D(u_texture, v_coord);\n\t\t\t\tif(u_invert == 1)\n\t\t\t\t\tluminance = 1.0 - luminance;\n\t\t\t\tluminance = mix(1.0, luminance, u_intensity);\n\t\t\t gl_FragColor = vec4( luminance * color.xyz, color.a);\n\t\t\t}\n\t\t\t"; +h.registerNodeType("fx/vigneting",r);v.LGraphFXVigneting=r}})(this); +(function(v){function h(d){this.cmd=this.channel=0;d?this.setup(d):this.data=[0,0,0]}function f(d,b){navigator.requestMIDIAccess?(this.on_ready=d,this.state={note:[],cc:[]},navigator.requestMIDIAccess().then(this.onMIDISuccess.bind(this),this.onMIDIFailure.bind(this))):(this.error="not suppoorted",b?b("Not supported"):console.error("MIDI NOT SUPPORTED, enable by chrome://flags"))}function p(){this.addOutput("on_midi",l.EVENT);this.addOutput("out","midi");this.properties={port:0};this._current_midi_event= +this._last_midi_event=null;var d=this;new f(function(b){d._midi=b;if(d._waiting)d.onStart();d._waiting=!1})}function d(){this.addInput("send",l.EVENT);this.properties={port:0};var d=this;new f(function(b){d._midi=b})}function r(){this.addInput("on_midi",l.EVENT);this._str="";this.size=[200,40]}function t(){this.properties={channel:-1,cmd:-1,min_value:-1,max_value:-1};this.addInput("in",l.EVENT);this.addOutput("on_midi",l.EVENT)}function w(){this.properties={channel:0,cmd:"CC",value1:1,value2:1};this.addInput("send", +l.EVENT);this.addInput("assign",l.EVENT);this.addOutput("on_midi",l.EVENT)}function u(){this.properties={cc:1,value:0};this.addOutput("value","number")}var l=v.LiteGraph;h.prototype.setup=function(d){this.data=d;this.status=d=d[0];var b=d&240;this.cmd=240<=d?d:b;this.cmd==h.NOTEON&&0==this.velocity&&(this.cmd=h.NOTEOFF);this.cmd_str=h.commands[this.cmd]||"";if(b>=h.NOTEON||b<=h.NOTEOFF)this.channel=d&15};Object.defineProperty(h.prototype,"velocity",{get:function(){return this.cmd==h.NOTEON?this.data[2]: +-1},set:function(d){this.data[2]=d},enumerable:!0});h.notes="A A# B C C# D D# E F F# G G#".split(" ");h.prototype.getPitch=function(){return 440*Math.pow(2,(this.data[1]-69)/12)};h.computePitch=function(d){return 440*Math.pow(2,(d-69)/12)};h.prototype.getCC=function(){return this.data[1]};h.prototype.getCCValue=function(){return this.data[2]};h.prototype.getPitchBend=function(){return this.data[1]+(this.data[2]<<7)-8192};h.computePitchBend=function(d,b){return d+(b<<7)-8192};h.prototype.setCommandFromString= function(d){this.cmd=h.computeCommandFromString(d)};h.computeCommandFromString=function(d){if(!d)return 0;if(d&&d.constructor===Number)return d;d=d.toUpperCase();switch(d){case "NOTE ON":case "NOTEON":return h.NOTEON;case "NOTE OFF":case "NOTEOFF":return h.NOTEON;case "KEY PRESSURE":case "KEYPRESSURE":return h.KEYPRESSURE;case "CONTROLLER CHANGE":case "CONTROLLERCHANGE":case "CC":return h.CONTROLLERCHANGE;case "PROGRAM CHANGE":case "PROGRAMCHANGE":case "PC":return h.PROGRAMCHANGE;case "CHANNEL PRESSURE":case "CHANNELPRESSURE":return h.CHANNELPRESSURE; -case "PITCH BEND":case "PITCHBEND":return h.PITCHBEND;case "TIME TICK":case "TIMETICK":return h.TIMETICK;default:return Number(d)}};h.toNoteString=function(d){var c;c=(d-21)%12;0>c&&(c=12+c);return h.notes[c]+Math.floor((d-24)/12+1)};h.prototype.toString=function(){var d=""+this.channel+". ";switch(this.cmd){case h.NOTEON:d+="NOTEON "+h.toNoteString(this.data[1]);break;case h.NOTEOFF:d+="NOTEOFF "+h.toNoteString(this.data[1]);break;case h.CONTROLLERCHANGE:d+="CC "+this.data[1]+" "+this.data[2];break; -case h.PROGRAMCHANGE:d+="PC "+this.data[1];break;case h.PITCHBEND:d+="PITCHBEND "+this.getPitchBend();break;case h.KEYPRESSURE:d+="KEYPRESS "+this.data[1]}return d};h.prototype.toHexString=function(){for(var d="",c=0;cthis.properties.max_value||this.trigger("on_midi",c)};k.registerNodeType("midi/filter",r);s.title="MIDIEvent";s.desc="Create a MIDI Event";s.prototype.onAction=function(d,c){"assign"==d?(this.properties.channel=c.channel,this.properties.cmd=c.cmd,this.properties.value1= -c.data[1],this.properties.value2=c.data[2]):(c=new h,c.channel=this.properties.channel,this.properties.cmd&&this.properties.cmd.constructor===String?c.setCommandFromString(this.properties.cmd):c.cmd=this.properties.cmd,c.data[0]=c.cmd|c.channel,c.data[1]=Number(this.properties.value1),c.data[2]=Number(this.properties.value2),this.trigger("on_midi",c))};s.prototype.onExecute=function(){var d=this.properties;if(this.outputs)for(var c=0;cb&&(b=12+b);return h.notes[b]+Math.floor((d-24)/12+1)};h.prototype.toString=function(){var d=""+this.channel+". ";switch(this.cmd){case h.NOTEON:d+="NOTEON "+h.toNoteString(this.data[1]);break;case h.NOTEOFF:d+="NOTEOFF "+h.toNoteString(this.data[1]);break;case h.CONTROLLERCHANGE:d+="CC "+this.data[1]+" "+this.data[2];break; +case h.PROGRAMCHANGE:d+="PC "+this.data[1];break;case h.PITCHBEND:d+="PITCHBEND "+this.getPitchBend();break;case h.KEYPRESSURE:d+="KEYPRESS "+this.data[1]}return d};h.prototype.toHexString=function(){for(var d="",b=0;bthis.properties.max_value||this.trigger("on_midi",b)};l.registerNodeType("midi/filter",t);w.title="MIDIEvent";w.desc="Create a MIDI Event";w.prototype.onAction=function(d,b){"assign"==d?(this.properties.channel=b.channel,this.properties.cmd=b.cmd,this.properties.value1= +b.data[1],this.properties.value2=b.data[2]):(b=new h,b.channel=this.properties.channel,this.properties.cmd&&this.properties.cmd.constructor===String?b.setCommandFromString(this.properties.cmd):b.cmd=this.properties.cmd,b.data[0]=b.cmd|b.channel,b.data[1]=Number(this.properties.value1),b.data[2]=Number(this.properties.value2),this.trigger("on_midi",b))};w.prototype.onExecute=function(){var d=this.properties;if(this.outputs)for(var b=0;b=this.size[0]&&(e=this.size[0]-1),a.strokeStyle="red",a.beginPath(),a.moveTo(e,d),a.lineTo(e,0),a.stroke())}};a.title="Visualization";a.desc="Audio Visualization";f.registerNodeType("audio/visualization",a);b.prototype.onExecute=function(){if(this._freqs=this.getInputData(0)){var a=this.properties.band,b=this.getInputData(1);void 0!==b&&(a=b);b=n.getAudioContext().sampleRate/this._freqs.length; -b=a/b*2;b>=this._freqs.length?b=this._freqs[this._freqs.length-1]:(a=b|0,b-=a,b=this._freqs[a]*(1-b)+this._freqs[a+1]*b);this.setOutputData(0,b/255*this.properties.amplitude)}};b.prototype.onGetInputs=function(){return[["band","number"]]};b.title="Signal";b.desc="extract the signal of some frequency";f.registerNodeType("audio/signal",b);e.prototype.onAdded=function(a){a.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback)};e["@code"]={widget:"code"};e.prototype.onStart=function(){this.audionode.onaudioprocess= -this._callback};e.prototype.onStop=function(){this.audionode.onaudioprocess=e._bypass_function};e.prototype.onPause=function(){this.audionode.onaudioprocess=e._bypass_function};e.prototype.onUnpause=function(){this.audionode.onaudioprocess=this._callback};e.prototype.onExecute=function(){};e.prototype.onRemoved=function(){this.audionode.onaudioprocess=e._bypass_function};e.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=e._bypass_function,this.audionode.onaudioprocess=this._callback}};e.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))};e.default_function=function(){this.onaudioprocess=function(a){var b=a.inputBuffer;a=a.outputBuffer; -for(var c=0;c=this.size[0]&&(e=this.size[0]-1),a.strokeStyle="red",a.beginPath(),a.moveTo(e,d),a.lineTo(e,0),a.stroke())}};q.title="Visualization";q.desc="Audio Visualization";s.registerNodeType("audio/visualization",q);a.prototype.onExecute=function(){if(this._freqs=this.getInputData(0)){var a=this.properties.band,b=this.getInputData(1);void 0!==b&&(a=b);b=g.getAudioContext().sampleRate/this._freqs.length; +b=a/b*2;b>=this._freqs.length?b=this._freqs[this._freqs.length-1]:(a=b|0,b-=a,b=this._freqs[a]*(1-b)+this._freqs[a+1]*b);this.setOutputData(0,b/255*this.properties.amplitude)}};a.prototype.onGetInputs=function(){return[["band","number"]]};a.title="Signal";a.desc="extract the signal of some frequency";s.registerNodeType("audio/signal",a);c.prototype.onAdded=function(a){a.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback)};c["@code"]={widget:"code"};c.prototype.onStart=function(){this.audionode.onaudioprocess= +this._callback};c.prototype.onStop=function(){this.audionode.onaudioprocess=c._bypass_function};c.prototype.onPause=function(){this.audionode.onaudioprocess=c._bypass_function};c.prototype.onUnpause=function(){this.audionode.onaudioprocess=this._callback};c.prototype.onExecute=function(){};c.prototype.onRemoved=function(){this.audionode.onaudioprocess=c._bypass_function};c.prototype.processCode=function(){try{this._script=new new Function("properties",this.properties.code)(this.properties),this._old_code= +this.properties.code,this._callback=this._script.onaudioprocess}catch(a){console.error("Error in onaudioprocess code",a),this._callback=c._bypass_function,this.audionode.onaudioprocess=this._callback}};c.prototype.onPropertyChanged=function(a,b){"code"==a&&(this.properties.code=b,this.processCode(),this.graph&&this.graph.status==LGraph.STATUS_RUNNING&&(this.audionode.onaudioprocess=this._callback))};c.default_function=function(){this.onaudioprocess=function(a){var b=a.inputBuffer;a=a.outputBuffer; +for(var c=0;c= this.outputs.length) { if(LiteGraph.debug) console.log("Connect: Error, slot number not found"); - return false; + return null; } if(target_node && target_node.constructor === Number) @@ -2767,7 +2823,7 @@ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) //avoid loopback if(target_node == this) - return false; + return null; //you can specify the slot by name if(target_slot.constructor === String) @@ -2777,7 +2833,7 @@ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) { if(LiteGraph.debug) console.log("Connect: Error, no slot of name " + target_slot); - return false; + return null; } } else if( target_slot === LiteGraph.EVENT ) @@ -2789,13 +2845,13 @@ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) target_slot = target_node.inputs.length - 1; //last one is the one created target_node.mode = LiteGraph.ON_TRIGGER; */ - return false; + return null; } else if( !target_node.inputs || target_slot >= target_node.inputs.length ) { if(LiteGraph.debug) console.log("Connect: Error, slot number not found"); - return false; + return null; } //if there is something already plugged there, disconnect @@ -2811,13 +2867,14 @@ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) //allows nodes to block connection if(target_node.onConnectInput) if( target_node.onConnectInput( target_slot, output.type, output ) === false) - return false; + return null; var input = target_node.inputs[target_slot]; + var link_info = null; if( LiteGraph.isValidConnection( output.type, input.type ) ) { - var link_info = { + link_info = { id: this.graph.last_link_id++, type: input.type, origin_id: this.id, @@ -2849,9 +2906,9 @@ LGraphNode.prototype.connect = function( slot, target_node, target_slot ) } this.setDirtyCanvas(false,true); - this.graph.connectionChange( this ); + this.graph.connectionChange( this, link_info ); - return true; + return link_info; } /** @@ -3041,41 +3098,79 @@ LGraphNode.prototype.disconnectInput = function( slot ) * @method getConnectionPos * @param {boolean} is_input true if if a input slot, false if it is an output * @param {number_or_string} slot (could be the number of the slot or the string with the name of the slot) +* @param {vec2} out [optional] a place to store the output, to free garbage * @return {[x,y]} the position **/ -LGraphNode.prototype.getConnectionPos = function( is_input, slot_number ) +LGraphNode.prototype.getConnectionPos = function( is_input, slot_number, out ) { + out = out || new Float32Array(2); + var num_slots = 0; + if( is_input && this.inputs ) + num_slots = this.inputs.length; + if( !is_input && this.outputs ) + num_slots = this.outputs.length; + if(this.flags.collapsed) { - if(is_input) - return [this.pos[0], this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT * 0.5]; + var w = (this._collapsed_width || LiteGraph.NODE_COLLAPSED_WIDTH); + if( this.flags.horizontal ) + { + out[0] = this.pos[0] + w * 0.5; + if(is_input) + out[1] = this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT; + else + out[1] = this.pos[1]; + } else - return [this.pos[0] + (this._collapsed_width || LiteGraph.NODE_COLLAPSED_WIDTH), this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT * 0.5]; + { + if(is_input) + out[0] = this.pos[0]; + else + out[0] = this.pos[0] + w; + out[1] = this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT * 0.5; + } + return out; } if(is_input && slot_number == -1) { - return [this.pos[0] + 10, this.pos[1] + 10]; + out[0] = this.pos[0] + 10; + out[1] = this.pos[1] + 10; + return out; } //hardcoded pos - if(is_input && this.inputs && this.inputs.length > slot_number && this.inputs[slot_number].pos) - return [this.pos[0] + this.inputs[slot_number].pos[0],this.pos[1] + this.inputs[slot_number].pos[1]]; - else if(!is_input && this.outputs && this.outputs.length > slot_number && this.outputs[slot_number].pos) - return [this.pos[0] + this.outputs[slot_number].pos[0],this.pos[1] + this.outputs[slot_number].pos[1]]; + if(is_input && num_slots > slot_number && this.inputs[ slot_number ].pos) + { + out[0] = this.pos[0] + this.inputs[slot_number].pos[0]; + out[1] = this.pos[1] + this.inputs[slot_number].pos[1]; + return out; + } + else if(!is_input && num_slots > slot_number && this.outputs[ slot_number ].pos) + { + out[0] = this.pos[0] + this.outputs[slot_number].pos[0]; + out[1] = this.pos[1] + this.outputs[slot_number].pos[1]; + return out; + } //horizontal distributed slots if(this.flags.horizontal) { + out[0] = this.pos[0] + (slot_number + 0.5) * (this.size[0] / num_slots); if(is_input) - return [this.pos[0] + (slot_number + 0.5) * (this.size[0] / (this.inputs.length)), this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT ]; - return [this.pos[0] + (slot_number + 0.5) * (this.size[0] / (this.outputs.length)), this.pos[1] + this.size[1] ]; + out[1] = this.pos[1] - LiteGraph.NODE_TITLE_HEIGHT; + else + out[1] = this.pos[1] + this.size[1]; + return out; } //default if(is_input) - return [this.pos[0] , this.pos[1] + 10 + slot_number * LiteGraph.NODE_SLOT_HEIGHT + (this.constructor.slot_start_y || 0) ]; - return [this.pos[0] + this.size[0] + 1, this.pos[1] + 10 + slot_number * LiteGraph.NODE_SLOT_HEIGHT + (this.constructor.slot_start_y || 0)]; + out[0] = this.pos[0]; + else + out[0] = this.pos[0] + this.size[0] + 1; + out[1] = this.pos[1] + 10 + slot_number * LiteGraph.NODE_SLOT_HEIGHT + (this.constructor.slot_start_y || 0); + return out; } /* Force align to grid */ @@ -3939,7 +4034,7 @@ LGraphCanvas.prototype.processMouseDown = function(e) this.connecting_node = this.graph._nodes_by_id[ link_info.origin_id ]; this.connecting_slot = link_info.origin_slot; this.connecting_output = this.connecting_node.outputs[ this.connecting_slot ]; - this.connecting_pos = this.connecting_node.getConnectionPos( false, this.connecting_slot); + this.connecting_pos = this.connecting_node.getConnectionPos( false, this.connecting_slot ); } this.dirty_bgcanvas = true; @@ -4461,7 +4556,7 @@ LGraphCanvas.prototype.isOverNodeInput = function(node, canvasx, canvasy, slot_p for(var i = 0, l = node.inputs.length; i < l; ++i) { var input = node.inputs[i]; - var link_pos = node.getConnectionPos(true,i); + var link_pos = node.getConnectionPos( true, i ); if( isInsideRectangle(canvasx, canvasy, link_pos[0] - 10, link_pos[1] - 5, 20,10) ) { if(slot_pos) @@ -5149,12 +5244,14 @@ LGraphCanvas.prototype.drawFrontCanvas = function() { ctx.lineWidth = this.connections_width; var link_color = null; + switch( this.connecting_output.type ) { case LiteGraph.EVENT: link_color = LiteGraph.EVENT_LINK_COLOR; break; default: link_color = LiteGraph.CONNECTING_LINK_COLOR; } + //the connection being dragged by the mouse this.renderLink( ctx, this.connecting_pos, [ this.canvas_mouse[0], this.canvas_mouse[1] ], null, false, null, link_color, this.connecting_output.dir || (this.connecting_node.flags.horizontal ? LiteGraph.DOWN : LiteGraph.RIGHT), LiteGraph.CENTER ); @@ -5460,6 +5557,7 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) ctx.lineWidth = 1; var max_y = 0; + var slot_pos = new Float32Array(2); //to reuse //render inputs and outputs if(!node.flags.collapsed) @@ -5477,7 +5575,7 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) ctx.fillStyle = slot.link != null ? (slot.color_on || this.default_connection_color.input_on) : (slot.color_off || this.default_connection_color.input_off); - var pos = node.getConnectionPos( true, i ); + var pos = node.getConnectionPos( true, i, slot_pos ); pos[0] -= node.pos[0]; pos[1] -= node.pos[1]; if( max_y < pos[1] + LiteGraph.NODE_SLOT_HEIGHT*0.5 ) @@ -5524,7 +5622,7 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) { var slot = node.outputs[i]; - var pos = node.getConnectionPos(false,i); + var pos = node.getConnectionPos(false,i, slot_pos ); pos[0] -= node.pos[0]; pos[1] -= node.pos[1]; if( max_y < pos[1] + LiteGraph.NODE_SLOT_HEIGHT*0.5) @@ -5584,6 +5682,10 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) } else //if collapsed { + var input_slot = null; + var output_slot = null; + + //get first connected slot to render if(node.inputs) { for(var i = 0; i < node.inputs.length; i++) @@ -5591,23 +5693,10 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) var slot = node.inputs[i]; if( slot.link == null ) continue; - ctx.fillStyle = slot.color_on || this.default_connection_color.input_on; - ctx.beginPath(); - if ( slot.type === LiteGraph.EVENT || slot.shape === LiteGraph.BOX_SHAPE) { - ctx.rect(0.5, 4 - LiteGraph.NODE_TITLE_HEIGHT + 0.5,14,LiteGraph.NODE_TITLE_HEIGHT - 8); - } else if (slot.shape === LiteGraph.ARROW_SHAPE) { - ctx.moveTo(8, LiteGraph.NODE_TITLE_HEIGHT * -0.5); - ctx.lineTo(-4, LiteGraph.NODE_TITLE_HEIGHT * -0.8); - ctx.lineTo(-4, LiteGraph.NODE_TITLE_HEIGHT * -0.2); - ctx.closePath(); - } else { - ctx.arc(0, LiteGraph.NODE_TITLE_HEIGHT * -0.5, 4, 0, Math.PI * 2); - } - ctx.fill(); + input_slot = slot; break; } } - if(node.outputs) { for(var i = 0; i < node.outputs.length; i++) @@ -5615,23 +5704,60 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) var slot = node.outputs[i]; if(!slot.links || !slot.links.length) continue; - ctx.fillStyle = slot.color_on || this.default_connection_color.output_on; - ctx.strokeStyle = "black"; - ctx.beginPath(); - if (slot.type === LiteGraph.EVENT || slot.shape === LiteGraph.BOX_SHAPE) { - ctx.rect( node._collapsed_width - 4 + 0.5, 4 - LiteGraph.NODE_TITLE_HEIGHT + 0.5,14,LiteGraph.NODE_TITLE_HEIGHT - 8); - } else if (slot.shape === LiteGraph.ARROW_SHAPE) { - ctx.moveTo(node._collapsed_width + 6, LiteGraph.NODE_TITLE_HEIGHT * -0.5); - ctx.lineTo(node._collapsed_width - 6, LiteGraph.NODE_TITLE_HEIGHT * -0.8); - ctx.lineTo(node._collapsed_width - 6, LiteGraph.NODE_TITLE_HEIGHT * -0.2); - ctx.closePath(); - } else { - ctx.arc(node._collapsed_width, LiteGraph.NODE_TITLE_HEIGHT * -0.5, 4, 0, Math.PI * 2); - } - ctx.fill(); - ctx.stroke(); + output_slot = slot; } } + + if(input_slot) + { + var x = 0; + var y = LiteGraph.NODE_TITLE_HEIGHT * -0.5; //center + if( node.flags.horizontal ) + { + x = node._collapsed_width * 0.5; + y = -LiteGraph.NODE_TITLE_HEIGHT; + } + ctx.fillStyle = slot.color_on || this.default_connection_color.input_on; + ctx.beginPath(); + if ( slot.type === LiteGraph.EVENT || slot.shape === LiteGraph.BOX_SHAPE) { + ctx.rect(x + 0.5, y + 4 - LiteGraph.NODE_TITLE_HEIGHT * 0.5 + 0.5,14,LiteGraph.NODE_TITLE_HEIGHT - 8); + } else if (slot.shape === LiteGraph.ARROW_SHAPE) { + ctx.moveTo(x + 8, y); + ctx.lineTo(x + -4, y - 4); + ctx.lineTo(x + -4, y + 4); + ctx.closePath(); + } else { + ctx.arc(x, y, 4, 0, Math.PI * 2); + } + ctx.fill(); + } + + if(output_slot) + { + var x = node._collapsed_width; + var y = LiteGraph.NODE_TITLE_HEIGHT * -0.5; //center + if( node.flags.horizontal ) + { + x = node._collapsed_width * 0.5; + y = 0; + } + ctx.fillStyle = slot.color_on || this.default_connection_color.output_on; + ctx.strokeStyle = "black"; + ctx.beginPath(); + if (slot.type === LiteGraph.EVENT || slot.shape === LiteGraph.BOX_SHAPE) { + ctx.rect( x - 4 + 0.5, 4 - LiteGraph.NODE_TITLE_HEIGHT * 0.5 + 0.5,14,LiteGraph.NODE_TITLE_HEIGHT - 8); + } else if (slot.shape === LiteGraph.ARROW_SHAPE) { + ctx.moveTo(x + 6, y); + ctx.lineTo(x - 6, y - 4); + ctx.lineTo(x - 6, y + 4); + ctx.closePath(); + } else { + ctx.arc(x, y, 4, 0, Math.PI * 2); + } + ctx.fill(); + ctx.stroke(); + } + } @@ -5645,6 +5771,8 @@ LGraphCanvas.prototype.drawNode = function(node, ctx ) * draws the shape of the given node in the canvas * @method drawNodeShape **/ +var tmp_area = new Float32Array(4); + LGraphCanvas.prototype.drawNodeShape = function( node, ctx, size, fgcolor, bgcolor, selected, mouse_over ) { //bg rect @@ -5663,19 +5791,20 @@ LGraphCanvas.prototype.drawNodeShape = function( node, ctx, size, fgcolor, bgcol else if( title_mode == LiteGraph.AUTOHIDE_TITLE && mouse_over) render_title = true; - var areax = 0; - var areay = render_title ? -title_height : 0; - var areaw = size[0]+1; - var areah = render_title ? size[1] + title_height : size[1]; + var area = tmp_area; + area[0] = 0; //x + area[1] = render_title ? -title_height : 0; //y + area[2] = size[0]+1; //w + area[3] = render_title ? size[1] + title_height : size[1]; //h //full node shape if(!node.flags.collapsed) { ctx.beginPath(); if(shape == LiteGraph.BOX_SHAPE || this.scale < 0.5) - ctx.fillRect( areax, areay, areaw, areah ); + ctx.fillRect( area[0], area[1], area[2], area[3] ); else if (shape == LiteGraph.ROUND_SHAPE || shape == LiteGraph.CARD_SHAPE) - ctx.roundRect( areax, areay, areaw, areah, this.round_radius, shape == LiteGraph.CARD_SHAPE ? 0 : this.round_radius); + ctx.roundRect( area[0], area[1], area[2], area[3], this.round_radius, shape == LiteGraph.CARD_SHAPE ? 0 : this.round_radius); else if (shape == LiteGraph.CIRCLE_SHAPE) ctx.arc(size[0] * 0.5, size[1] * 0.5, size[0] * 0.5, 0, Math.PI*2); ctx.fill(); @@ -5788,20 +5917,23 @@ LGraphCanvas.prototype.drawNodeShape = function( node, ctx, size, fgcolor, bgcol //render selection marker if(selected) { + if( node.onBounding ) + node.onBounding( area ); + if( title_mode == LiteGraph.TRANSPARENT_TITLE ) { - areay -= title_height; - areah += title_height; + area[1] -= title_height; + area[3] += title_height; } ctx.lineWidth = 1; ctx.globalAlpha = 0.8; ctx.beginPath(); if(shape == LiteGraph.BOX_SHAPE) - ctx.rect(-6 + areax,-6 + areay, 12 + areaw, 12 + areah ); + ctx.rect(-6 + area[0],-6 + area[1], 12 + area[2], 12 + area[3] ); else if (shape == LiteGraph.ROUND_SHAPE || (shape == LiteGraph.CARD_SHAPE && node.flags.collapsed) ) - ctx.roundRect(-6 + areax,-6 + areay, 12 + areaw, 12 + areah , this.round_radius * 2); + ctx.roundRect(-6 + area[0],-6 + area[1], 12 + area[2], 12 + area[3] , this.round_radius * 2); else if (shape == LiteGraph.CARD_SHAPE) - ctx.roundRect(-6 + areax,-6 + areay, 12 + areaw, 12 + areah , this.round_radius * 2, 2); + ctx.roundRect(-6 + area[0],-6 + area[1], 12 + area[2], 12 + area[3] , this.round_radius * 2, 2); else if (shape == LiteGraph.CIRCLE_SHAPE) ctx.arc(size[0] * 0.5, size[1] * 0.5, size[0] * 0.5 + 6, 0, Math.PI*2); ctx.strokeStyle = "#FFF"; @@ -5822,6 +5954,8 @@ LGraphCanvas.prototype.drawConnections = function(ctx) var visible_area = this.visible_area; var margin_area = new Float32Array([visible_area[0] - 20, visible_area[1] - 20, visible_area[2] + 40, visible_area[3] + 40 ]); var link_bounding = new Float32Array(4); + var tempA = new Float32Array(2); + var tempB = new Float32Array(2); //draw connections ctx.lineWidth = this.connections_width; @@ -5856,8 +5990,8 @@ LGraphCanvas.prototype.drawConnections = function(ctx) if(start_node_slot == -1) start_node_slotpos = [start_node.pos[0] + 10, start_node.pos[1] + 10]; else - start_node_slotpos = start_node.getConnectionPos(false, start_node_slot); - var end_node_slotpos = node.getConnectionPos(true,i); + start_node_slotpos = start_node.getConnectionPos( false, start_node_slot, tempA ); + var end_node_slotpos = node.getConnectionPos( true, i, tempB ); //compute link bounding link_bounding[0] = start_node_slotpos[0]; @@ -5924,7 +6058,7 @@ LGraphCanvas.prototype.renderLink = function( ctx, a, b, link, skip_border, flow //choose color if( !color && link ) - color = LGraphCanvas.link_type_colors[ link.type ]; + color = link.color || LGraphCanvas.link_type_colors[ link.type ]; if( !color ) color = this.default_link_color; @@ -7853,7 +7987,7 @@ function ContextMenu( values, options ) return; if(root.closing_timer) clearTimeout( root.closing_timer ); - root.closing_timer = setTimeout( that.close.bind(that), 500 ); + root.closing_timer = setTimeout( that.close.bind(that, e), 500 ); //that.close(e); });