JuliusHerrmann/simulation_react
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

animation duration now works

Browse Source
This commit is contained in:
JuliusHerrmann 2022-01-07 01:18:33 +01:00
parent 3cf857f275
commit bf6f99e87c
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/Simulation/visualizations/Graph.jsx
View File

@ -105,7 +105,13 @@ class Graph extends React.Component {
} }
changeAnimationDuration = (e) => { 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 = () => { visualizeSimulation = () => {
@ -118,12 +124,13 @@ class Graph extends React.Component {
this.setState({playing: true}); this.setState({playing: true});
return; return;
} }
console.log("here")
this.neverPlayed = false; this.neverPlayed = false;
//check if we pause the animation //check if we pause the animation
clearInterval(this.animationId); clearInterval(this.animationId);
this.setState({playing: false}); this.setState({playing: false});
//first we need to normalize the distribution //first we need to normalize the distribution
this.props.normalize(); //this.props.normalize();
this.setState({step: 0}, () => { this.setState({step: 0}, () => {
if (this.state.animationDuration <= 0) { if (this.state.animationDuration <= 0) {