Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-01-26 19:09:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
Javi Agenjo
2016-10-20 14:27:27 +02:00
committed by GitHub
parent b2d1f443e4
commit 1dc2ce73d2
1 changed files with 58 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
README.md
View File

@@ -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