aboutsummaryrefslogtreecommitdiffstats
path: root/grapher
diff options
context:
space:
mode:
authoralyx <alyx@aleteoryx.me>2022-03-15 15:01:21 +0000
committerAleteoryx <alyx@aleteoryx.me>2022-03-15 15:01:21 +0000
commit63267f93733d68b358e82eea52360334503133ce (patch)
tree7a76f8e982b209e9cf7e23cb1fe28d0b65bbf68d /grapher
parentfb1876db725b1d96d3fb58d2a597a12e36ca7b39 (diff)
downloadRRCUtils-63267f93733d68b358e82eea52360334503133ce.tar.gz
RRCUtils-63267f93733d68b358e82eea52360334503133ce.tar.bz2
RRCUtils-63267f93733d68b358e82eea52360334503133ce.zip
small bit of work on sims
Diffstat (limited to 'grapher')
-rw-r--r--grapher/script.js16
1 files changed, 14 insertions, 2 deletions
diff --git a/grapher/script.js b/grapher/script.js
index 5a8d8ef..67fcfa3 100644
--- a/grapher/script.js
+++ b/grapher/script.js
@@ -51,6 +51,7 @@ const chips = [];
*/
const connections = [];
+var clean;
var mode;
var targ;
var start;
@@ -299,6 +300,7 @@ window.onload = async function() {
allTypes.push(...ListAllTypes(v2data.Nodes).sort((a,b) => (a.toLowerCase() > b.toLowerCase()) ? 1 : -1));
window.onmessage = function({data}) {
+ clean = false
switch(data.type) {
case 'newChip':
newChipHandler(data);
@@ -346,6 +348,7 @@ window.onload = async function() {
mode = 'drag';
else if (e.target == graph) switchID(null, 'selected')
+ clean = false
}
});
@@ -374,6 +377,7 @@ window.onload = async function() {
break;
}
mode = null;
+ clean = false
}
});
@@ -382,12 +386,14 @@ window.onload = async function() {
mode = '';
let tmp = connections.pop();
if ((tmp.i instanceof Element) && (tmp.o instanceof Element)) connections.push(tmp);
+ clean = false
}
if (e.buttons & 4) {
graphPos.x += e.clientX - lastmp.x;
graphPos.y += e.clientY - lastmp.y;
graph.style.setProperty('--graphOffsetX', graphPos.x);
graph.style.setProperty('--graphOffsetY', graphPos.y);
+ clean = false
}
switch (mode) {
case 'drag':
@@ -395,10 +401,13 @@ window.onload = async function() {
let newchipy = Number(targ.style.getPropertyValue('--chipOffsetY')) + e.clientY - lastmp.y;
targ.style.setProperty('--chipOffsetX', newchipx);
targ.style.setProperty('--chipOffsetY', newchipy);
+ clean = false
break;
}
lastmp.x = e.clientX;
lastmp.y = e.clientY;
+ if (mode)
+ clean = false
});
@@ -417,6 +426,7 @@ window.onload = async function() {
chips.push(...tmp);
}
sel.remove();
+ clean = false;
}
root.addEventListener("keydown", e => {
@@ -439,11 +449,12 @@ window.onload = async function() {
window.addEventListener("resize", e => {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
+ clean = false
});
(async function updateanim(t) {
-
+ if(!clean) {
ctx.clearRect(0,0,window.innerWidth,window.innerHeight);
for(const wire of connections) {
const points = [];
@@ -470,7 +481,8 @@ window.onload = async function() {
renderCurveBetweenPorts(...points);
}
}
-
+ clean = true;
+ }
requestAnimationFrame(updateanim);
})()