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