* Creative Coding Workshop #3 - random() vs noise() vs sin()

 *

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

 */

​

function setup() {

  createCanvas(400, 400);

  background(220);

}

​

function draw() {

  let noiseInput = frameCount/50;

  // reset background when circles reaches the right edge of the screen

  if (frameCount%width==1) {

    background(220);

  }

  // noStroke();

  /* visualize random() */

  fill(random(255));

  circle(frameCount%width, random(100), 10);

  /* visualize noise() */

  fill(255*noise(noiseInput));

  circle(frameCount%width, 150 + 100*noise(noiseInput), 10);

  /* visualize sin() */

  fill(map(sin(noiseInput), -1, 1, 0, 255));

  circle(frameCount%width, 350 + 50*sin(noiseInput), 10);

}