* Creative Coding Workshop #3 Demo - Blob Formed by Curve Vertices with Noise

 *

 * Jack B. Du (github@jackbdu.com)

 */

​

function setup() {

  // create a 400px by 400px canvas

  createCanvas(400, 400);

}

​

function draw() {

  // specify a background for each frame

  background(220);

  // specify the number of circles

  let num = 10;

  // specify the radius of formed circle

  let radius = 100;

  // translate origin to center

  translate(width/2, height/2);

  // set the thickness of stroke to 10 pixels

  strokeWeight(10);

  beginShape();

  // for loop that repeats from 0 to num+2 (3 additional vertices to complete the circle)

  for (let i = 0; i < num+3; i++) {

    // calculate radius based on noise

    let calculatedRadius = radius*noise(i/10);

    // circle(noise(i)*radius*sin(TWO_PI*i/num), noise(i)*radius*cos(TWO_PI*i/num), 10);

    // add vertex based on calculated radius

    curveVertex(calculatedRadius*sin(TWO_PI*i/num),

           calculatedRadius*cos(TWO_PI*i/num));

  }

  endShape();

}