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

fixed minimum nodes a little bit

Browse Source
This commit is contained in:
Michael Czechowski
2018-08-28 15:56:28 +02:00
parent 93c5165650
commit c3afe0c4e9
5 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -42,6 +42,7 @@ export class GuillocheDirective implements OnChanges, OnDestroy {
private bounce: any | null;
private bounces: any | null;
private initialNodes: any;
private initialCurve: any;
private animationInterval: any;
private medianPoint: Point;
private medianIndex: number;
@@ -72,7 +73,14 @@ export class GuillocheDirective implements OnChanges, OnDestroy {
this.canvas = Selection.select(this.canvasService.get);
// @todo modify graph here instead of in graphs.component.ts
this.initialNodes = this.graph.nodes.slice();
this.medianPoint = this.math.medianOfCurve(this.initialNodes);
this.initialCurve = [
this.graph.start.point,
this.graph.start.direction,
...this.graph.nodes.slice(),
this.graph.end.direction,
this.graph.end.point
];
this.medianPoint = this.math.medianOfCurve(this.initialCurve);
this.medianIndex = this.math.medianIndex(this.initialNodes);
if (this.graphService.isAnimated) {
@@ -85,9 +93,8 @@ export class GuillocheDirective implements OnChanges, OnDestroy {
};
});
this.bounces = this.initialNodes.map(node => {
// const bounceStart = Math.round(Math.random() * 100) / 100;
const bounceAmplitude = Math.round(Math.random() * 150);
return this.math.bounce(0, bounceAmplitude, 3);
return this.math.bounce(bounceAmplitude, 3);
});
this.animationInterval = setInterval(() => this.animateGraph(), 40);
} else {