//how use map function in this scenario? 

​

// make a pattern with different s hapes 

function setup() {

  createCanvas(600, 400);

}

​

function draw() {

  var x = 0;

  var r = 0;

  var s =25 ;

  background(0);

  strokeWeight(4);

  stroke(255);

​

  while (x <= width) {

    fill( r,200,255);

    ellipse(x, 100, s, s);

    x = x + 50;

    r+=50;

    s+= 2;

  }

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

     fill( 155,200,x);

    ellipse(x,300,25,25);

  }

}