* Creative Coding Workshop #3 Demo - Complete Circle with Curve Vertices

 *

 * 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++) {

    // draw a circle at each vertex

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

    // add vertex along the path of a cirlce

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

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

  }

  endShape();

}