public/guilloche-generator
2
0
Fork 0
Code Pull Requests Activity

fixed jumping animation start

Browse Source
This commit is contained in:
Michael Czechowski
2018-08-28 13:51:29 +02:00
parent 15cf786e90
commit 93c5165650
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/directives/guilloche.directive.ts
View File

@@ -85,9 +85,9 @@ export class GuillocheDirective implements OnChanges, OnDestroy {
};
});
this.bounces = this.initialNodes.map(node => {
const bounceStart = Math.round(Math.random() * 100) / 100;
// const bounceStart = Math.round(Math.random() * 100) / 100;
const bounceAmplitude = Math.round(Math.random() * 150);
return this.math.bounce(bounceStart, bounceAmplitude, 3);
return this.math.bounce(0, bounceAmplitude, 3);
});
this.animationInterval = setInterval(() => this.animateGraph(), 40);
} else {
@@ -147,10 +147,11 @@ export class GuillocheDirective implements OnChanges, OnDestroy {
.y(p => p.y)
.curve(Shape.curveBasis)(points));
if (env.debug) {
this.group.selectAll('circle').remove();
this.group.selectAll('text').remove();
}
// if (env.debug) {
// this.group.selectAll('circle').remove();
// this.group.selectAll('text').remove();
// // this.debugGraph(points);
// }
}
private drawGraph(points: Point[]): void {