ContextMenu Class
- - - -
-
-
- ContextMenu from LiteGUI
- -
-
-
-Constructor
-
-
-
-
- ContextMenu
-
-
- (
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
values-
- -
-
options-
-
-
-
-
-
-
-
-
-
-Parameters:
- --
-
-
-
values- Array - - --- -(allows object { title: "Nice text", callback: function ... })
- -
- -
-
options- Object - - --- -[optional] Some options:\
--
-
- title: title to show on top of the menu -
- callback: function to call when an option is clicked, it receives the item information -
- ignore_item_callbacks: ignores the callback inside the item, it just calls the options.callback -
- event: you can pass a MouseEvent, this way the ContextMenu appears in that position -
-
-
- -
-
- Index - -
-
-
-
-
-
-
-
- 
Stop";
- graph.start();
- } else {
- button.innerHTML = "
Play";
- graph.stop();
- }
-};
-
-Editor.prototype.onPlayStepButton = function() {
- var graph = this.graph;
- graph.runStep(1);
- this.graphcanvas.draw(true, true);
-};
-
-Editor.prototype.onLiveButton = function() {
- var is_live_mode = !this.graphcanvas.live_mode;
- this.graphcanvas.switchLiveMode(true);
- this.graphcanvas.draw();
- var url = this.graphcanvas.live_mode
- ? "imgs/gauss_bg_medium.jpg"
- : "imgs/gauss_bg.jpg";
- var button = this.root.querySelector("#livemode_button");
- button.innerHTML = !is_live_mode
- ? "
Live"
- : "
Edit";
-};
-
-Editor.prototype.onDropItem = function(e)
-{
- var that = this;
- for(var i = 0; i < e.dataTransfer.files.length; ++i)
- {
- var file = e.dataTransfer.files[i];
- var ext = LGraphCanvas.getFileExtension(file.name);
- var reader = new FileReader();
- if(ext == "json")
- {
- reader.onload = function(event) {
- var data = JSON.parse( event.target.result );
- that.graph.configure(data);
- };
- reader.readAsText(file);
- }
- }
-}
-
-Editor.prototype.goFullscreen = function() {
- if (this.root.requestFullscreen) {
- this.root.requestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
- } else if (this.root.mozRequestFullscreen) {
- this.root.requestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
- } else if (this.root.webkitRequestFullscreen) {
- this.root.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
- } else {
- throw "Fullscreen not supported";
- }
-
- var self = this;
- setTimeout(function() {
- self.graphcanvas.resize();
- }, 100);
-};
-
-Editor.prototype.onFullscreenButton = function() {
- this.goFullscreen();
-};
-
-Editor.prototype.addMiniWindow = function(w, h) {
- var miniwindow = document.createElement("div");
- miniwindow.className = "litegraph miniwindow";
- miniwindow.innerHTML =
- "";
- var canvas = miniwindow.querySelector("canvas");
- var that = this;
-
- var graphcanvas = new LGraphCanvas( canvas, this.graph );
- graphcanvas.show_info = false;
- graphcanvas.background_image = "imgs/grid.png";
- graphcanvas.scale = 0.25;
- graphcanvas.allow_dragnodes = false;
- graphcanvas.allow_interaction = false;
- graphcanvas.render_shadows = false;
- graphcanvas.max_zoom = 0.25;
- this.miniwindow_graphcanvas = graphcanvas;
- graphcanvas.onClear = function() {
- graphcanvas.scale = 0.25;
- graphcanvas.allow_dragnodes = false;
- graphcanvas.allow_interaction = false;
- };
- graphcanvas.onRenderBackground = function(canvas, ctx) {
- ctx.strokeStyle = "#567";
- var tl = that.graphcanvas.convertOffsetToCanvas([0, 0]);
- var br = that.graphcanvas.convertOffsetToCanvas([
- that.graphcanvas.canvas.width,
- that.graphcanvas.canvas.height
- ]);
- tl = this.convertCanvasToOffset(tl);
- br = this.convertCanvasToOffset(br);
- ctx.lineWidth = 1;
- ctx.strokeRect(
- Math.floor(tl[0]) + 0.5,
- Math.floor(tl[1]) + 0.5,
- Math.floor(br[0] - tl[0]),
- Math.floor(br[1] - tl[1])
- );
- };
-
- miniwindow.style.position = "absolute";
- miniwindow.style.top = "4px";
- miniwindow.style.right = "4px";
-
- var close_button = document.createElement("div");
- close_button.className = "corner-button";
- close_button.innerHTML = "❌";
- close_button.addEventListener("click", function(e) {
- graphcanvas.setGraph(null);
- miniwindow.parentNode.removeChild(miniwindow);
- });
- miniwindow.appendChild(close_button);
-
- this.root.querySelector(".content").appendChild(miniwindow);
-};
-
-Editor.prototype.addMultiview = function()
-{
- var canvas = this.canvas;
- this.graphcanvas.ctx.fillStyle = "black";
- this.graphcanvas.ctx.fillRect(0,0,canvas.width,canvas.height);
- this.graphcanvas.viewport = [0,0,canvas.width*0.5-2,canvas.height];
-
- var graphcanvas = new LGraphCanvas( canvas, this.graph );
- graphcanvas.background_image = "imgs/grid.png";
- this.graphcanvas2 = graphcanvas;
- this.graphcanvas2.viewport = [canvas.width*0.5,0,canvas.width*0.5,canvas.height];
-}
-
-LiteGraph.Editor = Editor;
diff --git a/src/nodes/audio.js b/src/nodes/audio.js
deleted file mode 100755
index 2c02bdf33..000000000
--- a/src/nodes/audio.js
+++ /dev/null
@@ -1,1456 +0,0 @@
-(function(global) {
- var LiteGraph = global.LiteGraph;
-
- var LGAudio = {};
- global.LGAudio = LGAudio;
-
- LGAudio.getAudioContext = function() {
- if (!this._audio_context) {
- window.AudioContext =
- window.AudioContext || window.webkitAudioContext;
- if (!window.AudioContext) {
- console.error("AudioContext not supported by browser");
- return null;
- }
- this._audio_context = new AudioContext();
- this._audio_context.onmessage = function(msg) {
- console.log("msg", msg);
- };
- this._audio_context.onended = function(msg) {
- console.log("ended", msg);
- };
- this._audio_context.oncomplete = function(msg) {
- console.log("complete", msg);
- };
- }
-
- //in case it crashes
- //if(this._audio_context.state == "suspended")
- // this._audio_context.resume();
- return this._audio_context;
- };
-
- LGAudio.connect = function(audionodeA, audionodeB) {
- try {
- audionodeA.connect(audionodeB);
- } catch (err) {
- console.warn("LGraphAudio:", err);
- }
- };
-
- LGAudio.disconnect = function(audionodeA, audionodeB) {
- try {
- audionodeA.disconnect(audionodeB);
- } catch (err) {
- console.warn("LGraphAudio:", err);
- }
- };
-
- LGAudio.changeAllAudiosConnections = function(node, connect) {
- if (node.inputs) {
- for (var i = 0; i < node.inputs.length; ++i) {
- var input = node.inputs[i];
- var link_info = node.graph.links[input.link];
- if (!link_info) {
- continue;
- }
-
- var origin_node = node.graph.getNodeById(link_info.origin_id);
- var origin_audionode = null;
- if (origin_node.getAudioNodeInOutputSlot) {
- origin_audionode = origin_node.getAudioNodeInOutputSlot(
- link_info.origin_slot
- );
- } else {
- origin_audionode = origin_node.audionode;
- }
-
- var target_audionode = null;
- if (node.getAudioNodeInInputSlot) {
- target_audionode = node.getAudioNodeInInputSlot(i);
- } else {
- target_audionode = node.audionode;
- }
-
- if (connect) {
- LGAudio.connect(origin_audionode, target_audionode);
- } else {
- LGAudio.disconnect(origin_audionode, target_audionode);
- }
- }
- }
-
- if (node.outputs) {
- for (var i = 0; i < node.outputs.length; ++i) {
- var output = node.outputs[i];
- for (var j = 0; j < output.links.length; ++j) {
- var link_info = node.graph.links[output.links[j]];
- if (!link_info) {
- continue;
- }
-
- var origin_audionode = null;
- if (node.getAudioNodeInOutputSlot) {
- origin_audionode = node.getAudioNodeInOutputSlot(i);
- } else {
- origin_audionode = node.audionode;
- }
-
- var target_node = node.graph.getNodeById(
- link_info.target_id
- );
- var target_audionode = null;
- if (target_node.getAudioNodeInInputSlot) {
- target_audionode = target_node.getAudioNodeInInputSlot(
- link_info.target_slot
- );
- } else {
- target_audionode = target_node.audionode;
- }
-
- if (connect) {
- LGAudio.connect(origin_audionode, target_audionode);
- } else {
- LGAudio.disconnect(origin_audionode, target_audionode);
- }
- }
- }
- }
- };
-
- //used by many nodes
- LGAudio.onConnectionsChange = function(
- connection,
- slot,
- connected,
- link_info
- ) {
- //only process the outputs events
- if (connection != LiteGraph.OUTPUT) {
- return;
- }
-
- var target_node = null;
- if (link_info) {
- target_node = this.graph.getNodeById(link_info.target_id);
- }
-
- if (!target_node) {
- return;
- }
-
- //get origin audionode
- var local_audionode = null;
- if (this.getAudioNodeInOutputSlot) {
- local_audionode = this.getAudioNodeInOutputSlot(slot);
- } else {
- local_audionode = this.audionode;
- }
-
- //get target audionode
- var target_audionode = null;
- if (target_node.getAudioNodeInInputSlot) {
- target_audionode = target_node.getAudioNodeInInputSlot(
- link_info.target_slot
- );
- } else {
- target_audionode = target_node.audionode;
- }
-
- //do the connection/disconnection
- if (connected) {
- LGAudio.connect(local_audionode, target_audionode);
- } else {
- LGAudio.disconnect(local_audionode, target_audionode);
- }
- };
-
- //this function helps creating wrappers to existing classes
- LGAudio.createAudioNodeWrapper = function(class_object) {
- var old_func = class_object.prototype.onPropertyChanged;
-
- class_object.prototype.onPropertyChanged = function(name, value) {
- if (old_func) {
- old_func.call(this, name, value);
- }
-
- if (!this.audionode) {
- return;
- }
-
- if (this.audionode[name] === undefined) {
- return;
- }
-
- if (this.audionode[name].value !== undefined) {
- this.audionode[name].value = value;
- } else {
- this.audionode[name] = value;
- }
- };
-
- class_object.prototype.onConnectionsChange =
- LGAudio.onConnectionsChange;
- };
-
- //contains the samples decoded of the loaded audios in AudioBuffer format
- LGAudio.cached_audios = {};
-
- LGAudio.loadSound = function(url, on_complete, on_error) {
- if (LGAudio.cached_audios[url] && url.indexOf("blob:") == -1) {
- if (on_complete) {
- on_complete(LGAudio.cached_audios[url]);
- }
- return;
- }
-
- if (LGAudio.onProcessAudioURL) {
- url = LGAudio.onProcessAudioURL(url);
- }
-
- //load new sample
- var request = new XMLHttpRequest();
- request.open("GET", url, true);
- request.responseType = "arraybuffer";
-
- var context = LGAudio.getAudioContext();
-
- // Decode asynchronously
- request.onload = function() {
- console.log("AudioSource loaded");
- context.decodeAudioData(
- request.response,
- function(buffer) {
- console.log("AudioSource decoded");
- LGAudio.cached_audios[url] = buffer;
- if (on_complete) {
- on_complete(buffer);
- }
- },
- onError
- );
- };
- request.send();
-
- function onError(err) {
- console.log("Audio loading sample error:", err);
- if (on_error) {
- on_error(err);
- }
- }
-
- return request;
- };
-
- //****************************************************
-
- function LGAudioSource() {
- this.properties = {
- src: "",
- gain: 0.5,
- loop: true,
- autoplay: true,
- playbackRate: 1
- };
-
- this._loading_audio = false;
- this._audiobuffer = null; //points to AudioBuffer with the audio samples decoded
- this._audionodes = [];
- this._last_sourcenode = null; //the last AudioBufferSourceNode (there could be more if there are several sounds playing)
-
- this.addOutput("out", "audio");
- this.addInput("gain", "number");
-
- //init context
- var context = LGAudio.getAudioContext();
-
- //create gain node to control volume
- this.audionode = context.createGain();
- this.audionode.graphnode = this;
- this.audionode.gain.value = this.properties.gain;
-
- //debug
- if (this.properties.src) {
- this.loadSound(this.properties.src);
- }
- }
-
- LGAudioSource.desc = "Plays an audio file";
- LGAudioSource["@src"] = { widget: "resource" };
- LGAudioSource.supported_extensions = ["wav", "ogg", "mp3"];
-
- LGAudioSource.prototype.onAdded = function(graph) {
- if (graph.status === LGraph.STATUS_RUNNING) {
- this.onStart();
- }
- };
-
- LGAudioSource.prototype.onStart = function() {
- if (!this._audiobuffer) {
- return;
- }
-
- if (this.properties.autoplay) {
- this.playBuffer(this._audiobuffer);
- }
- };
-
- LGAudioSource.prototype.onStop = function() {
- this.stopAllSounds();
- };
-
- LGAudioSource.prototype.onPause = function() {
- this.pauseAllSounds();
- };
-
- LGAudioSource.prototype.onUnpause = function() {
- this.unpauseAllSounds();
- //this.onStart();
- };
-
- LGAudioSource.prototype.onRemoved = function() {
- this.stopAllSounds();
- if (this._dropped_url) {
- URL.revokeObjectURL(this._url);
- }
- };
-
- LGAudioSource.prototype.stopAllSounds = function() {
- //iterate and stop
- for (var i = 0; i < this._audionodes.length; ++i) {
- if (this._audionodes[i].started) {
- this._audionodes[i].started = false;
- this._audionodes[i].stop();
- }
- //this._audionodes[i].disconnect( this.audionode );
- }
- this._audionodes.length = 0;
- };
-
- LGAudioSource.prototype.pauseAllSounds = function() {
- LGAudio.getAudioContext().suspend();
- };
-
- LGAudioSource.prototype.unpauseAllSounds = function() {
- LGAudio.getAudioContext().resume();
- };
-
- LGAudioSource.prototype.onExecute = function() {
- if (this.inputs) {
- for (var i = 0; i < this.inputs.length; ++i) {
- var input = this.inputs[i];
- if (input.link == null) {
- continue;
- }
- var v = this.getInputData(i);
- if (v === undefined) {
- continue;
- }
- if (input.name == "gain")
- this.audionode.gain.value = v;
- else if (input.name == "src") {
- this.setProperty("src",v);
- } else if (input.name == "playbackRate") {
- this.properties.playbackRate = v;
- for (var j = 0; j < this._audionodes.length; ++j) {
- this._audionodes[j].playbackRate.value = v;
- }
- }
- }
- }
-
- if (this.outputs) {
- for (var i = 0; i < this.outputs.length; ++i) {
- var output = this.outputs[i];
- if (output.name == "buffer" && this._audiobuffer) {
- this.setOutputData(i, this._audiobuffer);
- }
- }
- }
- };
-
- LGAudioSource.prototype.onAction = function(event) {
- if (this._audiobuffer) {
- if (event == "Play") {
- this.playBuffer(this._audiobuffer);
- } else if (event == "Stop") {
- this.stopAllSounds();
- }
- }
- };
-
- LGAudioSource.prototype.onPropertyChanged = function(name, value) {
- if (name == "src") {
- this.loadSound(value);
- } else if (name == "gain") {
- this.audionode.gain.value = value;
- } else if (name == "playbackRate") {
- for (var j = 0; j < this._audionodes.length; ++j) {
- this._audionodes[j].playbackRate.value = value;
- }
- }
- };
-
- LGAudioSource.prototype.playBuffer = function(buffer) {
- var that = this;
- var context = LGAudio.getAudioContext();
-
- //create a new audionode (this is mandatory, AudioAPI doesnt like to reuse old ones)
- var audionode = context.createBufferSource(); //create a AudioBufferSourceNode
- this._last_sourcenode = audionode;
- audionode.graphnode = this;
- audionode.buffer = buffer;
- audionode.loop = this.properties.loop;
- audionode.playbackRate.value = this.properties.playbackRate;
- this._audionodes.push(audionode);
- audionode.connect(this.audionode); //connect to gain
-
- this._audionodes.push(audionode);
-
- this.trigger("start");
-
- audionode.onended = function() {
- //console.log("ended!");
- that.trigger("ended");
- //remove
- var index = that._audionodes.indexOf(audionode);
- if (index != -1) {
- that._audionodes.splice(index, 1);
- }
- };
-
- if (!audionode.started) {
- audionode.started = true;
- audionode.start();
- }
- return audionode;
- };
-
- LGAudioSource.prototype.loadSound = function(url) {
- var that = this;
-
- //kill previous load
- if (this._request) {
- this._request.abort();
- this._request = null;
- }
-
- this._audiobuffer = null; //points to the audiobuffer once the audio is loaded
- this._loading_audio = false;
-
- if (!url) {
- return;
- }
-
- this._request = LGAudio.loadSound(url, inner);
-
- this._loading_audio = true;
- this.boxcolor = "#AA4";
-
- function inner(buffer) {
- this.boxcolor = LiteGraph.NODE_DEFAULT_BOXCOLOR;
- that._audiobuffer = buffer;
- that._loading_audio = false;
- //if is playing, then play it
- if (that.graph && that.graph.status === LGraph.STATUS_RUNNING) {
- that.onStart();
- } //this controls the autoplay already
- }
- };
-
- //Helps connect/disconnect AudioNodes when new connections are made in the node
- LGAudioSource.prototype.onConnectionsChange = LGAudio.onConnectionsChange;
-
- LGAudioSource.prototype.onGetInputs = function() {
- return [
- ["playbackRate", "number"],
- ["src","string"],
- ["Play", LiteGraph.ACTION],
- ["Stop", LiteGraph.ACTION]
- ];
- };
-
- LGAudioSource.prototype.onGetOutputs = function() {
- return [["buffer", "audiobuffer"], ["start", LiteGraph.EVENT], ["ended", LiteGraph.EVENT]];
- };
-
- LGAudioSource.prototype.onDropFile = function(file) {
- if (this._dropped_url) {
- URL.revokeObjectURL(this._dropped_url);
- }
- var url = URL.createObjectURL(file);
- this.properties.src = url;
- this.loadSound(url);
- this._dropped_url = url;
- };
-
- LGAudioSource.title = "Source";
- LGAudioSource.desc = "Plays audio";
- LiteGraph.registerNodeType("audio/source", LGAudioSource);
-
- //****************************************************
-
- function LGAudioMediaSource() {
- this.properties = {
- gain: 0.5
- };
-
- this._audionodes = [];
- this._media_stream = null;
-
- this.addOutput("out", "audio");
- this.addInput("gain", "number");
-
- //create gain node to control volume
- var context = LGAudio.getAudioContext();
- this.audionode = context.createGain();
- this.audionode.graphnode = this;
- this.audionode.gain.value = this.properties.gain;
- }
-
- LGAudioMediaSource.prototype.onAdded = function(graph) {
- if (graph.status === LGraph.STATUS_RUNNING) {
- this.onStart();
- }
- };
-
- LGAudioMediaSource.prototype.onStart = function() {
- if (this._media_stream == null && !this._waiting_confirmation) {
- this.openStream();
- }
- };
-
- LGAudioMediaSource.prototype.onStop = function() {
- this.audionode.gain.value = 0;
- };
-
- LGAudioMediaSource.prototype.onPause = function() {
- this.audionode.gain.value = 0;
- };
-
- LGAudioMediaSource.prototype.onUnpause = function() {
- this.audionode.gain.value = this.properties.gain;
- };
-
- LGAudioMediaSource.prototype.onRemoved = function() {
- this.audionode.gain.value = 0;
- if (this.audiosource_node) {
- this.audiosource_node.disconnect(this.audionode);
- this.audiosource_node = null;
- }
- if (this._media_stream) {
- var tracks = this._media_stream.getTracks();
- if (tracks.length) {
- tracks[0].stop();
- }
- }
- };
-
- LGAudioMediaSource.prototype.openStream = function() {
- if (!navigator.mediaDevices) {
- console.log(
- "getUserMedia() is not supported in your browser, use chrome and enable WebRTC from about://flags"
- );
- return;
- }
-
- this._waiting_confirmation = true;
-
- // Not showing vendor prefixes.
- navigator.mediaDevices
- .getUserMedia({ audio: true, video: false })
- .then(this.streamReady.bind(this))
- .catch(onFailSoHard);
-
- var that = this;
- function onFailSoHard(err) {
- console.log("Media rejected", err);
- that._media_stream = false;
- that.boxcolor = "red";
- }
- };
-
- LGAudioMediaSource.prototype.streamReady = function(localMediaStream) {
- this._media_stream = localMediaStream;
- //this._waiting_confirmation = false;
-
- //init context
- if (this.audiosource_node) {
- this.audiosource_node.disconnect(this.audionode);
- }
- var context = LGAudio.getAudioContext();
- this.audiosource_node = context.createMediaStreamSource(
- localMediaStream
- );
- this.audiosource_node.graphnode = this;
- this.audiosource_node.connect(this.audionode);
- this.boxcolor = "white";
- };
-
- LGAudioMediaSource.prototype.onExecute = function() {
- if (this._media_stream == null && !this._waiting_confirmation) {
- this.openStream();
- }
-
- if (this.inputs) {
- for (var i = 0; i < this.inputs.length; ++i) {
- var input = this.inputs[i];
- if (input.link == null) {
- continue;
- }
- var v = this.getInputData(i);
- if (v === undefined) {
- continue;
- }
- if (input.name == "gain") {
- this.audionode.gain.value = this.properties.gain = v;
- }
- }
- }
- };
-
- LGAudioMediaSource.prototype.onAction = function(event) {
- if (event == "Play") {
- this.audionode.gain.value = this.properties.gain;
- } else if (event == "Stop") {
- this.audionode.gain.value = 0;
- }
- };
-
- LGAudioMediaSource.prototype.onPropertyChanged = function(name, value) {
- if (name == "gain") {
- this.audionode.gain.value = value;
- }
- };
-
- //Helps connect/disconnect AudioNodes when new connections are made in the node
- LGAudioMediaSource.prototype.onConnectionsChange =
- LGAudio.onConnectionsChange;
-
- LGAudioMediaSource.prototype.onGetInputs = function() {
- return [
- ["playbackRate", "number"],
- ["Play", LiteGraph.ACTION],
- ["Stop", LiteGraph.ACTION]
- ];
- };
-
- LGAudioMediaSource.title = "MediaSource";
- LGAudioMediaSource.desc = "Plays microphone";
- LiteGraph.registerNodeType("audio/media_source", LGAudioMediaSource);
-
- //*****************************************************
-
- function LGAudioAnalyser() {
- this.properties = {
- fftSize: 2048,
- minDecibels: -100,
- maxDecibels: -10,
- smoothingTimeConstant: 0.5
- };
-
- var context = LGAudio.getAudioContext();
-
- this.audionode = context.createAnalyser();
- this.audionode.graphnode = this;
- this.audionode.fftSize = this.properties.fftSize;
- this.audionode.minDecibels = this.properties.minDecibels;
- this.audionode.maxDecibels = this.properties.maxDecibels;
- this.audionode.smoothingTimeConstant = this.properties.smoothingTimeConstant;
-
- this.addInput("in", "audio");
- this.addOutput("freqs", "array");
- this.addOutput("samples", "array");
-
- this._freq_bin = null;
- this._time_bin = null;
- }
-
- LGAudioAnalyser.prototype.onPropertyChanged = function(name, value) {
- this.audionode[name] = value;
- };
-
- LGAudioAnalyser.prototype.onExecute = function() {
- if (this.isOutputConnected(0)) {
- //send FFT
- var bufferLength = this.audionode.frequencyBinCount;
- if (!this._freq_bin || this._freq_bin.length != bufferLength) {
- this._freq_bin = new Uint8Array(bufferLength);
- }
- this.audionode.getByteFrequencyData(this._freq_bin);
- this.setOutputData(0, this._freq_bin);
- }
-
- //send analyzer
- if (this.isOutputConnected(1)) {
- //send Samples
- var bufferLength = this.audionode.frequencyBinCount;
- if (!this._time_bin || this._time_bin.length != bufferLength) {
- this._time_bin = new Uint8Array(bufferLength);
- }
- this.audionode.getByteTimeDomainData(this._time_bin);
- this.setOutputData(1, this._time_bin);
- }
-
- //properties
- for (var i = 1; i < this.inputs.length; ++i) {
- var input = this.inputs[i];
- if (input.link == null) {
- continue;
- }
- var v = this.getInputData(i);
- if (v !== undefined) {
- this.audionode[input.name].value = v;
- }
- }
-
- //time domain
- //this.audionode.getFloatTimeDomainData( dataArray );
- };
-
- LGAudioAnalyser.prototype.onGetInputs = function() {
- return [
- ["minDecibels", "number"],
- ["maxDecibels", "number"],
- ["smoothingTimeConstant", "number"]
- ];
- };
-
- LGAudioAnalyser.prototype.onGetOutputs = function() {
- return [["freqs", "array"], ["samples", "array"]];
- };
-
- LGAudioAnalyser.title = "Analyser";
- LGAudioAnalyser.desc = "Audio Analyser";
- LiteGraph.registerNodeType("audio/analyser", LGAudioAnalyser);
-
- //*****************************************************
-
- function LGAudioGain() {
- //default
- this.properties = {
- gain: 1
- };
-
- this.audionode = LGAudio.getAudioContext().createGain();
- this.addInput("in", "audio");
- this.addInput("gain", "number");
- this.addOutput("out", "audio");
- }
-
- LGAudioGain.prototype.onExecute = function() {
- if (!this.inputs || !this.inputs.length) {
- return;
- }
-
- for (var i = 1; i < this.inputs.length; ++i) {
- var input = this.inputs[i];
- var v = this.getInputData(i);
- if (v !== undefined) {
- this.audionode[input.name].value = v;
- }
- }
- };
-
- LGAudio.createAudioNodeWrapper(LGAudioGain);
-
- LGAudioGain.title = "Gain";
- LGAudioGain.desc = "Audio gain";
- LiteGraph.registerNodeType("audio/gain", LGAudioGain);
-
- function LGAudioConvolver() {
- //default
- this.properties = {
- impulse_src: "",
- normalize: true
- };
-
- this.audionode = LGAudio.getAudioContext().createConvolver();
- this.addInput("in", "audio");
- this.addOutput("out", "audio");
- }
-
- LGAudio.createAudioNodeWrapper(LGAudioConvolver);
-
- LGAudioConvolver.prototype.onRemove = function() {
- if (this._dropped_url) {
- URL.revokeObjectURL(this._dropped_url);
- }
- };
-
- LGAudioConvolver.prototype.onPropertyChanged = function(name, value) {
- if (name == "impulse_src") {
- this.loadImpulse(value);
- } else if (name == "normalize") {
- this.audionode.normalize = value;
- }
- };
-
- LGAudioConvolver.prototype.onDropFile = function(file) {
- if (this._dropped_url) {
- URL.revokeObjectURL(this._dropped_url);
- }
- this._dropped_url = URL.createObjectURL(file);
- this.properties.impulse_src = this._dropped_url;
- this.loadImpulse(this._dropped_url);
- };
-
- LGAudioConvolver.prototype.loadImpulse = function(url) {
- var that = this;
-
- //kill previous load
- if (this._request) {
- this._request.abort();
- this._request = null;
- }
-
- this._impulse_buffer = null;
- this._loading_impulse = false;
-
- if (!url) {
- return;
- }
-
- //load new sample
- this._request = LGAudio.loadSound(url, inner);
- this._loading_impulse = true;
-
- // Decode asynchronously
- function inner(buffer) {
- that._impulse_buffer = buffer;
- that.audionode.buffer = buffer;
- console.log("Impulse signal set");
- that._loading_impulse = false;
- }
- };
-
- LGAudioConvolver.title = "Convolver";
- LGAudioConvolver.desc = "Convolves the signal (used for reverb)";
- LiteGraph.registerNodeType("audio/convolver", LGAudioConvolver);
-
- function LGAudioDynamicsCompressor() {
- //default
- this.properties = {
- threshold: -50,
- knee: 40,
- ratio: 12,
- reduction: -20,
- attack: 0,
- release: 0.25
- };
-
- this.audionode = LGAudio.getAudioContext().createDynamicsCompressor();
- this.addInput("in", "audio");
- this.addOutput("out", "audio");
- }
-
- LGAudio.createAudioNodeWrapper(LGAudioDynamicsCompressor);
-
- LGAudioDynamicsCompressor.prototype.onExecute = function() {
- if (!this.inputs || !this.inputs.length) {
- return;
- }
- for (var i = 1; i < this.inputs.length; ++i) {
- var input = this.inputs[i];
- if (input.link == null) {
- continue;
- }
- var v = this.getInputData(i);
- if (v !== undefined) {
- this.audionode[input.name].value = v;
- }
- }
- };
-
- LGAudioDynamicsCompressor.prototype.onGetInputs = function() {
- return [
- ["threshold", "number"],
- ["knee", "number"],
- ["ratio", "number"],
- ["reduction", "number"],
- ["attack", "number"],
- ["release", "number"]
- ];
- };
-
- LGAudioDynamicsCompressor.title = "DynamicsCompressor";
- LGAudioDynamicsCompressor.desc = "Dynamics Compressor";
- LiteGraph.registerNodeType(
- "audio/dynamicsCompressor",
- LGAudioDynamicsCompressor
- );
-
- function LGAudioWaveShaper() {
- //default
- this.properties = {};
-
- this.audionode = LGAudio.getAudioContext().createWaveShaper();
- this.addInput("in", "audio");
- this.addInput("shape", "waveshape");
- this.addOutput("out", "audio");
- }
-
- LGAudioWaveShaper.prototype.onExecute = function() {
- if (!this.inputs || !this.inputs.length) {
- return;
- }
- var v = this.getInputData(1);
- if (v === undefined) {
- return;
- }
- this.audionode.curve = v;
- };
-
- LGAudioWaveShaper.prototype.setWaveShape = function(shape) {
- this.audionode.curve = shape;
- };
-
- LGAudio.createAudioNodeWrapper(LGAudioWaveShaper);
-
- /* disabled till I dont find a way to do a wave shape
-LGAudioWaveShaper.title = "WaveShaper";
-LGAudioWaveShaper.desc = "Distortion using wave shape";
-LiteGraph.registerNodeType("audio/waveShaper", LGAudioWaveShaper);
-*/
-
- function LGAudioMixer() {
- //default
- this.properties = {
- gain1: 0.5,
- gain2: 0.5
- };
-
- this.audionode = LGAudio.getAudioContext().createGain();
-
- this.audionode1 = LGAudio.getAudioContext().createGain();
- this.audionode1.gain.value = this.properties.gain1;
- this.audionode2 = LGAudio.getAudioContext().createGain();
- this.audionode2.gain.value = this.properties.gain2;
-
- this.audionode1.connect(this.audionode);
- this.audionode2.connect(this.audionode);
-
- this.addInput("in1", "audio");
- this.addInput("in1 gain", "number");
- this.addInput("in2", "audio");
- this.addInput("in2 gain", "number");
-
- this.addOutput("out", "audio");
- }
-
- LGAudioMixer.prototype.getAudioNodeInInputSlot = function(slot) {
- if (slot == 0) {
- return this.audionode1;
- } else if (slot == 2) {
- return this.audionode2;
- }
- };
-
- LGAudioMixer.prototype.onPropertyChanged = function(name, value) {
- if (name == "gain1") {
- this.audionode1.gain.value = value;
- } else if (name == "gain2") {
- this.audionode2.gain.value = value;
- }
- };
-
- LGAudioMixer.prototype.onExecute = function() {
- if (!this.inputs || !this.inputs.length) {
- return;
- }
-
- for (var i = 1; i < this.inputs.length; ++i) {
- var input = this.inputs[i];
-
- if (input.link == null || input.type == "audio") {
- continue;
- }
-
- var v = this.getInputData(i);
- if (v === undefined) {
- continue;
- }
-
- if (i == 1) {
- this.audionode1.gain.value = v;
- } else if (i == 3) {
- this.audionode2.gain.value = v;
- }
- }
- };
-
- LGAudio.createAudioNodeWrapper(LGAudioMixer);
-
- LGAudioMixer.title = "Mixer";
- LGAudioMixer.desc = "Audio mixer";
- LiteGraph.registerNodeType("audio/mixer", LGAudioMixer);
-
- function LGAudioADSR() {
- //default
- this.properties = {
- A: 0.1,
- D: 0.1,
- S: 0.1,
- R: 0.1
- };
-
- this.audionode = LGAudio.getAudioContext().createGain();
- this.audionode.gain.value = 0;
- this.addInput("in", "audio");
- this.addInput("gate", "boolean");
- this.addOutput("out", "audio");
- this.gate = false;
- }
-
- LGAudioADSR.prototype.onExecute = function() {
- var audioContext = LGAudio.getAudioContext();
- var now = audioContext.currentTime;
- var node = this.audionode;
- var gain = node.gain;
- var current_gate = this.getInputData(1);
-
- var A = this.getInputOrProperty("A");
- var D = this.getInputOrProperty("D");
- var S = this.getInputOrProperty("S");
- var R = this.getInputOrProperty("R");
-
- if (!this.gate && current_gate) {
- gain.cancelScheduledValues(0);
- gain.setValueAtTime(0, now);
- gain.linearRampToValueAtTime(1, now + A);
- gain.linearRampToValueAtTime(S, now + A + D);
- } else if (this.gate && !current_gate) {
- gain.cancelScheduledValues(0);
- gain.setValueAtTime(gain.value, now);
- gain.linearRampToValueAtTime(0, now + R);
- }
-
- this.gate = current_gate;
- };
-
- LGAudioADSR.prototype.onGetInputs = function() {
- return [
- ["A", "number"],
- ["D", "number"],
- ["S", "number"],
- ["R", "number"]
- ];
- };
-
- LGAudio.createAudioNodeWrapper(LGAudioADSR);
-
- LGAudioADSR.title = "ADSR";
- LGAudioADSR.desc = "Audio envelope";
- LiteGraph.registerNodeType("audio/adsr", LGAudioADSR);
-
- function LGAudioDelay() {
- //default
- this.properties = {
- delayTime: 0.5
- };
-
- this.audionode = LGAudio.getAudioContext().createDelay(10);
- this.audionode.delayTime.value = this.properties.delayTime;
- this.addInput("in", "audio");
- this.addInput("time", "number");
- this.addOutput("out", "audio");
- }
-
- LGAudio.createAudioNodeWrapper(LGAudioDelay);
-
- LGAudioDelay.prototype.onExecute = function() {
- var v = this.getInputData(1);
- if (v !== undefined) {
- this.audionode.delayTime.value = v;
- }
- };
-
- LGAudioDelay.title = "Delay";
- LGAudioDelay.desc = "Audio delay";
- LiteGraph.registerNodeType("audio/delay", LGAudioDelay);
-
- function LGAudioBiquadFilter() {
- //default
- this.properties = {
- frequency: 350,
- detune: 0,
- Q: 1
- };
- this.addProperty("type", "lowpass", "enum", {
- values: [
- "lowpass",
- "highpass",
- "bandpass",
- "lowshelf",
- "highshelf",
- "peaking",
- "notch",
- "allpass"
- ]
- });
-
- //create node
- this.audionode = LGAudio.getAudioContext().createBiquadFilter();
-
- //slots
- this.addInput("in", "audio");
- this.addOutput("out", "audio");
- }
-
- LGAudioBiquadFilter.prototype.onExecute = function() {
- if (!this.inputs || !this.inputs.length) {
- return;
- }
-
- for (var i = 1; i < this.inputs.length; ++i) {
- var input = this.inputs[i];
- if (input.link == null) {
- continue;
- }
- var v = this.getInputData(i);
- if (v !== undefined) {
- this.audionode[input.name].value = v;
- }
- }
- };
-
- LGAudioBiquadFilter.prototype.onGetInputs = function() {
- return [["frequency", "number"], ["detune", "number"], ["Q", "number"]];
- };
-
- LGAudio.createAudioNodeWrapper(LGAudioBiquadFilter);
-
- LGAudioBiquadFilter.title = "BiquadFilter";
- LGAudioBiquadFilter.desc = "Audio filter";
- LiteGraph.registerNodeType("audio/biquadfilter", LGAudioBiquadFilter);
-
- function LGAudioOscillatorNode() {
- //default
- this.properties = {
- frequency: 440,
- detune: 0,
- type: "sine"
- };
- this.addProperty("type", "sine", "enum", {
- values: ["sine", "square", "sawtooth", "triangle", "custom"]
- });
-
- //create node
- this.audionode = LGAudio.getAudioContext().createOscillator();
-
- //slots
- this.addOutput("out", "audio");
- }
-
- LGAudioOscillatorNode.prototype.onStart = function() {
- if (!this.audionode.started) {
- this.audionode.started = true;
- try {
- this.audionode.start();
- } catch (err) {}
- }
- };
-
- LGAudioOscillatorNode.prototype.onStop = function() {
- if (this.audionode.started) {
- this.audionode.started = false;
- this.audionode.stop();
- }
- };
-
- LGAudioOscillatorNode.prototype.onPause = function() {
- this.onStop();
- };
-
- LGAudioOscillatorNode.prototype.onUnpause = function() {
- this.onStart();
- };
-
- LGAudioOscillatorNode.prototype.onExecute = function() {
- if (!this.inputs || !this.inputs.length) {
- return;
- }
-
- for (var i = 0; i < this.inputs.length; ++i) {
- var input = this.inputs[i];
- if (input.link == null) {
- continue;
- }
- var v = this.getInputData(i);
- if (v !== undefined) {
- this.audionode[input.name].value = v;
- }
- }
- };
-
- LGAudioOscillatorNode.prototype.onGetInputs = function() {
- return [
- ["frequency", "number"],
- ["detune", "number"],
- ["type", "string"]
- ];
- };
-
- LGAudio.createAudioNodeWrapper(LGAudioOscillatorNode);
-
- LGAudioOscillatorNode.title = "Oscillator";
- LGAudioOscillatorNode.desc = "Oscillator";
- LiteGraph.registerNodeType("audio/oscillator", LGAudioOscillatorNode);
-
- //*****************************************************
-
- //EXTRA
-
- function LGAudioVisualization() {
- this.properties = {
- continuous: true,
- mark: -1
- };
-
- this.addInput("data", "array");
- this.addInput("mark", "number");
- this.size = [300, 200];
- this._last_buffer = null;
- }
-
- LGAudioVisualization.prototype.onExecute = function() {
- this._last_buffer = this.getInputData(0);
- var v = this.getInputData(1);
- if (v !== undefined) {
- this.properties.mark = v;
- }
- this.setDirtyCanvas(true, false);
- };
-
- LGAudioVisualization.prototype.onDrawForeground = function(ctx) {
- if (!this._last_buffer) {
- return;
- }
-
- var buffer = this._last_buffer;
-
- //delta represents how many samples we advance per pixel
- var delta = buffer.length / this.size[0];
- var h = this.size[1];
-
- ctx.fillStyle = "black";
- ctx.fillRect(0, 0, this.size[0], this.size[1]);
- ctx.strokeStyle = "white";
- ctx.beginPath();
- var x = 0;
-
- if (this.properties.continuous) {
- ctx.moveTo(x, h);
- for (var i = 0; i < buffer.length; i += delta) {
- ctx.lineTo(x, h - (buffer[i | 0] / 255) * h);
- x++;
- }
- } else {
- for (var i = 0; i < buffer.length; i += delta) {
- ctx.moveTo(x + 0.5, h);
- ctx.lineTo(x + 0.5, h - (buffer[i | 0] / 255) * h);
- x++;
- }
- }
- ctx.stroke();
-
- if (this.properties.mark >= 0) {
- var samplerate = LGAudio.getAudioContext().sampleRate;
- var binfreq = samplerate / buffer.length;
- var x = (2 * (this.properties.mark / binfreq)) / delta;
- if (x >= this.size[0]) {
- x = this.size[0] - 1;
- }
- ctx.strokeStyle = "red";
- ctx.beginPath();
- ctx.moveTo(x, h);
- ctx.lineTo(x, 0);
- ctx.stroke();
- }
- };
-
- LGAudioVisualization.title = "Visualization";
- LGAudioVisualization.desc = "Audio Visualization";
- LiteGraph.registerNodeType("audio/visualization", LGAudioVisualization);
-
- function LGAudioBandSignal() {
- //default
- this.properties = {
- band: 440,
- amplitude: 1
- };
-
- this.addInput("freqs", "array");
- this.addOutput("signal", "number");
- }
-
- LGAudioBandSignal.prototype.onExecute = function() {
- this._freqs = this.getInputData(0);
- if (!this._freqs) {
- return;
- }
-
- var band = this.properties.band;
- var v = this.getInputData(1);
- if (v !== undefined) {
- band = v;
- }
-
- var samplerate = LGAudio.getAudioContext().sampleRate;
- var binfreq = samplerate / this._freqs.length;
- var index = 2 * (band / binfreq);
- var v = 0;
- if (index < 0) {
- v = this._freqs[0];
- }
- if (index >= this._freqs.length) {
- v = this._freqs[this._freqs.length - 1];
- } else {
- var pos = index | 0;
- var v0 = this._freqs[pos];
- var v1 = this._freqs[pos + 1];
- var f = index - pos;
- v = v0 * (1 - f) + v1 * f;
- }
-
- this.setOutputData(0, (v / 255) * this.properties.amplitude);
- };
-
- LGAudioBandSignal.prototype.onGetInputs = function() {
- return [["band", "number"]];
- };
-
- LGAudioBandSignal.title = "Signal";
- LGAudioBandSignal.desc = "extract the signal of some frequency";
- LiteGraph.registerNodeType("audio/signal", LGAudioBandSignal);
-
- function LGAudioScript() {
- if (!LGAudioScript.default_code) {
- var code = LGAudioScript.default_function.toString();
- var index = code.indexOf("{") + 1;
- var index2 = code.lastIndexOf("}");
- LGAudioScript.default_code = code.substr(index, index2 - index);
- }
-
- //default
- this.properties = {
- code: LGAudioScript.default_code
- };
-
- //create node
- var ctx = LGAudio.getAudioContext();
- if (ctx.createScriptProcessor) {
- this.audionode = ctx.createScriptProcessor(4096, 1, 1);
- }
- //buffer size, input channels, output channels
- else {
- console.warn("ScriptProcessorNode deprecated");
- this.audionode = ctx.createGain(); //bypass audio
- }
-
- this.processCode();
- if (!LGAudioScript._bypass_function) {
- LGAudioScript._bypass_function = this.audionode.onaudioprocess;
- }
-
- //slots
- this.addInput("in", "audio");
- this.addOutput("out", "audio");
- }
-
- LGAudioScript.prototype.onAdded = function(graph) {
- if (graph.status == LGraph.STATUS_RUNNING) {
- this.audionode.onaudioprocess = this._callback;
- }
- };
-
- LGAudioScript["@code"] = { widget: "code", type: "code" };
-
- LGAudioScript.prototype.onStart = function() {
- this.audionode.onaudioprocess = this._callback;
- };
-
- LGAudioScript.prototype.onStop = function() {
- this.audionode.onaudioprocess = LGAudioScript._bypass_function;
- };
-
- LGAudioScript.prototype.onPause = function() {
- this.audionode.onaudioprocess = LGAudioScript._bypass_function;
- };
-
- LGAudioScript.prototype.onUnpause = function() {
- this.audionode.onaudioprocess = this._callback;
- };
-
- LGAudioScript.prototype.onExecute = function() {
- //nothing! because we need an onExecute to receive onStart... fix that
- };
-
- LGAudioScript.prototype.onRemoved = function() {
- this.audionode.onaudioprocess = LGAudioScript._bypass_function;
- };
-
- LGAudioScript.prototype.processCode = function() {
- try {
- var func = new Function("properties", this.properties.code);
- this._script = new func(this.properties);
- this._old_code = this.properties.code;
- this._callback = this._script.onaudioprocess;
- } catch (err) {
- console.error("Error in onaudioprocess code", err);
- this._callback = LGAudioScript._bypass_function;
- this.audionode.onaudioprocess = this._callback;
- }
- };
-
- LGAudioScript.prototype.onPropertyChanged = function(name, value) {
- if (name == "code") {
- this.properties.code = value;
- this.processCode();
- if (this.graph && this.graph.status == LGraph.STATUS_RUNNING) {
- this.audionode.onaudioprocess = this._callback;
- }
- }
- };
-
- LGAudioScript.default_function = function() {
- this.onaudioprocess = function(audioProcessingEvent) {
- // The input buffer is the song we loaded earlier
- var inputBuffer = audioProcessingEvent.inputBuffer;
-
- // The output buffer contains the samples that will be modified and played
- var outputBuffer = audioProcessingEvent.outputBuffer;
-
- // Loop through the output channels (in this case there is only one)
- for (
- var channel = 0;
- channel < outputBuffer.numberOfChannels;
- channel++
- ) {
- var inputData = inputBuffer.getChannelData(channel);
- var outputData = outputBuffer.getChannelData(channel);
-
- // Loop through the 4096 samples
- for (var sample = 0; sample < inputBuffer.length; sample++) {
- // make output equal to the same as the input
- outputData[sample] = inputData[sample];
- }
- }
- };
- };
-
- LGAudio.createAudioNodeWrapper(LGAudioScript);
-
- LGAudioScript.title = "Script";
- LGAudioScript.desc = "apply script to signal";
- LiteGraph.registerNodeType("audio/script", LGAudioScript);
-
- function LGAudioDestination() {
- this.audionode = LGAudio.getAudioContext().destination;
- this.addInput("in", "audio");
- }
-
- LGAudioDestination.title = "Destination";
- LGAudioDestination.desc = "Audio output";
- LiteGraph.registerNodeType("audio/destination", LGAudioDestination);
-})(this);
diff --git a/src/nodes/base.js b/src/nodes/base.js
deleted file mode 100755
index bc6c2cd1b..000000000
--- a/src/nodes/base.js
+++ /dev/null
@@ -1,1770 +0,0 @@
-//basic nodes
-(function(global) {
- var LiteGraph = global.LiteGraph;
-
- //Constant
- function Time() {
- this.addOutput("in ms", "number");
- this.addOutput("in sec", "number");
- }
-
- Time.title = "Time";
- Time.desc = "Time";
-
- Time.prototype.onExecute = function() {
- this.setOutputData(0, this.graph.globaltime * 1000);
- this.setOutputData(1, this.graph.globaltime);
- };
-
- LiteGraph.registerNodeType("basic/time", Time);
-
- //Subgraph: a node that contains a graph
- function Subgraph() {
- var that = this;
- this.size = [140, 80];
- this.properties = { enabled: true };
- this.enabled = true;
-
- //create inner graph
- this.subgraph = new LiteGraph.LGraph();
- this.subgraph._subgraph_node = this;
- this.subgraph._is_subgraph = true;
-
- this.subgraph.onTrigger = this.onSubgraphTrigger.bind(this);
-
- //nodes input node added inside
- this.subgraph.onInputAdded = this.onSubgraphNewInput.bind(this);
- this.subgraph.onInputRenamed = this.onSubgraphRenamedInput.bind(this);
- this.subgraph.onInputTypeChanged = this.onSubgraphTypeChangeInput.bind(this);
- this.subgraph.onInputRemoved = this.onSubgraphRemovedInput.bind(this);
-
- this.subgraph.onOutputAdded = this.onSubgraphNewOutput.bind(this);
- this.subgraph.onOutputRenamed = this.onSubgraphRenamedOutput.bind(this);
- this.subgraph.onOutputTypeChanged = this.onSubgraphTypeChangeOutput.bind(this);
- this.subgraph.onOutputRemoved = this.onSubgraphRemovedOutput.bind(this);
- }
-
- Subgraph.title = "Subgraph";
- Subgraph.desc = "Graph inside a node";
- Subgraph.title_color = "#334";
-
- Subgraph.prototype.onGetInputs = function() {
- return [["enabled", "boolean"]];
- };
-
- /*
- Subgraph.prototype.onDrawTitle = function(ctx) {
- if (this.flags.collapsed) {
- return;
- }
-
- ctx.fillStyle = "#555";
- var w = LiteGraph.NODE_TITLE_HEIGHT;
- var x = this.size[0] - w;
- ctx.fillRect(x, -w, w, w);
- ctx.fillStyle = "#333";
- ctx.beginPath();
- ctx.moveTo(x + w * 0.2, -w * 0.6);
- ctx.lineTo(x + w * 0.8, -w * 0.6);
- ctx.lineTo(x + w * 0.5, -w * 0.3);
- ctx.fill();
- };
- */
-
- Subgraph.prototype.onDblClick = function(e, pos, graphcanvas) {
- var that = this;
- setTimeout(function() {
- graphcanvas.openSubgraph(that.subgraph);
- }, 10);
- };
-
- /*
- Subgraph.prototype.onMouseDown = function(e, pos, graphcanvas) {
- if (
- !this.flags.collapsed &&
- pos[0] > this.size[0] - LiteGraph.NODE_TITLE_HEIGHT &&
- pos[1] < 0
- ) {
- var that = this;
- setTimeout(function() {
- graphcanvas.openSubgraph(that.subgraph);
- }, 10);
- }
- };
- */
-
- Subgraph.prototype.onAction = function(action, param) {
- this.subgraph.onAction(action, param);
- };
-
- Subgraph.prototype.onExecute = function() {
- this.enabled = this.getInputOrProperty("enabled");
- if (!this.enabled) {
- return;
- }
-
- //send inputs to subgraph global inputs
- if (this.inputs) {
- for (var i = 0; i < this.inputs.length; i++) {
- var input = this.inputs[i];
- var value = this.getInputData(i);
- this.subgraph.setInputData(input.name, value);
- }
- }
-
- //execute
- this.subgraph.runStep();
-
- //send subgraph global outputs to outputs
- if (this.outputs) {
- for (var i = 0; i < this.outputs.length; i++) {
- var output = this.outputs[i];
- var value = this.subgraph.getOutputData(output.name);
- this.setOutputData(i, value);
- }
- }
- };
-
- Subgraph.prototype.sendEventToAllNodes = function(eventname, param, mode) {
- if (this.enabled) {
- this.subgraph.sendEventToAllNodes(eventname, param, mode);
- }
- };
-
- Subgraph.prototype.onDrawBackground = function (ctx, graphcanvas, canvas, pos) {
- if (this.flags.collapsed)
- return;
- var y = this.size[1] - LiteGraph.NODE_TITLE_HEIGHT + 0.5;
- // button
- var over = LiteGraph.isInsideRectangle(pos[0], pos[1], this.pos[0], this.pos[1] + y, this.size[0], LiteGraph.NODE_TITLE_HEIGHT);
- let overleft = LiteGraph.isInsideRectangle(pos[0], pos[1], this.pos[0], this.pos[1] + y, this.size[0] / 2, LiteGraph.NODE_TITLE_HEIGHT)
- ctx.fillStyle = over ? "#555" : "#222";
- ctx.beginPath();
- if (this._shape == LiteGraph.BOX_SHAPE) {
- if (overleft) {
- ctx.rect(0, y, this.size[0] / 2 + 1, LiteGraph.NODE_TITLE_HEIGHT);
- } else {
- ctx.rect(this.size[0] / 2, y, this.size[0] / 2 + 1, LiteGraph.NODE_TITLE_HEIGHT);
- }
- }
- else {
- if (overleft) {
- ctx.roundRect(0, y, this.size[0] / 2 + 1, LiteGraph.NODE_TITLE_HEIGHT, [0,0, 8,8]);
- } else {
- ctx.roundRect(this.size[0] / 2, y, this.size[0] / 2 + 1, LiteGraph.NODE_TITLE_HEIGHT, [0,0, 8,8]);
- }
- }
- if (over) {
- ctx.fill();
- } else {
- ctx.fillRect(0, y, this.size[0] + 1, LiteGraph.NODE_TITLE_HEIGHT);
- }
- // button
- ctx.textAlign = "center";
- ctx.font = "24px Arial";
- ctx.fillStyle = over ? "#DDD" : "#999";
- ctx.fillText("+", this.size[0] * 0.25, y + 24);
- ctx.fillText("+", this.size[0] * 0.75, y + 24);
- }
-
- // Subgraph.prototype.onMouseDown = function(e, localpos, graphcanvas)
- // {
- // var y = this.size[1] - LiteGraph.NODE_TITLE_HEIGHT + 0.5;
- // if(localpos[1] > y)
- // {
- // graphcanvas.showSubgraphPropertiesDialog(this);
- // }
- // }
- Subgraph.prototype.onMouseDown = function (e, localpos, graphcanvas) {
- var y = this.size[1] - LiteGraph.NODE_TITLE_HEIGHT + 0.5;
- console.log(0)
- if (localpos[1] > y) {
- if (localpos[0] < this.size[0] / 2) {
- console.log(1)
- graphcanvas.showSubgraphPropertiesDialog(this);
- } else {
- console.log(2)
- graphcanvas.showSubgraphPropertiesDialogRight(this);
- }
- }
- }
- Subgraph.prototype.computeSize = function()
- {
- var num_inputs = this.inputs ? this.inputs.length : 0;
- var num_outputs = this.outputs ? this.outputs.length : 0;
- return [ 200, Math.max(num_inputs,num_outputs) * LiteGraph.NODE_SLOT_HEIGHT + LiteGraph.NODE_TITLE_HEIGHT ];
- }
-
- //**** INPUTS ***********************************
- Subgraph.prototype.onSubgraphTrigger = function(event, param) {
- var slot = this.findOutputSlot(event);
- if (slot != -1) {
- this.triggerSlot(slot);
- }
- };
-
- Subgraph.prototype.onSubgraphNewInput = function(name, type) {
- var slot = this.findInputSlot(name);
- if (slot == -1) {
- //add input to the node
- this.addInput(name, type);
- }
- };
-
- Subgraph.prototype.onSubgraphRenamedInput = function(oldname, name) {
- var slot = this.findInputSlot(oldname);
- if (slot == -1) {
- return;
- }
- var info = this.getInputInfo(slot);
- info.name = name;
- };
-
- Subgraph.prototype.onSubgraphTypeChangeInput = function(name, type) {
- var slot = this.findInputSlot(name);
- if (slot == -1) {
- return;
- }
- var info = this.getInputInfo(slot);
- info.type = type;
- };
-
- Subgraph.prototype.onSubgraphRemovedInput = function(name) {
- var slot = this.findInputSlot(name);
- if (slot == -1) {
- return;
- }
- this.removeInput(slot);
- };
-
- //**** OUTPUTS ***********************************
- Subgraph.prototype.onSubgraphNewOutput = function(name, type) {
- var slot = this.findOutputSlot(name);
- if (slot == -1) {
- this.addOutput(name, type);
- }
- };
-
- Subgraph.prototype.onSubgraphRenamedOutput = function(oldname, name) {
- var slot = this.findOutputSlot(oldname);
- if (slot == -1) {
- return;
- }
- var info = this.getOutputInfo(slot);
- info.name = name;
- };
-
- Subgraph.prototype.onSubgraphTypeChangeOutput = function(name, type) {
- var slot = this.findOutputSlot(name);
- if (slot == -1) {
- return;
- }
- var info = this.getOutputInfo(slot);
- info.type = type;
- };
-
- Subgraph.prototype.onSubgraphRemovedOutput = function(name) {
- var slot = this.findOutputSlot(name);
- if (slot == -1) {
- return;
- }
- this.removeOutput(slot);
- };
- // *****************************************************
-
- Subgraph.prototype.getExtraMenuOptions = function(graphcanvas) {
- var that = this;
- return [
- {
- content: "Open",
- callback: function() {
- graphcanvas.openSubgraph(that.subgraph);
- }
- }
- ];
- };
-
- Subgraph.prototype.onResize = function(size) {
- size[1] += 20;
- };
-
- Subgraph.prototype.serialize = function() {
- var data = LiteGraph.LGraphNode.prototype.serialize.call(this);
- data.subgraph = this.subgraph.serialize();
- return data;
- };
- //no need to define node.configure, the default method detects node.subgraph and passes the object to node.subgraph.configure()
-
- Subgraph.prototype.reassignSubgraphUUIDs = function(graph) {
- const idMap = { nodeIDs: {}, linkIDs: {} }
-
- for (const node of graph.nodes) {
- const oldID = node.id
- const newID = LiteGraph.uuidv4()
- node.id = newID
-
- if (idMap.nodeIDs[oldID] || idMap.nodeIDs[newID]) {
- throw new Error(`New/old node UUID wasn't unique in changed map! ${oldID} ${newID}`)
- }
-
- idMap.nodeIDs[oldID] = newID
- idMap.nodeIDs[newID] = oldID
- }
-
- for (const link of graph.links) {
- const oldID = link[0]
- const newID = LiteGraph.uuidv4();
- link[0] = newID
-
- if (idMap.linkIDs[oldID] || idMap.linkIDs[newID]) {
- throw new Error(`New/old link UUID wasn't unique in changed map! ${oldID} ${newID}`)
- }
-
- idMap.linkIDs[oldID] = newID
- idMap.linkIDs[newID] = oldID
-
- const nodeFrom = link[1]
- const nodeTo = link[3]
-
- if (!idMap.nodeIDs[nodeFrom]) {
- throw new Error(`Old node UUID not found in mapping! ${nodeFrom}`)
- }
-
- link[1] = idMap.nodeIDs[nodeFrom]
-
- if (!idMap.nodeIDs[nodeTo]) {
- throw new Error(`Old node UUID not found in mapping! ${nodeTo}`)
- }
-
- link[3] = idMap.nodeIDs[nodeTo]
- }
-
- // Reconnect links
- for (const node of graph.nodes) {
- if (node.inputs) {
- for (const input of node.inputs) {
- if (input.link) {
- input.link = idMap.linkIDs[input.link]
- }
- }
- }
- if (node.outputs) {
- for (const output of node.outputs) {
- if (output.links) {
- output.links = output.links.map(l => idMap.linkIDs[l]);
- }
- }
- }
- }
-
- // Recurse!
- for (const node of graph.nodes) {
- if (node.type === "graph/subgraph") {
- const merge = reassignGraphUUIDs(node.subgraph);
- idMap.nodeIDs.assign(merge.nodeIDs)
- idMap.linkIDs.assign(merge.linkIDs)
- }
- }
- };
-
- Subgraph.prototype.clone = function() {
- var node = LiteGraph.createNode(this.type);
- var data = this.serialize();
-
- if (LiteGraph.use_uuids) {
- // LGraph.serialize() seems to reuse objects in the original graph. But we
- // need to change node IDs here, so clone it first.
- const subgraph = LiteGraph.cloneObject(data.subgraph)
-
- this.reassignSubgraphUUIDs(subgraph);
-
- data.subgraph = subgraph;
- }
-
- delete data["id"];
- delete data["inputs"];
- delete data["outputs"];
- node.configure(data);
- return node;
- };
-
- Subgraph.prototype.buildFromNodes = function(nodes)
- {
- //clear all?
- //TODO
-
- //nodes that connect data between parent graph and subgraph
- var subgraph_inputs = [];
- var subgraph_outputs = [];
-
- //mark inner nodes
- var ids = {};
- var min_x = 0;
- var max_x = 0;
- for(var i = 0; i < nodes.length; ++i)
- {
- var node = nodes[i];
- ids[ node.id ] = node;
- min_x = Math.min( node.pos[0], min_x );
- max_x = Math.max( node.pos[0], min_x );
- }
-
- var last_input_y = 0;
- var last_output_y = 0;
-
- for(var i = 0; i < nodes.length; ++i)
- {
- var node = nodes[i];
- //check inputs
- if( node.inputs )
- for(var j = 0; j < node.inputs.length; ++j)
- {
- var input = node.inputs[j];
- if( !input || !input.link )
- continue;
- var link = node.graph.links[ input.link ];
- if(!link)
- continue;
- if( ids[ link.origin_id ] )
- continue;
- //this.addInput(input.name,link.type);
- this.subgraph.addInput(input.name,link.type);
- /*
- var input_node = LiteGraph.createNode("graph/input");
- this.subgraph.add( input_node );
- input_node.pos = [min_x - 200, last_input_y ];
- last_input_y += 100;
- */
- }
-
- //check outputs
- if( node.outputs )
- for(var j = 0; j < node.outputs.length; ++j)
- {
- var output = node.outputs[j];
- if( !output || !output.links || !output.links.length )
- continue;
- var is_external = false;
- for(var k = 0; k < output.links.length; ++k)
- {
- var link = node.graph.links[ output.links[k] ];
- if(!link)
- continue;
- if( ids[ link.target_id ] )
- continue;
- is_external = true;
- break;
- }
- if(!is_external)
- continue;
- //this.addOutput(output.name,output.type);
- /*
- var output_node = LiteGraph.createNode("graph/output");
- this.subgraph.add( output_node );
- output_node.pos = [max_x + 50, last_output_y ];
- last_output_y += 100;
- */
- }
- }
-
- //detect inputs and outputs
- //split every connection in two data_connection nodes
- //keep track of internal connections
- //connect external connections
-
- //clone nodes inside subgraph and try to reconnect them
-
- //connect edge subgraph nodes to extarnal connections nodes
- }
-
- LiteGraph.Subgraph = Subgraph;
- LiteGraph.registerNodeType("graph/subgraph", Subgraph);
-
- //Input for a subgraph
- function GraphInput() {
- this.addOutput("", "number");
-
- this.name_in_graph = "";
- this.properties = {
- name: "",
- type: "number",
- value: 0
- };
-
- var that = this;
-
- this.name_widget = this.addWidget(
- "text",
- "Name",
- this.properties.name,
- function(v) {
- if (!v) {
- return;
- }
- that.setProperty("name",v);
- }
- );
- this.type_widget = this.addWidget(
- "text",
- "Type",
- this.properties.type,
- function(v) {
- that.setProperty("type",v);
- }
- );
-
- this.value_widget = this.addWidget(
- "number",
- "Value",
- this.properties.value,
- function(v) {
- that.setProperty("value",v);
- }
- );
-
- this.widgets_up = true;
- this.size = [180, 90];
- }
-
- GraphInput.title = "Input";
- GraphInput.desc = "Input of the graph";
-
- GraphInput.prototype.onConfigure = function()
-
- {
- this.updateType();
- }
-
- //ensures the type in the node output and the type in the associated graph input are the same
- GraphInput.prototype.updateType = function()
- {
- var type = this.properties.type;
- this.type_widget.value = type;
-
- //update output
- if(this.outputs[0].type != type)
- {
- if (!LiteGraph.isValidConnection(this.outputs[0].type,type))
- this.disconnectOutput(0);
- this.outputs[0].type = type;
- }
-
- //update widget
- if(type == "number")
- {
- this.value_widget.type = "number";
- this.value_widget.value = 0;
- }
- else if(type == "boolean")
- {
- this.value_widget.type = "toggle";
- this.value_widget.value = true;
- }
- else if(type == "string")
- {
- this.value_widget.type = "text";
- this.value_widget.value = "";
- }
- else
- {
- this.value_widget.type = null;
- this.value_widget.value = null;
- }
- this.properties.value = this.value_widget.value;
-
- //update graph
- if (this.graph && this.name_in_graph) {
- this.graph.changeInputType(this.name_in_graph, type);
- }
- }
-
- //this is executed AFTER the property has changed
- GraphInput.prototype.onPropertyChanged = function(name,v)
- {
- if( name == "name" )
- {
- if (v == "" || v == this.name_in_graph || v == "enabled") {
- return false;
- }
- if(this.graph)
- {
- if (this.name_in_graph) {
- //already added
- this.graph.renameInput( this.name_in_graph, v );
- } else {
- this.graph.addInput( v, this.properties.type );
- }
- } //what if not?!
- this.name_widget.value = v;
- this.name_in_graph = v;
- }
- else if( name == "type" )
- {
- this.updateType();
- }
- else if( name == "value" )
- {
- }
- }
-
- GraphInput.prototype.getTitle = function() {
- if (this.flags.collapsed) {
- return this.properties.name;
- }
- return this.title;
- };
-
- GraphInput.prototype.onAction = function(action, param) {
- if (this.properties.type == LiteGraph.EVENT) {
- this.triggerSlot(0, param);
- }
- };
-
- GraphInput.prototype.onExecute = function() {
- var name = this.properties.name;
- //read from global input
- var data = this.graph.inputs[name];
- if (!data) {
- this.setOutputData(0, this.properties.value );
- return;
- }
-
- this.setOutputData(0, data.value !== undefined ? data.value : this.properties.value );
- };
-
- GraphInput.prototype.onRemoved = function() {
- if (this.name_in_graph) {
- this.graph.removeInput(this.name_in_graph);
- }
- };
-
- LiteGraph.GraphInput = GraphInput;
- LiteGraph.registerNodeType("graph/input", GraphInput);
-
- //Output for a subgraph
- function GraphOutput() {
- this.addInput("", "");
-
- this.name_in_graph = "";
- this.properties = { name: "", type: "" };
- var that = this;
-
- // Object.defineProperty(this.properties, "name", {
- // get: function() {
- // return that.name_in_graph;
- // },
- // set: function(v) {
- // if (v == "" || v == that.name_in_graph) {
- // return;
- // }
- // if (that.name_in_graph) {
- // //already added
- // that.graph.renameOutput(that.name_in_graph, v);
- // } else {
- // that.graph.addOutput(v, that.properties.type);
- // }
- // that.name_widget.value = v;
- // that.name_in_graph = v;
- // },
- // enumerable: true
- // });
-
- // Object.defineProperty(this.properties, "type", {
- // get: function() {
- // return that.inputs[0].type;
- // },
- // set: function(v) {
- // if (v == "action" || v == "event") {
- // v = LiteGraph.ACTION;
- // }
- // if (!LiteGraph.isValidConnection(that.inputs[0].type,v))
- // that.disconnectInput(0);
- // that.inputs[0].type = v;
- // if (that.name_in_graph) {
- // //already added
- // that.graph.changeOutputType(
- // that.name_in_graph,
- // that.inputs[0].type
- // );
- // }
- // that.type_widget.value = v || "";
- // },
- // enumerable: true
- // });
-
- this.name_widget = this.addWidget("text","Name",this.properties.name,"name");
- this.type_widget = this.addWidget("text","Type",this.properties.type,"type");
- this.widgets_up = true;
- this.size = [180, 60];
- }
-
- GraphOutput.title = "Output";
- GraphOutput.desc = "Output of the graph";
-
- GraphOutput.prototype.onPropertyChanged = function (name, v) {
- if (name == "name") {
- if (v == "" || v == this.name_in_graph || v == "enabled") {
- return false;
- }
- if (this.graph) {
- if (this.name_in_graph) {
- //already added
- this.graph.renameOutput(this.name_in_graph, v);
- } else {
- this.graph.addOutput(v, this.properties.type);
- }
- } //what if not?!
- this.name_widget.value = v;
- this.name_in_graph = v;
- }
- else if (name == "type") {
- this.updateType();
- }
- else if (name == "value") {
- }
- }
-
- GraphOutput.prototype.updateType = function () {
- var type = this.properties.type;
- if (this.type_widget)
- this.type_widget.value = type;
-
- //update output
- if (this.inputs[0].type != type) {
-
- if ( type == "action" || type == "event")
- type = LiteGraph.EVENT;
- if (!LiteGraph.isValidConnection(this.inputs[0].type, type))
- this.disconnectInput(0);
- this.inputs[0].type = type;
- }
-
- //update graph
- if (this.graph && this.name_in_graph) {
- this.graph.changeOutputType(this.name_in_graph, type);
- }
- }
-
-
-
- GraphOutput.prototype.onExecute = function() {
- this._value = this.getInputData(0);
- this.graph.setOutputData(this.properties.name, this._value);
- };
-
- GraphOutput.prototype.onAction = function(action, param) {
- if (this.properties.type == LiteGraph.ACTION) {
- this.graph.trigger( this.properties.name, param );
- }
- };
-
- GraphOutput.prototype.onRemoved = function() {
- if (this.name_in_graph) {
- this.graph.removeOutput(this.name_in_graph);
- }
- };
-
- GraphOutput.prototype.getTitle = function() {
- if (this.flags.collapsed) {
- return this.properties.name;
- }
- return this.title;
- };
-
- LiteGraph.GraphOutput = GraphOutput;
- LiteGraph.registerNodeType("graph/output", GraphOutput);
-
- //Constant
- function ConstantNumber() {
- this.addOutput("value", "number");
- this.addProperty("value", 1.0);
- this.widget = this.addWidget("number","value",1,"value");
- this.widgets_up = true;
- this.size = [180, 30];
- }
-
- ConstantNumber.title = "Const Number";
- ConstantNumber.desc = "Constant number";
-
- ConstantNumber.prototype.onExecute = function() {
- this.setOutputData(0, parseFloat(this.properties["value"]));
- };
-
- ConstantNumber.prototype.getTitle = function() {
- if (this.flags.collapsed) {
- return this.properties.value;
- }
- return this.title;
- };
-
- ConstantNumber.prototype.setValue = function(v)
- {
- this.setProperty("value",v);
- }
-
- ConstantNumber.prototype.onDrawBackground = function(ctx) {
- //show the current value
- this.outputs[0].label = this.properties["value"].toFixed(3);
- };
-
- LiteGraph.registerNodeType("basic/const", ConstantNumber);
-
- function ConstantBoolean() {
- this.addOutput("bool", "boolean");
- this.addProperty("value", true);
- this.widget = this.addWidget("toggle","value",true,"value");
- this.serialize_widgets = true;
- this.widgets_up = true;
- this.size = [140, 30];
- }
-
- ConstantBoolean.title = "Const Boolean";
- ConstantBoolean.desc = "Constant boolean";
- ConstantBoolean.prototype.getTitle = ConstantNumber.prototype.getTitle;
-
- ConstantBoolean.prototype.onExecute = function() {
- this.setOutputData(0, this.properties["value"]);
- };
-
- ConstantBoolean.prototype.setValue = ConstantNumber.prototype.setValue;
-
- ConstantBoolean.prototype.onGetInputs = function() {
- return [["toggle", LiteGraph.ACTION]];
- };
-
- ConstantBoolean.prototype.onAction = function(action)
- {
- this.setValue( !this.properties.value );
- }
-
- LiteGraph.registerNodeType("basic/boolean", ConstantBoolean);
-
- function ConstantString() {
- this.addOutput("string", "string");
- this.addProperty("value", "");
- this.widget = this.addWidget("text","value","","value"); //link to property value
- this.widgets_up = true;
- this.size = [180, 30];
- }
-
- ConstantString.title = "Const String";
- ConstantString.desc = "Constant string";
-
- ConstantString.prototype.getTitle = ConstantNumber.prototype.getTitle;
-
- ConstantString.prototype.onExecute = function() {
- this.setOutputData(0, this.properties["value"]);
- };
-
- ConstantString.prototype.setValue = ConstantNumber.prototype.setValue;
-
- ConstantString.prototype.onDropFile = function(file)
- {
- var that = this;
- var reader = new FileReader();
- reader.onload = function(e)
- {
- that.setProperty("value",e.target.result);
- }
- reader.readAsText(file);
- }
-
- LiteGraph.registerNodeType("basic/string", ConstantString);
-
- function ConstantObject() {
- this.addOutput("obj", "object");
- this.size = [120, 30];
- this._object = {};
- }
-
- ConstantObject.title = "Const Object";
- ConstantObject.desc = "Constant Object";
-
- ConstantObject.prototype.onExecute = function() {
- this.setOutputData(0, this._object);
- };
-
- LiteGraph.registerNodeType( "basic/object", ConstantObject );
-
- function ConstantFile() {
- this.addInput("url", "string");
- this.addOutput("file", "string");
- this.addProperty("url", "");
- this.addProperty("type", "text");
- this.widget = this.addWidget("text","url","","url");
- this._data = null;
- }
-
- ConstantFile.title = "Const File";
- ConstantFile.desc = "Fetches a file from an url";
- ConstantFile["@type"] = { type: "enum", values: ["text","arraybuffer","blob","json"] };
-
- ConstantFile.prototype.onPropertyChanged = function(name, value) {
- if (name == "url")
- {
- if( value == null || value == "")
- this._data = null;
- else
- {
- this.fetchFile(value);
- }
- }
- }
-
- ConstantFile.prototype.onExecute = function() {
- var url = this.getInputData(0) || this.properties.url;
- if(url && (url != this._url || this._type != this.properties.type))
- this.fetchFile(url);
- this.setOutputData(0, this._data );
- };
-
- ConstantFile.prototype.setValue = ConstantNumber.prototype.setValue;
-
- ConstantFile.prototype.fetchFile = function(url) {
- var that = this;
- if(!url || url.constructor !== String)
- {
- that._data = null;
- that.boxcolor = null;
- return;
- }
-
- this._url = url;
- this._type = this.properties.type;
- if (url.substr(0, 4) == "http" && LiteGraph.proxy) {
- url = LiteGraph.proxy + url.substr(url.indexOf(":") + 3);
- }
- fetch(url)
- .then(function(response) {
- if(!response.ok)
- throw new Error("File not found");
-
- if(that.properties.type == "arraybuffer")
- return response.arrayBuffer();
- else if(that.properties.type == "text")
- return response.text();
- else if(that.properties.type == "json")
- return response.json();
- else if(that.properties.type == "blob")
- return response.blob();
- })
- .then(function(data) {
- that._data = data;
- that.boxcolor = "#AEA";
- })
- .catch(function(error) {
- that._data = null;
- that.boxcolor = "red";
- console.error("error fetching file:",url);
- });
- };
-
- ConstantFile.prototype.onDropFile = function(file)
- {
- var that = this;
- this._url = file.name;
- this._type = this.properties.type;
- this.properties.url = file.name;
- var reader = new FileReader();
- reader.onload = function(e)
- {
- that.boxcolor = "#AEA";
- var v = e.target.result;
- if( that.properties.type == "json" )
- v = JSON.parse(v);
- that._data = v;
- }
- if(that.properties.type == "arraybuffer")
- reader.readAsArrayBuffer(file);
- else if(that.properties.type == "text" || that.properties.type == "json")
- reader.readAsText(file);
- else if(that.properties.type == "blob")
- return reader.readAsBinaryString(file);
- }
-
- LiteGraph.registerNodeType("basic/file", ConstantFile);
-
-
-//to store json objects
-function JSONParse() {
- this.addInput("parse", LiteGraph.ACTION);
- this.addInput("json", "string");
- this.addOutput("done", LiteGraph.EVENT);
- this.addOutput("object", "object");
- this.widget = this.addWidget("button","parse","",this.parse.bind(this));
- this._str = null;
- this._obj = null;
-}
-
-JSONParse.title = "JSON Parse";
-JSONParse.desc = "Parses JSON String into object";
-
-JSONParse.prototype.parse = function()
-{
- if(!this._str)
- return;
-
- try {
- this._str = this.getInputData(1);
- this._obj = JSON.parse(this._str);
- this.boxcolor = "#AEA";
- this.triggerSlot(0);
- } catch (err) {
- this.boxcolor = "red";
- }
-}
-
-JSONParse.prototype.onExecute = function() {
- this._str = this.getInputData(1);
- this.setOutputData(1, this._obj);
-};
-
-JSONParse.prototype.onAction = function(name) {
- if(name == "parse")
- this.parse();
-}
-
-LiteGraph.registerNodeType("basic/jsonparse", JSONParse);
-
- //to store json objects
- function ConstantData() {
- this.addOutput("data", "object");
- this.addProperty("value", "");
- this.widget = this.addWidget("text","json","","value");
- this.widgets_up = true;
- this.size = [140, 30];
- this._value = null;
- }
-
- ConstantData.title = "Const Data";
- ConstantData.desc = "Constant Data";
-
- ConstantData.prototype.onPropertyChanged = function(name, value) {
- this.widget.value = value;
- if (value == null || value == "") {
- return;
- }
-
- try {
- this._value = JSON.parse(value);
- this.boxcolor = "#AEA";
- } catch (err) {
- this.boxcolor = "red";
- }
- };
-
- ConstantData.prototype.onExecute = function() {
- this.setOutputData(0, this._value);
- };
-
- ConstantData.prototype.setValue = ConstantNumber.prototype.setValue;
-
- LiteGraph.registerNodeType("basic/data", ConstantData);
-
- //to store json objects
- function ConstantArray() {
- this._value = [];
- this.addInput("json", "");
- this.addOutput("arrayOut", "array");
- this.addOutput("length", "number");
- this.addProperty("value", "[]");
- this.widget = this.addWidget("text","array",this.properties.value,"value");
- this.widgets_up = true;
- this.size = [140, 50];
- }
-
- ConstantArray.title = "Const Array";
- ConstantArray.desc = "Constant Array";
-
- ConstantArray.prototype.onPropertyChanged = function(name, value) {
- this.widget.value = value;
- if (value == null || value == "") {
- return;
- }
-
- try {
- if(value[0] != "[")
- this._value = JSON.parse("[" + value + "]");
- else
- this._value = JSON.parse(value);
- this.boxcolor = "#AEA";
- } catch (err) {
- this.boxcolor = "red";
- }
- };
-
- ConstantArray.prototype.onExecute = function() {
- var v = this.getInputData(0);
- if(v && v.length) //clone
- {
- if(!this._value)
- this._value = new Array();
- this._value.length = v.length;
- for(var i = 0; i < v.length; ++i)
- this._value[i] = v[i];
- }
- this.setOutputData(0, this._value);
- this.setOutputData(1, this._value ? ( this._value.length || 0) : 0 );
- };
-
- ConstantArray.prototype.setValue = ConstantNumber.prototype.setValue;
-
- LiteGraph.registerNodeType("basic/array", ConstantArray);
-
- function SetArray()
- {
- this.addInput("arr", "array");
- this.addInput("value", "");
- this.addOutput("arr", "array");
- this.properties = { index: 0 };
- this.widget = this.addWidget("number","i",this.properties.index,"index",{precision: 0, step: 10, min: 0});
- }
-
- SetArray.title = "Set Array";
- SetArray.desc = "Sets index of array";
-
- SetArray.prototype.onExecute = function() {
- var arr = this.getInputData(0);
- if(!arr)
- return;
- var v = this.getInputData(1);
- if(v === undefined )
- return;
- if(this.properties.index)
- arr[ Math.floor(this.properties.index) ] = v;
- this.setOutputData(0,arr);
- };
-
- LiteGraph.registerNodeType("basic/set_array", SetArray );
-
- function ArrayElement() {
- this.addInput("array", "array,table,string");
- this.addInput("index", "number");
- this.addOutput("value", "");
- this.addProperty("index",0);
- }
-
- ArrayElement.title = "Array[i]";
- ArrayElement.desc = "Returns an element from an array";
-
- ArrayElement.prototype.onExecute = function() {
- var array = this.getInputData(0);
- var index = this.getInputData(1);
- if(index == null)
- index = this.properties.index;
- if(array == null || index == null )
- return;
- this.setOutputData(0, array[Math.floor(Number(index))] );
- };
-
- LiteGraph.registerNodeType("basic/array[]", ArrayElement);
-
- function TableElement() {
- this.addInput("table", "table");
- this.addInput("row", "number");
- this.addInput("col", "number");
- this.addOutput("value", "");
- this.addProperty("row",0);
- this.addProperty("column",0);
- }
-
- TableElement.title = "Table[row][col]";
- TableElement.desc = "Returns an element from a table";
-
- TableElement.prototype.onExecute = function() {
- var table = this.getInputData(0);
- var row = this.getInputData(1);
- var col = this.getInputData(2);
- if(row == null)
- row = this.properties.row;
- if(col == null)
- col = this.properties.column;
- if(table == null || row == null || col == null)
- return;
- var row = table[Math.floor(Number(row))];
- if(row)
- this.setOutputData(0, row[Math.floor(Number(col))] );
- else
- this.setOutputData(0, null );
- };
-
- LiteGraph.registerNodeType("basic/table[][]", TableElement);
-
- function ObjectProperty() {
- this.addInput("obj", "object");
- this.addOutput("property", 0);
- this.addProperty("value", 0);
- this.widget = this.addWidget("text","prop.","",this.setValue.bind(this) );
- this.widgets_up = true;
- this.size = [140, 30];
- this._value = null;
- }
-
- ObjectProperty.title = "Object property";
- ObjectProperty.desc = "Outputs the property of an object";
-
- ObjectProperty.prototype.setValue = function(v) {
- this.properties.value = v;
- this.widget.value = v;
- };
-
- ObjectProperty.prototype.getTitle = function() {
- if (this.flags.collapsed) {
- return "in." + this.properties.value;
- }
- return this.title;
- };
-
- ObjectProperty.prototype.onPropertyChanged = function(name, value) {
- this.widget.value = value;
- };
-
- ObjectProperty.prototype.onExecute = function() {
- var data = this.getInputData(0);
- if (data != null) {
- this.setOutputData(0, data[this.properties.value]);
- }
- };
-
- LiteGraph.registerNodeType("basic/object_property", ObjectProperty);
-
- function ObjectKeys() {
- this.addInput("obj", "");
- this.addOutput("keys", "array");
- this.size = [140, 30];
- }
-
- ObjectKeys.title = "Object keys";
- ObjectKeys.desc = "Outputs an array with the keys of an object";
-
- ObjectKeys.prototype.onExecute = function() {
- var data = this.getInputData(0);
- if (data != null) {
- this.setOutputData(0, Object.keys(data) );
- }
- };
-
- LiteGraph.registerNodeType("basic/object_keys", ObjectKeys);
-
-
- function SetObject()
- {
- this.addInput("obj", "");
- this.addInput("value", "");
- this.addOutput("obj", "");
- this.properties = { property: "" };
- this.name_widget = this.addWidget("text","prop.",this.properties.property,"property");
- }
-
- SetObject.title = "Set Object";
- SetObject.desc = "Adds propertiesrty to object";
-
- SetObject.prototype.onExecute = function() {
- var obj = this.getInputData(0);
- if(!obj)
- return;
- var v = this.getInputData(1);
- if(v === undefined )
- return;
- if(this.properties.property)
- obj[ this.properties.property ] = v;
- this.setOutputData(0,obj);
- };
-
- LiteGraph.registerNodeType("basic/set_object", SetObject );
-
-
- function MergeObjects() {
- this.addInput("A", "object");
- this.addInput("B", "object");
- this.addOutput("out", "object");
- this._result = {};
- var that = this;
- this.addWidget("button","clear","",function(){
- that._result = {};
- });
- this.size = this.computeSize();
- }
-
- MergeObjects.title = "Merge Objects";
- MergeObjects.desc = "Creates an object copying properties from others";
-
- MergeObjects.prototype.onExecute = function() {
- var A = this.getInputData(0);
- var B = this.getInputData(1);
- var C = this._result;
- if(A)
- for(var i in A)
- C[i] = A[i];
- if(B)
- for(var i in B)
- C[i] = B[i];
- this.setOutputData(0,C);
- };
-
- LiteGraph.registerNodeType("basic/merge_objects", MergeObjects );
-
- //Store as variable
- function Variable() {
- this.size = [60, 30];
- this.addInput("in");
- this.addOutput("out");
- this.properties = { varname: "myname", container: Variable.LITEGRAPH };
- this.value = null;
- }
-
- Variable.title = "Variable";
- Variable.desc = "store/read variable value";
-
- Variable.LITEGRAPH = 0; //between all graphs
- Variable.GRAPH = 1; //only inside this graph
- Variable.GLOBALSCOPE = 2; //attached to Window
-
- Variable["@container"] = { type: "enum", values: {"litegraph":Variable.LITEGRAPH, "graph":Variable.GRAPH,"global": Variable.GLOBALSCOPE} };
-
- Variable.prototype.onExecute = function() {
- var container = this.getContainer();
-
- if(this.isInputConnected(0))
- {
- this.value = this.getInputData(0);
- container[ this.properties.varname ] = this.value;
- this.setOutputData(0, this.value );
- return;
- }
-
- this.setOutputData( 0, container[ this.properties.varname ] );
- };
-
- Variable.prototype.getContainer = function()
- {
- switch(this.properties.container)
- {
- case Variable.GRAPH:
- if(this.graph)
- return this.graph.vars;
- return {};
- break;
- case Variable.GLOBALSCOPE:
- return global;
- break;
- case Variable.LITEGRAPH:
- default:
- return LiteGraph.Globals;
- break;
- }
- }
-
- Variable.prototype.getTitle = function() {
- return this.properties.varname;
- };
-
- LiteGraph.registerNodeType("basic/variable", Variable);
-
- function length(v) {
- if(v && v.length != null)
- return Number(v.length);
- return 0;
- }
-
- LiteGraph.wrapFunctionAsNode(
- "basic/length",
- length,
- [""],
- "number"
- );
-
- function length(v) {
- if(v && v.length != null)
- return Number(v.length);
- return 0;
- }
-
- LiteGraph.wrapFunctionAsNode(
- "basic/not",
- function(a){ return !a; },
- [""],
- "boolean"
- );
-
- function DownloadData() {
- this.size = [60, 30];
- this.addInput("data", 0 );
- this.addInput("download", LiteGraph.ACTION );
- this.properties = { filename: "data.json" };
- this.value = null;
- var that = this;
- this.addWidget("button","Download","", function(v){
- if(!that.value)
- return;
- that.downloadAsFile();
- });
- }
-
- DownloadData.title = "Download";
- DownloadData.desc = "Download some data";
-
- DownloadData.prototype.downloadAsFile = function()
- {
- if(this.value == null)
- return;
-
- var str = null;
- if(this.value.constructor === String)
- str = this.value;
- else
- str = JSON.stringify(this.value);
-
- var file = new Blob([str]);
- var url = URL.createObjectURL( file );
- var element = document.createElement("a");
- element.setAttribute('href', url);
- element.setAttribute('download', this.properties.filename );
- element.style.display = 'none';
- document.body.appendChild(element);
- element.click();
- document.body.removeChild(element);
- setTimeout( function(){ URL.revokeObjectURL( url ); }, 1000*60 ); //wait one minute to revoke url
- }
-
- DownloadData.prototype.onAction = function(action, param) {
- var that = this;
- setTimeout( function(){ that.downloadAsFile(); }, 100); //deferred to avoid blocking the renderer with the popup
- }
-
- DownloadData.prototype.onExecute = function() {
- if (this.inputs[0]) {
- this.value = this.getInputData(0);
- }
- };
-
- DownloadData.prototype.getTitle = function() {
- if (this.flags.collapsed) {
- return this.properties.filename;
- }
- return this.title;
- };
-
- LiteGraph.registerNodeType("basic/download", DownloadData);
-
-
-
- //Watch a value in the editor
- function Watch() {
- this.size = [60, 30];
- this.addInput("value", 0, { label: "" });
- this.value = 0;
- }
-
- Watch.title = "Watch";
- Watch.desc = "Show value of input";
-
- Watch.prototype.onExecute = function() {
- if (this.inputs[0]) {
- this.value = this.getInputData(0);
- }
- };
-
- Watch.prototype.getTitle = function() {
- if (this.flags.collapsed) {
- return this.inputs[0].label;
- }
- return this.title;
- };
-
- Watch.toString = function(o) {
- if (o == null) {
- return "null";
- } else if (o.constructor === Number) {
- return o.toFixed(3);
- } else if (o.constructor === Array) {
- var str = "[";
- for (var i = 0; i < o.length; ++i) {
- str += Watch.toString(o[i]) + (i + 1 != o.length ? "," : "");
- }
- str += "]";
- return str;
- } else {
- return String(o);
- }
- };
-
- Watch.prototype.onDrawBackground = function(ctx) {
- //show the current value
- this.inputs[0].label = Watch.toString(this.value);
- };
-
- LiteGraph.registerNodeType("basic/watch", Watch);
-
- //in case one type doesnt match other type but you want to connect them anyway
- function Cast() {
- this.addInput("in", 0);
- this.addOutput("out", 0);
- this.size = [40, 30];
- }
-
- Cast.title = "Cast";
- Cast.desc = "Allows to connect different types";
-
- Cast.prototype.onExecute = function() {
- this.setOutputData(0, this.getInputData(0));
- };
-
- LiteGraph.registerNodeType("basic/cast", Cast);
-
- //Show value inside the debug console
- function Console() {
- this.mode = LiteGraph.ON_EVENT;
- this.size = [80, 30];
- this.addProperty("msg", "");
- this.addInput("log", LiteGraph.EVENT);
- this.addInput("msg", 0);
- }
-
- Console.title = "Console";
- Console.desc = "Show value inside the console";
-
- Console.prototype.onAction = function(action, param) {
- // param is the action
- var msg = this.getInputData(1); //getInputDataByName("msg");
- //if (msg == null || typeof msg == "undefined") return;
- if (!msg) msg = this.properties.msg;
- if (!msg) msg = "Event: "+param; // msg is undefined if the slot is lost?
- if (action == "log") {
- console.log(msg);
- } else if (action == "warn") {
- console.warn(msg);
- } else if (action == "error") {
- console.error(msg);
- }
- };
-
- Console.prototype.onExecute = function() {
- var msg = this.getInputData(1); //getInputDataByName("msg");
- if (!msg) msg = this.properties.msg;
- if (msg != null && typeof msg != "undefined") {
- this.properties.msg = msg;
- console.log(msg);
- }
- };
-
- Console.prototype.onGetInputs = function() {
- return [
- ["log", LiteGraph.ACTION],
- ["warn", LiteGraph.ACTION],
- ["error", LiteGraph.ACTION]
- ];
- };
-
- LiteGraph.registerNodeType("basic/console", Console);
-
- //Show value inside the debug console
- function Alert() {
- this.mode = LiteGraph.ON_EVENT;
- this.addProperty("msg", "");
- this.addInput("", LiteGraph.EVENT);
- var that = this;
- this.widget = this.addWidget("text", "Text", "", "msg");
- this.widgets_up = true;
- this.size = [200, 30];
- }
-
- Alert.title = "Alert";
- Alert.desc = "Show an alert window";
- Alert.color = "#510";
-
- Alert.prototype.onConfigure = function(o) {
- this.widget.value = o.properties.msg;
- };
-
- Alert.prototype.onAction = function(action, param) {
- var msg = this.properties.msg;
- setTimeout(function() {
- alert(msg);
- }, 10);
- };
-
- LiteGraph.registerNodeType("basic/alert", Alert);
-
- //Execites simple code
- function NodeScript() {
- this.size = [60, 30];
- this.addProperty("onExecute", "return A;");
- this.addInput("A", 0);
- this.addInput("B", 0);
- this.addOutput("out", 0);
-
- this._func = null;
- this.data = {};
- }
-
- NodeScript.prototype.onConfigure = function(o) {
- if (o.properties.onExecute && LiteGraph.allow_scripts)
- this.compileCode(o.properties.onExecute);
- else
- console.warn("Script not compiled, LiteGraph.allow_scripts is false");
- };
-
- NodeScript.title = "Script";
- NodeScript.desc = "executes a code (max 256 characters)";
-
- NodeScript.widgets_info = {
- onExecute: { type: "code" }
- };
-
- NodeScript.prototype.onPropertyChanged = function(name, value) {
- if (name == "onExecute" && LiteGraph.allow_scripts)
- this.compileCode(value);
- else
- console.warn("Script not compiled, LiteGraph.allow_scripts is false");
- };
-
- NodeScript.prototype.compileCode = function(code) {
- this._func = null;
- if (code.length > 256) {
- console.warn("Script too long, max 256 chars");
- } else {
- var code_low = code.toLowerCase();
- var forbidden_words = [
- "script",
- "body",
- "document",
- "eval",
- "nodescript",
- "function"
- ]; //bad security solution
- for (var i = 0; i < forbidden_words.length; ++i) {
- if (code_low.indexOf(forbidden_words[i]) != -1) {
- console.warn("invalid script");
- return;
- }
- }
- try {
- this._func = new Function("A", "B", "C", "DATA", "node", code);
- } catch (err) {
- console.error("Error parsing script");
- console.error(err);
- }
- }
- };
-
- NodeScript.prototype.onExecute = function() {
- if (!this._func) {
- return;
- }
-
- try {
- var A = this.getInputData(0);
- var B = this.getInputData(1);
- var C = this.getInputData(2);
- this.setOutputData(0, this._func(A, B, C, this.data, this));
- } catch (err) {
- console.error("Error in script");
- console.error(err);
- }
- };
-
- NodeScript.prototype.onGetOutputs = function() {
- return [["C", ""]];
- };
-
- LiteGraph.registerNodeType("basic/script", NodeScript);
-
-
- function GenericCompare() {
- this.addInput("A", 0);
- this.addInput("B", 0);
- this.addOutput("true", "boolean");
- this.addOutput("false", "boolean");
- this.addProperty("A", 1);
- this.addProperty("B", 1);
- this.addProperty("OP", "==", "enum", { values: GenericCompare.values });
- this.addWidget("combo","Op.",this.properties.OP,{ property: "OP", values: GenericCompare.values } );
-
- this.size = [80, 60];
- }
-
- GenericCompare.values = ["==", "!="]; //[">", "<", "==", "!=", "<=", ">=", "||", "&&" ];
- GenericCompare["@OP"] = {
- type: "enum",
- title: "operation",
- values: GenericCompare.values
- };
-
- GenericCompare.title = "Compare *";
- GenericCompare.desc = "evaluates condition between A and B";
-
- GenericCompare.prototype.getTitle = function() {
- return "*A " + this.properties.OP + " *B";
- };
-
- GenericCompare.prototype.onExecute = function() {
- var A = this.getInputData(0);
- if (A === undefined) {
- A = this.properties.A;
- } else {
- this.properties.A = A;
- }
-
- var B = this.getInputData(1);
- if (B === undefined) {
- B = this.properties.B;
- } else {
- this.properties.B = B;
- }
-
- var result = false;
- if (typeof A == typeof B){
- switch (this.properties.OP) {
- case "==":
- case "!=":
- // traverse both objects.. consider that this is not a true deep check! consider underscore or other library for thath :: _isEqual()
- result = true;
- switch(typeof A){
- case "object":
- var aProps = Object.getOwnPropertyNames(A);
- var bProps = Object.getOwnPropertyNames(B);
- if (aProps.length != bProps.length){
- result = false;
- break;
- }
- for (var i = 0; i < aProps.length; i++) {
- var propName = aProps[i];
- if (A[propName] !== B[propName]) {
- result = false;
- break;
- }
- }
- break;
- default:
- result = A == B;
- }
- if (this.properties.OP == "!=") result = !result;
- break;
- /*case ">":
- result = A > B;
- break;
- case "<":
- result = A < B;
- break;
- case "<=":
- result = A <= B;
- break;
- case ">=":
- result = A >= B;
- break;
- case "||":
- result = A || B;
- break;
- case "&&":
- result = A && B;
- break;*/
- }
- }
- this.setOutputData(0, result);
- this.setOutputData(1, !result);
- };
-
- LiteGraph.registerNodeType("basic/CompareValues", GenericCompare);
-
-})(this);
diff --git a/src/nodes/events.js b/src/nodes/events.js
deleted file mode 100755
index 34d7351b6..000000000
--- a/src/nodes/events.js
+++ /dev/null
@@ -1,504 +0,0 @@
-//event related nodes
-(function(global) {
- var LiteGraph = global.LiteGraph;
-
- //Show value inside the debug console
- function LogEvent() {
- this.size = [60, 30];
- this.addInput("event", LiteGraph.ACTION);
- }
-
- LogEvent.title = "Log Event";
- LogEvent.desc = "Log event in console";
-
- LogEvent.prototype.onAction = function(action, param, options) {
- console.log(action, param);
- };
-
- LiteGraph.registerNodeType("events/log", LogEvent);
-
- //convert to Event if the value is true
- function TriggerEvent() {
- this.size = [60, 30];
- this.addInput("if", "");
- this.addOutput("true", LiteGraph.EVENT);
- this.addOutput("change", LiteGraph.EVENT);
- this.addOutput("false", LiteGraph.EVENT);
- this.properties = { only_on_change: true };
- this.prev = 0;
- }
-
- TriggerEvent.title = "TriggerEvent";
- TriggerEvent.desc = "Triggers event if input evaluates to true";
-
- TriggerEvent.prototype.onExecute = function( param, options) {
- var v = this.getInputData(0);
- var changed = (v != this.prev);
- if(this.prev === 0)
- changed = false;
- var must_resend = (changed && this.properties.only_on_change) || (!changed && !this.properties.only_on_change);
- if(v && must_resend )
- this.triggerSlot(0, param, null, options);
- if(!v && must_resend)
- this.triggerSlot(2, param, null, options);
- if(changed)
- this.triggerSlot(1, param, null, options);
- this.prev = v;
- };
-
- LiteGraph.registerNodeType("events/trigger", TriggerEvent);
-
- //Sequence of events
- function Sequence() {
- var that = this;
- this.addInput("", LiteGraph.ACTION);
- this.addInput("", LiteGraph.ACTION);
- this.addInput("", LiteGraph.ACTION);
- this.addOutput("", LiteGraph.EVENT);
- this.addOutput("", LiteGraph.EVENT);
- this.addOutput("", LiteGraph.EVENT);
- this.addWidget("button","+",null,function(){
- that.addInput("", LiteGraph.ACTION);
- that.addOutput("", LiteGraph.EVENT);
- });
- this.size = [90, 70];
- this.flags = { horizontal: true, render_box: false };
- }
-
- Sequence.title = "Sequence";
- Sequence.desc = "Triggers a sequence of events when an event arrives";
-
- Sequence.prototype.getTitle = function() {
- return "";
- };
-
- Sequence.prototype.onAction = function(action, param, options) {
- if (this.outputs) {
- options = options || {};
- for (var i = 0; i < this.outputs.length; ++i) {
- var output = this.outputs[i];
- //needs more info about this...
- if( options.action_call ) // CREATE A NEW ID FOR THE ACTION
- options.action_call = options.action_call + "_seq_" + i;
- else
- options.action_call = this.id + "_" + (action ? action : "action")+"_seq_"+i+"_"+Math.floor(Math.random()*9999);
- this.triggerSlot(i, param, null, options);
- }
- }
- };
-
- LiteGraph.registerNodeType("events/sequence", Sequence);
-
-
- //Sequencer for events
- function Stepper() {
- var that = this;
- this.properties = { index: 0 };
- this.addInput("index", "number");
- this.addInput("step", LiteGraph.ACTION);
- this.addInput("reset", LiteGraph.ACTION);
- this.addOutput("index", "number");
- this.addOutput("", LiteGraph.EVENT);
- this.addOutput("", LiteGraph.EVENT);
- this.addOutput("", LiteGraph.EVENT,{removable:true});
- this.addWidget("button","+",null,function(){
- that.addOutput("", LiteGraph.EVENT, {removable:true});
- });
- this.size = [120, 120];
- this.flags = { render_box: false };
- }
-
- Stepper.title = "Stepper";
- Stepper.desc = "Trigger events sequentially when an tick arrives";
-
- Stepper.prototype.onDrawBackground = function(ctx)
- {
- if (this.flags.collapsed) {
- return;
- }
- var index = this.properties.index || 0;
- ctx.fillStyle = "#AFB";
- var w = this.size[0];
- var y = (index + 1)* LiteGraph.NODE_SLOT_HEIGHT + 4;
- ctx.beginPath();
- ctx.moveTo(w - 30, y);
- ctx.lineTo(w - 30, y + LiteGraph.NODE_SLOT_HEIGHT);
- ctx.lineTo(w - 15, y + LiteGraph.NODE_SLOT_HEIGHT * 0.5);
- ctx.fill();
- }
-
- Stepper.prototype.onExecute = function()
- {
- var index = this.getInputData(0);
- if(index != null)
- {
- index = Math.floor(index);
- index = clamp( index, 0, this.outputs ? (this.outputs.length - 2) : 0 );
- if( index != this.properties.index )
- {
- this.properties.index = index;
- this.triggerSlot( index+1 );
- }
- }
-
- this.setOutputData(0, this.properties.index );
- }
-
- Stepper.prototype.onAction = function(action, param) {
- if(action == "reset")
- this.properties.index = 0;
- else if(action == "step")
- {
- this.triggerSlot(this.properties.index+1, param);
- var n = this.outputs ? this.outputs.length - 1 : 0;
- this.properties.index = (this.properties.index + 1) % n;
- }
- };
-
- LiteGraph.registerNodeType("events/stepper", Stepper);
-
- //Filter events
- function FilterEvent() {
- this.size = [60, 30];
- this.addInput("event", LiteGraph.ACTION);
- this.addOutput("event", LiteGraph.EVENT);
- this.properties = {
- equal_to: "",
- has_property: "",
- property_equal_to: ""
- };
- }
-
- FilterEvent.title = "Filter Event";
- FilterEvent.desc = "Blocks events that do not match the filter";
-
- FilterEvent.prototype.onAction = function(action, param, options) {
- if (param == null) {
- return;
- }
-
- if (this.properties.equal_to && this.properties.equal_to != param) {
- return;
- }
-
- if (this.properties.has_property) {
- var prop = param[this.properties.has_property];
- if (prop == null) {
- return;
- }
-
- if (
- this.properties.property_equal_to &&
- this.properties.property_equal_to != prop
- ) {
- return;
- }
- }
-
- this.triggerSlot(0, param, null, options);
- };
-
- LiteGraph.registerNodeType("events/filter", FilterEvent);
-
-
- function EventBranch() {
- this.addInput("in", LiteGraph.ACTION);
- this.addInput("cond", "boolean");
- this.addOutput("true", LiteGraph.EVENT);
- this.addOutput("false", LiteGraph.EVENT);
- this.size = [120, 60];
- this._value = false;
- }
-
- EventBranch.title = "Branch";
- EventBranch.desc = "If condition is true, outputs triggers true, otherwise false";
-
- EventBranch.prototype.onExecute = function() {
- this._value = this.getInputData(1);
- }
-
- EventBranch.prototype.onAction = function(action, param, options) {
- this._value = this.getInputData(1);
- this.triggerSlot(this._value ? 0 : 1, param, null, options);
- }
-
- LiteGraph.registerNodeType("events/branch", EventBranch);
-
- //Show value inside the debug console
- function EventCounter() {
- this.addInput("inc", LiteGraph.ACTION);
- this.addInput("dec", LiteGraph.ACTION);
- this.addInput("reset", LiteGraph.ACTION);
- this.addOutput("change", LiteGraph.EVENT);
- this.addOutput("num", "number");
- this.addProperty("doCountExecution", false, "boolean", {name: "Count Executions"});
- this.addWidget("toggle","Count Exec.",this.properties.doCountExecution,"doCountExecution");
- this.num = 0;
- }
-
- EventCounter.title = "Counter";
- EventCounter.desc = "Counts events";
-
- EventCounter.prototype.getTitle = function() {
- if (this.flags.collapsed) {
- return String(this.num);
- }
- return this.title;
- };
-
- EventCounter.prototype.onAction = function(action, param, options) {
- var v = this.num;
- if (action == "inc") {
- this.num += 1;
- } else if (action == "dec") {
- this.num -= 1;
- } else if (action == "reset") {
- this.num = 0;
- }
- if (this.num != v) {
- this.trigger("change", this.num);
- }
- };
-
- EventCounter.prototype.onDrawBackground = function(ctx) {
- if (this.flags.collapsed) {
- return;
- }
- ctx.fillStyle = "#AAA";
- ctx.font = "20px Arial";
- ctx.textAlign = "center";
- ctx.fillText(this.num, this.size[0] * 0.5, this.size[1] * 0.5);
- };
-
- EventCounter.prototype.onExecute = function() {
- if(this.properties.doCountExecution){
- this.num += 1;
- }
- this.setOutputData(1, this.num);
- };
-
- LiteGraph.registerNodeType("events/counter", EventCounter);
-
- //Show value inside the debug console
- function DelayEvent() {
- this.size = [60, 30];
- this.addProperty("time_in_ms", 1000);
- this.addInput("event", LiteGraph.ACTION);
- this.addOutput("on_time", LiteGraph.EVENT);
-
- this._pending = [];
- }
-
- DelayEvent.title = "Delay";
- DelayEvent.desc = "Delays one event";
-
- DelayEvent.prototype.onAction = function(action, param, options) {
- var time = this.properties.time_in_ms;
- if (time <= 0) {
- this.trigger(null, param, options);
- } else {
- this._pending.push([time, param]);
- }
- };
-
- DelayEvent.prototype.onExecute = function(param, options) {
- var dt = this.graph.elapsed_time * 1000; //in ms
-
- if (this.isInputConnected(1)) {
- this.properties.time_in_ms = this.getInputData(1);
- }
-
- for (var i = 0; i < this._pending.length; ++i) {
- var actionPass = this._pending[i];
- actionPass[0] -= dt;
- if (actionPass[0] > 0) {
- continue;
- }
-
- //remove
- this._pending.splice(i, 1);
- --i;
-
- //trigger
- this.trigger(null, actionPass[1], options);
- }
- };
-
- DelayEvent.prototype.onGetInputs = function() {
- return [["event", LiteGraph.ACTION], ["time_in_ms", "number"]];
- };
-
- LiteGraph.registerNodeType("events/delay", DelayEvent);
-
- //Show value inside the debug console
- function TimerEvent() {
- this.addProperty("interval", 1000);
- this.addProperty("event", "tick");
- this.addOutput("on_tick", LiteGraph.EVENT);
- this.time = 0;
- this.last_interval = 1000;
- this.triggered = false;
- }
-
- TimerEvent.title = "Timer";
- TimerEvent.desc = "Sends an event every N milliseconds";
-
- TimerEvent.prototype.onStart = function() {
- this.time = 0;
- };
-
- TimerEvent.prototype.getTitle = function() {
- return "Timer: " + this.last_interval.toString() + "ms";
- };
-
- TimerEvent.on_color = "#AAA";
- TimerEvent.off_color = "#222";
-
- TimerEvent.prototype.onDrawBackground = function() {
- this.boxcolor = this.triggered
- ? TimerEvent.on_color
- : TimerEvent.off_color;
- this.triggered = false;
- };
-
- TimerEvent.prototype.onExecute = function() {
- var dt = this.graph.elapsed_time * 1000; //in ms
-
- var trigger = this.time == 0;
-
- this.time += dt;
- this.last_interval = Math.max(
- 1,
- this.getInputOrProperty("interval") | 0
- );
-
- if (
- !trigger &&
- (this.time < this.last_interval || isNaN(this.last_interval))
- ) {
- if (this.inputs && this.inputs.length > 1 && this.inputs[1]) {
- this.setOutputData(1, false);
- }
- return;
- }
-
- this.triggered = true;
- this.time = this.time % this.last_interval;
- this.trigger("on_tick", this.properties.event);
- if (this.inputs && this.inputs.length > 1 && this.inputs[1]) {
- this.setOutputData(1, true);
- }
- };
-
- TimerEvent.prototype.onGetInputs = function() {
- return [["interval", "number"]];
- };
-
- TimerEvent.prototype.onGetOutputs = function() {
- return [["tick", "boolean"]];
- };
-
- LiteGraph.registerNodeType("events/timer", TimerEvent);
-
-
-
- function SemaphoreEvent() {
- this.addInput("go", LiteGraph.ACTION );
- this.addInput("green", LiteGraph.ACTION );
- this.addInput("red", LiteGraph.ACTION );
- this.addOutput("continue", LiteGraph.EVENT );
- this.addOutput("blocked", LiteGraph.EVENT );
- this.addOutput("is_green", "boolean" );
- this._ready = false;
- this.properties = {};
- var that = this;
- this.addWidget("button","reset","",function(){
- that._ready = false;
- });
- }
-
- SemaphoreEvent.title = "Semaphore Event";
- SemaphoreEvent.desc = "Until both events are not triggered, it doesnt continue.";
-
- SemaphoreEvent.prototype.onExecute = function()
- {
- this.setOutputData(1,this._ready);
- this.boxcolor = this._ready ? "#9F9" : "#FA5";
- }
-
- SemaphoreEvent.prototype.onAction = function(action, param) {
- if( action == "go" )
- this.triggerSlot( this._ready ? 0 : 1 );
- else if( action == "green" )
- this._ready = true;
- else if( action == "red" )
- this._ready = false;
- };
-
- LiteGraph.registerNodeType("events/semaphore", SemaphoreEvent);
-
- function OnceEvent() {
- this.addInput("in", LiteGraph.ACTION );
- this.addInput("reset", LiteGraph.ACTION );
- this.addOutput("out", LiteGraph.EVENT );
- this._once = false;
- this.properties = {};
- var that = this;
- this.addWidget("button","reset","",function(){
- that._once = false;
- });
- }
-
- OnceEvent.title = "Once";
- OnceEvent.desc = "Only passes an event once, then gets locked";
-
- OnceEvent.prototype.onAction = function(action, param) {
- if( action == "in" && !this._once )
- {
- this._once = true;
- this.triggerSlot( 0, param );
- }
- else if( action == "reset" )
- this._once = false;
- };
-
- LiteGraph.registerNodeType("events/once", OnceEvent);
-
- function DataStore() {
- this.addInput("data", 0);
- this.addInput("assign", LiteGraph.ACTION);
- this.addOutput("data", 0);
- this._last_value = null;
- this.properties = { data: null, serialize: true };
- var that = this;
- this.addWidget("button","store","",function(){
- that.properties.data = that._last_value;
- });
- }
-
- DataStore.title = "Data Store";
- DataStore.desc = "Stores data and only changes when event is received";
-
- DataStore.prototype.onExecute = function()
- {
- this._last_value = this.getInputData(0);
- this.setOutputData(0, this.properties.data );
- }
-
- DataStore.prototype.onAction = function(action, param, options) {
- this.properties.data = this._last_value;
- };
-
- DataStore.prototype.onSerialize = function(o)
- {
- if(o.data == null)
- return;
- if(this.properties.serialize == false || (o.data.constructor !== String && o.data.constructor !== Number && o.data.constructor !== Boolean && o.data.constructor !== Array && o.data.constructor !== Object ))
- o.data = null;
- }
-
- LiteGraph.registerNodeType("basic/data_store", DataStore);
-
-
-
-})(this);
diff --git a/src/nodes/geometry.js b/src/nodes/geometry.js
deleted file mode 100755
index 313b14510..000000000
--- a/src/nodes/geometry.js
+++ /dev/null
@@ -1,1910 +0,0 @@
-(function(global) {
- var LiteGraph = global.LiteGraph;
-
- var view_matrix = new Float32Array(16);
- var projection_matrix = new Float32Array(16);
- var viewprojection_matrix = new Float32Array(16);
- var model_matrix = new Float32Array(16);
- var global_uniforms = {
- u_view: view_matrix,
- u_projection: projection_matrix,
- u_viewprojection: viewprojection_matrix,
- u_model: model_matrix
- };
-
- LiteGraph.LGraphRender = {
- onRequestCameraMatrices: null //overwrite with your 3D engine specifics, it will receive (view_matrix, projection_matrix,viewprojection_matrix) and must be filled
- };
-
- function generateGeometryId() {
- return (Math.random() * 100000)|0;
- }
-
- function LGraphPoints3D() {
-
- this.addInput("obj", "");
- this.addInput("radius", "number");
-
- this.addOutput("out", "geometry");
- this.addOutput("points", "[vec3]");
- this.properties = {
- radius: 1,
- num_points: 4096,
- generate_normals: true,
- regular: false,
- mode: LGraphPoints3D.SPHERE,
- force_update: false
- };
-
- this.points = new Float32Array( this.properties.num_points * 3 );
- this.normals = new Float32Array( this.properties.num_points * 3 );
- this.must_update = true;
- this.version = 0;
-
- var that = this;
- this.addWidget("button","update",null, function(){ that.must_update = true; });
-
- this.geometry = {
- vertices: null,
- _id: generateGeometryId()
- }
-
- this._old_obj = null;
- this._last_radius = null;
- }
-
- global.LGraphPoints3D = LGraphPoints3D;
-
- LGraphPoints3D.RECTANGLE = 1;
- LGraphPoints3D.CIRCLE = 2;
-
- LGraphPoints3D.CUBE = 10;
- LGraphPoints3D.SPHERE = 11;
- LGraphPoints3D.HEMISPHERE = 12;
- LGraphPoints3D.INSIDE_SPHERE = 13;
-
- LGraphPoints3D.OBJECT = 20;
- LGraphPoints3D.OBJECT_UNIFORMLY = 21;
- LGraphPoints3D.OBJECT_INSIDE = 22;
-
- LGraphPoints3D.MODE_VALUES = { "rectangle":LGraphPoints3D.RECTANGLE, "circle":LGraphPoints3D.CIRCLE, "cube":LGraphPoints3D.CUBE, "sphere":LGraphPoints3D.SPHERE, "hemisphere":LGraphPoints3D.HEMISPHERE, "inside_sphere":LGraphPoints3D.INSIDE_SPHERE, "object":LGraphPoints3D.OBJECT, "object_uniformly":LGraphPoints3D.OBJECT_UNIFORMLY, "object_inside":LGraphPoints3D.OBJECT_INSIDE };
-
- LGraphPoints3D.widgets_info = {
- mode: { widget: "combo", values: LGraphPoints3D.MODE_VALUES }
- };
-
- LGraphPoints3D.title = "list of points";
- LGraphPoints3D.desc = "returns an array of points";
-
- LGraphPoints3D.prototype.onPropertyChanged = function(name,value)
- {
- this.must_update = true;
- }
-
- LGraphPoints3D.prototype.onExecute = function() {
-
- var obj = this.getInputData(0);
- if( obj != this._old_obj || (obj && obj._version != this._old_obj_version) )
- {
- this._old_obj = obj;
- this.must_update = true;
- }
-
- var radius = this.getInputData(1);
- if(radius == null)
- radius = this.properties.radius;
- if( this._last_radius != radius )
- {
- this._last_radius = radius;
- this.must_update = true;
- }
-
- if(this.must_update || this.properties.force_update )
- {
- this.must_update = false;
- this.updatePoints();
- }
-
- this.geometry.vertices = this.points;
- this.geometry.normals = this.normals;
- this.geometry._version = this.version;
-
- this.setOutputData( 0, this.geometry );
- }
-
- LGraphPoints3D.prototype.updatePoints = function() {
- var num_points = this.properties.num_points|0;
- if(num_points < 1)
- num_points = 1;
-
- if(!this.points || this.points.length != num_points * 3)
- this.points = new Float32Array( num_points * 3 );
-
- if(this.properties.generate_normals)
- {
- if (!this.normals || this.normals.length != this.points.length)
- this.normals = new Float32Array( this.points.length );
- }
- else
- this.normals = null;
-
- var radius = this._last_radius || this.properties.radius;
- var mode = this.properties.mode;
-
- var obj = this.getInputData(0);
- this._old_obj_version = obj ? obj._version : null;
-
- this.points = LGraphPoints3D.generatePoints( radius, num_points, mode, this.points, this.normals, this.properties.regular, obj );
-
- this.version++;
- }
-
- //global
- LGraphPoints3D.generatePoints = function( radius, num_points, mode, points, normals, regular, obj )
- {
- var size = num_points * 3;
- if(!points || points.length != size)
- points = new Float32Array( size );
- var temp = new Float32Array(3);
- var UP = new Float32Array([0,1,0]);
-
- if(regular)
- {
- if( mode == LGraphPoints3D.RECTANGLE)
- {
- var side = Math.floor(Math.sqrt(num_points));
- for(var i = 0; i < side; ++i)
- for(var j = 0; j < side; ++j)
- {
- var pos = i*3 + j*3*side;
- points[pos] = ((i/side) - 0.5) * radius * 2;
- points[pos+1] = 0;
- points[pos+2] = ((j/side) - 0.5) * radius * 2;
- }
- points = new Float32Array( points.subarray(0,side*side*3) );
- if(normals)
- {
- for(var i = 0; i < normals.length; i+=3)
- normals.set(UP, i);
- }
- }
- else if( mode == LGraphPoints3D.SPHERE)
- {
- var side = Math.floor(Math.sqrt(num_points));
- for(var i = 0; i < side; ++i)
- for(var j = 0; j < side; ++j)
- {
- var pos = i*3 + j*3*side;
- polarToCartesian( temp, (i/side) * 2 * Math.PI, ((j/side) - 0.5) * 2 * Math.PI, radius );
- points[pos] = temp[0];
- points[pos+1] = temp[1];
- points[pos+2] = temp[2];
- }
- points = new Float32Array( points.subarray(0,side*side*3) );
- if(normals)
- LGraphPoints3D.generateSphericalNormals( points, normals );
- }
- else if( mode == LGraphPoints3D.CIRCLE)
- {
- for(var i = 0; i < size; i+=3)
- {
- var angle = 2 * Math.PI * (i/size);
- points[i] = Math.cos( angle ) * radius;
- points[i+1] = 0;
- points[i+2] = Math.sin( angle ) * radius;
- }
- if(normals)
- {
- for(var i = 0; i < normals.length; i+=3)
- normals.set(UP, i);
- }
- }
- }
- else //non regular
- {
- if( mode == LGraphPoints3D.RECTANGLE)
- {
- for(var i = 0; i < size; i+=3)
- {
- points[i] = (Math.random() - 0.5) * radius * 2;
- points[i+1] = 0;
- points[i+2] = (Math.random() - 0.5) * radius * 2;
- }
- if(normals)
- {
- for(var i = 0; i < normals.length; i+=3)
- normals.set(UP, i);
- }
- }
- else if( mode == LGraphPoints3D.CUBE)
- {
- for(var i = 0; i < size; i+=3)
- {
- points[i] = (Math.random() - 0.5) * radius * 2;
- points[i+1] = (Math.random() - 0.5) * radius * 2;
- points[i+2] = (Math.random() - 0.5) * radius * 2;
- }
- if(normals)
- {
- for(var i = 0; i < normals.length; i+=3)
- normals.set(UP, i);
- }
- }
- else if( mode == LGraphPoints3D.SPHERE)
- {
- LGraphPoints3D.generateSphere( points, size, radius );
- if(normals)
- LGraphPoints3D.generateSphericalNormals( points, normals );
- }
- else if( mode == LGraphPoints3D.HEMISPHERE)
- {
- LGraphPoints3D.generateHemisphere( points, size, radius );
- if(normals)
- LGraphPoints3D.generateSphericalNormals( points, normals );
- }
- else if( mode == LGraphPoints3D.CIRCLE)
- {
- LGraphPoints3D.generateInsideCircle( points, size, radius );
- if(normals)
- LGraphPoints3D.generateSphericalNormals( points, normals );
- }
- else if( mode == LGraphPoints3D.INSIDE_SPHERE)
- {
- LGraphPoints3D.generateInsideSphere( points, size, radius );
- if(normals)
- LGraphPoints3D.generateSphericalNormals( points, normals );
- }
- else if( mode == LGraphPoints3D.OBJECT)
- {
- LGraphPoints3D.generateFromObject( points, normals, size, obj, false );
- }
- else if( mode == LGraphPoints3D.OBJECT_UNIFORMLY)
- {
- LGraphPoints3D.generateFromObject( points, normals, size, obj, true );
- }
- else if( mode == LGraphPoints3D.OBJECT_INSIDE)
- {
- LGraphPoints3D.generateFromInsideObject( points, size, obj );
- //if(normals)
- // LGraphPoints3D.generateSphericalNormals( points, normals );
- }
- else
- console.warn("wrong mode in LGraphPoints3D");
- }
-
- return points;
- }
-
- LGraphPoints3D.generateSphericalNormals = function(points, normals)
- {
- var temp = new Float32Array(3);
- for(var i = 0; i < normals.length; i+=3)
- {
- temp[0] = points[i];
- temp[1] = points[i+1];
- temp[2] = points[i+2];
- vec3.normalize(temp,temp);
- normals.set(temp,i);
- }
- }
-
- LGraphPoints3D.generateSphere = function (points, size, radius)
- {
- for(var i = 0; i < size; i+=3)
- {
- var r1 = Math.random();
- var r2 = Math.random();
- var x = 2 * Math.cos( 2 * Math.PI * r1 ) * Math.sqrt( r2 * (1-r2) );
- var y = 1 - 2 * r2;
- var z = 2 * Math.sin( 2 * Math.PI * r1 ) * Math.sqrt( r2 * (1-r2) );
- points[i] = x * radius;
- points[i+1] = y * radius;
- points[i+2] = z * radius;
- }
- }
-
- LGraphPoints3D.generateHemisphere = function (points, size, radius)
- {
- for(var i = 0; i < size; i+=3)
- {
- var r1 = Math.random();
- var r2 = Math.random();
- var x = Math.cos( 2 * Math.PI * r1 ) * Math.sqrt(1 - r2*r2 );
- var y = r2;
- var z = Math.sin( 2 * Math.PI * r1 ) * Math.sqrt(1 - r2*r2 );
- points[i] = x * radius;
- points[i+1] = y * radius;
- points[i+2] = z * radius;
- }
- }
-
- LGraphPoints3D.generateInsideCircle = function (points, size, radius)
- {
- for(var i = 0; i < size; i+=3)
- {
- var r1 = Math.random();
- var r2 = Math.random();
- var x = Math.cos( 2 * Math.PI * r1 ) * Math.sqrt(1 - r2*r2 );
- var y = r2;
- var z = Math.sin( 2 * Math.PI * r1 ) * Math.sqrt(1 - r2*r2 );
- points[i] = x * radius;
- points[i+1] = 0;
- points[i+2] = z * radius;
- }
- }
-
- LGraphPoints3D.generateInsideSphere = function (points, size, radius)
- {
- for(var i = 0; i < size; i+=3)
- {
- var u = Math.random();
- var v = Math.random();
- var theta = u * 2.0 * Math.PI;
- var phi = Math.acos(2.0 * v - 1.0);
- var r = Math.cbrt(Math.random()) * radius;
- var sinTheta = Math.sin(theta);
- var cosTheta = Math.cos(theta);
- var sinPhi = Math.sin(phi);
- var cosPhi = Math.cos(phi);
- points[i] = r * sinPhi * cosTheta;
- points[i+1] = r * sinPhi * sinTheta;
- points[i+2] = r * cosPhi;
- }
- }
-
- function findRandomTriangle( areas, f )
- {
- var l = areas.length;
- var imin = 0;
- var imid = 0;
- var imax = l;
-
- if(l == 0)
- return -1;
- if(l == 1)
- return 0;
- //dichotomic search
- while (imax >= imin)
- {
- imid = ((imax + imin)*0.5)|0;
- var t = areas[ imid ];
- if( t == f )
- return imid;
- if( imin == (imax - 1) )
- return imin;
- if (t < f)
- imin = imid;
- else
- imax = imid;
- }
- return imid;
- }
-
- LGraphPoints3D.generateFromObject = function( points, normals, size, obj, evenly )
- {
- if(!obj)
- return;
-
- var vertices = null;
- var mesh_normals = null;
- var indices = null;
- var areas = null;
- if( obj.constructor === GL.Mesh )
- {
- vertices = obj.vertexBuffers.vertices.data;
- mesh_normals = obj.vertexBuffers.normals ? obj.vertexBuffers.normals.data : null;
- indices = obj.indexBuffers.indices ? obj.indexBuffers.indices.data : null;
- if(!indices)
- indices = obj.indexBuffers.triangles ? obj.indexBuffers.triangles.data : null;
- }
- if(!vertices)
- return null;
- var num_triangles = indices ? indices.length / 3 : vertices.length / (3*3);
- var total_area = 0; //sum of areas of all triangles
-
- if(evenly)
- {
- areas = new Float32Array(num_triangles); //accum
- for(var i = 0; i < num_triangles; ++i)
- {
- if(indices)
- {
- a = indices[i*3]*3;
- b = indices[i*3+1]*3;
- c = indices[i*3+2]*3;
- }
- else
- {
- a = i*9;
- b = i*9+3;
- c = i*9+6;
- }
- var P1 = vertices.subarray(a,a+3);
- var P2 = vertices.subarray(b,b+3);
- var P3 = vertices.subarray(c,c+3);
- var aL = vec3.distance( P1, P2 );
- var bL = vec3.distance( P2, P3 );
- var cL = vec3.distance( P3, P1 );
- var s = (aL + bL+ cL) / 2;
- total_area += Math.sqrt(s * (s - aL) * (s - bL) * (s - cL));
- areas[i] = total_area;
- }
- for(var i = 0; i < num_triangles; ++i) //normalize
- areas[i] /= total_area;
- }
-
- for(var i = 0; i < size; i+=3)
- {
- var r = Math.random();
- var index = evenly ? findRandomTriangle( areas, r ) : Math.floor(r * num_triangles );
- //get random triangle
- var a = 0;
- var b = 0;
- var c = 0;
- if(indices)
- {
- a = indices[index*3]*3;
- b = indices[index*3+1]*3;
- c = indices[index*3+2]*3;
- }
- else
- {
- a = index*9;
- b = index*9+3;
- c = index*9+6;
- }
- var s = Math.random();
- var t = Math.random();
- var sqrt_s = Math.sqrt(s);
- var af = 1 - sqrt_s;
- var bf = sqrt_s * ( 1 - t);
- var cf = t * sqrt_s;
- points[i] = af * vertices[a] + bf*vertices[b] + cf*vertices[c];
- points[i+1] = af * vertices[a+1] + bf*vertices[b+1] + cf*vertices[c+1];
- points[i+2] = af * vertices[a+2] + bf*vertices[b+2] + cf*vertices[c+2];
- if(normals && mesh_normals)
- {
- normals[i] = af * mesh_normals[a] + bf*mesh_normals[b] + cf*mesh_normals[c];
- normals[i+1] = af * mesh_normals[a+1] + bf*mesh_normals[b+1] + cf*mesh_normals[c+1];
- normals[i+2] = af * mesh_normals[a+2] + bf*mesh_normals[b+2] + cf*mesh_normals[c+2];
- var N = normals.subarray(i,i+3);
- vec3.normalize(N,N);
- }
- }
- }
-
- LGraphPoints3D.generateFromInsideObject = function( points, size, mesh )
- {
- if(!mesh || mesh.constructor !== GL.Mesh)
- return;
-
- var aabb = mesh.getBoundingBox();
- if(!mesh.octree)
- mesh.octree = new GL.Octree( mesh );
- var octree = mesh.octree;
- var origin = vec3.create();
- var direction = vec3.fromValues(1,0,0);
- var temp = vec3.create();
- var i = 0;
- var tries = 0;
- while(i < size && tries < points.length * 10) //limit to avoid problems
- {
- tries += 1
- var r = vec3.random(temp); //random point inside the aabb
- r[0] = (r[0] * 2 - 1) * aabb[3] + aabb[0];
- r[1] = (r[1] * 2 - 1) * aabb[4] + aabb[1];
- r[2] = (r[2] * 2 - 1) * aabb[5] + aabb[2];
- origin.set(r);
- var hit = octree.testRay( origin, direction, 0, 10000, true, GL.Octree.ALL );
- if(!hit || hit.length % 2 == 0) //not inside
- continue;
- points.set( r, i );
- i+=3;
- }
- }
-
- LiteGraph.registerNodeType( "geometry/points3D", LGraphPoints3D );
-
-
-
- function LGraphPointsToInstances() {
- this.addInput("points", "geometry");
- this.addOutput("instances", "[mat4]");
- this.properties = {
- mode: 1,
- autoupdate: true
- };
-
- this.must_update = true;
- this.matrices = [];
- this.first_time = true;
- }
-
- LGraphPointsToInstances.NORMAL = 0;
- LGraphPointsToInstances.VERTICAL = 1;
- LGraphPointsToInstances.SPHERICAL = 2;
- LGraphPointsToInstances.RANDOM = 3;
- LGraphPointsToInstances.RANDOM_VERTICAL = 4;
-
- LGraphPointsToInstances.modes = {"normal":0,"vertical":1,"spherical":2,"random":3,"random_vertical":4};
- LGraphPointsToInstances.widgets_info = {
- mode: { widget: "combo", values: LGraphPointsToInstances.modes }
- };
-
- LGraphPointsToInstances.title = "points to inst";
-
- LGraphPointsToInstances.prototype.onExecute = function()
- {
- var geo = this.getInputData(0);
- if( !geo )
- {
- this.setOutputData(0,null);
- return;
- }
-
- if( !this.isOutputConnected(0) )
- return;
-
- var has_changed = (geo._version != this._version || geo._id != this._geometry_id);
-
- if( has_changed && this.properties.autoupdate || this.first_time )
- {
- this.first_time = false;
- this.updateInstances( geo );
- }
-
- this.setOutputData( 0, this.matrices );
- }
-
- LGraphPointsToInstances.prototype.updateInstances = function( geometry )
- {
- var vertices = geometry.vertices;
- if(!vertices)
- return null;
- var normals = geometry.normals;
-
- var matrices = this.matrices;
- var num_points = vertices.length / 3;
- if( matrices.length != num_points)
- matrices.length = num_points;
- var identity = mat4.create();
- var temp = vec3.create();
- var zero = vec3.create();
- var UP = vec3.fromValues(0,1,0);
- var FRONT = vec3.fromValues(0,0,-1);
- var RIGHT = vec3.fromValues(1,0,0);
- var R = quat.create();
-
- var front = vec3.create();
- var right = vec3.create();
- var top = vec3.create();
-
- for(var i = 0; i < vertices.length; i += 3)
- {
- var index = i/3;
- var m = matrices[index];
- if(!m)
- m = matrices[index] = mat4.create();
- m.set( identity );
- var point = vertices.subarray(i,i+3);
-
- switch(this.properties.mode)
- {
- case LGraphPointsToInstances.NORMAL:
- mat4.setTranslation( m, point );
- if(normals)
- {
- var normal = normals.subarray(i,i+3);
- top.set( normal );
- vec3.normalize( top, top );
- vec3.cross( right, FRONT, top );
- vec3.normalize( right, right );
- vec3.cross( front, right, top );
- vec3.normalize( front, front );
- m.set(right,0);
- m.set(top,4);
- m.set(front,8);
- mat4.setTranslation( m, point );
- }
- break;
- case LGraphPointsToInstances.VERTICAL:
- mat4.setTranslation( m, point );
- break;
- case LGraphPointsToInstances.SPHERICAL:
- front.set( point );
- vec3.normalize( front, front );
- vec3.cross( right, UP, front );
- vec3.normalize( right, right );
- vec3.cross( top, front, right );
- vec3.normalize( top, top );
- m.set(right,0);
- m.set(top,4);
- m.set(front,8);
- mat4.setTranslation( m, point );
- break;
- case LGraphPointsToInstances.RANDOM:
- temp[0] = Math.random()*2 - 1;
- temp[1] = Math.random()*2 - 1;
- temp[2] = Math.random()*2 - 1;
- vec3.normalize( temp, temp );
- quat.setAxisAngle( R, temp, Math.random() * 2 * Math.PI );
- mat4.fromQuat(m, R);
- mat4.setTranslation( m, point );
- break;
- case LGraphPointsToInstances.RANDOM_VERTICAL:
- quat.setAxisAngle( R, UP, Math.random() * 2 * Math.PI );
- mat4.fromQuat(m, R);
- mat4.setTranslation( m, point );
- break;
- }
- }
-
- this._version = geometry._version;
- this._geometry_id = geometry._id;
- }
-
- LiteGraph.registerNodeType( "geometry/points_to_instances", LGraphPointsToInstances );
-
-
- function LGraphGeometryTransform() {
- this.addInput("in", "geometry,[mat4]");
- this.addInput("mat4", "mat4");
- this.addOutput("out", "geometry");
- this.properties = {};
-
- this.geometry = {
- type: "triangles",
- vertices: null,
- _id: generateGeometryId(),
- _version: 0
- };
-
- this._last_geometry_id = -1;
- this._last_version = -1;
- this._last_key = "";
-
- this.must_update = true;
- }
-
- LGraphGeometryTransform.title = "Transform";
-
- LGraphGeometryTransform.prototype.onExecute = function() {
-
- var input = this.getInputData(0);
- var model = this.getInputData(1);
-
- if(!input)
- return;
-
- //array of matrices
- if(input.constructor === Array)
- {
- if(input.length == 0)
- return;
- this.outputs[0].type = "[mat4]";
- if( !this.isOutputConnected(0) )
- return;
-
- if(!model)
- {
- this.setOutputData(0,input);
- return;
- }
-
- if(!this._output)
- this._output = new Array();
- if(this._output.length != input.length)
- this._output.length = input.length;
- for(var i = 0; i < input.length; ++i)
- {
- var m = this._output[i];
- if(!m)
- m = this._output[i] = mat4.create();
- mat4.multiply(m,input[i],model);
- }
- this.setOutputData(0,this._output);
- return;
- }
-
- //geometry
- if(!input.vertices || !input.vertices.length)
- return;
- var geo = input;
- this.outputs[0].type = "geometry";
- if( !this.isOutputConnected(0) )
- return;
- if(!model)
- {
- this.setOutputData(0,geo);
- return;
- }
-
- var key = typedArrayToArray(model).join(",");
-
- if( this.must_update || geo._id != this._last_geometry_id || geo._version != this._last_version || key != this._last_key )
- {
- this.updateGeometry(geo, model);
- this._last_key = key;
- this._last_version = geo._version;
- this._last_geometry_id = geo._id;
- this.must_update = false;
- }
-
- this.setOutputData(0,this.geometry);
- }
-
- LGraphGeometryTransform.prototype.updateGeometry = function(geometry, model) {
- var old_vertices = geometry.vertices;
- var vertices = this.geometry.vertices;
- if( !vertices || vertices.length != old_vertices.length )
- vertices = this.geometry.vertices = new Float32Array( old_vertices.length );
- var temp = vec3.create();
-
- for(var i = 0, l = vertices.length; i < l; i+=3)
- {
- temp[0] = old_vertices[i]; temp[1] = old_vertices[i+1]; temp[2] = old_vertices[i+2];
- mat4.multiplyVec3( temp, model, temp );
- vertices[i] = temp[0]; vertices[i+1] = temp[1]; vertices[i+2] = temp[2];
- }
-
- if(geometry.normals)
- {
- if( !this.geometry.normals || this.geometry.normals.length != geometry.normals.length )
- this.geometry.normals = new Float32Array( geometry.normals.length );
- var normals = this.geometry.normals;
- var normal_model = mat4.invert(mat4.create(), model);
- if(normal_model)
- mat4.transpose(normal_model, normal_model);
- var old_normals = geometry.normals;
- for(var i = 0, l = normals.length; i < l; i+=3)
- {
- temp[0] = old_normals[i]; temp[1] = old_normals[i+1]; temp[2] = old_normals[i+2];
- mat4.multiplyVec3( temp, normal_model, temp );
- normals[i] = temp[0]; normals[i+1] = temp[1]; normals[i+2] = temp[2];
- }
- }
-
- this.geometry.type = geometry.type;
- this.geometry._version++;
- }
-
- LiteGraph.registerNodeType( "geometry/transform", LGraphGeometryTransform );
-
-
- function LGraphGeometryPolygon() {
- this.addInput("sides", "number");
- this.addInput("radius", "number");
- this.addOutput("out", "geometry");
- this.properties = { sides: 6, radius: 1, uvs: false }
-
- this.geometry = {
- type: "line_loop",
- vertices: null,
- _id: generateGeometryId()
- };
- this.geometry_id = -1;
- this.version = -1;
- this.must_update = true;
-
- this.last_info = { sides: -1, radius: -1 };
- }
-
- LGraphGeometryPolygon.title = "Polygon";
-
- LGraphGeometryPolygon.prototype.onExecute = function() {
-
- if( !this.isOutputConnected(0) )
- return;
-
- var sides = this.getInputOrProperty("sides");
- var radius = this.getInputOrProperty("radius");
- sides = Math.max(3,sides)|0;
-
- //update
- if( this.last_info.sides != sides || this.last_info.radius != radius )
- this.updateGeometry(sides, radius);
-
- this.setOutputData(0,this.geometry);
- }
-
- LGraphGeometryPolygon.prototype.updateGeometry = function(sides, radius) {
- var num = 3*sides;
- var vertices = this.geometry.vertices;
- if( !vertices || vertices.length != num )
- vertices = this.geometry.vertices = new Float32Array( 3*sides );
- var delta = (Math.PI * 2) / sides;
- var gen_uvs = this.properties.uvs;
- if(gen_uvs)
- {
- uvs = this.geometry.coords = new Float32Array( 3*sides );
- }
-
-
- for(var i = 0; i < sides; ++i)
- {
- var angle = delta * -i;
- var x = Math.cos( angle ) * radius;
- var y = 0;
- var z = Math.sin( angle ) * radius;
- vertices[i*3] = x;
- vertices[i*3+1] = y;
- vertices[i*3+2] = z;
-
- if(gen_uvs)
- {
-
-
- }
- }
- this.geometry._id = ++this.geometry_id;
- this.geometry._version = ++this.version;
- this.last_info.sides = sides;
- this.last_info.radius = radius;
- }
-
- LiteGraph.registerNodeType( "geometry/polygon", LGraphGeometryPolygon );
-
-
- function LGraphGeometryExtrude() {
-
- this.addInput("", "geometry");
- this.addOutput("", "geometry");
- this.properties = { top_cap: true, bottom_cap: true, offset: [0,100,0] };
- this.version = -1;
-
- this._last_geo_version = -1;
- this._must_update = true;
- }
-
- LGraphGeometryExtrude.title = "extrude";
-
- LGraphGeometryExtrude.prototype.onPropertyChanged = function(name, value)
- {
- this._must_update = true;
- }
-
- LGraphGeometryExtrude.prototype.onExecute = function()
- {
- var geo = this.getInputData(0);
- if( !geo || !this.isOutputConnected(0) )
- return;
-
- if(geo.version != this._last_geo_version || this._must_update)
- {
- this._geo = this.extrudeGeometry( geo, this._geo );
- if(this._geo)
- this._geo.version = this.version++;
- this._must_update = false;
- }
-
- this.setOutputData(0, this._geo);
- }
-
- LGraphGeometryExtrude.prototype.extrudeGeometry = function( geo )
- {
- //for every pair of vertices
- var vertices = geo.vertices;
- var num_points = vertices.length / 3;
-
- var tempA = vec3.create();
- var tempB = vec3.create();
- var tempC = vec3.create();
- var tempD = vec3.create();
- var offset = new Float32Array( this.properties.offset );
-
- if(geo.type == "line_loop")
- {
- var new_vertices = new Float32Array( num_points * 6 * 3 ); //every points become 6 ( caps not included )
- var npos = 0;
- for(var i = 0, l = vertices.length; i < l; i += 3)
- {
- tempA[0] = vertices[i]; tempA[1] = vertices[i+1]; tempA[2] = vertices[i+2];
-
- if( i+3 < l ) //loop
- {
- tempB[0] = vertices[i+3]; tempB[1] = vertices[i+4]; tempB[2] = vertices[i+5];
- }
- else
- {
- tempB[0] = vertices[0]; tempB[1] = vertices[1]; tempB[2] = vertices[2];
- }
-
- vec3.add( tempC, tempA, offset );
- vec3.add( tempD, tempB, offset );
-
- new_vertices.set( tempA, npos ); npos += 3;
- new_vertices.set( tempB, npos ); npos += 3;
- new_vertices.set( tempC, npos ); npos += 3;
-
- new_vertices.set( tempB, npos ); npos += 3;
- new_vertices.set( tempD, npos ); npos += 3;
- new_vertices.set( tempC, npos ); npos += 3;
- }
- }
-
- var out_geo = {
- _id: generateGeometryId(),
- type: "triangles",
- vertices: new_vertices
- };
-
- return out_geo;
- }
-
- LiteGraph.registerNodeType( "geometry/extrude", LGraphGeometryExtrude );
-
-
- function LGraphGeometryEval() {
- this.addInput("in", "geometry");
- this.addOutput("out", "geometry");
-
- this.properties = {
- code: "V[1] += 0.01 * Math.sin(I + T*0.001);",
- execute_every_frame: false
- };
-
- this.geometry = null;
- this.geometry_id = -1;
- this.version = -1;
- this.must_update = true;
-
- this.vertices = null;
- this.func = null;
- }
-
- LGraphGeometryEval.title = "geoeval";
- LGraphGeometryEval.desc = "eval code";
-
- LGraphGeometryEval.widgets_info = {
- code: { widget: "code" }
- };
-
- LGraphGeometryEval.prototype.onConfigure = function(o)
- {
- this.compileCode();
- }
-
- LGraphGeometryEval.prototype.compileCode = function()
- {
- if(!this.properties.code)
- return;
-
- try
- {
- this.func = new Function("V","I","T", this.properties.code);
- this.boxcolor = "#AFA";
- this.must_update = true;
- }
- catch (err)
- {
- this.boxcolor = "red";
- }
- }
-
- LGraphGeometryEval.prototype.onPropertyChanged = function(name, value)
- {
- if(name == "code")
- {
- this.properties.code = value;
- this.compileCode();
- }
- }
-
- LGraphGeometryEval.prototype.onExecute = function() {
- var geometry = this.getInputData(0);
- if(!geometry)
- return;
-
- if(!this.func)
- {
- this.setOutputData(0,geometry);
- return;
- }
-
- if( this.geometry_id != geometry._id || this.version != geometry._version || this.must_update || this.properties.execute_every_frame )
- {
- this.must_update = false;
- this.geometry_id = geometry._id;
- if(this.properties.execute_every_frame)
- this.version++;
- else
- this.version = geometry._version;
- var func = this.func;
- var T = getTime();
-
- //clone
- if(!this.geometry)
- this.geometry = {};
- for(var i in geometry)
- {
- if(geometry[i] == null)
- continue;
- if( geometry[i].constructor == Float32Array )
- this.geometry[i] = new Float32Array( geometry[i] );
- else
- this.geometry[i] = geometry[i];
- }
- this.geometry._id = geometry._id;
- if(this.properties.execute_every_frame)
- this.geometry._version = this.version;
- else
- this.geometry._version = geometry._version + 1;
-
- var V = vec3.create();
- var vertices = this.vertices;
- if(!vertices || this.vertices.length != geometry.vertices.length)
- vertices = this.vertices = new Float32Array( geometry.vertices );
- else
- vertices.set( geometry.vertices );
- for(var i = 0; i < vertices.length; i+=3)
- {
- V[0] = vertices[i];
- V[1] = vertices[i+1];
- V[2] = vertices[i+2];
- func(V,i/3,T);
- vertices[i] = V[0];
- vertices[i+1] = V[1];
- vertices[i+2] = V[2];
- }
- this.geometry.vertices = vertices;
- }
-
- this.setOutputData(0,this.geometry);
- }
-
- LiteGraph.registerNodeType( "geometry/eval", LGraphGeometryEval );
-
-/*
-function LGraphGeometryDisplace() {
- this.addInput("in", "geometry");
- this.addInput("img", "image");
- this.addOutput("out", "geometry");
-
- this.properties = {
- grid_size: 1
- };
-
- this.geometry = null;
- this.geometry_id = -1;
- this.version = -1;
- this.must_update = true;
-
- this.vertices = null;
- }
-
- LGraphGeometryDisplace.title = "displace";
- LGraphGeometryDisplace.desc = "displace points";
-
- LGraphGeometryDisplace.prototype.onExecute = function() {
- var geometry = this.getInputData(0);
- var image = this.getInputData(1);
- if(!geometry)
- return;
-
- if(!image)
- {
- this.setOutputData(0,geometry);
- return;
- }
-
- if( this.geometry_id != geometry._id || this.version != geometry._version || this.must_update )
- {
- this.must_update = false;
- this.geometry_id = geometry._id;
- this.version = geometry._version;
-
- //copy
- this.geometry = {};
- for(var i in geometry)
- this.geometry[i] = geometry[i];
- this.geometry._id = geometry._id;
- this.geometry._version = geometry._version + 1;
-
- var grid_size = this.properties.grid_size;
- if(grid_size != 0)
- {
- var vertices = this.vertices;
- if(!vertices || this.vertices.length != this.geometry.vertices.length)
- vertices = this.vertices = new Float32Array( this.geometry.vertices );
- for(var i = 0; i < vertices.length; i+=3)
- {
- vertices[i] = Math.round(vertices[i]/grid_size) * grid_size;
- vertices[i+1] = Math.round(vertices[i+1]/grid_size) * grid_size;
- vertices[i+2] = Math.round(vertices[i+2]/grid_size) * grid_size;
- }
- this.geometry.vertices = vertices;
- }
- }
-
- this.setOutputData(0,this.geometry);
- }
-
- LiteGraph.registerNodeType( "geometry/displace", LGraphGeometryDisplace );
-*/
-
- function LGraphConnectPoints() {
- this.addInput("in", "geometry");
- this.addOutput("out", "geometry");
-
- this.properties = {
- min_dist: 0.4,
- max_dist: 0.5,
- max_connections: 0,
- probability: 1
- };
-
- this.geometry_id = -1;
- this.version = -1;
- this.my_version = 1;
- this.must_update = true;
- }
-
- LGraphConnectPoints.title = "connect points";
- LGraphConnectPoints.desc = "adds indices between near points";
-
- LGraphConnectPoints.prototype.onPropertyChanged = function(name,value)
- {
- this.must_update = true;
- }
-
- LGraphConnectPoints.prototype.onExecute = function() {
- var geometry = this.getInputData(0);
- if(!geometry)
- return;
-
- if( this.geometry_id != geometry._id || this.version != geometry._version || this.must_update )
- {
- this.must_update = false;
- this.geometry_id = geometry._id;
- this.version = geometry._version;
-
- //copy
- this.geometry = {};
- for(var i in geometry)
- this.geometry[i] = geometry[i];
- this.geometry._id = generateGeometryId();
- this.geometry._version = this.my_version++;
-
- var vertices = geometry.vertices;
- var l = vertices.length;
- var min_dist = this.properties.min_dist;
- var max_dist = this.properties.max_dist;
- var probability = this.properties.probability;
- var max_connections = this.properties.max_connections;
- var indices = [];
-
- for(var i = 0; i < l; i+=3)
- {
- var x = vertices[i];
- var y = vertices[i+1];
- var z = vertices[i+2];
- var connections = 0;
- for(var j = i+3; j < l; j+=3)
- {
- var x2 = vertices[j];
- var y2 = vertices[j+1];
- var z2 = vertices[j+2];
- var dist = Math.sqrt( (x-x2)*(x-x2) + (y-y2)*(y-y2) + (z-z2)*(z-z2));
- if(dist > max_dist || dist < min_dist || (probability < 1 && probability < Math.random()) )
- continue;
- indices.push(i/3,j/3);
- connections += 1;
- if(max_connections && connections > max_connections)
- break;
- }
- }
- this.geometry.indices = this.indices = new Uint32Array(indices);
- }
-
- if(this.indices && this.indices.length)
- {
- this.geometry.indices = this.indices;
- this.setOutputData( 0, this.geometry );
- }
- else
- this.setOutputData( 0, null );
- }
-
- LiteGraph.registerNodeType( "geometry/connectPoints", LGraphConnectPoints );
-
- //Works with Litegl.js to create WebGL nodes
- if (typeof GL == "undefined") //LiteGL RELATED **********************************************
- return;
-
- function LGraphToGeometry() {
- this.addInput("mesh", "mesh");
- this.addOutput("out", "geometry");
-
- this.geometry = {};
- this.last_mesh = null;
- }
-
- LGraphToGeometry.title = "to geometry";
- LGraphToGeometry.desc = "converts a mesh to geometry";
-
- LGraphToGeometry.prototype.onExecute = function() {
- var mesh = this.getInputData(0);
- if(!mesh)
- return;
-
- if(mesh != this.last_mesh)
- {
- this.last_mesh = mesh;
- for(i in mesh.vertexBuffers)
- {
- var buffer = mesh.vertexBuffers[i];
- this.geometry[i] = buffer.data
- }
- if(mesh.indexBuffers["triangles"])
- this.geometry.indices = mesh.indexBuffers["triangles"].data;
-
- this.geometry._id = generateGeometryId();
- this.geometry._version = 0;
- }
-
- this.setOutputData(0,this.geometry);
- if(this.geometry)
- this.setOutputData(1,this.geometry.vertices);
- }
-
- LiteGraph.registerNodeType( "geometry/toGeometry", LGraphToGeometry );
-
- function LGraphGeometryToMesh() {
- this.addInput("in", "geometry");
- this.addOutput("mesh", "mesh");
- this.properties = {};
- this.version = -1;
- this.mesh = null;
- }
-
- LGraphGeometryToMesh.title = "Geo to Mesh";
-
- LGraphGeometryToMesh.prototype.updateMesh = function(geometry)
- {
- if(!this.mesh)
- this.mesh = new GL.Mesh();
-
- for(var i in geometry)
- {
- if(i[0] == "_")
- continue;
-
- var buffer_data = geometry[i];
-
- var info = GL.Mesh.common_buffers[i];
- if(!info && i != "indices") //unknown buffer
- continue;
- var spacing = info ? info.spacing : 3;
- var mesh_buffer = this.mesh.vertexBuffers[i];
-
- if(!mesh_buffer || mesh_buffer.data.length != buffer_data.length)
- {
- mesh_buffer = new GL.Buffer( i == "indices" ? GL.ELEMENT_ARRAY_BUFFER : GL.ARRAY_BUFFER, buffer_data, spacing, GL.DYNAMIC_DRAW );
- }
- else
- {
- mesh_buffer.data.set( buffer_data );
- mesh_buffer.upload(GL.DYNAMIC_DRAW);
- }
-
- this.mesh.addBuffer( i, mesh_buffer );
- }
-
- if(this.mesh.vertexBuffers.normals &&this.mesh.vertexBuffers.normals.data.length != this.mesh.vertexBuffers.vertices.data.length )
- {
- var n = new Float32Array([0,1,0]);
- var normals = new Float32Array( this.mesh.vertexBuffers.vertices.data.length );
- for(var i = 0; i < normals.length; i+= 3)
- normals.set( n, i );
- mesh_buffer = new GL.Buffer( GL.ARRAY_BUFFER, normals, 3 );
- this.mesh.addBuffer( "normals", mesh_buffer );
- }
-
- this.mesh.updateBoundingBox();
- this.geometry_id = this.mesh.id = geometry._id;
- this.version = this.mesh.version = geometry._version;
- return this.mesh;
- }
-
- LGraphGeometryToMesh.prototype.onExecute = function() {
-
- var geometry = this.getInputData(0);
- if(!geometry)
- return;
- if( this.version != geometry._version || this.geometry_id != geometry._id )
- this.updateMesh( geometry );
- this.setOutputData(0, this.mesh);
- }
-
- LiteGraph.registerNodeType( "geometry/toMesh", LGraphGeometryToMesh );
-
- function LGraphRenderMesh() {
- this.addInput("mesh", "mesh");
- this.addInput("mat4", "mat4");
- this.addInput("tex", "texture");
-
- this.properties = {
- enabled: true,
- primitive: GL.TRIANGLES,
- additive: false,
- color: [1,1,1],
- opacity: 1
- };
-
- this.color = vec4.create([1,1,1,1]);
- this.model_matrix = mat4.create();
- this.uniforms = {
- u_color: this.color,
- u_model: this.model_matrix
- };
- }
-
- LGraphRenderMesh.title = "Render Mesh";
- LGraphRenderMesh.desc = "renders a mesh flat";
-
- LGraphRenderMesh.PRIMITIVE_VALUES = { "points":GL.POINTS, "lines":GL.LINES, "line_loop":GL.LINE_LOOP,"line_strip":GL.LINE_STRIP, "triangles":GL.TRIANGLES, "triangle_fan":GL.TRIANGLE_FAN, "triangle_strip":GL.TRIANGLE_STRIP };
-
- LGraphRenderMesh.widgets_info = {
- primitive: { widget: "combo", values: LGraphRenderMesh.PRIMITIVE_VALUES },
- color: { widget: "color" }
- };
-
- LGraphRenderMesh.prototype.onExecute = function() {
-
- if(!this.properties.enabled)
- return;
-
- var mesh = this.getInputData(0);
- if(!mesh)
- return;
-
- if(!LiteGraph.LGraphRender.onRequestCameraMatrices)
- {
- console.warn("cannot render geometry, LiteGraph.onRequestCameraMatrices is null, remember to fill this with a callback(view_matrix, projection_matrix,viewprojection_matrix) to use 3D rendering from the graph");
- return;
- }
-
- LiteGraph.LGraphRender.onRequestCameraMatrices( view_matrix, projection_matrix,viewprojection_matrix );
- var shader = null;
- var texture = this.getInputData(2);
- if(texture)
- {
- shader = gl.shaders["textured"];
- if(!shader)
- shader = gl.shaders["textured"] = new GL.Shader( LGraphRenderPoints.vertex_shader_code, LGraphRenderPoints.fragment_shader_code, { USE_TEXTURE:"" });
- }
- else
- {
- shader = gl.shaders["flat"];
- if(!shader)
- shader = gl.shaders["flat"] = new GL.Shader( LGraphRenderPoints.vertex_shader_code, LGraphRenderPoints.fragment_shader_code );
- }
-
- this.color.set( this.properties.color );
- this.color[3] = this.properties.opacity;
-
- var model_matrix = this.model_matrix;
- var m = this.getInputData(1);
- if(m)
- model_matrix.set(m);
- else
- mat4.identity( model_matrix );
-
- this.uniforms.u_point_size = 1;
- var primitive = this.properties.primitive;
-
- shader.uniforms( global_uniforms );
- shader.uniforms( this.uniforms );
-
- if(this.properties.opacity >= 1)
- gl.disable( gl.BLEND );
- else
- gl.enable( gl.BLEND );
- gl.enable( gl.DEPTH_TEST );
- if( this.properties.additive )
- {
- gl.blendFunc( gl.SRC_ALPHA, gl.ONE );
- gl.depthMask( false );
- }
- else
- gl.blendFunc( gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA );
-
- var indices = "indices";
- if( mesh.indexBuffers.triangles )
- indices = "triangles";
- shader.draw( mesh, primitive, indices );
- gl.disable( gl.BLEND );
- gl.depthMask( true );
- }
-
- LiteGraph.registerNodeType( "geometry/render_mesh", LGraphRenderMesh );
-
- //**************************
-
-
- function LGraphGeometryPrimitive() {
- this.addInput("size", "number");
- this.addOutput("out", "mesh");
- this.properties = { type: 1, size: 1, subdivisions: 32 };
-
- this.version = (Math.random() * 100000)|0;
- this.last_info = { type: -1, size: -1, subdivisions: -1 };
- }
-
- LGraphGeometryPrimitive.title = "Primitive";
-
- LGraphGeometryPrimitive.VALID = { "CUBE":1, "PLANE":2, "CYLINDER":3, "SPHERE":4, "CIRCLE":5, "HEMISPHERE":6, "ICOSAHEDRON":7, "CONE":8, "QUAD":9 };
- LGraphGeometryPrimitive.widgets_info = {
- type: { widget: "combo", values: LGraphGeometryPrimitive.VALID }
- };
-
- LGraphGeometryPrimitive.prototype.onExecute = function() {
-
- if( !this.isOutputConnected(0) )
- return;
-
- var size = this.getInputOrProperty("size");
-
- //update
- if( this.last_info.type != this.properties.type || this.last_info.size != size || this.last_info.subdivisions != this.properties.subdivisions )
- this.updateMesh( this.properties.type, size, this.properties.subdivisions );
-
- this.setOutputData(0,this._mesh);
- }
-
- LGraphGeometryPrimitive.prototype.updateMesh = function(type, size, subdivisions)
- {
- subdivisions = Math.max(0,subdivisions)|0;
-
- switch (type)
- {
- case 1: //CUBE:
- this._mesh = GL.Mesh.cube({size: size, normals:true,coords:true});
- break;
- case 2: //PLANE:
- this._mesh = GL.Mesh.plane({size: size, xz: true, detail: subdivisions, normals:true,coords:true});
- break;
- case 3: //CYLINDER:
- this._mesh = GL.Mesh.cylinder({size: size, subdivisions: subdivisions, normals:true,coords:true});
- break;
- case 4: //SPHERE:
- this._mesh = GL.Mesh.sphere({size: size, "long": subdivisions, lat: subdivisions, normals:true,coords:true});
- break;
- case 5: //CIRCLE:
- this._mesh = GL.Mesh.circle({size: size, slices: subdivisions, normals:true, coords:true});
- break;
- case 6: //HEMISPHERE:
- this._mesh = GL.Mesh.sphere({size: size, "long": subdivisions, lat: subdivisions, normals:true, coords:true, hemi: true});
- break;
- case 7: //ICOSAHEDRON:
- this._mesh = GL.Mesh.icosahedron({size: size, subdivisions:subdivisions });
- break;
- case 8: //CONE:
- this._mesh = GL.Mesh.cone({radius: size, height: size, subdivisions:subdivisions });
- break;
- case 9: //QUAD:
- this._mesh = GL.Mesh.plane({size: size, xz: false, detail: subdivisions, normals:true, coords:true });
- break;
- }
-
- this.last_info.type = type;
- this.last_info.size = size;
- this.last_info.subdivisions = subdivisions;
- this._mesh.version = this.version++;
- }
-
- LiteGraph.registerNodeType( "geometry/mesh_primitive", LGraphGeometryPrimitive );
-
-
- function LGraphRenderPoints() {
- this.addInput("in", "geometry");
- this.addInput("mat4", "mat4");
- this.addInput("tex", "texture");
- this.properties = {
- enabled: true,
- point_size: 0.1,
- fixed_size: false,
- additive: true,
- color: [1,1,1],
- opacity: 1
- };
-
- this.color = vec4.create([1,1,1,1]);
-
- this.uniforms = {
- u_point_size: 1,
- u_perspective: 1,
- u_point_perspective: 1,
- u_color: this.color
- };
-
- this.geometry_id = -1;
- this.version = -1;
- this.mesh = null;
- }
-
- LGraphRenderPoints.title = "renderPoints";
- LGraphRenderPoints.desc = "render points with a texture";
-
- LGraphRenderPoints.widgets_info = {
- color: { widget: "color" }
- };
-
- LGraphRenderPoints.prototype.updateMesh = function(geometry)
- {
- var buffer = this.buffer;
- if(!this.buffer || !this.buffer.data || this.buffer.data.length != geometry.vertices.length)
- this.buffer = new GL.Buffer( GL.ARRAY_BUFFER, geometry.vertices,3,GL.DYNAMIC_DRAW);
- else
- {
- this.buffer.data.set( geometry.vertices );
- this.buffer.upload(GL.DYNAMIC_DRAW);
- }
-
- if(!this.mesh)
- this.mesh = new GL.Mesh();
-
- this.mesh.addBuffer("vertices",this.buffer);
- this.geometry_id = this.mesh.id = geometry._id;
- this.version = this.mesh.version = geometry._version;
- }
-
- LGraphRenderPoints.prototype.onExecute = function() {
-
- if(!this.properties.enabled)
- return;
-
- var geometry = this.getInputData(0);
- if(!geometry)
- return;
- if(this.version != geometry._version || this.geometry_id != geometry._id )
- this.updateMesh( geometry );
-
- if(!LiteGraph.LGraphRender.onRequestCameraMatrices)
- {
- console.warn("cannot render geometry, LiteGraph.onRequestCameraMatrices is null, remember to fill this with a callback(view_matrix, projection_matrix,viewprojection_matrix) to use 3D rendering from the graph");
- return;
- }
-
- LiteGraph.LGraphRender.onRequestCameraMatrices( view_matrix, projection_matrix,viewprojection_matrix );
- var shader = null;
-
- var texture = this.getInputData(2);
-
- if(texture)
- {
- shader = gl.shaders["textured_points"];
- if(!shader)
- shader = gl.shaders["textured_points"] = new GL.Shader( LGraphRenderPoints.vertex_shader_code, LGraphRenderPoints.fragment_shader_code, { USE_TEXTURED_POINTS:"" });
- }
- else
- {
- shader = gl.shaders["points"];
- if(!shader)
- shader = gl.shaders["points"] = new GL.Shader( LGraphRenderPoints.vertex_shader_code, LGraphRenderPoints.fragment_shader_code, { USE_POINTS: "" });
- }
-
- this.color.set( this.properties.color );
- this.color[3] = this.properties.opacity;
-
- var m = this.getInputData(1);
- if(m)
- model_matrix.set(m);
- else
- mat4.identity( model_matrix );
-
- this.uniforms.u_point_size = this.properties.point_size;
- this.uniforms.u_point_perspective = this.properties.fixed_size ? 0 : 1;
- this.uniforms.u_perspective = gl.viewport_data[3] * projection_matrix[5];
-
- shader.uniforms( global_uniforms );
- shader.uniforms( this.uniforms );
-
- if(this.properties.opacity >= 1)
- gl.disable( gl.BLEND );
- else
- gl.enable( gl.BLEND );
-
- gl.enable( gl.DEPTH_TEST );
- if( this.properties.additive )
- {
- gl.blendFunc( gl.SRC_ALPHA, gl.ONE );
- gl.depthMask( false );
- }
- else
- gl.blendFunc( gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA );
-
- shader.draw( this.mesh, GL.POINTS );
-
- gl.disable( gl.BLEND );
- gl.depthMask( true );
- }
-
- LiteGraph.registerNodeType( "geometry/render_points", LGraphRenderPoints );
-
- LGraphRenderPoints.vertex_shader_code = '\
- precision mediump float;\n\
- attribute vec3 a_vertex;\n\
- varying vec3 v_vertex;\n\
- attribute vec3 a_normal;\n\
- varying vec3 v_normal;\n\
- #ifdef USE_COLOR\n\
- attribute vec4 a_color;\n\
- varying vec4 v_color;\n\
- #endif\n\
- attribute vec2 a_coord;\n\
- varying vec2 v_coord;\n\
- #ifdef USE_SIZE\n\
- attribute float a_extra;\n\
- #endif\n\
- #ifdef USE_INSTANCING\n\
- attribute mat4 u_model;\n\
- #else\n\
- uniform mat4 u_model;\n\
- #endif\n\
- uniform mat4 u_viewprojection;\n\
- uniform float u_point_size;\n\
- uniform float u_perspective;\n\
- uniform float u_point_perspective;\n\
- float computePointSize(float radius, float w)\n\
- {\n\
- if(radius < 0.0)\n\
- return -radius;\n\
- return u_perspective * radius / w;\n\
- }\n\
- void main() {\n\
- v_coord = a_coord;\n\
- #ifdef USE_COLOR\n\
- v_color = a_color;\n\
- #endif\n\
- v_vertex = ( u_model * vec4( a_vertex, 1.0 )).xyz;\n\
- v_normal = ( u_model * vec4( a_normal, 0.0 )).xyz;\n\
- gl_Position = u_viewprojection * vec4(v_vertex,1.0);\n\
- gl_PointSize = u_point_size;\n\
- #ifdef USE_SIZE\n\
- gl_PointSize = a_extra;\n\
- #endif\n\
- if(u_point_perspective != 0.0)\n\
- gl_PointSize = computePointSize( gl_PointSize, gl_Position.w );\n\
- }\
- ';
-
- LGraphRenderPoints.fragment_shader_code = '\
- precision mediump float;\n\
- uniform vec4 u_color;\n\
- #ifdef USE_COLOR\n\
- varying vec4 v_color;\n\
- #endif\n\
- varying vec2 v_coord;\n\
- uniform sampler2D u_texture;\n\
- void main() {\n\
- vec4 color = u_color;\n\
- #ifdef USE_TEXTURED_POINTS\n\
- color *= texture2D(u_texture, gl_PointCoord.xy);\n\
- #else\n\
- #ifdef USE_TEXTURE\n\
- color *= texture2D(u_texture, v_coord);\n\
- if(color.a < 0.1)\n\
- discard;\n\
- #endif\n\
- #ifdef USE_POINTS\n\
- float dist = length( gl_PointCoord.xy - vec2(0.5) );\n\
- if( dist > 0.45 )\n\
- discard;\n\
- #endif\n\
- #endif\n\
- #ifdef USE_COLOR\n\
- color *= v_color;\n\
- #endif\n\
- gl_FragColor = color;\n\
- }\
- ';
-
- //based on https://inconvergent.net/2019/depth-of-field/
- /*
- function LGraphRenderGeometryDOF() {
- this.addInput("in", "geometry");
- this.addInput("mat4", "mat4");
- this.addInput("tex", "texture");
- this.properties = {
- enabled: true,
- lines: true,
- point_size: 0.1,
- fixed_size: false,
- additive: true,
- color: [1,1,1],
- opacity: 1
- };
-
- this.color = vec4.create([1,1,1,1]);
-
- this.uniforms = {
- u_point_size: 1,
- u_perspective: 1,
- u_point_perspective: 1,
- u_color: this.color
- };
-
- this.geometry_id = -1;
- this.version = -1;
- this.mesh = null;
- }
-
- LGraphRenderGeometryDOF.widgets_info = {
- color: { widget: "color" }
- };
-
- LGraphRenderGeometryDOF.prototype.updateMesh = function(geometry)
- {
- var buffer = this.buffer;
- if(!this.buffer || this.buffer.data.length != geometry.vertices.length)
- this.buffer = new GL.Buffer( GL.ARRAY_BUFFER, geometry.vertices,3,GL.DYNAMIC_DRAW);
- else
- {
- this.buffer.data.set( geometry.vertices );
- this.buffer.upload(GL.DYNAMIC_DRAW);
- }
-
- if(!this.mesh)
- this.mesh = new GL.Mesh();
-
- this.mesh.addBuffer("vertices",this.buffer);
- this.geometry_id = this.mesh.id = geometry._id;
- this.version = this.mesh.version = geometry._version;
- }
-
- LGraphRenderGeometryDOF.prototype.onExecute = function() {
-
- if(!this.properties.enabled)
- return;
-
- var geometry = this.getInputData(0);
- if(!geometry)
- return;
- if(this.version != geometry._version || this.geometry_id != geometry._id )
- this.updateMesh( geometry );
-
- if(!LiteGraph.LGraphRender.onRequestCameraMatrices)
- {
- console.warn("cannot render geometry, LiteGraph.onRequestCameraMatrices is null, remember to fill this with a callback(view_matrix, projection_matrix,viewprojection_matrix) to use 3D rendering from the graph");
- return;
- }
-
- LiteGraph.LGraphRender.onRequestCameraMatrices( view_matrix, projection_matrix,viewprojection_matrix );
- var shader = null;
-
- var texture = this.getInputData(2);
-
- if(texture)
- {
- shader = gl.shaders["textured_points"];
- if(!shader)
- shader = gl.shaders["textured_points"] = new GL.Shader( LGraphRenderGeometryDOF.vertex_shader_code, LGraphRenderGeometryDOF.fragment_shader_code, { USE_TEXTURED_POINTS:"" });
- }
- else
- {
- shader = gl.shaders["points"];
- if(!shader)
- shader = gl.shaders["points"] = new GL.Shader( LGraphRenderGeometryDOF.vertex_shader_code, LGraphRenderGeometryDOF.fragment_shader_code, { USE_POINTS: "" });
- }
-
- this.color.set( this.properties.color );
- this.color[3] = this.properties.opacity;
-
- var m = this.getInputData(1);
- if(m)
- model_matrix.set(m);
- else
- mat4.identity( model_matrix );
-
- this.uniforms.u_point_size = this.properties.point_size;
- this.uniforms.u_point_perspective = this.properties.fixed_size ? 0 : 1;
- this.uniforms.u_perspective = gl.viewport_data[3] * projection_matrix[5];
-
- shader.uniforms( global_uniforms );
- shader.uniforms( this.uniforms );
-
- if(this.properties.opacity >= 1)
- gl.disable( gl.BLEND );
- else
- gl.enable( gl.BLEND );
-
- gl.enable( gl.DEPTH_TEST );
- if( this.properties.additive )
- {
- gl.blendFunc( gl.SRC_ALPHA, gl.ONE );
- gl.depthMask( false );
- }
- else
- gl.blendFunc( gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA );
-
- shader.draw( this.mesh, GL.POINTS );
-
- gl.disable( gl.BLEND );
- gl.depthMask( true );
- }
-
- LiteGraph.registerNodeType( "geometry/render_dof", LGraphRenderGeometryDOF );
-
- LGraphRenderGeometryDOF.vertex_shader_code = '\
- precision mediump float;\n\
- attribute vec3 a_vertex;\n\
- varying vec3 v_vertex;\n\
- attribute vec3 a_normal;\n\
- varying vec3 v_normal;\n\
- #ifdef USE_COLOR\n\
- attribute vec4 a_color;\n\
- varying vec4 v_color;\n\
- #endif\n\
- attribute vec2 a_coord;\n\
- varying vec2 v_coord;\n\
- #ifdef USE_SIZE\n\
- attribute float a_extra;\n\
- #endif\n\
- #ifdef USE_INSTANCING\n\
- attribute mat4 u_model;\n\
- #else\n\
- uniform mat4 u_model;\n\
- #endif\n\
- uniform mat4 u_viewprojection;\n\
- uniform float u_point_size;\n\
- uniform float u_perspective;\n\
- uniform float u_point_perspective;\n\
- float computePointSize(float radius, float w)\n\
- {\n\
- if(radius < 0.0)\n\
- return -radius;\n\
- return u_perspective * radius / w;\n\
- }\n\
- void main() {\n\
- v_coord = a_coord;\n\
- #ifdef USE_COLOR\n\
- v_color = a_color;\n\
- #endif\n\
- v_vertex = ( u_model * vec4( a_vertex, 1.0 )).xyz;\n\
- v_normal = ( u_model * vec4( a_normal, 0.0 )).xyz;\n\
- gl_Position = u_viewprojection * vec4(v_vertex,1.0);\n\
- gl_PointSize = u_point_size;\n\
- #ifdef USE_SIZE\n\
- gl_PointSize = a_extra;\n\
- #endif\n\
- if(u_point_perspective != 0.0)\n\
- gl_PointSize = computePointSize( gl_PointSize, gl_Position.w );\n\
- }\
- ';
-
- LGraphRenderGeometryDOF.fragment_shader_code = '\
- precision mediump float;\n\
- uniform vec4 u_color;\n\
- #ifdef USE_COLOR\n\
- varying vec4 v_color;\n\
- #endif\n\
- varying vec2 v_coord;\n\
- uniform sampler2D u_texture;\n\
- void main() {\n\
- vec4 color = u_color;\n\
- #ifdef USE_TEXTURED_POINTS\n\
- color *= texture2D(u_texture, gl_PointCoord.xy);\n\
- #else\n\
- #ifdef USE_TEXTURE\n\
- color *= texture2D(u_texture, v_coord);\n\
- if(color.a < 0.1)\n\
- discard;\n\
- #endif\n\
- #ifdef USE_POINTS\n\
- float dist = length( gl_PointCoord.xy - vec2(0.5) );\n\
- if( dist > 0.45 )\n\
- discard;\n\
- #endif\n\
- #endif\n\
- #ifdef USE_COLOR\n\
- color *= v_color;\n\
- #endif\n\
- gl_FragColor = color;\n\
- }\
- ';
- */
-
-
-
-})(this);
\ No newline at end of file
diff --git a/src/nodes/glfx.js b/src/nodes/glfx.js
deleted file mode 100755
index 69b9ec3e5..000000000
--- a/src/nodes/glfx.js
+++ /dev/null
@@ -1,788 +0,0 @@
-(function(global) {
- var LiteGraph = global.LiteGraph;
- var LGraphTexture = global.LGraphTexture;
-
- //Works with Litegl.js to create WebGL nodes
- if (typeof GL != "undefined") {
- // Texture Lens *****************************************
- function LGraphFXLens() {
- this.addInput("Texture", "Texture");
- this.addInput("Aberration", "number");
- this.addInput("Distortion", "number");
- this.addInput("Blur", "number");
- this.addOutput("Texture", "Texture");
- this.properties = {
- aberration: 1.0,
- distortion: 1.0,
- blur: 1.0,
- precision: LGraphTexture.DEFAULT
- };
-
- if (!LGraphFXLens._shader) {
- LGraphFXLens._shader = new GL.Shader(
- GL.Shader.SCREEN_VERTEX_SHADER,
- LGraphFXLens.pixel_shader
- );
- LGraphFXLens._texture = new GL.Texture(3, 1, {
- format: gl.RGB,
- wrap: gl.CLAMP_TO_EDGE,
- magFilter: gl.LINEAR,
- minFilter: gl.LINEAR,
- pixel_data: [255, 0, 0, 0, 255, 0, 0, 0, 255]
- });
- }
- }
-
- LGraphFXLens.title = "Lens";
- LGraphFXLens.desc = "Camera Lens distortion";
- LGraphFXLens.widgets_info = {
- precision: { widget: "combo", values: LGraphTexture.MODE_VALUES }
- };
-
- LGraphFXLens.prototype.onExecute = function() {
- var tex = this.getInputData(0);
- if (this.properties.precision === LGraphTexture.PASS_THROUGH) {
- this.setOutputData(0, tex);
- return;
- }
-
- if (!tex) {
- return;
- }
-
- this._tex = LGraphTexture.getTargetTexture(
- tex,
- this._tex,
- this.properties.precision
- );
-
- var aberration = this.properties.aberration;
- if (this.isInputConnected(1)) {
- aberration = this.getInputData(1);
- this.properties.aberration = aberration;
- }
-
- var distortion = this.properties.distortion;
- if (this.isInputConnected(2)) {
- distortion = this.getInputData(2);
- this.properties.distortion = distortion;
- }
-
- var blur = this.properties.blur;
- if (this.isInputConnected(3)) {
- blur = this.getInputData(3);
- this.properties.blur = blur;
- }
-
- gl.disable(gl.BLEND);
- gl.disable(gl.DEPTH_TEST);
- var mesh = Mesh.getScreenQuad();
- var shader = LGraphFXLens._shader;
- //var camera = LS.Renderer._current_camera;
-
- this._tex.drawTo(function() {
- tex.bind(0);
- shader
- .uniforms({
- u_texture: 0,
- u_aberration: aberration,
- u_distortion: distortion,
- u_blur: blur
- })
- .draw(mesh);
- });
-
- this.setOutputData(0, this._tex);
- };
-
- LGraphFXLens.pixel_shader =
- "precision highp float;\n\
- precision highp float;\n\
- varying vec2 v_coord;\n\
- uniform sampler2D u_texture;\n\
- uniform vec2 u_camera_planes;\n\
- uniform float u_aberration;\n\
- uniform float u_distortion;\n\
- uniform float u_blur;\n\
- \n\
- void main() {\n\
- vec2 coord = v_coord;\n\
- float dist = distance(vec2(0.5), coord);\n\
- vec2 dist_coord = coord - vec2(0.5);\n\
- float percent = 1.0 + ((0.5 - dist) / 0.5) * u_distortion;\n\
- dist_coord *= percent;\n\
- coord = dist_coord + vec2(0.5);\n\
- vec4 color = texture2D(u_texture,coord, u_blur * dist);\n\
- color.r = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0+0.01*u_aberration), u_blur * dist ).r;\n\
- color.b = texture2D(u_texture,vec2(0.5) + dist_coord * (1.0-0.01*u_aberration), u_blur * dist ).b;\n\
- gl_FragColor = color;\n\
- }\n\
- ";
- /*
- float normalized_tunable_sigmoid(float xs, float k)\n\
- {\n\
- xs = xs * 2.0 - 1.0;\n\
- float signx = sign(xs);\n\
- float absx = abs(xs);\n\
- return signx * ((-k - 1.0)*absx)/(2.0*(-2.0*k*absx+k-1.0)) + 0.5;\n\
- }\n\
- */
-
- LiteGraph.registerNodeType("fx/lens", LGraphFXLens);
- global.LGraphFXLens = LGraphFXLens;
-
- /* not working yet
- function LGraphDepthOfField()
- {
- this.addInput("Color","Texture");
- this.addInput("Linear Depth","Texture");
- this.addInput("Camera","camera");
- this.addOutput("Texture","Texture");
- this.properties = { high_precision: false };
- }
-
- LGraphDepthOfField.title = "Depth Of Field";
- LGraphDepthOfField.desc = "Applies a depth of field effect";
-
- LGraphDepthOfField.prototype.onExecute = function()
- {
- var tex = this.getInputData(0);
- var depth = this.getInputData(1);
- var camera = this.getInputData(2);
-
- if(!tex || !depth || !camera)
- {
- this.setOutputData(0, tex);
- return;
- }
-
- var precision = gl.UNSIGNED_BYTE;
- if(this.properties.high_precision)
- precision = gl.half_float_ext ? gl.HALF_FLOAT_OES : gl.FLOAT;
- if(!this._temp_texture || this._temp_texture.type != precision ||
- this._temp_texture.width != tex.width || this._temp_texture.height != tex.height)
- this._temp_texture = new GL.Texture( tex.width, tex.height, { type: precision, format: gl.RGBA, filter: gl.LINEAR });
-
- var shader = LGraphDepthOfField._shader = new GL.Shader( GL.Shader.SCREEN_VERTEX_SHADER, LGraphDepthOfField._pixel_shader );
-
- var screen_mesh = Mesh.getScreenQuad();
-
- gl.disable( gl.DEPTH_TEST );
- gl.disable( gl.BLEND );
-
- var camera_position = camera.getEye();
- var focus_point = camera.getCenter();
- var distance = vec3.distance( camera_position, focus_point );
- var far = camera.far;
- var focus_range = distance * 0.5;
-
- this._temp_texture.drawTo( function() {
- tex.bind(0);
- depth.bind(1);
- shader.uniforms({u_texture:0, u_depth_texture:1, u_resolution: [1/tex.width, 1/tex.height], u_far: far, u_focus_point: distance, u_focus_scale: focus_range }).draw(screen_mesh);
- });
-
- this.setOutputData(0, this._temp_texture);
- }
-
- //from http://tuxedolabs.blogspot.com.es/2018/05/bokeh-depth-of-field-in-single-pass.html
- LGraphDepthOfField._pixel_shader = "\n\
- precision highp float;\n\
- varying vec2 v_coord;\n\
- uniform sampler2D u_texture; //Image to be processed\n\
- uniform sampler2D u_depth_texture; //Linear depth, where 1.0 == far plane\n\
- uniform vec2 u_iresolution; //The size of a pixel: vec2(1.0/width, 1.0/height)\n\
- uniform float u_far; // Far plane\n\
- uniform float u_focus_point;\n\
- uniform float u_focus_scale;\n\
- \n\
- const float GOLDEN_ANGLE = 2.39996323;\n\
- const float MAX_BLUR_SIZE = 20.0;\n\
- const float RAD_SCALE = 0.5; // Smaller = nicer blur, larger = faster\n\
- \n\
- float getBlurSize(float depth, float focusPoint, float focusScale)\n\
- {\n\
- float coc = clamp((1.0 / focusPoint - 1.0 / depth)*focusScale, -1.0, 1.0);\n\
- return abs(coc) * MAX_BLUR_SIZE;\n\
- }\n\
- \n\
- vec3 depthOfField(vec2 texCoord, float focusPoint, float focusScale)\n\
- {\n\
- float centerDepth = texture2D(u_depth_texture, texCoord).r * u_far;\n\
- float centerSize = getBlurSize(centerDepth, focusPoint, focusScale);\n\
- vec3 color = texture2D(u_texture, v_coord).rgb;\n\
- float tot = 1.0;\n\
- \n\
- float radius = RAD_SCALE;\n\
- for (float ang = 0.0; ang < 100.0; ang += GOLDEN_ANGLE)\n\
- {\n\
- vec2 tc = texCoord + vec2(cos(ang), sin(ang)) * u_iresolution * radius;\n\
- \n\
- vec3 sampleColor = texture2D(u_texture, tc).rgb;\n\
- float sampleDepth = texture2D(u_depth_texture, tc).r * u_far;\n\
- float sampleSize = getBlurSize( sampleDepth, focusPoint, focusScale );\n\
- if (sampleDepth > centerDepth)\n\
- sampleSize = clamp(sampleSize, 0.0, centerSize*2.0);\n\
- \n\
- float m = smoothstep(radius-0.5, radius+0.5, sampleSize);\n\
- color += mix(color/tot, sampleColor, m);\n\
- tot += 1.0;\n\
- radius += RAD_SCALE/radius;\n\
- if(radius>=MAX_BLUR_SIZE)\n\
- return color / tot;\n\
- }\n\
- return color / tot;\n\
- }\n\
- void main()\n\
- {\n\
- gl_FragColor = vec4( depthOfField( v_coord, u_focus_point, u_focus_scale ), 1.0 );\n\
- //gl_FragColor = vec4( texture2D(u_depth_texture, v_coord).r );\n\
- }\n\
- ";
-
- LiteGraph.registerNodeType("fx/DOF", LGraphDepthOfField );
- global.LGraphDepthOfField = LGraphDepthOfField;
- */
-
- //*******************************************************
-
- function LGraphFXBokeh() {
- 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.0,
- threshold: 1.0,
- high_precision: false
- };
- }
-
- LGraphFXBokeh.title = "Bokeh";
- LGraphFXBokeh.desc = "applies an Bokeh effect";
-
- LGraphFXBokeh.widgets_info = { shape: { widget: "texture" } };
-
- LGraphFXBokeh.prototype.onExecute = function() {
- var tex = this.getInputData(0);
- var blurred_tex = this.getInputData(1);
- var mask_tex = this.getInputData(2);
- if (!tex || !mask_tex || !this.properties.shape) {
- this.setOutputData(0, tex);
- return;
- }
-
- if (!blurred_tex) {
- blurred_tex = tex;
- }
-
- var shape_tex = LGraphTexture.getTexture(this.properties.shape);
- if (!shape_tex) {
- return;
- }
-
- var threshold = this.properties.threshold;
- if (this.isInputConnected(3)) {
- threshold = this.getInputData(3);
- this.properties.threshold = threshold;
- }
-
- var precision = gl.UNSIGNED_BYTE;
- if (this.properties.high_precision) {
- precision = gl.half_float_ext ? gl.HALF_FLOAT_OES : gl.FLOAT;
- }
- if (
- !this._temp_texture ||
- this._temp_texture.type != precision ||
- this._temp_texture.width != tex.width ||
- this._temp_texture.height != tex.height
- ) {
- this._temp_texture = new GL.Texture(tex.width, tex.height, {
- type: precision,
- format: gl.RGBA,
- filter: gl.LINEAR
- });
- }
-
- //iterations
- var size = this.properties.size;
-
- var first_shader = LGraphFXBokeh._first_shader;
- if (!first_shader) {
- first_shader = LGraphFXBokeh._first_shader = new GL.Shader(
- Shader.SCREEN_VERTEX_SHADER,
- LGraphFXBokeh._first_pixel_shader
- );
- }
-
- var second_shader = LGraphFXBokeh._second_shader;
- if (!second_shader) {
- second_shader = LGraphFXBokeh._second_shader = new GL.Shader(
- LGraphFXBokeh._second_vertex_shader,
- LGraphFXBokeh._second_pixel_shader
- );
- }
-
- var points_mesh = this._points_mesh;
- if (
- !points_mesh ||
- points_mesh._width != tex.width ||
- points_mesh._height != tex.height ||
- points_mesh._spacing != 2
- ) {
- points_mesh = this.createPointsMesh(tex.width, tex.height, 2);
- }
-
- var screen_mesh = Mesh.getScreenQuad();
-
- var point_size = this.properties.size;
- var min_light = this.properties.min_light;
- var alpha = this.properties.alpha;
-
- gl.disable(gl.DEPTH_TEST);
- gl.disable(gl.BLEND);
-
- this._temp_texture.drawTo(function() {
- tex.bind(0);
- blurred_tex.bind(1);
- mask_tex.bind(2);
- first_shader
- .uniforms({
- u_texture: 0,
- u_texture_blur: 1,
- u_mask: 2,
- u_texsize: [tex.width, tex.height]
- })
- .draw(screen_mesh);
- });
-
- this._temp_texture.drawTo(function() {
- //clear because we use blending
- //gl.clearColor(0.0,0.0,0.0,1.0);
- //gl.clear( gl.COLOR_BUFFER_BIT );
- gl.enable(gl.BLEND);
- gl.blendFunc(gl.ONE, gl.ONE);
-
- tex.bind(0);
- shape_tex.bind(3);
- second_shader
- .uniforms({
- u_texture: 0,
- u_mask: 2,
- u_shape: 3,
- u_alpha: alpha,
- u_threshold: threshold,
- u_pointSize: point_size,
- u_itexsize: [1.0 / tex.width, 1.0 / tex.height]
- })
- .draw(points_mesh, gl.POINTS);
- });
-
- this.setOutputData(0, this._temp_texture);
- };
-
- LGraphFXBokeh.prototype.createPointsMesh = function(
- width,
- height,
- spacing
- ) {
- var nwidth = Math.round(width / spacing);
- var nheight = Math.round(height / spacing);
-
- var vertices = new Float32Array(nwidth * nheight * 2);
-
- var ny = -1;
- var dx = (2 / width) * spacing;
- var dy = (2 / height) * spacing;
- for (var y = 0; y < nheight; ++y) {
- var nx = -1;
- for (var x = 0; x < nwidth; ++x) {
- var pos = y * nwidth * 2 + x * 2;
- vertices[pos] = nx;
- vertices[pos + 1] = ny;
- nx += dx;
- }
- ny += dy;
- }
-
- this._points_mesh = GL.Mesh.load({ vertices2D: vertices });
- this._points_mesh._width = width;
- this._points_mesh._height = height;
- this._points_mesh._spacing = spacing;
-
- return this._points_mesh;
- };
-
- /*
- LGraphTextureBokeh._pixel_shader = "precision highp float;\n\
- varying vec2 a_coord;\n\
- uniform sampler2D u_texture;\n\
- uniform sampler2D u_shape;\n\
- \n\
- void main() {\n\
- vec4 color = texture2D( u_texture, gl_PointCoord );\n\
- color *= v_color * u_alpha;\n\
- gl_FragColor = color;\n\
- }\n";
- */
-
- LGraphFXBokeh._first_pixel_shader =
- "precision highp float;\n\
- precision highp float;\n\
- varying vec2 v_coord;\n\
- uniform sampler2D u_texture;\n\
- uniform sampler2D u_texture_blur;\n\
- uniform sampler2D u_mask;\n\
- \n\
- void main() {\n\
- vec4 color = texture2D(u_texture, v_coord);\n\
- vec4 blurred_color = texture2D(u_texture_blur, v_coord);\n\
- float mask = texture2D(u_mask, v_coord).x;\n\
- gl_FragColor = mix(color, blurred_color, mask);\n\
- }\n\
- ";
-
- LGraphFXBokeh._second_vertex_shader =
- "precision highp float;\n\
- attribute vec2 a_vertex2D;\n\
- varying vec4 v_color;\n\
- uniform sampler2D u_texture;\n\
- uniform sampler2D u_mask;\n\
- uniform vec2 u_itexsize;\n\
- uniform float u_pointSize;\n\
- uniform float u_threshold;\n\
- void main() {\n\
- vec2 coord = a_vertex2D * 0.5 + 0.5;\n\
- v_color = texture2D( u_texture, coord );\n\
- v_color += texture2D( u_texture, coord + vec2(u_itexsize.x, 0.0) );\n\
- v_color += texture2D( u_texture, coord + vec2(0.0, u_itexsize.y));\n\
- v_color += texture2D( u_texture, coord + u_itexsize);\n\
- v_color *= 0.25;\n\
- float mask = texture2D(u_mask, coord).x;\n\
- float luminance = length(v_color) * mask;\n\
- /*luminance /= (u_pointSize*u_pointSize)*0.01 */;\n\
- luminance -= u_threshold;\n\
- if(luminance < 0.0)\n\
- {\n\
- gl_Position.x = -100.0;\n\
- return;\n\
- }\n\
- gl_PointSize = u_pointSize;\n\
- gl_Position = vec4(a_vertex2D,0.0,1.0);\n\
- }\n\
- ";
-
- LGraphFXBokeh._second_pixel_shader =
- "precision highp float;\n\
- varying vec4 v_color;\n\
- uniform sampler2D u_shape;\n\
- uniform float u_alpha;\n\
- \n\
- void main() {\n\
- vec4 color = texture2D( u_shape, gl_PointCoord );\n\
- color *= v_color * u_alpha;\n\
- gl_FragColor = color;\n\
- }\n";
-
- LiteGraph.registerNodeType("fx/bokeh", LGraphFXBokeh);
- global.LGraphFXBokeh = LGraphFXBokeh;
-
- //************************************************
-
- function LGraphFXGeneric() {
- 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
- };
- }
-
- LGraphFXGeneric.title = "FX";
- LGraphFXGeneric.desc = "applies an FX from a list";
-
- LGraphFXGeneric.widgets_info = {
- fx: {
- widget: "combo",
- values: ["halftone", "pixelate", "lowpalette", "noise", "gamma"]
- },
- precision: { widget: "combo", values: LGraphTexture.MODE_VALUES }
- };
- LGraphFXGeneric.shaders = {};
-
- LGraphFXGeneric.prototype.onExecute = function() {
- if (!this.isOutputConnected(0)) {
- return;
- } //saves work
-
- var tex = this.getInputData(0);
- if (this.properties.precision === LGraphTexture.PASS_THROUGH) {
- this.setOutputData(0, tex);
- return;
- }
-
- if (!tex) {
- return;
- }
-
- this._tex = LGraphTexture.getTargetTexture(
- tex,
- this._tex,
- this.properties.precision
- );
-
- //iterations
- var value1 = this.properties.value1;
- if (this.isInputConnected(1)) {
- value1 = this.getInputData(1);
- this.properties.value1 = value1;
- }
-
- var value2 = this.properties.value2;
- if (this.isInputConnected(2)) {
- value2 = this.getInputData(2);
- this.properties.value2 = value2;
- }
-
- var fx = this.properties.fx;
- var shader = LGraphFXGeneric.shaders[fx];
- if (!shader) {
- var pixel_shader_code = LGraphFXGeneric["pixel_shader_" + fx];
- if (!pixel_shader_code) {
- return;
- }
-
- shader = LGraphFXGeneric.shaders[fx] = new GL.Shader(
- Shader.SCREEN_VERTEX_SHADER,
- pixel_shader_code
- );
- }
-
- gl.disable(gl.BLEND);
- gl.disable(gl.DEPTH_TEST);
- var mesh = Mesh.getScreenQuad();
- var camera = global.LS ? LS.Renderer._current_camera : null;
- var camera_planes;
- if (camera) {
- camera_planes = [
- LS.Renderer._current_camera.near,
- LS.Renderer._current_camera.far
- ];
- } else {
- camera_planes = [1, 100];
- }
-
- var noise = null;
- if (fx == "noise") {
- noise = LGraphTexture.getNoiseTexture();
- }
-
- this._tex.drawTo(function() {
- tex.bind(0);
- if (fx == "noise") {
- noise.bind(1);
- }
-
- shader
- .uniforms({
- u_texture: 0,
- u_noise: 1,
- u_size: [tex.width, tex.height],
- u_rand: [Math.random(), Math.random()],
- u_value1: value1,
- u_value2: value2,
- u_camera_planes: camera_planes
- })
- .draw(mesh);
- });
-
- this.setOutputData(0, this._tex);
- };
-
- LGraphFXGeneric.pixel_shader_halftone =
- "precision highp float;\n\
- varying vec2 v_coord;\n\
- uniform sampler2D u_texture;\n\
- uniform vec2 u_camera_planes;\n\
- uniform vec2 u_size;\n\
- uniform float u_value1;\n\
- uniform float u_value2;\n\
- \n\
- float pattern() {\n\
- float s = sin(u_value1 * 3.1415), c = cos(u_value1 * 3.1415);\n\
- vec2 tex = v_coord * u_size.xy;\n\
- vec2 point = vec2(\n\
- c * tex.x - s * tex.y ,\n\
- s * tex.x + c * tex.y \n\
- ) * u_value2;\n\
- return (sin(point.x) * sin(point.y)) * 4.0;\n\
- }\n\
- void main() {\n\
- vec4 color = texture2D(u_texture, v_coord);\n\
- float average = (color.r + color.g + color.b) / 3.0;\n\
- gl_FragColor = vec4(vec3(average * 10.0 - 5.0 + pattern()), color.a);\n\
- }\n";
-
- LGraphFXGeneric.pixel_shader_pixelate =
- "precision highp float;\n\
- varying vec2 v_coord;\n\
- uniform sampler2D u_texture;\n\
- uniform vec2 u_camera_planes;\n\
- uniform vec2 u_size;\n\
- uniform float u_value1;\n\
- uniform float u_value2;\n\
- \n\
- void main() {\n\
- vec2 coord = vec2( floor(v_coord.x * u_value1) / u_value1, floor(v_coord.y * u_value2) / u_value2 );\n\
- vec4 color = texture2D(u_texture, coord);\n\
- gl_FragColor = color;\n\
- }\n";
-
- LGraphFXGeneric.pixel_shader_lowpalette =
- "precision highp float;\n\
- varying vec2 v_coord;\n\
- uniform sampler2D u_texture;\n\
- uniform vec2 u_camera_planes;\n\
- uniform vec2 u_size;\n\
- uniform float u_value1;\n\
- uniform float u_value2;\n\
- \n\
- void main() {\n\
- vec4 color = texture2D(u_texture, v_coord);\n\
- gl_FragColor = floor(color * u_value1) / u_value1;\n\
- }\n";
-
- LGraphFXGeneric.pixel_shader_noise =
- "precision highp float;\n\
- varying vec2 v_coord;\n\
- uniform sampler2D u_texture;\n\
- uniform sampler2D u_noise;\n\
- uniform vec2 u_size;\n\
- uniform float u_value1;\n\
- uniform float u_value2;\n\
- uniform vec2 u_rand;\n\
- \n\
- void main() {\n\
- vec4 color = texture2D(u_texture, v_coord);\n\
- vec3 noise = texture2D(u_noise, v_coord * vec2(u_size.x / 512.0, u_size.y / 512.0) + u_rand).xyz - vec3(0.5);\n\
- gl_FragColor = vec4( color.xyz + noise * u_value1, color.a );\n\
- }\n";
-
- LGraphFXGeneric.pixel_shader_gamma =
- "precision highp float;\n\
- varying vec2 v_coord;\n\
- uniform sampler2D u_texture;\n\
- uniform float u_value1;\n\
- \n\
- void main() {\n\
- vec4 color = texture2D(u_texture, v_coord);\n\
- float gamma = 1.0 / u_value1;\n\
- gl_FragColor = vec4( pow( color.xyz, vec3(gamma) ), color.a );\n\
- }\n";
-
- LiteGraph.registerNodeType("fx/generic", LGraphFXGeneric);
- global.LGraphFXGeneric = LGraphFXGeneric;
-
- // Vigneting ************************************
-
- function LGraphFXVigneting() {
- this.addInput("Tex.", "Texture");
- this.addInput("intensity", "number");
-
- this.addOutput("Texture", "Texture");
- this.properties = {
- intensity: 1,
- invert: false,
- precision: LGraphTexture.DEFAULT
- };
-
- if (!LGraphFXVigneting._shader) {
- LGraphFXVigneting._shader = new GL.Shader(
- Shader.SCREEN_VERTEX_SHADER,
- LGraphFXVigneting.pixel_shader
- );
- }
- }
-
- LGraphFXVigneting.title = "Vigneting";
- LGraphFXVigneting.desc = "Vigneting";
-
- LGraphFXVigneting.widgets_info = {
- precision: { widget: "combo", values: LGraphTexture.MODE_VALUES }
- };
-
- LGraphFXVigneting.prototype.onExecute = function() {
- var tex = this.getInputData(0);
-
- if (this.properties.precision === LGraphTexture.PASS_THROUGH) {
- this.setOutputData(0, tex);
- return;
- }
-
- if (!tex) {
- return;
- }
-
- this._tex = LGraphTexture.getTargetTexture(
- tex,
- this._tex,
- this.properties.precision
- );
-
- var intensity = this.properties.intensity;
- if (this.isInputConnected(1)) {
- intensity = this.getInputData(1);
- this.properties.intensity = intensity;
- }
-
- gl.disable(gl.BLEND);
- gl.disable(gl.DEPTH_TEST);
-
- var mesh = Mesh.getScreenQuad();
- var shader = LGraphFXVigneting._shader;
- var invert = this.properties.invert;
-
- this._tex.drawTo(function() {
- tex.bind(0);
- shader
- .uniforms({
- u_texture: 0,
- u_intensity: intensity,
- u_isize: [1 / tex.width, 1 / tex.height],
- u_invert: invert ? 1 : 0
- })
- .draw(mesh);
- });
-
- this.setOutputData(0, this._tex);
- };
-
- LGraphFXVigneting.pixel_shader =
- "precision highp float;\n\
- precision highp float;\n\
- varying vec2 v_coord;\n\
- uniform sampler2D u_texture;\n\
- uniform float u_intensity;\n\
- uniform int u_invert;\n\
- \n\
- void main() {\n\
- float luminance = 1.0 - length( v_coord - vec2(0.5) ) * 1.414;\n\
- vec4 color = texture2D(u_texture, v_coord);\n\
- if(u_invert == 1)\n\
- luminance = 1.0 - luminance;\n\
- luminance = mix(1.0, luminance, u_intensity);\n\
- gl_FragColor = vec4( luminance * color.xyz, color.a);\n\
- }\n\
- ";
-
- LiteGraph.registerNodeType("fx/vigneting", LGraphFXVigneting);
- global.LGraphFXVigneting = LGraphFXVigneting;
- }
-})(this);
diff --git a/src/nodes/glshaders.js b/src/nodes/glshaders.js
deleted file mode 100755
index 11f129da6..000000000
--- a/src/nodes/glshaders.js
+++ /dev/null
@@ -1,1839 +0,0 @@
-(function(global) {
-
- if (typeof GL == "undefined")
- return;
-
- var LiteGraph = global.LiteGraph;
- var LGraphCanvas = global.LGraphCanvas;
-
- var SHADERNODES_COLOR = "#345";
-
- var LGShaders = LiteGraph.Shaders = {};
-
- var GLSL_types = LGShaders.GLSL_types = ["float","vec2","vec3","vec4","mat3","mat4","sampler2D","samplerCube"];
- var GLSL_types_const = LGShaders.GLSL_types_const = ["float","vec2","vec3","vec4"];
-
- var GLSL_functions_desc = {
- "radians": "T radians(T degrees)",
- "degrees": "T degrees(T radians)",
- "sin": "T sin(T angle)",
- "cos": "T cos(T angle)",
- "tan": "T tan(T angle)",
- "asin": "T asin(T x)",
- "acos": "T acos(T x)",
- "atan": "T atan(T x)",
- "atan2": "T atan(T x,T y)",
- "pow": "T pow(T x,T y)",
- "exp": "T exp(T x)",
- "log": "T log(T x)",
- "exp2": "T exp2(T x)",
- "log2": "T log2(T x)",
- "sqrt": "T sqrt(T x)",
- "inversesqrt": "T inversesqrt(T x)",
- "abs": "T abs(T x)",
- "sign": "T sign(T x)",
- "floor": "T floor(T x)",
- "round": "T round(T x)",
- "ceil": "T ceil(T x)",
- "fract": "T fract(T x)",
- "mod": "T mod(T x,T y)", //"T mod(T x,float y)"
- "min": "T min(T x,T y)",
- "max": "T max(T x,T y)",
- "clamp": "T clamp(T x,T minVal = 0.0,T maxVal = 1.0)",
- "mix": "T mix(T x,T y,T a)", //"T mix(T x,T y,float a)"
- "step": "T step(T edge, T edge2, T x)", //"T step(float edge, T x)"
- "smoothstep": "T smoothstep(T edge, T edge2, T x)", //"T smoothstep(float edge, T x)"
- "length":"float length(T x)",
- "distance":"float distance(T p0, T p1)",
- "normalize":"T normalize(T x)",
- "dot": "float dot(T x,T y)",
- "cross": "vec3 cross(vec3 x,vec3 y)",
- "reflect": "vec3 reflect(vec3 V,vec3 N)",
- "refract": "vec3 refract(vec3 V,vec3 N, float IOR)"
- };
-
- //parse them
- var GLSL_functions = {};
- var GLSL_functions_name = [];
- parseGLSLDescriptions();
-
- LGShaders.ALL_TYPES = "float,vec2,vec3,vec4";
-
- function parseGLSLDescriptions()
- {
- GLSL_functions_name.length = 0;
-
- for(var i in GLSL_functions_desc)
- {
- var op = GLSL_functions_desc[i];
- var index = op.indexOf(" ");
- var return_type = op.substr(0,index);
- var index2 = op.indexOf("(",index);
- var func_name = op.substr(index,index2-index).trim();
- var params = op.substr(index2 + 1, op.length - index2 - 2).split(",");
- for(var j in params)
- {
- var p = params[j].split(" ").filter(function(a){ return a; });
- params[j] = { type: p[0].trim(), name: p[1].trim() };
- if(p[2] == "=")
- params[j].value = p[3].trim();
- }
- GLSL_functions[i] = { return_type: return_type, func: func_name, params: params };
- GLSL_functions_name.push( func_name );
- //console.log( GLSL_functions[i] );
- }
- }
-
- //common actions to all shader node classes
- function registerShaderNode( type, node_ctor )
- {
- //static attributes
- node_ctor.color = SHADERNODES_COLOR;
- node_ctor.filter = "shader";
-
- //common methods
- node_ctor.prototype.clearDestination = function(){ this.shader_destination = {}; }
- node_ctor.prototype.propagateDestination = function propagateDestination( dest_name )
- {
- this.shader_destination[ dest_name ] = true;
- if(this.inputs)
- for(var i = 0; i < this.inputs.length; ++i)
- {
- var origin_node = this.getInputNode(i);
- if(origin_node)
- origin_node.propagateDestination( dest_name );
- }
- }
- if(!node_ctor.prototype.onPropertyChanged)
- node_ctor.prototype.onPropertyChanged = function()
- {
- if(this.graph)
- this.graph._version++;
- }
-
- /*
- if(!node_ctor.prototype.onGetCode)
- node_ctor.prototype.onGetCode = function()
- {
- //check destination to avoid lonely nodes
- if(!this.shader_destination)
- return;
- //grab inputs with types
- var inputs = [];
- if(this.inputs)
- for(var i = 0; i < this.inputs.length; ++i)
- inputs.push({ type: this.getInputData(i), name: getInputLinkID(this,i) });
- var outputs = [];
- if(this.outputs)
- for(var i = 0; i < this.outputs.length; ++i)
- outputs.push({ name: getOutputLinkID(this,i) });
- //pass to code func
- var results = this.extractCode(inputs);
- //grab output, pass to next
- if(results)
- for(var i = 0; i < results.length; ++i)
- {
- var r = results[i];
- if(!r)
- continue;
- this.setOutputData(i,r.value);
- }
- }
- */
-
- LiteGraph.registerNodeType( "shader::" + type, node_ctor );
- }
-
- function getShaderNodeVarName( node, name )
- {
- return "VAR_" + (name || "TEMP") + "_" + node.id;
- }
-
- function getInputLinkID( node, slot )
- {
- if(!node.inputs)
- return null;
- var link = node.getInputLink( slot );
- if( !link )
- return null;
- var origin_node = node.graph.getNodeById( link.origin_id );
- if( !origin_node )
- return null;
- if(origin_node.getOutputVarName)
- return origin_node.getOutputVarName(link.origin_slot);
- //generate
- return "link_" + origin_node.id + "_" + link.origin_slot;
- }
-
- function getOutputLinkID( node, slot )
- {
- if (!node.isOutputConnected(slot))
- return null;
- return "link_" + node.id + "_" + slot;
- }
-
- LGShaders.registerShaderNode = registerShaderNode;
- LGShaders.getInputLinkID = getInputLinkID;
- LGShaders.getOutputLinkID = getOutputLinkID;
- LGShaders.getShaderNodeVarName = getShaderNodeVarName;
- LGShaders.parseGLSLDescriptions = parseGLSLDescriptions;
-
- //given a const number, it transform it to a string that matches a type
- var valueToGLSL = LiteGraph.valueToGLSL = function valueToGLSL( v, type, precision )
- {
- var n = 5; //num decimals
- if(precision != null)
- n = precision;
- if(!type)
- {
- if(v.constructor === Number)
- type = "float";
- else if(v.length)
- {
- switch(v.length)
- {
- case 2: type = "vec2"; break;
- case 3: type = "vec3"; break;
- case 4: type = "vec4"; break;
- case 9: type = "mat3"; break;
- case 16: type = "mat4"; break;
- default:
- throw("unknown type for glsl value size");
- }
- }
- else
- throw("unknown type for glsl value: " + v.constructor);
- }
- switch(type)
- {
- case 'float': return v.toFixed(n); break;
- case 'vec2': return "vec2(" + v[0].toFixed(n) + "," + v[1].toFixed(n) + ")"; break;
- case 'color3':
- case 'vec3': return "vec3(" + v[0].toFixed(n) + "," + v[1].toFixed(n) + "," + v[2].toFixed(n) + ")"; break;
- case 'color4':
- case 'vec4': return "vec4(" + v[0].toFixed(n) + "," + v[1].toFixed(n) + "," + v[2].toFixed(n) + "," + v[3].toFixed(n) + ")"; break;
- case 'mat3': return "mat3(1.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,1.0)"; break; //not fully supported yet
- case 'mat4': return "mat4(1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0)"; break;//not fully supported yet
- default:
- throw("unknown glsl type in valueToGLSL:", type);
- }
-
- return "";
- }
-
- //makes sure that a var is of a type, and if not, it converts it
- var varToTypeGLSL = LiteGraph.varToTypeGLSL = function varToTypeGLSL( v, input_type, output_type )
- {
- if(input_type == output_type)
- return v;
- if(v == null)
- switch(output_type)
- {
- case "float": return "0.0";
- case "vec2": return "vec2(0.0)";
- case "vec3": return "vec3(0.0)";
- case "vec4": return "vec4(0.0,0.0,0.0,1.0)";
- default: //null
- return null;
- }
-
- if(!output_type)
- throw("error: no output type specified");
- if(output_type == "float")
- {
- switch(input_type)
- {
- //case "float":
- case "vec2":
- case "vec3":
- case "vec4":
- return v + ".x";
- break;
- default: //null
- return "0.0";
- break;
- }
- }
- else if(output_type == "vec2")
- {
- switch(input_type)
- {
- case "float":
- return "vec2("+v+")";
- //case "vec2":
- case "vec3":
- case "vec4":
- return v + ".xy";
- default: //null
- return "vec2(0.0)";
- }
- }
- else if(output_type == "vec3")
- {
- switch(input_type)
- {
- case "float":
- return "vec3("+v+")";
- case "vec2":
- return "vec3(" + v + ",0.0)";
- //case "vec3":
- case "vec4":
- return v + ".xyz";
- default: //null
- return "vec3(0.0)";
- }
- }
- else if(output_type == "vec4")
- {
- switch(input_type)
- {
- case "float":
- return "vec4("+v+")";
- case "vec2":
- return "vec4(" + v + ",0.0,1.0)";
- case "vec3":
- return "vec4(" + v + ",1.0)";
- default: //null
- return "vec4(0.0,0.0,0.0,1.0)";
- }
- }
- throw("type cannot be converted");
- }
-
-
- //used to plug incompatible stuff
- var convertVarToGLSLType = LiteGraph.convertVarToGLSLType = function convertVarToGLSLType( varname, type, target_type )
- {
- if(type == target_type)
- return varname;
- if(type == "float")
- return target_type + "(" + varname + ")";
- if(target_type == "vec2") //works for vec2,vec3 and vec4
- return "vec2(" + varname + ".xy)";
- if(target_type == "vec3") //works for vec2,vec3 and vec4
- {
- if(type == "vec2")
- return "vec3(" + varname + ",0.0)";
- if(type == "vec4")
- return "vec4(" + varname + ".xyz)";
- }
- if(target_type == "vec4")
- {
- if(type == "vec2")
- return "vec4(" + varname + ",0.0,0.0)";
- if(target_type == "vec3")
- return "vec4(" + varname + ",1.0)";
- }
- return null;
- }
-
- //used to host a shader body **************************************
- function LGShaderContext()
- {
- //to store the code template
- this.vs_template = "";
- this.fs_template = "";
-
- //required so nodes now where to fetch the input data
- this.buffer_names = {
- uvs: "v_coord"
- };
-
- this.extra = {}; //to store custom info from the nodes (like if this shader supports a feature, etc)
-
- this._functions = {};
- this._uniforms = {};
- this._codeparts = {};
- this._uniform_value = null;
- }
-
- LGShaderContext.prototype.clear = function()
- {
- this._uniforms = {};
- this._functions = {};
- this._codeparts = {};
- this._uniform_value = null;
-
- this.extra = {};
- }
-
- LGShaderContext.prototype.addUniform = function( name, type, value )
- {
- this._uniforms[ name ] = type;
- if(value != null)
- {
- if(!this._uniform_value)
- this._uniform_value = {};
- this._uniform_value[name] = value;
- }
- }
-
- LGShaderContext.prototype.addFunction = function( name, code )
- {
- this._functions[name] = code;
- }
-
- LGShaderContext.prototype.addCode = function( hook, code, destinations )
- {
- destinations = destinations || {"":""};
- for(var i in destinations)
- {
- var h = i ? i + "_" + hook : hook;
- if(!this._codeparts[ h ])
- this._codeparts[ h ] = code + "\n";
- else
- this._codeparts[ h ] += code + "\n";
- }
- }
-
- //the system works by grabbing code fragments from every node and concatenating them in blocks depending on where must they be attached
- LGShaderContext.prototype.computeCodeBlocks = function( graph, extra_uniforms )
- {
- //prepare context
- this.clear();
-
- //grab output nodes
- var vertexout = graph.findNodesByType("shader::output/vertex");
- vertexout = vertexout && vertexout.length ? vertexout[0] : null;
- var fragmentout = graph.findNodesByType("shader::output/fragcolor");
- fragmentout = fragmentout && fragmentout.length ? fragmentout[0] : null;
- if(!fragmentout) //??
- return null;
-
- //propagate back destinations
- graph.sendEventToAllNodes( "clearDestination" );
- if(vertexout)
- vertexout.propagateDestination("vs");
- if(fragmentout)
- fragmentout.propagateDestination("fs");
-
- //gets code from graph
- graph.sendEventToAllNodes("onGetCode", this );
-
- var uniforms = "";
- for(var i in this._uniforms)
- uniforms += "uniform " + this._uniforms[i] + " " + i + ";\n";
- if(extra_uniforms)
- for(var i in extra_uniforms)
- uniforms += "uniform " + extra_uniforms[i] + " " + i + ";\n";
-
- var functions = "";
- for(var i in this._functions)
- functions += "//" + i + "\n" + this._functions[i] + "\n";
-
- var blocks = this._codeparts;
- blocks.uniforms = uniforms;
- blocks.functions = functions;
- return blocks;
- }
-
- //replaces blocks using the vs and fs template and returns the final codes
- LGShaderContext.prototype.computeShaderCode = function( graph )
- {
- var blocks = this.computeCodeBlocks( graph );
- var vs_code = GL.Shader.replaceCodeUsingContext( this.vs_template, blocks );
- var fs_code = GL.Shader.replaceCodeUsingContext( this.fs_template, blocks );
- return {
- vs_code: vs_code,
- fs_code: fs_code
- };
- }
-
- //generates the shader code from the template and the
- LGShaderContext.prototype.computeShader = function( graph, shader )
- {
- var finalcode = this.computeShaderCode( graph );
- console.log( finalcode.vs_code, finalcode.fs_code );
-
- if(!LiteGraph.catch_exceptions)
- {
- this._shader_error = true;
- if(shader)
- shader.updateShader( finalcode.vs_code, finalcode.fs_code );
- else
- shader = new GL.Shader( finalcode.vs_code, finalcode.fs_code );
- this._shader_error = false;
- return shader;
- }
-
- try
- {
- if(shader)
- shader.updateShader( finalcode.vs_code, finalcode.fs_code );
- else
- shader = new GL.Shader( finalcode.vs_code, finalcode.fs_code );
- this._shader_error = false;
- return shader;
- }
- catch (err)
- {
- if(!this._shader_error)
- {
- console.error(err);
- if(err.indexOf("Fragment shader") != -1)
- console.log( finalcode.fs_code.split("\n").map(function(v,i){ return i + ".- " + v; }).join("\n") );
- else
- console.log( finalcode.vs_code );
- }
- this._shader_error = true;
- return null;
- }
-
- return null;//never here
- }
-
- LGShaderContext.prototype.getShader = function( graph )
- {
- //if graph not changed?
- if(this._shader && this._shader._version == graph._version)
- return this._shader;
-
- //compile shader
- var shader = this.computeShader( graph, this._shader );
- if(!shader)
- return null;
-
- this._shader = shader;
- shader._version = graph._version;
- return shader;
- }
-
- //some shader nodes could require to fill the box with some uniforms
- LGShaderContext.prototype.fillUniforms = function( uniforms, param )
- {
- if(!this._uniform_value)
- return;
-
- for(var i in this._uniform_value)
- {
- var v = this._uniform_value[i];
- if(v == null)
- continue;
- if(v.constructor === Function)
- uniforms[i] = v.call( this, param );
- else if(v.constructor === GL.Texture)
- {
- //todo...
- }
- else
- uniforms[i] = v;
- }
- }
-
- LiteGraph.ShaderContext = LiteGraph.Shaders.Context = LGShaderContext;
-
- // LGraphShaderGraph *****************************
- // applies a shader graph to texture, it can be uses as an example
-
- function LGraphShaderGraph() {
-
- //before inputs
- this.subgraph = new LiteGraph.LGraph();
- this.subgraph._subgraph_node = this;
- this.subgraph._is_subgraph = true;
- this.subgraph.filter = "shader";
-
- this.addInput("in", "texture");
- this.addOutput("out", "texture");
- this.properties = { width: 0, height: 0, alpha: false, precision: typeof(LGraphTexture) != "undefined" ? LGraphTexture.DEFAULT : 2 };
-
- var inputNode = this.subgraph.findNodesByType("shader::input/uniform")[0];
- inputNode.pos = [200,300];
-
- var sampler = LiteGraph.createNode("shader::texture/sampler2D");
- sampler.pos = [400,300];
- this.subgraph.add( sampler );
-
- var outnode = LiteGraph.createNode("shader::output/fragcolor");
- outnode.pos = [600,300];
- this.subgraph.add( outnode );
-
- inputNode.connect( 0, sampler );
- sampler.connect( 0, outnode );
-
- this.size = [180,60];
- this.redraw_on_mouse = true; //force redraw
-
- this._uniforms = {};
- this._shader = null;
- this._context = new LGShaderContext();
- this._context.vs_template = "#define VERTEX\n" + GL.Shader.SCREEN_VERTEX_SHADER;
- this._context.fs_template = LGraphShaderGraph.template;
- }
-
- LGraphShaderGraph.template = "\n\
-#define FRAGMENT\n\
-precision highp float;\n\
-varying vec2 v_coord;\n\
-{{varying}}\n\
-{{uniforms}}\n\
-{{functions}}\n\
-{{fs_functions}}\n\
-void main() {\n\n\
-vec2 uv = v_coord;\n\
-vec4 fragcolor = vec4(0.0);\n\
-vec4 fragcolor1 = vec4(0.0);\n\
-{{fs_code}}\n\
-gl_FragColor = fragcolor;\n\
-}\n\
- ";
-
- LGraphShaderGraph.widgets_info = {
- precision: { widget: "combo", values: LGraphTexture.MODE_VALUES }
- };
-
- LGraphShaderGraph.title = "ShaderGraph";
- LGraphShaderGraph.desc = "Builds a shader using a graph";
- LGraphShaderGraph.input_node_type = "input/uniform";
- LGraphShaderGraph.output_node_type = "output/fragcolor";
- LGraphShaderGraph.title_color = SHADERNODES_COLOR;
-
- LGraphShaderGraph.prototype.onSerialize = function(o)
- {
- o.subgraph = this.subgraph.serialize();
- }
-
- LGraphShaderGraph.prototype.onConfigure = function(o)
- {
- this.subgraph.configure(o.subgraph);
- }
-
- LGraphShaderGraph.prototype.onExecute = function() {
- if (!this.isOutputConnected(0))
- return;
-
- //read input texture
- var intex = this.getInputData(0);
- if(intex && intex.constructor != GL.Texture)
- intex = null;
-
- var w = this.properties.width | 0;
- var h = this.properties.height | 0;
- if (w == 0) {
- w = intex ? intex.width : gl.viewport_data[2];
- } //0 means default
- if (h == 0) {
- h = intex ? intex.height : gl.viewport_data[3];
- } //0 means default
-
- var type = LGraphTexture.getTextureType( this.properties.precision, intex );
-
- var texture = this._texture;
- if ( !texture || texture.width != w || texture.height != h || texture.type != type ) {
- texture = this._texture = new GL.Texture(w, h, {
- type: type,
- format: this.alpha ? gl.RGBA : gl.RGB,
- filter: gl.LINEAR
- });
- }
-
- var shader = this.getShader( this.subgraph );
- if(!shader)
- return;
-
- var uniforms = this._uniforms;
- this._context.fillUniforms( uniforms );
-
- var tex_slot = 0;
- if(this.inputs)
- for(var i = 0; i < this.inputs.length; ++i)
- {
- var input = this.inputs[i];
- var data = this.getInputData(i);
- if(input.type == "texture")
- {
- if(!data)
- data = GL.Texture.getWhiteTexture();
- data = data.bind(tex_slot++);
- }
-
- if(data != null)
- uniforms[ "u_" + input.name ] = data;
- }
-
- var mesh = GL.Mesh.getScreenQuad();
-
- gl.disable( gl.DEPTH_TEST );
- gl.disable( gl.BLEND );
-
- texture.drawTo(function(){
- shader.uniforms( uniforms );
- shader.draw( mesh );
- });
-
- //use subgraph output
- this.setOutputData(0, texture );
- };
-
- //add input node inside subgraph
- LGraphShaderGraph.prototype.onInputAdded = function( slot_info )
- {
- var subnode = LiteGraph.createNode("shader::input/uniform");
- subnode.setProperty("name",slot_info.name);
- subnode.setProperty("type",slot_info.type);
- this.subgraph.add( subnode );
- }
-
- //remove all
- LGraphShaderGraph.prototype.onInputRemoved = function( slot, slot_info )
- {
- var nodes = this.subgraph.findNodesByType("shader::input/uniform");
- for(var i = 0; i < nodes.length; ++i)
- {
- var node = nodes[i];
- if(node.properties.name == slot_info.name )
- this.subgraph.remove( node );
- }
- }
-
- LGraphShaderGraph.prototype.computeSize = function()
- {
- var num_inputs = this.inputs ? this.inputs.length : 0;
- var num_outputs = this.outputs ? this.outputs.length : 0;
- return [ 200, Math.max(num_inputs,num_outputs) * LiteGraph.NODE_SLOT_HEIGHT + LiteGraph.NODE_TITLE_HEIGHT + 10];
- }
-
- LGraphShaderGraph.prototype.getShader = function()
- {
- var shader = this._context.getShader( this.subgraph );
- if(!shader)
- this.boxcolor = "red";
- else
- this.boxcolor = null;
- return shader;
- }
-
- LGraphShaderGraph.prototype.onDrawBackground = function(ctx, graphcanvas, canvas, pos)
- {
- if(this.flags.collapsed)
- return;
-
- //allows to preview the node if the canvas is a webgl canvas
- var tex = this.getOutputData(0);
- var inputs_y = this.inputs ? this.inputs.length * LiteGraph.NODE_SLOT_HEIGHT : 0;
- if (tex && ctx == tex.gl && this.size[1] > inputs_y + LiteGraph.NODE_TITLE_HEIGHT ) {
- ctx.drawImage( tex, 10,y, this.size[0] - 20, this.size[1] - inputs_y - LiteGraph.NODE_TITLE_HEIGHT );
- }
-
- var y = this.size[1] - LiteGraph.NODE_TITLE_HEIGHT + 0.5;
-
- //button
- var over = LiteGraph.isInsideRectangle(pos[0],pos[1],this.pos[0],this.pos[1] + y,this.size[0],LiteGraph.NODE_TITLE_HEIGHT);
- ctx.fillStyle = over ? "#555" : "#222";
- ctx.beginPath();
- if (this._shape == LiteGraph.BOX_SHAPE)
- ctx.rect(0, y, this.size[0]+1, LiteGraph.NODE_TITLE_HEIGHT);
- else
- ctx.roundRect( 0, y, this.size[0]+1, LiteGraph.NODE_TITLE_HEIGHT, 0, 8);
- ctx.fill();
-
- //button
- ctx.textAlign = "center";
- ctx.font = "24px Arial";
- ctx.fillStyle = over ? "#DDD" : "#999";
- ctx.fillText( "+", this.size[0] * 0.5, y + 24 );
- }
-
- LGraphShaderGraph.prototype.onMouseDown = function(e, localpos, graphcanvas)
- {
- var y = this.size[1] - LiteGraph.NODE_TITLE_HEIGHT + 0.5;
- if(localpos[1] > y)
- {
- graphcanvas.showSubgraphPropertiesDialog(this);
- }
- }
-
- LGraphShaderGraph.prototype.onDrawSubgraphBackground = function(graphcanvas)
- {
- //TODO
- }
-
- LGraphShaderGraph.prototype.getExtraMenuOptions = function(graphcanvas)
- {
- var that = this;
- var options = [{ content: "Print Code", callback: function(){
- var code = that._context.computeShaderCode();
- console.log( code.vs_code, code.fs_code );
- }}];
-
- return options;
- }
-
- LiteGraph.registerNodeType( "texture/shaderGraph", LGraphShaderGraph );
-
- function shaderNodeFromFunction( classname, params, return_type, code )
- {
- //TODO
- }
-
- //Shader Nodes ***********************************************************
-
- //applies a shader graph to a code
- function LGraphShaderUniform() {
- this.addOutput("out", "");
- this.properties = { name: "", type: "" };
- }
-
- LGraphShaderUniform.title = "Uniform";
- LGraphShaderUniform.desc = "Input data for the shader";
-
- LGraphShaderUniform.prototype.getTitle = function()
- {
- if( this.properties.name && this.flags.collapsed)
- return this.properties.type + " " + this.properties.name;
- return "Uniform";
- }
-
- LGraphShaderUniform.prototype.onPropertyChanged = function(name,value)
- {
- this.outputs[0].name = this.properties.type + " " + this.properties.name;
- }
-
- LGraphShaderUniform.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination)
- return;
-
- var type = this.properties.type;
- if( !type )
- {
- if( !context.onGetPropertyInfo )
- return;
- var info = context.onGetPropertyInfo( this.property.name );
- if(!info)
- return;
- type = info.type;
- }
- if(type == "number")
- type = "float";
- else if(type == "texture")
- type = "sampler2D";
- if ( LGShaders.GLSL_types.indexOf(type) == -1 )
- return;
-
- context.addUniform( "u_" + this.properties.name, type );
- this.setOutputData( 0, type );
- }
-
- LGraphShaderUniform.prototype.getOutputVarName = function(slot)
- {
- return "u_" + this.properties.name;
- }
-
- registerShaderNode( "input/uniform", LGraphShaderUniform );
-
-
- function LGraphShaderAttribute() {
- this.addOutput("out", "vec2");
- this.properties = { name: "coord", type: "vec2" };
- }
-
- LGraphShaderAttribute.title = "Attribute";
- LGraphShaderAttribute.desc = "Input data from mesh attribute";
-
- LGraphShaderAttribute.prototype.getTitle = function()
- {
- return "att. " + this.properties.name;
- }
-
- LGraphShaderAttribute.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination)
- return;
-
- var type = this.properties.type;
- if( !type || LGShaders.GLSL_types.indexOf(type) == -1 )
- return;
- if(type == "number")
- type = "float";
- if( this.properties.name != "coord")
- {
- context.addCode( "varying", " varying " + type +" v_" + this.properties.name + ";" );
- //if( !context.varyings[ this.properties.name ] )
- //context.addCode( "vs_code", "v_" + this.properties.name + " = " + input_name + ";" );
- }
- this.setOutputData( 0, type );
- }
-
- LGraphShaderAttribute.prototype.getOutputVarName = function(slot)
- {
- return "v_" + this.properties.name;
- }
-
- registerShaderNode( "input/attribute", LGraphShaderAttribute );
-
- function LGraphShaderSampler2D() {
- this.addInput("tex", "sampler2D");
- this.addInput("uv", "vec2");
- this.addOutput("rgba", "vec4");
- this.addOutput("rgb", "vec3");
- }
-
- LGraphShaderSampler2D.title = "Sampler2D";
- LGraphShaderSampler2D.desc = "Reads a pixel from a texture";
-
- LGraphShaderSampler2D.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination)
- return;
-
- var texname = getInputLinkID( this, 0 );
- var varname = getShaderNodeVarName(this);
- var code = "vec4 " + varname + " = vec4(0.0);\n";
- if(texname)
- {
- var uvname = getInputLinkID( this, 1 ) || context.buffer_names.uvs;
- code += varname + " = texture2D("+texname+","+uvname+");\n";
- }
-
- var link0 = getOutputLinkID( this, 0 );
- if(link0)
- code += "vec4 " + getOutputLinkID( this, 0 ) + " = "+varname+";\n";
-
- var link1 = getOutputLinkID( this, 1 );
- if(link1)
- code += "vec3 " + getOutputLinkID( this, 1 ) + " = "+varname+".xyz;\n";
-
- context.addCode( "code", code, this.shader_destination );
- this.setOutputData( 0, "vec4" );
- this.setOutputData( 1, "vec3" );
- }
-
- registerShaderNode( "texture/sampler2D", LGraphShaderSampler2D );
-
- //*********************************
-
- function LGraphShaderConstant()
- {
- this.addOutput("","float");
-
- this.properties = {
- type: "float",
- value: 0
- };
-
- this.addWidget("combo","type","float",null, { values: GLSL_types_const, property: "type" } );
- this.updateWidgets();
- }
-
- LGraphShaderConstant.title = "const";
-
- LGraphShaderConstant.prototype.getTitle = function()
- {
- if(this.flags.collapsed)
- return valueToGLSL( this.properties.value, this.properties.type, 2 );
- return "Const";
- }
-
- LGraphShaderConstant.prototype.onPropertyChanged = function(name,value)
- {
- var that = this;
- if(name == "type")
- {
- if(this.outputs[0].type != value)
- {
- this.disconnectOutput(0);
- this.outputs[0].type = value;
- }
- this.widgets.length = 1; //remove extra widgets
- this.updateWidgets();
- }
- if(name == "value")
- {
- if(!value.length)
- this.widgets[1].value = value;
- else
- {
- this.widgets[1].value = value[1];
- if(value.length > 2)
- this.widgets[2].value = value[2];
- if(value.length > 3)
- this.widgets[3].value = value[3];
- }
- }
- }
-
- LGraphShaderConstant.prototype.updateWidgets = function( old_value )
- {
- var that = this;
- var old_value = this.properties.value;
- var options = { step: 0.01 };
- switch(this.properties.type)
- {
- case 'float':
- this.properties.value = 0;
- this.addWidget("number","v",0,{ step:0.01, property: "value" });
- break;
- case 'vec2':
- this.properties.value = old_value && old_value.length == 2 ? [old_value[0],old_value[1]] : [0,0,0];
- this.addWidget("number","x",this.properties.value[0], function(v){ that.properties.value[0] = v; },options);
- this.addWidget("number","y",this.properties.value[1], function(v){ that.properties.value[1] = v; },options);
- break;
- case 'vec3':
- this.properties.value = old_value && old_value.length == 3 ? [old_value[0],old_value[1],old_value[2]] : [0,0,0];
- this.addWidget("number","x",this.properties.value[0], function(v){ that.properties.value[0] = v; },options);
- this.addWidget("number","y",this.properties.value[1], function(v){ that.properties.value[1] = v; },options);
- this.addWidget("number","z",this.properties.value[2], function(v){ that.properties.value[2] = v; },options);
- break;
- case 'vec4':
- this.properties.value = old_value && old_value.length == 4 ? [old_value[0],old_value[1],old_value[2],old_value[3]] : [0,0,0,0];
- this.addWidget("number","x",this.properties.value[0], function(v){ that.properties.value[0] = v; },options);
- this.addWidget("number","y",this.properties.value[1], function(v){ that.properties.value[1] = v; },options);
- this.addWidget("number","z",this.properties.value[2], function(v){ that.properties.value[2] = v; },options);
- this.addWidget("number","w",this.properties.value[3], function(v){ that.properties.value[3] = v; },options);
- break;
- default:
- console.error("unknown type for constant");
- }
- }
-
- LGraphShaderConstant.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination)
- return;
-
- var value = valueToGLSL( this.properties.value, this.properties.type );
- var link_name = getOutputLinkID(this,0);
- if(!link_name) //not connected
- return;
-
- var code = " " + this.properties.type + " " + link_name + " = " + value + ";";
- context.addCode( "code", code, this.shader_destination );
-
- this.setOutputData( 0, this.properties.type );
- }
-
- registerShaderNode( "const/const", LGraphShaderConstant );
-
- function LGraphShaderVec2()
- {
- this.addInput("xy","vec2");
- this.addInput("x","float");
- this.addInput("y","float");
- this.addOutput("xy","vec2");
- this.addOutput("x","float");
- this.addOutput("y","float");
-
- this.properties = { x: 0, y: 0 };
- }
-
- LGraphShaderVec2.title = "vec2";
- LGraphShaderVec2.varmodes = ["xy","x","y"];
-
- LGraphShaderVec2.prototype.onPropertyChanged = function()
- {
- if(this.graph)
- this.graph._version++;
- }
-
- LGraphShaderVec2.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination)
- return;
-
- var props = this.properties;
-
- var varname = getShaderNodeVarName(this);
- var code = " vec2 " + varname + " = " + valueToGLSL([props.x,props.y]) + ";\n";
-
- for(var i = 0;i < LGraphShaderVec2.varmodes.length; ++i)
- {
- var varmode = LGraphShaderVec2.varmodes[i];
- var inlink = getInputLinkID(this,i);
- if(!inlink)
- continue;
- code += " " + varname + "."+varmode+" = " + inlink + ";\n";
- }
-
- for(var i = 0;i < LGraphShaderVec2.varmodes.length; ++i)
- {
- var varmode = LGraphShaderVec2.varmodes[i];
- var outlink = getOutputLinkID(this,i);
- if(!outlink)
- continue;
- var type = GLSL_types_const[varmode.length - 1];
- code += " "+type+" " + outlink + " = " + varname + "." + varmode + ";\n";
- this.setOutputData( i, type );
- }
-
- context.addCode( "code", code, this.shader_destination );
- }
-
- registerShaderNode( "const/vec2", LGraphShaderVec2 );
-
- function LGraphShaderVec3()
- {
- this.addInput("xyz","vec3");
- this.addInput("x","float");
- this.addInput("y","float");
- this.addInput("z","float");
- this.addInput("xy","vec2");
- this.addInput("xz","vec2");
- this.addInput("yz","vec2");
- this.addOutput("xyz","vec3");
- this.addOutput("x","float");
- this.addOutput("y","float");
- this.addOutput("z","float");
- this.addOutput("xy","vec2");
- this.addOutput("xz","vec2");
- this.addOutput("yz","vec2");
-
- this.properties = { x:0, y: 0, z: 0 };
- }
-
- LGraphShaderVec3.title = "vec3";
- LGraphShaderVec3.varmodes = ["xyz","x","y","z","xy","xz","yz"];
-
- LGraphShaderVec3.prototype.onPropertyChanged = function()
- {
- if(this.graph)
- this.graph._version++;
- }
-
- LGraphShaderVec3.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination)
- return;
-
- var props = this.properties;
-
- var varname = getShaderNodeVarName(this);
- var code = "vec3 " + varname + " = " + valueToGLSL([props.x,props.y,props.z]) + ";\n";
-
- for(var i = 0;i < LGraphShaderVec3.varmodes.length; ++i)
- {
- var varmode = LGraphShaderVec3.varmodes[i];
- var inlink = getInputLinkID(this,i);
- if(!inlink)
- continue;
- code += " " + varname + "."+varmode+" = " + inlink + ";\n";
- }
-
- for(var i = 0; i < LGraphShaderVec3.varmodes.length; ++i)
- {
- var varmode = LGraphShaderVec3.varmodes[i];
- var outlink = getOutputLinkID(this,i);
- if(!outlink)
- continue;
- var type = GLSL_types_const[varmode.length - 1];
- code += " "+type+" " + outlink + " = " + varname + "." + varmode + ";\n";
- this.setOutputData( i, type );
- }
-
- context.addCode( "code", code, this.shader_destination );
- }
-
- registerShaderNode( "const/vec3", LGraphShaderVec3 );
-
-
- function LGraphShaderVec4()
- {
- this.addInput("xyzw","vec4");
- this.addInput("xyz","vec3");
- this.addInput("x","float");
- this.addInput("y","float");
- this.addInput("z","float");
- this.addInput("w","float");
- this.addInput("xy","vec2");
- this.addInput("yz","vec2");
- this.addInput("zw","vec2");
- this.addOutput("xyzw","vec4");
- this.addOutput("xyz","vec3");
- this.addOutput("x","float");
- this.addOutput("y","float");
- this.addOutput("z","float");
- this.addOutput("xy","vec2");
- this.addOutput("yz","vec2");
- this.addOutput("zw","vec2");
-
- this.properties = { x:0, y: 0, z: 0, w: 0 };
- }
-
- LGraphShaderVec4.title = "vec4";
- LGraphShaderVec4.varmodes = ["xyzw","xyz","x","y","z","w","xy","yz","zw"];
-
- LGraphShaderVec4.prototype.onPropertyChanged = function()
- {
- if(this.graph)
- this.graph._version++;
- }
-
- LGraphShaderVec4.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination)
- return;
-
- var props = this.properties;
-
- var varname = getShaderNodeVarName(this);
- var code = "vec4 " + varname + " = " + valueToGLSL([props.x,props.y,props.z,props.w]) + ";\n";
-
- for(var i = 0;i < LGraphShaderVec4.varmodes.length; ++i)
- {
- var varmode = LGraphShaderVec4.varmodes[i];
- var inlink = getInputLinkID(this,i);
- if(!inlink)
- continue;
- code += " " + varname + "."+varmode+" = " + inlink + ";\n";
- }
-
- for(var i = 0;i < LGraphShaderVec4.varmodes.length; ++i)
- {
- var varmode = LGraphShaderVec4.varmodes[i];
- var outlink = getOutputLinkID(this,i);
- if(!outlink)
- continue;
- var type = GLSL_types_const[varmode.length - 1];
- code += " "+type+" " + outlink + " = " + varname + "." + varmode + ";\n";
- this.setOutputData( i, type );
- }
-
- context.addCode( "code", code, this.shader_destination );
-
- }
-
- registerShaderNode( "const/vec4", LGraphShaderVec4 );
-
- //*********************************
-
- function LGraphShaderFragColor() {
- this.addInput("color", LGShaders.ALL_TYPES );
- this.block_delete = true;
- }
-
- LGraphShaderFragColor.title = "FragColor";
- LGraphShaderFragColor.desc = "Pixel final color";
-
- LGraphShaderFragColor.prototype.onGetCode = function( context )
- {
- var link_name = getInputLinkID( this, 0 );
- if(!link_name)
- return;
- var type = this.getInputData(0);
- var code = varToTypeGLSL( link_name, type, "vec4" );
- context.addCode("fs_code", "fragcolor = " + code + ";");
- }
-
- registerShaderNode( "output/fragcolor", LGraphShaderFragColor );
-
-
- /*
- function LGraphShaderDiscard()
- {
- this.addInput("v","T");
- this.addInput("min","T");
- this.properties = { min_value: 0.0 };
- this.addWidget("number","min",0,{ step: 0.01, property: "min_value" });
- }
-
- LGraphShaderDiscard.title = "Discard";
-
- LGraphShaderDiscard.prototype.onGetCode = function( context )
- {
- if(!this.isOutputConnected(0))
- return;
-
- var inlink = getInputLinkID(this,0);
- var inlink1 = getInputLinkID(this,1);
-
- if(!inlink && !inlink1) //not connected
- return;
- context.addCode("code", return_type + " " + outlink + " = ( (" + inlink + " - "+minv+") / ("+ maxv+" - "+minv+") ) * ("+ maxv2+" - "+minv2+") + " + minv2 + ";", this.shader_destination );
- this.setOutputData( 0, return_type );
- }
-
- registerShaderNode( "output/discard", LGraphShaderDiscard );
- */
-
-
- // *************************************************
-
- function LGraphShaderOperation()
- {
- this.addInput("A", LGShaders.ALL_TYPES );
- this.addInput("B", LGShaders.ALL_TYPES );
- this.addOutput("out","");
- this.properties = {
- operation: "*"
- };
- this.addWidget("combo","op.",this.properties.operation,{ property: "operation", values: LGraphShaderOperation.operations });
- }
-
- LGraphShaderOperation.title = "Operation";
- LGraphShaderOperation.operations = ["+","-","*","/"];
-
- LGraphShaderOperation.prototype.getTitle = function()
- {
- if(this.flags.collapsed)
- return "A" + this.properties.operation + "B";
- else
- return "Operation";
- }
-
- LGraphShaderOperation.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination)
- return;
-
- if(!this.isOutputConnected(0))
- return;
-
- var inlinks = [];
- for(var i = 0; i < 3; ++i)
- inlinks.push( { name: getInputLinkID(this,i), type: this.getInputData(i) || "float" } );
-
- var outlink = getOutputLinkID(this,0);
- if(!outlink) //not connected
- return;
-
- //func_desc
- var base_type = inlinks[0].type;
- var return_type = base_type;
- var op = this.properties.operation;
-
- var params = [];
- for(var i = 0; i < 2; ++i)
- {
- var param_code = inlinks[i].name;
- if(param_code == null) //not plugged
- {
- param_code = p.value != null ? p.value : "(1.0)";
- inlinks[i].type = "float";
- }
-
- //convert
- if( inlinks[i].type != base_type )
- {
- if( inlinks[i].type == "float" && (op == "*" || op == "/") )
- {
- //I find hard to create the opposite condition now, so I prefeer an else
- }
- else
- param_code = convertVarToGLSLType( param_code, inlinks[i].type, base_type );
- }
- params.push( param_code );
- }
-
- context.addCode("code", return_type + " " + outlink + " = "+ params[0] + op + params[1] + ";", this.shader_destination );
- this.setOutputData( 0, return_type );
- }
-
- registerShaderNode( "math/operation", LGraphShaderOperation );
-
-
- function LGraphShaderFunc()
- {
- this.addInput("A", LGShaders.ALL_TYPES );
- this.addInput("B", LGShaders.ALL_TYPES );
- this.addOutput("out","");
- this.properties = {
- func: "floor"
- };
- this._current = "floor";
- this.addWidget("combo","func",this.properties.func,{ property: "func", values: GLSL_functions_name });
- }
-
- LGraphShaderFunc.title = "Func";
-
- LGraphShaderFunc.prototype.onPropertyChanged = function(name,value)
- {
- if(this.graph)
- this.graph._version++;
-
- if(name == "func")
- {
- var func_desc = GLSL_functions[ value ];
- if(!func_desc)
- return;
-
- //remove extra inputs
- for(var i = func_desc.params.length; i < this.inputs.length; ++i)
- this.removeInput(i);
-
- //add and update inputs
- for(var i = 0; i < func_desc.params.length; ++i)
- {
- var p = func_desc.params[i];
- if( this.inputs[i] )
- this.inputs[i].name = p.name + (p.value ? " (" + p.value + ")" : "");
- else
- this.addInput( p.name, LGShaders.ALL_TYPES );
- }
- }
- }
-
- LGraphShaderFunc.prototype.getTitle = function()
- {
- if(this.flags.collapsed)
- return this.properties.func;
- else
- return "Func";
- }
-
- LGraphShaderFunc.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination)
- return;
-
- if(!this.isOutputConnected(0))
- return;
-
- var inlinks = [];
- for(var i = 0; i < 3; ++i)
- inlinks.push( { name: getInputLinkID(this,i), type: this.getInputData(i) || "float" } );
-
- var outlink = getOutputLinkID(this,0);
- if(!outlink) //not connected
- return;
-
- var func_desc = GLSL_functions[ this.properties.func ];
- if(!func_desc)
- return;
-
- //func_desc
- var base_type = inlinks[0].type;
- var return_type = func_desc.return_type;
- if( return_type == "T" )
- return_type = base_type;
-
- var params = [];
- for(var i = 0; i < func_desc.params.length; ++i)
- {
- var p = func_desc.params[i];
- var param_code = inlinks[i].name;
- if(param_code == null) //not plugged
- {
- param_code = p.value != null ? p.value : "(1.0)";
- inlinks[i].type = "float";
- }
- if( (p.type == "T" && inlinks[i].type != base_type) ||
- (p.type != "T" && inlinks[i].type != base_type) )
- param_code = convertVarToGLSLType( param_code, inlinks[i].type, base_type );
- params.push( param_code );
- }
-
- context.addFunction("round","float round(float v){ return floor(v+0.5); }\nvec2 round(vec2 v){ return floor(v+vec2(0.5));}\nvec3 round(vec3 v){ return floor(v+vec3(0.5));}\nvec4 round(vec4 v){ return floor(v+vec4(0.5)); }\n");
- context.addCode("code", return_type + " " + outlink + " = "+func_desc.func+"("+params.join(",")+");", this.shader_destination );
-
- this.setOutputData( 0, return_type );
- }
-
- registerShaderNode( "math/func", LGraphShaderFunc );
-
-
-
- function LGraphShaderSnippet()
- {
- this.addInput("A", LGShaders.ALL_TYPES );
- this.addInput("B", LGShaders.ALL_TYPES );
- this.addOutput("C","vec4");
- this.properties = {
- code:"C = A+B",
- type: "vec4"
- }
- this.addWidget("text","code",this.properties.code,{ property: "code" });
- this.addWidget("combo","type",this.properties.type,{ values:["float","vec2","vec3","vec4"], property: "type" });
- }
-
- LGraphShaderSnippet.title = "Snippet";
-
- LGraphShaderSnippet.prototype.onPropertyChanged = function(name,value)
- {
- if(this.graph)
- this.graph._version++;
-
- if(name == "type"&& this.outputs[0].type != value)
- {
- this.disconnectOutput(0);
- this.outputs[0].type = value;
- }
- }
-
- LGraphShaderSnippet.prototype.getTitle = function()
- {
- if(this.flags.collapsed)
- return this.properties.code;
- else
- return "Snippet";
- }
-
- LGraphShaderSnippet.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination || !this.isOutputConnected(0))
- return;
-
- var inlinkA = getInputLinkID(this,0);
- if(!inlinkA)
- inlinkA = "1.0";
- var inlinkB = getInputLinkID(this,1);
- if(!inlinkB)
- inlinkB = "1.0";
- var outlink = getOutputLinkID(this,0);
- if(!outlink) //not connected
- return;
-
- var inA_type = this.getInputData(0) || "float";
- var inB_type = this.getInputData(1) || "float";
- var return_type = this.properties.type;
-
- //cannot resolve input
- if(inA_type == "T" || inB_type == "T")
- {
- return null;
- }
-
- var funcname = "funcSnippet" + this.id;
-
- var func_code = "\n" + return_type + " " + funcname + "( " + inA_type + " A, " + inB_type + " B) {\n";
- func_code += " " + return_type + " C = " + return_type + "(0.0);\n";
- func_code += " " + this.properties.code + ";\n";
- func_code += " return C;\n}\n";
-
- context.addCode("functions", func_code, this.shader_destination );
- context.addCode("code", return_type + " " + outlink + " = "+funcname+"("+inlinkA+","+inlinkB+");", this.shader_destination );
-
- this.setOutputData( 0, return_type );
- }
-
- registerShaderNode( "utils/snippet", LGraphShaderSnippet );
-
- //************************************
-
- function LGraphShaderRand()
- {
- this.addOutput("out","float");
- }
-
- LGraphShaderRand.title = "Rand";
-
- LGraphShaderRand.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination || !this.isOutputConnected(0))
- return;
-
- var outlink = getOutputLinkID(this,0);
-
- context.addUniform( "u_rand" + this.id, "float", function(){ return Math.random(); });
- context.addCode("code", "float " + outlink + " = u_rand" + this.id +";", this.shader_destination );
- this.setOutputData( 0, "float" );
- }
-
- registerShaderNode( "input/rand", LGraphShaderRand );
-
- //noise
- //https://gist.github.com/patriciogonzalezvivo/670c22f3966e662d2f83
- function LGraphShaderNoise()
- {
- this.addInput("out", LGShaders.ALL_TYPES );
- this.addInput("scale", "float" );
- this.addOutput("out","float");
- this.properties = {
- type: "noise",
- scale: 1
- };
- this.addWidget("combo","type", this.properties.type, { property: "type", values: LGraphShaderNoise.NOISE_TYPES });
- this.addWidget("number","scale", this.properties.scale, { property: "scale" });
- }
-
- LGraphShaderNoise.NOISE_TYPES = ["noise","rand"];
-
- LGraphShaderNoise.title = "noise";
-
- LGraphShaderNoise.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination || !this.isOutputConnected(0))
- return;
-
- var inlink = getInputLinkID(this,0);
- var outlink = getOutputLinkID(this,0);
-
- var intype = this.getInputData(0);
- if(!inlink)
- {
- intype = "vec2";
- inlink = context.buffer_names.uvs;
- }
-
- context.addFunction("noise",LGraphShaderNoise.shader_functions);
- context.addUniform( "u_noise_scale" + this.id, "float", this.properties.scale );
- if( intype == "float" )
- context.addCode("code", "float " + outlink + " = snoise( vec2(" + inlink +") * u_noise_scale" + this.id +");", this.shader_destination );
- else if( intype == "vec2" || intype == "vec3" )
- context.addCode("code", "float " + outlink + " = snoise(" + inlink +" * u_noise_scale" + this.id +");", this.shader_destination );
- else if( intype == "vec4" )
- context.addCode("code", "float " + outlink + " = snoise(" + inlink +".xyz * u_noise_scale" + this.id +");", this.shader_destination );
- this.setOutputData( 0, "float" );
- }
-
- registerShaderNode( "math/noise", LGraphShaderNoise );
-
-LGraphShaderNoise.shader_functions = "\n\
-vec3 permute(vec3 x) { return mod(((x*34.0)+1.0)*x, 289.0); }\n\
-\n\
-float snoise(vec2 v){\n\
- const vec4 C = vec4(0.211324865405187, 0.366025403784439,-0.577350269189626, 0.024390243902439);\n\
- vec2 i = floor(v + dot(v, C.yy) );\n\
- vec2 x0 = v - i + dot(i, C.xx);\n\
- vec2 i1;\n\
- i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n\
- vec4 x12 = x0.xyxy + C.xxzz;\n\
- x12.xy -= i1;\n\
- i = mod(i, 289.0);\n\
- vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 ))\n\
- + i.x + vec3(0.0, i1.x, 1.0 ));\n\
- vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy),dot(x12.zw,x12.zw)), 0.0);\n\
- m = m*m ;\n\
- m = m*m ;\n\
- vec3 x = 2.0 * fract(p * C.www) - 1.0;\n\
- vec3 h = abs(x) - 0.5;\n\
- vec3 ox = floor(x + 0.5);\n\
- vec3 a0 = x - ox;\n\
- m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h );\n\
- vec3 g;\n\
- g.x = a0.x * x0.x + h.x * x0.y;\n\
- g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n\
- return 130.0 * dot(m, g);\n\
-}\n\
-vec4 permute(vec4 x){return mod(((x*34.0)+1.0)*x, 289.0);}\n\
-vec4 taylorInvSqrt(vec4 r){return 1.79284291400159 - 0.85373472095314 * r;}\n\
-\n\
-float snoise(vec3 v){ \n\
- const vec2 C = vec2(1.0/6.0, 1.0/3.0) ;\n\
- const vec4 D = vec4(0.0, 0.5, 1.0, 2.0);\n\
-\n\
-// First corner\n\
- vec3 i = floor(v + dot(v, C.yyy) );\n\
- vec3 x0 = v - i + dot(i, C.xxx) ;\n\
-\n\
-// Other corners\n\
- vec3 g = step(x0.yzx, x0.xyz);\n\
- vec3 l = 1.0 - g;\n\
- vec3 i1 = min( g.xyz, l.zxy );\n\
- vec3 i2 = max( g.xyz, l.zxy );\n\
-\n\
- // x0 = x0 - 0. + 0.0 * C \n\
- vec3 x1 = x0 - i1 + 1.0 * C.xxx;\n\
- vec3 x2 = x0 - i2 + 2.0 * C.xxx;\n\
- vec3 x3 = x0 - 1. + 3.0 * C.xxx;\n\
-\n\
-// Permutations\n\
- i = mod(i, 289.0 ); \n\
- vec4 p = permute( permute( permute( \n\
- i.z + vec4(0.0, i1.z, i2.z, 1.0 ))\n\
- + i.y + vec4(0.0, i1.y, i2.y, 1.0 )) \n\
- + i.x + vec4(0.0, i1.x, i2.x, 1.0 ));\n\
-\n\
-// Gradients\n\
-// ( N*N points uniformly over a square, mapped onto an octahedron.)\n\
- float n_ = 1.0/7.0; // N=7\n\
- vec3 ns = n_ * D.wyz - D.xzx;\n\
-\n\
- vec4 j = p - 49.0 * floor(p * ns.z *ns.z); // mod(p,N*N)\n\
-\n\
- vec4 x_ = floor(j * ns.z);\n\
- vec4 y_ = floor(j - 7.0 * x_ ); // mod(j,N)\n\
-\n\
- vec4 x = x_ *ns.x + ns.yyyy;\n\
- vec4 y = y_ *ns.x + ns.yyyy;\n\
- vec4 h = 1.0 - abs(x) - abs(y);\n\
-\n\
- vec4 b0 = vec4( x.xy, y.xy );\n\
- vec4 b1 = vec4( x.zw, y.zw );\n\
-\n\
- vec4 s0 = floor(b0)*2.0 + 1.0;\n\
- vec4 s1 = floor(b1)*2.0 + 1.0;\n\
- vec4 sh = -step(h, vec4(0.0));\n\
-\n\
- vec4 a0 = b0.xzyw + s0.xzyw*sh.xxyy ;\n\
- vec4 a1 = b1.xzyw + s1.xzyw*sh.zzww ;\n\
-\n\
- vec3 p0 = vec3(a0.xy,h.x);\n\
- vec3 p1 = vec3(a0.zw,h.y);\n\
- vec3 p2 = vec3(a1.xy,h.z);\n\
- vec3 p3 = vec3(a1.zw,h.w);\n\
-\n\
-//Normalise gradients\n\
- vec4 norm = taylorInvSqrt(vec4(dot(p0,p0), dot(p1,p1), dot(p2, p2), dot(p3,p3)));\n\
- p0 *= norm.x;\n\
- p1 *= norm.y;\n\
- p2 *= norm.z;\n\
- p3 *= norm.w;\n\
-\n\
-// Mix final noise value\n\
- vec4 m = max(0.6 - vec4(dot(x0,x0), dot(x1,x1), dot(x2,x2), dot(x3,x3)), 0.0);\n\
- m = m * m;\n\
- return 42.0 * dot( m*m, vec4( dot(p0,x0), dot(p1,x1),dot(p2,x2), dot(p3,x3) ) );\n\
-}\n\
-\n\
-vec3 hash3( vec2 p ){\n\
- vec3 q = vec3( dot(p,vec2(127.1,311.7)), \n\
- dot(p,vec2(269.5,183.3)), \n\
- dot(p,vec2(419.2,371.9)) );\n\
- return fract(sin(q)*43758.5453);\n\
-}\n\
-vec4 hash4( vec3 p ){\n\
- vec4 q = vec4( dot(p,vec3(127.1,311.7,257.3)), \n\
- dot(p,vec3(269.5,183.3,335.1)), \n\
- dot(p,vec3(314.5,235.1,467.3)), \n\
- dot(p,vec3(419.2,371.9,114.9)) );\n\
- return fract(sin(q)*43758.5453);\n\
-}\n\
-\n\
-float iqnoise( in vec2 x, float u, float v ){\n\
- vec2 p = floor(x);\n\
- vec2 f = fract(x);\n\
- \n\
- float k = 1.0+63.0*pow(1.0-v,4.0);\n\
- \n\
- float va = 0.0;\n\
- float wt = 0.0;\n\
- for( int j=-2; j<=2; j++ )\n\
- for( int i=-2; i<=2; i++ )\n\
- {\n\
- vec2 g = vec2( float(i),float(j) );\n\
- vec3 o = hash3( p + g )*vec3(u,u,1.0);\n\
- vec2 r = g - f + o.xy;\n\
- float d = dot(r,r);\n\
- float ww = pow( 1.0-smoothstep(0.0,1.414,sqrt(d)), k );\n\
- va += o.z*ww;\n\
- wt += ww;\n\
- }\n\
- \n\
- return va/wt;\n\
-}\n\
-"
-
- function LGraphShaderTime()
- {
- this.addOutput("out","float");
- }
-
- LGraphShaderTime.title = "Time";
-
- LGraphShaderTime.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination || !this.isOutputConnected(0))
- return;
-
- var outlink = getOutputLinkID(this,0);
-
- context.addUniform( "u_time" + this.id, "float", function(){ return getTime() * 0.001; });
- context.addCode("code", "float " + outlink + " = u_time" + this.id +";", this.shader_destination );
- this.setOutputData( 0, "float" );
- }
-
- registerShaderNode( "input/time", LGraphShaderTime );
-
-
- function LGraphShaderDither()
- {
- this.addInput("in","T");
- this.addOutput("out","float");
- }
-
- LGraphShaderDither.title = "Dither";
-
- LGraphShaderDither.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination || !this.isOutputConnected(0))
- return;
-
- var inlink = getInputLinkID(this,0);
- var return_type = "float";
- var outlink = getOutputLinkID(this,0);
- var intype = this.getInputData(0);
- inlink = varToTypeGLSL( inlink, intype, "float" );
- context.addFunction("dither8x8", LGraphShaderDither.dither_func);
- context.addCode("code", return_type + " " + outlink + " = dither8x8("+ inlink +");", this.shader_destination );
- this.setOutputData( 0, return_type );
- }
-
- LGraphShaderDither.dither_values = [0.515625,0.140625,0.640625,0.046875,0.546875,0.171875,0.671875,0.765625,0.265625,0.890625,0.390625,0.796875,0.296875,0.921875,0.421875,0.203125,0.703125,0.078125,0.578125,0.234375,0.734375,0.109375,0.609375,0.953125,0.453125,0.828125,0.328125,0.984375,0.484375,0.859375,0.359375,0.0625,0.5625,0.1875,0.6875,0.03125,0.53125,0.15625,0.65625,0.8125,0.3125,0.9375,0.4375,0.78125,0.28125,0.90625,0.40625,0.25,0.75,0.125,0.625,0.21875,0.71875,0.09375,0.59375,1.0001,0.5,0.875,0.375,0.96875,0.46875,0.84375,0.34375];
-
- LGraphShaderDither.dither_func = "\n\
- float dither8x8(float brightness) {\n\
- vec2 position = vec2(0.0);\n\
- #ifdef FRAGMENT\n\
- position = gl_FragCoord.xy;\n\
- #endif\n\
- int x = int(mod(position.x, 8.0));\n\
- int y = int(mod(position.y, 8.0));\n\
- int index = x + y * 8;\n\
- float limit = 0.0;\n\
- if (x < 8) {\n\
- if(index==0) limit = 0.015625;\n\
- "+(LGraphShaderDither.dither_values.map( function(v,i){ return "else if(index== "+(i+1)+") limit = " + v + ";"}).join("\n"))+"\n\
- }\n\
- return brightness < limit ? 0.0 : 1.0;\n\
- }\n",
-
- registerShaderNode( "math/dither", LGraphShaderDither );
-
- function LGraphShaderRemap()
- {
- this.addInput("", LGShaders.ALL_TYPES );
- this.addOutput("","");
- this.properties = {
- min_value: 0,
- max_value: 1,
- min_value2: 0,
- max_value2: 1
- };
- this.addWidget("number","min",0,{ step: 0.1, property: "min_value" });
- this.addWidget("number","max",1,{ step: 0.1, property: "max_value" });
- this.addWidget("number","min2",0,{ step: 0.1, property: "min_value2"});
- this.addWidget("number","max2",1,{ step: 0.1, property: "max_value2"});
- }
-
- LGraphShaderRemap.title = "Remap";
-
- LGraphShaderRemap.prototype.onPropertyChanged = function()
- {
- if(this.graph)
- this.graph._version++;
- }
-
- LGraphShaderRemap.prototype.onConnectionsChange = function()
- {
- var return_type = this.getInputDataType(0);
- this.outputs[0].type = return_type || "T";
- }
-
- LGraphShaderRemap.prototype.onGetCode = function( context )
- {
- if(!this.shader_destination || !this.isOutputConnected(0))
- return;
-
- var inlink = getInputLinkID(this,0);
- var outlink = getOutputLinkID(this,0);
- if(!inlink && !outlink) //not connected
- return;
-
- var return_type = this.getInputDataType(0);
- this.outputs[0].type = return_type;
- if(return_type == "T")
- {
- console.warn("node type is T and cannot be resolved");
- return;
- }
-
- if(!inlink)
- {
- context.addCode("code"," " + return_type + " " + outlink + " = " + return_type + "(0.0);\n");
- return;
- }
-
- var minv = valueToGLSL( this.properties.min_value );
- var maxv = valueToGLSL( this.properties.max_value );
- var minv2 = valueToGLSL( this.properties.min_value2 );
- var maxv2 = valueToGLSL( this.properties.max_value2 );
-
- context.addCode("code", return_type + " " + outlink + " = ( (" + inlink + " - "+minv+") / ("+ maxv+" - "+minv+") ) * ("+ maxv2+" - "+minv2+") + " + minv2 + ";", this.shader_destination );
- this.setOutputData( 0, return_type );
- }
-
- registerShaderNode( "math/remap", LGraphShaderRemap );
-
-})(this);
-
-
diff --git a/src/nodes/gltextures.js b/src/nodes/gltextures.js
deleted file mode 100755
index 12c0bd5a7..000000000
--- a/src/nodes/gltextures.js
+++ /dev/null
@@ -1,5488 +0,0 @@
-(function(global) {
- var LiteGraph = global.LiteGraph;
- var LGraphCanvas = global.LGraphCanvas;
-
- //Works with Litegl.js to create WebGL nodes
- global.LGraphTexture = null;
-
- if (typeof GL == "undefined")
- return;
-
- LGraphCanvas.link_type_colors["Texture"] = "#987";
-
- function LGraphTexture() {
- this.addOutput("tex", "Texture");
- this.addOutput("name", "string");
- this.properties = { name: "", filter: true };
- this.size = [
- LGraphTexture.image_preview_size,
- LGraphTexture.image_preview_size
- ];
- }
-
- global.LGraphTexture = LGraphTexture;
-
- LGraphTexture.title = "Texture";
- LGraphTexture.desc = "Texture";
- LGraphTexture.widgets_info = {
- name: { widget: "texture" },
- filter: { widget: "checkbox" }
- };
-
- //REPLACE THIS TO INTEGRATE WITH YOUR FRAMEWORK
- LGraphTexture.loadTextureCallback = null; //function in charge of loading textures when not present in the container
- LGraphTexture.image_preview_size = 256;
-
- //flags to choose output texture type
- LGraphTexture.UNDEFINED = 0; //not specified
- LGraphTexture.PASS_THROUGH = 1; //do not apply FX (like disable but passing the in to the out)
- LGraphTexture.COPY = 2; //create new texture with the same properties as the origin texture
- LGraphTexture.LOW = 3; //create new texture with low precision (byte)
- LGraphTexture.HIGH = 4; //create new texture with high precision (half-float)
- LGraphTexture.REUSE = 5; //reuse input texture
- LGraphTexture.DEFAULT = 2; //use the default
-
- LGraphTexture.MODE_VALUES = {
- "undefined": LGraphTexture.UNDEFINED,
- "pass through": LGraphTexture.PASS_THROUGH,
- copy: LGraphTexture.COPY,
- low: LGraphTexture.LOW,
- high: LGraphTexture.HIGH,
- reuse: LGraphTexture.REUSE,
- default: LGraphTexture.DEFAULT
- };
-
- //returns the container where all the loaded textures are stored (overwrite if you have a Resources Manager)
- LGraphTexture.getTexturesContainer = function() {
- return gl.textures;
- };
-
- //process the loading of a texture (overwrite it if you have a Resources Manager)
- LGraphTexture.loadTexture = function(name, options) {
- options = options || {};
- var url = name;
- if (url.substr(0, 7) == "http://") {
- if (LiteGraph.proxy) {
- //proxy external files
- url = LiteGraph.proxy + url.substr(7);
- }
- }
-
- var container = LGraphTexture.getTexturesContainer();
- var tex = (container[name] = GL.Texture.fromURL(url, options));
- return tex;
- };
-
- LGraphTexture.getTexture = function(name) {
- var container = this.getTexturesContainer();
-
- if (!container) {
- throw "Cannot load texture, container of textures not found";
- }
-
- var tex = container[name];
- if (!tex && name && name[0] != ":") {
- return this.loadTexture(name);
- }
-
- return tex;
- };
-
- //used to compute the appropiate output texture
- LGraphTexture.getTargetTexture = function(origin, target, mode) {
- if (!origin) {
- throw "LGraphTexture.getTargetTexture expects a reference texture";
- }
-
- var tex_type = null;
-
- switch (mode) {
- case LGraphTexture.LOW:
- tex_type = gl.UNSIGNED_BYTE;
- break;
- case LGraphTexture.HIGH:
- tex_type = gl.HIGH_PRECISION_FORMAT;
- break;
- case LGraphTexture.REUSE:
- return origin;
- break;
- case LGraphTexture.COPY:
- default:
- tex_type = origin ? origin.type : gl.UNSIGNED_BYTE;
- break;
- }
-
- if (
- !target ||
- target.width != origin.width ||
- target.height != origin.height ||
- target.type != tex_type ||
- target.format != origin.format
- ) {
- target = new GL.Texture(origin.width, origin.height, {
- type: tex_type,
- format: origin.format,
- filter: gl.LINEAR
- });
- }
-
- return target;
- };
-
- LGraphTexture.getTextureType = function(precision, ref_texture) {
- var type = ref_texture ? ref_texture.type : gl.UNSIGNED_BYTE;
- switch (precision) {
- case LGraphTexture.HIGH:
- type = gl.HIGH_PRECISION_FORMAT;
- break;
- case LGraphTexture.LOW:
- type = gl.UNSIGNED_BYTE;
- break;
- //no default
- }
- return type;
- };
-
- LGraphTexture.getWhiteTexture = function() {
- if (this._white_texture) {
- return this._white_texture;
- }
- var texture = (this._white_texture = GL.Texture.fromMemory(
- 1,
- 1,
- [255, 255, 255, 255],
- { format: gl.RGBA, wrap: gl.REPEAT, filter: gl.NEAREST }
- ));
- return texture;
- };
-
- LGraphTexture.getNoiseTexture = function() {
- if (this._noise_texture) {
- return this._noise_texture;
- }
-
- var noise = new Uint8Array(512 * 512 * 4);
- for (var i = 0; i < 512 * 512 * 4; ++i) {
- noise[i] = Math.random() * 255;
- }
-
- var texture = GL.Texture.fromMemory(512, 512, noise, {
- format: gl.RGBA,
- wrap: gl.REPEAT,
- filter: gl.NEAREST
- });
- this._noise_texture = texture;
- return texture;
- };
-
- LGraphTexture.prototype.onDropFile = function(data, filename, file) {
- if (!data) {
- this._drop_texture = null;
- this.properties.name = "";
- } else {
- var texture = null;
- if (typeof data == "string") {
- texture = GL.Texture.fromURL(data);
- } else if (filename.toLowerCase().indexOf(".dds") != -1) {
- texture = GL.Texture.fromDDSInMemory(data);
- } else {
- var blob = new Blob([file]);
- var url = URL.createObjectURL(blob);
- texture = GL.Texture.fromURL(url);
- }
-
- this._drop_texture = texture;
- this.properties.name = filename;
- }
- };
-
- LGraphTexture.prototype.getExtraMenuOptions = function(graphcanvas) {
- var that = this;
- if (!this._drop_texture) {
- return;
- }
- return [
- {
- content: "Clear",
- callback: function() {
- that._drop_texture = null;
- that.properties.name = "";
- }
- }
- ];
- };
-
- LGraphTexture.prototype.onExecute = function() {
- var tex = null;
- if (this.isOutputConnected(1)) {
- tex = this.getInputData(0);
- }
-
- if (!tex && this._drop_texture) {
- tex = this._drop_texture;
- }
-
- if (!tex && this.properties.name) {
- tex = LGraphTexture.getTexture(this.properties.name);
- }
-
- if (!tex) {
- this.setOutputData( 0, null );
- this.setOutputData( 1, "" );
- return;
- }
-
- this._last_tex = tex;
-
- if (this.properties.filter === false) {
- tex.setParameter(gl.TEXTURE_MAG_FILTER, gl.NEAREST);
- } else {
- tex.setParameter(gl.TEXTURE_MAG_FILTER, gl.LINEAR);
- }
-
- this.setOutputData( 0, tex );
- this.setOutputData( 1, tex.fullpath || tex.filename );
-
- for (var i = 2; i < this.outputs.length; i++) {
- var output = this.outputs[i];
- if (!output) {
- continue;
- }
- var v = null;
- if (output.name == "width") {
- v = tex.width;
- } else if (output.name == "height") {
- v = tex.height;
- } else if (output.name == "aspect") {
- v = tex.width / tex.height;
- }
- this.setOutputData(i, v);
- }
- };
-
- LGraphTexture.prototype.onResourceRenamed = function(
- old_name,
- new_name
- ) {
- if (this.properties.name == old_name) {
- this.properties.name = new_name;
- }
- };
-
- LGraphTexture.prototype.onDrawBackground = function(ctx) {
- if (this.flags.collapsed || this.size[1] <= 20) {
- return;
- }
-
- if (this._drop_texture && ctx.webgl) {
- ctx.drawImage(
- this._drop_texture,
- 0,
- 0,
- this.size[0],
- this.size[1]
- );
- //this._drop_texture.renderQuad(this.pos[0],this.pos[1],this.size[0],this.size[1]);
- return;
- }
-
- //Different texture? then get it from the GPU
- if (this._last_preview_tex != this._last_tex) {
- if (ctx.webgl) {
- this._canvas = this._last_tex;
- } else {
- var tex_canvas = LGraphTexture.generateLowResTexturePreview(
- this._last_tex
- );
- if (!tex_canvas) {
- return;
- }
-
- this._last_preview_tex = this._last_tex;
- this._canvas = cloneCanvas(tex_canvas);
- }
- }
-
- if (!this._canvas) {
- return;
- }
-
- //render to graph canvas
- ctx.save();
- if (!ctx.webgl) {
- //reverse image
- ctx.translate(0, this.size[1]);
- ctx.scale(1, -1);
- }
- ctx.drawImage(this._canvas, 0, 0, this.size[0], this.size[1]);
- ctx.restore();
- };
-
- //very slow, used at your own risk
- LGraphTexture.generateLowResTexturePreview = function(tex) {
- if (!tex) {
- return null;
- }
-
- var size = LGraphTexture.image_preview_size;
- var temp_tex = tex;
-
- if (tex.format == gl.DEPTH_COMPONENT) {
- return null;
- } //cannot generate from depth
-
- //Generate low-level version in the GPU to speed up
- if (tex.width > size || tex.height > size) {
- temp_tex = this._preview_temp_tex;
- if (!this._preview_temp_tex) {
- temp_tex = new GL.Texture(size, size, {
- minFilter: gl.NEAREST
- });
- this._preview_temp_tex = temp_tex;
- }
-
- //copy
- tex.copyTo(temp_tex);
- tex = temp_tex;
- }
-
- //create intermediate canvas with lowquality version
- var tex_canvas = this._preview_canvas;
- if (!tex_canvas) {
- tex_canvas = createCanvas(size, size);
- this._preview_canvas = tex_canvas;
- }
-
- if (temp_tex) {
- temp_tex.toCanvas(tex_canvas);
- }
- return tex_canvas;
- };
-
- LGraphTexture.prototype.getResources = function(res) {
- if(this.properties.name)
- res[this.properties.name] = GL.Texture;
- return res;
- };
-
- LGraphTexture.prototype.onGetInputs = function() {
- return [["in", "Texture"]];
- };
-
- LGraphTexture.prototype.onGetOutputs = function() {
- return [
- ["width", "number"],
- ["height", "number"],
- ["aspect", "number"]
- ];
- };
-
- //used to replace shader code
- LGraphTexture.replaceCode = function( code, context )
- {
- return code.replace(/\{\{[a-zA-Z0-9_]*\}\}/g, function(v){
- v = v.replace( /[\{\}]/g, "" );
- return context[v] || "";
- });
- }
-
- LiteGraph.registerNodeType("texture/texture", LGraphTexture);
-
- //**************************
- function LGraphTexturePreview() {
- this.addInput("Texture", "Texture");
- this.properties = { flipY: false };
- this.size = [
- LGraphTexture.image_preview_size,
- LGraphTexture.image_preview_size
- ];
- }
-
- LGraphTexturePreview.title = "Preview";
- LGraphTexturePreview.desc = "Show a texture in the graph canvas";
- LGraphTexturePreview.allow_preview = false;
-
- LGraphTexturePreview.prototype.onDrawBackground = function(ctx) {
- if (this.flags.collapsed) {
- return;
- }
-
- if (!ctx.webgl && !LGraphTexturePreview.allow_preview) {
- return;
- } //not working well
-
- var tex = this.getInputData(0);
- if (!tex) {
- return;
- }
-
- var tex_canvas = null;
-
- if (!tex.handle && ctx.webgl) {
- tex_canvas = tex;
- } else {
- tex_canvas = LGraphTexture.generateLowResTexturePreview(tex);
- }
-
- //render to graph canvas
- ctx.save();
- if (this.properties.flipY) {
- ctx.translate(0, this.size[1]);
- ctx.scale(1, -1);
- }
- ctx.drawImage(tex_canvas, 0, 0, this.size[0], this.size[1]);
- ctx.restore();
- };
-
- LiteGraph.registerNodeType("texture/preview", LGraphTexturePreview);
-
- //**************************************
-
- function LGraphTextureSave() {
- this.addInput("Texture", "Texture");
- this.addOutput("tex", "Texture");
- this.addOutput("name", "string");
- this.properties = { name: "", generate_mipmaps: false };
- }
-
- LGraphTextureSave.title = "Save";
- LGraphTextureSave.desc = "Save a texture in the repository";
-
- LGraphTextureSave.prototype.getPreviewTexture = function()
- {
- return this._texture;
- }
-
- LGraphTextureSave.prototype.onExecute = function() {
- var tex = this.getInputData(0);
- if (!tex) {
- return;
- }
-
- if (this.properties.generate_mipmaps) {
- tex.bind(0);
- tex.setParameter( gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR );
- gl.generateMipmap(tex.texture_type);
- tex.unbind(0);
- }
-
- if (this.properties.name) {
- //for cases where we want to perform something when storing it
- if (LGraphTexture.storeTexture) {
- LGraphTexture.storeTexture(this.properties.name, tex);
- } else {
- var container = LGraphTexture.getTexturesContainer();
- container[this.properties.name] = tex;
- }
- }
-
- this._texture = tex;
- this.setOutputData(0, tex);
- this.setOutputData(1, this.properties.name);
- };
-
- LiteGraph.registerNodeType("texture/save", LGraphTextureSave);
-
- //****************************************************
-
- function LGraphTextureOperation() {
- this.addInput("Texture", "Texture");
- this.addInput("TextureB", "Texture");
- this.addInput("value", "number");
- this.addOutput("Texture", "Texture");
- this.help = "