Get stable shape generation working

voicegardens/static/voicegardens.js

@@ -255,7 +255,7 @@ class GeneratedShape {
       curveVertex(this.points[i].x, this.points[i].y);
     }
 
-    var firstItem = 0
+    var firstItem = 0;
     curveVertex(this.points[firstItem].x, this.points[firstItem].y);
 
     endShape(CLOSE);
@@ -267,18 +267,16 @@ function setup() {
    * The p5.js initial setup function.
    **/
   createCanvas(windowWidth, windowHeight);
-  smooth();
-  setupRecording();
   frameRate(frameRate);
-  fill("#F38630");
+
-  //center of the window
+  setupRecording();
+
   centerX = windowWidth / 2;
   centerY = windowHeight / 2;
 
-  //defining all variables
+  numberOfEdges = 5;
-  numberOfEdges = 4;
+  angle = radians(180 / numberOfEdges);
-  angle = radians(360 / numberOfEdges);
+  radius = random(30, 50);
-  radius = random(120, 140);
 }
 
 function draw() {
@@ -287,6 +285,10 @@ function draw() {
    **/
   background("#69D2E7");
   translate(centerX, centerX);
+  blendMode(BLEND);
+  fill("#F38630");
+  smooth();
+  noStroke();
 
   if (newSoundJustRecorded === true) {
     shapes.push(new GeneratedShape());