* Creative Coding Workshop #3 Demo - Repeated Circles Forming Noise Path

 *

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

 */

​

function setup() {

  // create a 400px by 400px canvas

  createCanvas(400, 400);

  // use 100 as seed for noise generation

  noiseSeed(100);

}

​

function draw() {

  // specify a background for each frame

  background(220);

  // for loop that repeats from 0 to 399

  for (let i = 0; i < 400; i++) {

    // draw a circle whose x is based on noise

    circle(map(noise(i/100), 0, 1, 100, 300),

           i,

           50);

  }

}