Merge branch 'heads/upstream/master'

demo/js/code.js

@@ -0,0 +1,50 @@
+
+LiteGraph.node_images_path = "../nodes_data/";
+var editor = new LiteGraph.Editor("main");
+window.graphcanvas = editor.graphcanvas;
+window.graph = editor.graph;
+window.addEventListener("resize", function() { editor.graphcanvas.resize(); } );
+window.addEventListener("keydown", editor.graphcanvas.processKey.bind(editor.graphcanvas) );
+
+//create scene selector
+var elem = document.createElement("span");
+elem.className = "selector";
+elem.innerHTML = "Demo <select><option>Empty</option></select> <button id='save'>Save</button><button id='load'>Load</button>";
+editor.tools.appendChild(elem);
+var select = elem.querySelector("select");
+select.addEventListener("change", function(e){
+	var option = this.options[this.selectedIndex];
+	var url = option.dataset["url"];
+	
+	if(url)
+		graph.load( url );
+	else
+		graph.clear();
+});
+
+elem.querySelector("#save").addEventListener("click",function(){
+	console.log("saved");
+	localStorage.setItem( "graphdemo_save", JSON.stringify( graph.serialize() ) );
+});
+
+elem.querySelector("#load").addEventListener("click",function(){
+	var data = localStorage.getItem( "graphdemo_save" );
+	if(data)
+		graph.configure( JSON.parse( data ) );
+	console.log("loaded");
+});
+
+function addDemo( name, url )
+{
+	var option = document.createElement("option");
+	option.dataset["url"] = url;
+	option.innerHTML = name;
+	select.appendChild( option );
+}
+
+//some examples
+addDemo("Audio", "examples/audio.json");
+addDemo("Audio Delay", "examples/audio_delay.json");
+addDemo("Audio Reverb", "examples/audio_reverb.json");
+
+

demo/js/demos.js

@@ -0,0 +1,80 @@
+
+function demo()
+{
+	multiConnection();
+}
+
+function multiConnection()
+{
+
+
+	var node_button = LiteGraph.createNode("widget/button");
+	node_button.pos = [100,400];
+	graph.add(node_button);
+
+	var node_console = LiteGraph.createNode("basic/console");
+	node_console.pos = [400,400];
+	graph.add(node_console);
+	node_button.connect(0, node_console );
+
+	var node_const_A = LiteGraph.createNode("basic/const");
+	node_const_A.pos = [200,200];
+	graph.add(node_const_A);
+	node_const_A.setValue(4.5);
+
+	var node_const_B = LiteGraph.createNode("basic/const");
+	node_const_B.pos = [200,300];
+	graph.add(node_const_B);
+	node_const_B.setValue(10);
+
+	var node_math = LiteGraph.createNode("math/operation");
+	node_math.pos = [400,200];
+	graph.add(node_math);
+
+	var node_watch = LiteGraph.createNode("basic/watch");
+	node_watch.pos = [700,200];
+	graph.add(node_watch);
+
+	var node_watch2 = LiteGraph.createNode("basic/watch");
+	node_watch2.pos = [700,300];
+	graph.add(node_watch2);
+
+	node_const_A.connect(0,node_math,0 );
+	node_const_B.connect(0,node_math,1 );
+	node_math.connect(0,node_watch,0 );
+	node_math.connect(0,node_watch2,0 );
+}
+
+function sortTest()
+{
+	var rand = LiteGraph.createNode("math/rand",null, {pos: [10,100] });
+	graph.add(rand);
+
+	var nodes = [];
+	for(var i = 4; i >= 1; i--)
+	{
+		var n = LiteGraph.createNode("basic/watch",null, {pos: [i * 120,100] });
+		graph.add(n);
+		nodes[i-1] = n;
+	}
+
+	rand.connect(0, nodes[0], 0);
+
+	for(var i = 0; i < nodes.length - 1; i++)
+		nodes[i].connect(0,nodes[i+1], 0);
+}
+
+function benchmark()
+{
+	var num_nodes = 200;
+	var nodes = [];
+	for(var i = 0; i < num_nodes; i++)
+	{
+		var n = LiteGraph.createNode("basic/watch",null, {pos: [(2000 * Math.random())|0, (2000 * Math.random())|0] });
+		graph.add(n);
+		nodes.push(n);
+	}
+
+	for(var i = 0; i < nodes.length; i++)
+		nodes[ (Math.random() * nodes.length)|0 ].connect(0, nodes[ (Math.random() * nodes.length)|0 ], 0 );
+}