function setup() {

  createCanvas(800, 400);

 /*

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

  console.log(random(random(0, width)));

  }

*/

  background(220);

noStroke();

  for (let x = 0; x<= width; x += 50){

    var r = random (0, 255);

    var g = random (0,255);

    var b = random (0, 255);

    fill(r, g, b);

    rect(x, 20, 55, 55);

  }

  noStroke();

  for (let x = 0; x <= width; x += 100) {

    var r = random (0, 255);

    var g = random (0,200);

    var b = random (0, 200);

    fill(r, g, b);

    //fill('red');  

    var s = random(50, 150);

    var eyeSize = random(s/5, s/3);

    var eyeDist = random (s/5, s/3);

    var mouthSize =  eyeSize *2;

    var y = random(100, height/2);

    circle(x, y, s); //head

    let c = map(x, 0, width, 0, 255); //color

    fill(c, 0, 0);

    circle(x- eyeDist, 200 - eyeDist,  eyeSize) //left eye

    circle(x+ eyeDist, 200 - eyeDist,  eyeSize) //right eye

    rectMode(CENTER);

    rect(x, 200 + 20, mouthSize, mouthSize/ 4, 5);

  }

  fill(r, b, g);

  var numCircles = 15;  //number of circles 

  var circleWidth = width / numCircles;

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

    let x = circleWidth / 2 + i * circleWidth; //i is index 

    circle(x, 400, circleWidth); //last number is size

  }

​

}

​

function mousePressed(){

  save('pattern.jpg')

}