diff --git a/src/app/app.component.html b/src/app/app.component.html index c8b6fa6..c5be96d 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -116,7 +116,7 @@ - + diff --git a/src/app/directives/guilloche.directive.ts b/src/app/directives/guilloche.directive.ts index c0fac57..a7eecdc 100644 --- a/src/app/directives/guilloche.directive.ts +++ b/src/app/directives/guilloche.directive.ts @@ -86,11 +86,11 @@ export class GuillocheDirective implements OnChanges, OnDestroy { }; }); this.bounces = this.initialNodes.map(node => { - const bounceStart = Math.round(Math.random() * 10) / 10; - const bounceAmplitude = Math.round(Math.random() * 100); - return this.math.bounce(bounceStart, bounceAmplitude, 2); + const bounceStart = Math.round(Math.random() * 100) / 100; + const bounceAmplitude = Math.round(Math.random() * 150); + return this.math.bounce(bounceStart, bounceAmplitude, 3); }); - this.animationInterval = setInterval(() => this.animateGraph(), 60); + this.animationInterval = setInterval(() => this.animateGraph(), 40); } else { if (this.animationInterval) { this.bounce = null; diff --git a/src/app/forms/config.form.ts b/src/app/forms/config.form.ts index b147050..e5b05e7 100644 --- a/src/app/forms/config.form.ts +++ b/src/app/forms/config.form.ts @@ -40,7 +40,7 @@ export let ConfigForm: FormGroup = fb.group({ ])), }), nodes: fb.control('', Validators.compose([ - Validators.min(1), + Validators.min(5), Validators.max(10) ])), scale: fb.control('', Validators.compose([ diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts index 6048e35..fbd3b8d 100644 --- a/src/environments/environment.prod.ts +++ b/src/environments/environment.prod.ts @@ -16,7 +16,7 @@ export const environment = { production: true, - grid: false, + debug: false, guilloche: { colors: { primary: '#F8485E', @@ -34,7 +34,7 @@ export const environment = { range: 0.4, spacing: 10 }, - nodes: 4, + nodes: 5, stroke: 1, spread: { amount: 10,