From bf6f99e87c448782d0480a88b73b7eb362f36488 Mon Sep 17 00:00:00 2001 From: JuliusHerrmann Date: Fri, 7 Jan 2022 01:18:33 +0100 Subject: [PATCH] animation duration now works --- src/Simulation/visualizations/Graph.jsx | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/Simulation/visualizations/Graph.jsx b/src/Simulation/visualizations/Graph.jsx index 1932e40..c55e38f 100644 --- a/src/Simulation/visualizations/Graph.jsx +++ b/src/Simulation/visualizations/Graph.jsx @@ -105,7 +105,13 @@ class Graph extends React.Component { } changeAnimationDuration = (e) => { - this.setState({animationDuration: e.target.value}); + this.setState({animationDuration: e.target.value, + playing: false, step: 0 + }, () => { + this.stepTime = Math.abs(this.state.animationDuration) * 1000 / this.props.animationLength; + clearInterval(this.animationId); + this.visualizeOneStep(false); + }); } visualizeSimulation = () => { @@ -118,12 +124,13 @@ class Graph extends React.Component { this.setState({playing: true}); return; } + console.log("here") this.neverPlayed = false; //check if we pause the animation clearInterval(this.animationId); this.setState({playing: false}); //first we need to normalize the distribution - this.props.normalize(); + //this.props.normalize(); this.setState({step: 0}, () => { if (this.state.animationDuration <= 0) {