varia/voicegardens
14
0
Fork 0
Code Issues Releases Activity

Figure out random shape generation

Browse Source
This commit is contained in:
Luke Murphy 2020-02-03 11:22:03 +01:00
parent e0bc4d4ff9
commit c28c330813
No known key found for this signature in database
GPG Key ID: 5E2EF5A63E3718CC
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
voicegardens/static/voicegardens.js
View File

@ -160,13 +160,16 @@ class GeneratedShape {
this.xs = [];
this.ys = [];
this.angle = [];
this.angles = [];
this.frequency = [];
this.edges = 5;
this.randXs = [];
this.randYs = [];
this.edges = random(3, 10);
this.radius = random(120, 140);
this.rotAngle = radians(360 / this.edges);
this.angle = radians(360 / this.edges);
this.destX = random(canvasWidth);
this.destY = random(canvasHeight);
@ -179,15 +182,18 @@ class GeneratedShape {
initialise() {
/**
* Initialise all movement related arrays.
* Initialise the shape.
**/
for (let i = 0; i < this.edges; i++) {
this.startXs[i] = 0;
this.startYs[i] = 0;
this.ys[i] = 0;
this.xs[i] = 0;
this.angle[i] = 0;
this.angles[i] = 0;
this.randXs[i] = random(-77, 77);
this.randYs[i] = random(-77, 77);
}
for (let i = 0; i < this.edges; i++) {
this.frequency[i] = random(5, 12);
}
@ -247,10 +253,9 @@ class GeneratedShape {
for (let i = 0; i < this.edges; i++) {
this.startXs[i] =
this.centerX + cos(radians(this.rotAngle)) * this.radius;
this.centerX + cos(this.angle * i) * this.radius + this.randXs[i];
this.startYs[i] =
this.centerY + sin(radians(this.rotAngle)) * this.radius;
this.rotAngle += 360 / this.edges;
this.centerY + sin(this.angle * i) * this.radius + this.randYs[i];
}
curveTightness(this.organicConstant);
@ -284,10 +289,10 @@ class GeneratedShape {
for (let i = 0; i < this.edges; i++) {
this.xs[i] =
this.startXs[i] + sin(radians(this.angle[i])) * (this.accelX * 2);
this.startXs[i] + sin(radians(this.angles[i])) * (this.accelX * 2);
this.ys[i] =
this.startYs[i] + sin(radians(this.angle[i])) * (this.accelY * 2);
this.angle[i] += this.frequency[i];
this.startYs[i] + sin(radians(this.angles[i])) * (this.accelY * 2);
this.angles[i] += this.frequency[i];
}
}
}