From b2d1f443e4d5c9a6db59604103c813736a09b1a1 Mon Sep 17 00:00:00 2001 From: Javi Agenjo Date: Thu, 20 Oct 2016 13:38:01 +0200 Subject: [PATCH 1/4] Update README.md --- README.md | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 2b9687edb..7bfb1d25e 100755 --- a/README.md +++ b/README.md @@ -4,11 +4,14 @@ A library to create graphs similar to PD. Nodes can be programmed easily and it # Projects using it +## [webglstudio.org](http://webglstudio.org) + ![WebGLStudio](imgs/webglstudio.gif "WebGLStudio") -[webglstudio.org](http://webglstudio.org) + +## [MOI Elephant](http://moiscript.weebly.com/elephant-systegraveme-nodal.html) ![MOI Elephant](imgs/elephant.gif "MOI Elephant") -[MOI Elephant](http://moiscript.weebly.com/elephant-systegraveme-nodal.html) + Utils From 1dc2ce73d27c6b9159fc5b9847892669fc23970e Mon Sep 17 00:00:00 2001 From: Javi Agenjo Date: Thu, 20 Oct 2016 14:27:27 +0200 Subject: [PATCH 2/4] Update README.md --- README.md | 64 +++++++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 58 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 7bfb1d25e..d595ed2b5 100755 --- a/README.md +++ b/README.md @@ -1,26 +1,78 @@ # litegraph.js -A library to create graphs similar to PD. Nodes can be programmed easily and it includes an editor to construct the graphs. +A library in Javascript to create graphs in the browser similar to PD. Nodes can be programmed easily and it includes an editor to construct the graphs. -# Projects using it +It can be integrated easily in any existing web applications and graphs can be run without the need of the editor. -## [webglstudio.org](http://webglstudio.org) +## Creating a Graph ## + +You can create graphs from the editor (and store them in JSON) or directly from code: + +```javascript + +var graph = new LGraph(); +var node = LiteGraph.createNode("basic/const"); +var node2 = LiteGraph.createNode("basic/watch"); +graph.add( node ); +graph.add( node2 ); +node.connect(0, node2, 0); //connect node slot 0 to node2 slot 0 + +graph.runStep(1); //execute one cycle +``` + +## How to code a new Node type + +Here is an example of how to build a node that sums two inputs: + +```javascript +//node constructor class +function MyAddNode() +{ + this.addInput("A","number"); + this.addInput("B","number"); + this.addOutput("A+B","number"); +} + +//name to show +MyAddNode.name = "Sum"; + +//function to call when the node is executed +MyAddNode.prototype.onExecute = function() +{ + var A = this.getInputData(0); + if( A === undefined ) + A = 0; + var B = this.getInputData(1); + if( B === undefined ) + B = 0; + this.setOutputData( 0, A + B ); +} + +//register in the system +LiteGraph.registerNodeType("basic/sum", MyAddNode ); + +``` + + +## Projects using it + +### [webglstudio.org](http://webglstudio.org) ![WebGLStudio](imgs/webglstudio.gif "WebGLStudio") -## [MOI Elephant](http://moiscript.weebly.com/elephant-systegraveme-nodal.html) +### [MOI Elephant](http://moiscript.weebly.com/elephant-systegraveme-nodal.html) ![MOI Elephant](imgs/elephant.gif "MOI Elephant") -Utils +## Utils ----- It includes several commands in the utils folder to generate doc, check errors and build minifyed version. -Feedback +## Feedback -------- You can write any feedback to javi.agenjo@gmail.com From 3352287298268b729e2ddb8bd3f80d60cb1c7024 Mon Sep 17 00:00:00 2001 From: Javi Agenjo Date: Thu, 20 Oct 2016 14:28:18 +0200 Subject: [PATCH 3/4] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d595ed2b5..5e77f56c5 100755 --- a/README.md +++ b/README.md @@ -34,7 +34,7 @@ function MyAddNode() } //name to show -MyAddNode.name = "Sum"; +MyAddNode.title = "Sum"; //function to call when the node is executed MyAddNode.prototype.onExecute = function() From 9a7887b1e06a1008474ff274fa18a832540b56a3 Mon Sep 17 00:00:00 2001 From: Javi Agenjo Date: Thu, 20 Oct 2016 14:42:07 +0200 Subject: [PATCH 4/4] Update README.md --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 5e77f56c5..4b1bddc93 100755 --- a/README.md +++ b/README.md @@ -64,7 +64,9 @@ LiteGraph.registerNodeType("basic/sum", MyAddNode ); ![MOI Elephant](imgs/elephant.gif "MOI Elephant") +### [Mynodes.NET](http://www.mynodes.net) +![MyNodes.NET](imgs/mynodes.png "MyNodes.NET") ## Utils -----