first working version of Subgraphs

This commit is contained in:
tamat
2019-04-11 19:04:59 +02:00
parent 4843134143
commit c03f0eb3b7
14 changed files with 3966 additions and 2233 deletions

View File

@@ -85,7 +85,7 @@
<div class="foundat">
Defined in: <a href="../files/.._src_litegraph.js.html#l3624"><code>..&#x2F;src&#x2F;litegraph.js:3624</code></a>
Defined in: <a href="../files/.._src_litegraph.js.html#l4164"><code>..&#x2F;src&#x2F;litegraph.js:4164</code></a>
</div>
@@ -126,7 +126,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3624"><code>..&#x2F;src&#x2F;litegraph.js:3624</code></a>
<a href="../files/.._src_litegraph.js.html#l4164"><code>..&#x2F;src&#x2F;litegraph.js:4164</code></a>
</p>
@@ -398,7 +398,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4730"><code>..&#x2F;src&#x2F;litegraph.js:4730</code></a>
<a href="../files/.._src_litegraph.js.html#l5319"><code>..&#x2F;src&#x2F;litegraph.js:5319</code></a>
</p>
@@ -429,7 +429,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3498"><code>..&#x2F;src&#x2F;litegraph.js:3498</code></a>
<a href="../files/.._src_litegraph.js.html#l4038"><code>..&#x2F;src&#x2F;litegraph.js:4038</code></a>
</p>
@@ -460,7 +460,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4816"><code>..&#x2F;src&#x2F;litegraph.js:4816</code></a>
<a href="../files/.._src_litegraph.js.html#l5403"><code>..&#x2F;src&#x2F;litegraph.js:5403</code></a>
</p>
@@ -491,7 +491,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4719"><code>..&#x2F;src&#x2F;litegraph.js:4719</code></a>
<a href="../files/.._src_litegraph.js.html#l5308"><code>..&#x2F;src&#x2F;litegraph.js:5308</code></a>
</p>
@@ -522,7 +522,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3306"><code>..&#x2F;src&#x2F;litegraph.js:3306</code></a>
<a href="../files/.._src_litegraph.js.html#l3837"><code>..&#x2F;src&#x2F;litegraph.js:3837</code></a>
</p>
@@ -559,7 +559,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3406"><code>..&#x2F;src&#x2F;litegraph.js:3406</code></a>
<a href="../files/.._src_litegraph.js.html#l3938"><code>..&#x2F;src&#x2F;litegraph.js:3938</code></a>
</p>
@@ -607,7 +607,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4849"><code>..&#x2F;src&#x2F;litegraph.js:4849</code></a>
<a href="../files/.._src_litegraph.js.html#l5436"><code>..&#x2F;src&#x2F;litegraph.js:5436</code></a>
</p>
@@ -638,7 +638,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4798"><code>..&#x2F;src&#x2F;litegraph.js:4798</code></a>
<a href="../files/.._src_litegraph.js.html#l5387"><code>..&#x2F;src&#x2F;litegraph.js:5387</code></a>
</p>
@@ -646,7 +646,7 @@
</div>
<div class="description">
<p>converts a coordinate in graphcanvas space to canvas2D space (NAME IS CONFUSION, SHOULD BE THE OTHER WAY AROUND)</p>
<p>converts a coordinate from Canvas2D coordinates to graph space</p>
</div>
@@ -669,7 +669,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4786"><code>..&#x2F;src&#x2F;litegraph.js:4786</code></a>
<a href="../files/.._src_litegraph.js.html#l5378"><code>..&#x2F;src&#x2F;litegraph.js:5378</code></a>
</p>
@@ -677,7 +677,7 @@
</div>
<div class="description">
<p>converts a coordinate in canvas2D space to graphcanvas space (NAME IS CONFUSION, SHOULD BE THE OTHER WAY AROUND)</p>
<p>converts a coordinate from graph coordinates to canvas2D coordinates</p>
</div>
@@ -700,7 +700,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4702"><code>..&#x2F;src&#x2F;litegraph.js:4702</code></a>
<a href="../files/.._src_litegraph.js.html#l5291"><code>..&#x2F;src&#x2F;litegraph.js:5291</code></a>
</p>
@@ -731,7 +731,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4679"><code>..&#x2F;src&#x2F;litegraph.js:4679</code></a>
<a href="../files/.._src_litegraph.js.html#l5268"><code>..&#x2F;src&#x2F;litegraph.js:5268</code></a>
</p>
@@ -762,7 +762,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4653"><code>..&#x2F;src&#x2F;litegraph.js:4653</code></a>
<a href="../files/.._src_litegraph.js.html#l5242"><code>..&#x2F;src&#x2F;litegraph.js:5242</code></a>
</p>
@@ -793,7 +793,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4874"><code>..&#x2F;src&#x2F;litegraph.js:4874</code></a>
<a href="../files/.._src_litegraph.js.html#l5461"><code>..&#x2F;src&#x2F;litegraph.js:5461</code></a>
</p>
@@ -824,7 +824,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l5064"><code>..&#x2F;src&#x2F;litegraph.js:5064</code></a>
<a href="../files/.._src_litegraph.js.html#l5659"><code>..&#x2F;src&#x2F;litegraph.js:5659</code></a>
</p>
@@ -855,7 +855,7 @@
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l5639"><code>..&#x2F;src&#x2F;litegraph.js:5639</code></a>
<a href="../files/.._src_litegraph.js.html#l6311"><code>..&#x2F;src&#x2F;litegraph.js:6311</code></a>
</p>
@@ -887,7 +887,7 @@ OPTIMIZE THIS: precatch connections position instead of recomputing them every t
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4905"><code>..&#x2F;src&#x2F;litegraph.js:4905</code></a>
<a href="../files/.._src_litegraph.js.html#l5488"><code>..&#x2F;src&#x2F;litegraph.js:5488</code></a>
</p>
@@ -918,7 +918,7 @@ OPTIMIZE THIS: precatch connections position instead of recomputing them every t
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l5990"><code>..&#x2F;src&#x2F;litegraph.js:5990</code></a>
<a href="../files/.._src_litegraph.js.html#l6924"><code>..&#x2F;src&#x2F;litegraph.js:6924</code></a>
</p>
@@ -949,7 +949,7 @@ OPTIMIZE THIS: precatch connections position instead of recomputing them every t
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l5196"><code>..&#x2F;src&#x2F;litegraph.js:5196</code></a>
<a href="../files/.._src_litegraph.js.html#l5807"><code>..&#x2F;src&#x2F;litegraph.js:5807</code></a>
</p>
@@ -980,7 +980,7 @@ OPTIMIZE THIS: precatch connections position instead of recomputing them every t
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l5467"><code>..&#x2F;src&#x2F;litegraph.js:5467</code></a>
<a href="../files/.._src_litegraph.js.html#l6115"><code>..&#x2F;src&#x2F;litegraph.js:6115</code></a>
</p>
@@ -1011,7 +1011,7 @@ OPTIMIZE THIS: precatch connections position instead of recomputing them every t
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l5815"><code>..&#x2F;src&#x2F;litegraph.js:5815</code></a>
<a href="../files/.._src_litegraph.js.html#l6663"><code>..&#x2F;src&#x2F;litegraph.js:6663</code></a>
</p>
@@ -1042,7 +1042,7 @@ OPTIMIZE THIS: precatch connections position instead of recomputing them every t
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3598"><code>..&#x2F;src&#x2F;litegraph.js:3598</code></a>
<a href="../files/.._src_litegraph.js.html#l4138"><code>..&#x2F;src&#x2F;litegraph.js:4138</code></a>
</p>
@@ -1077,7 +1077,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3640"><code>..&#x2F;src&#x2F;litegraph.js:3640</code></a>
<a href="../files/.._src_litegraph.js.html#l4180"><code>..&#x2F;src&#x2F;litegraph.js:4180</code></a>
</p>
@@ -1117,7 +1117,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4296"><code>..&#x2F;src&#x2F;litegraph.js:4296</code></a>
<a href="../files/.._src_litegraph.js.html#l4876"><code>..&#x2F;src&#x2F;litegraph.js:4876</code></a>
</p>
@@ -1148,7 +1148,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4308"><code>..&#x2F;src&#x2F;litegraph.js:4308</code></a>
<a href="../files/.._src_litegraph.js.html#l4888"><code>..&#x2F;src&#x2F;litegraph.js:4888</code></a>
</p>
@@ -1185,7 +1185,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3379"><code>..&#x2F;src&#x2F;litegraph.js:3379</code></a>
<a href="../files/.._src_litegraph.js.html#l3911"><code>..&#x2F;src&#x2F;litegraph.js:3911</code></a>
</p>
@@ -1232,7 +1232,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4485"><code>..&#x2F;src&#x2F;litegraph.js:4485</code></a>
<a href="../files/.._src_litegraph.js.html#l5074"><code>..&#x2F;src&#x2F;litegraph.js:5074</code></a>
</p>
@@ -1263,7 +1263,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4332"><code>..&#x2F;src&#x2F;litegraph.js:4332</code></a>
<a href="../files/.._src_litegraph.js.html#l4917"><code>..&#x2F;src&#x2F;litegraph.js:4917</code></a>
</p>
@@ -1294,7 +1294,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3921"><code>..&#x2F;src&#x2F;litegraph.js:3921</code></a>
<a href="../files/.._src_litegraph.js.html#l4501"><code>..&#x2F;src&#x2F;litegraph.js:4501</code></a>
</p>
@@ -1325,7 +1325,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4112"><code>..&#x2F;src&#x2F;litegraph.js:4112</code></a>
<a href="../files/.._src_litegraph.js.html#l4675"><code>..&#x2F;src&#x2F;litegraph.js:4675</code></a>
</p>
@@ -1356,7 +1356,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4263"><code>..&#x2F;src&#x2F;litegraph.js:4263</code></a>
<a href="../files/.._src_litegraph.js.html#l4847"><code>..&#x2F;src&#x2F;litegraph.js:4847</code></a>
</p>
@@ -1387,7 +1387,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l5911"><code>..&#x2F;src&#x2F;litegraph.js:5911</code></a>
<a href="../files/.._src_litegraph.js.html#l6813"><code>..&#x2F;src&#x2F;litegraph.js:6813</code></a>
</p>
@@ -1418,7 +1418,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l5038"><code>..&#x2F;src&#x2F;litegraph.js:5038</code></a>
<a href="../files/.._src_litegraph.js.html#l5632"><code>..&#x2F;src&#x2F;litegraph.js:5632</code></a>
</p>
@@ -1437,7 +1437,37 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div id="method_renderLink" class="method item">
<h3 class="name"><code>renderLink</code></h3>
<span class="paren">()</span>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>a</code>
</li>
<li class="arg">
<code>b</code>
</li>
<li class="arg">
<code>link</code>
</li>
<li class="arg">
<code>skip_border</code>
</li>
<li class="arg">
<code>flow</code>
</li>
<li class="arg">
<code>color</code>
</li>
<li class="arg">
<code>start_dir</code>
</li>
<li class="arg">
<code>end_dir</code>
</li>
<li class="arg">
<code>num_sublines</code>
</li>
</ul><span class="paren">)</span>
</div>
@@ -1449,7 +1479,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l5694"><code>..&#x2F;src&#x2F;litegraph.js:5694</code></a>
<a href="../files/.._src_litegraph.js.html#l6398"><code>..&#x2F;src&#x2F;litegraph.js:6398</code></a>
</p>
@@ -1461,6 +1491,111 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">a</code>
<span class="type">Vec2</span>
<div class="param-description">
<p>start pos</p>
</div>
</li>
<li class="param">
<code class="param-name">b</code>
<span class="type">Vec2</span>
<div class="param-description">
<p>end pos</p>
</div>
</li>
<li class="param">
<code class="param-name">link</code>
<span class="type">Object</span>
<div class="param-description">
<p>the link object with all the link info</p>
</div>
</li>
<li class="param">
<code class="param-name">skip_border</code>
<span class="type">Boolean</span>
<div class="param-description">
<p>ignore the shadow of the link</p>
</div>
</li>
<li class="param">
<code class="param-name">flow</code>
<span class="type">Boolean</span>
<div class="param-description">
<p>show flow animation (for events)</p>
</div>
</li>
<li class="param">
<code class="param-name">color</code>
<span class="type">String</span>
<div class="param-description">
<p>the color for the link</p>
</div>
</li>
<li class="param">
<code class="param-name">start_dir</code>
<span class="type">Number</span>
<div class="param-description">
<p>the direction enum</p>
</div>
</li>
<li class="param">
<code class="param-name">end_dir</code>
<span class="type">Number</span>
<div class="param-description">
<p>the direction enum</p>
</div>
</li>
<li class="param">
<code class="param-name">num_sublines</code>
<span class="type">Number</span>
<div class="param-description">
<p>number of sublines (useful to represent vec3 or rgb)</p>
</div>
</li>
</ul>
</div>
@@ -1480,7 +1615,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l6035"><code>..&#x2F;src&#x2F;litegraph.js:6035</code></a>
<a href="../files/.._src_litegraph.js.html#l6979"><code>..&#x2F;src&#x2F;litegraph.js:6979</code></a>
</p>
@@ -1511,7 +1646,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4603"><code>..&#x2F;src&#x2F;litegraph.js:4603</code></a>
<a href="../files/.._src_litegraph.js.html#l5192"><code>..&#x2F;src&#x2F;litegraph.js:5192</code></a>
</p>
@@ -1542,7 +1677,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4615"><code>..&#x2F;src&#x2F;litegraph.js:4615</code></a>
<a href="../files/.._src_litegraph.js.html#l5204"><code>..&#x2F;src&#x2F;litegraph.js:5204</code></a>
</p>
@@ -1573,7 +1708,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4829"><code>..&#x2F;src&#x2F;litegraph.js:4829</code></a>
<a href="../files/.._src_litegraph.js.html#l5416"><code>..&#x2F;src&#x2F;litegraph.js:5416</code></a>
</p>
@@ -1610,7 +1745,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3423"><code>..&#x2F;src&#x2F;litegraph.js:3423</code></a>
<a href="../files/.._src_litegraph.js.html#l3961"><code>..&#x2F;src&#x2F;litegraph.js:3961</code></a>
</p>
@@ -1664,7 +1799,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3348"><code>..&#x2F;src&#x2F;litegraph.js:3348</code></a>
<a href="../files/.._src_litegraph.js.html#l3880"><code>..&#x2F;src&#x2F;litegraph.js:3880</code></a>
</p>
@@ -1711,7 +1846,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l4758"><code>..&#x2F;src&#x2F;litegraph.js:4758</code></a>
<a href="../files/.._src_litegraph.js.html#l5347"><code>..&#x2F;src&#x2F;litegraph.js:5347</code></a>
</p>
@@ -1742,7 +1877,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3654"><code>..&#x2F;src&#x2F;litegraph.js:3654</code></a>
<a href="../files/.._src_litegraph.js.html#l4194"><code>..&#x2F;src&#x2F;litegraph.js:4194</code></a>
</p>
@@ -1773,7 +1908,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3678"><code>..&#x2F;src&#x2F;litegraph.js:3678</code></a>
<a href="../files/.._src_litegraph.js.html#l4218"><code>..&#x2F;src&#x2F;litegraph.js:4218</code></a>
</p>
@@ -1804,7 +1939,7 @@ this is useful if you plant to render 3D objects inside your nodes, it uses lite
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l6058"><code>..&#x2F;src&#x2F;litegraph.js:6058</code></a>
<a href="../files/.._src_litegraph.js.html#l7002"><code>..&#x2F;src&#x2F;litegraph.js:7002</code></a>
</p>
@@ -1836,7 +1971,7 @@ this feature was designed when graphs where meant to create user interfaces</p>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l3550"><code>..&#x2F;src&#x2F;litegraph.js:3550</code></a>
<a href="../files/.._src_litegraph.js.html#l4090"><code>..&#x2F;src&#x2F;litegraph.js:4090</code></a>
</p>