// let r = 10;

let angle = 0;

​

function setup() {

  createCanvas(600, 600);

  //frameRate(5);

  angleMode(DEGREES);

  noStroke();

  frameRate(30);

//   noFill();

//   strokeWeight(0.5);

}

​

function draw() {

  background(220);

  let angleChange = (360 / (30*2));

  angle += angleChange;

  let counter = 0;

  for (i = 0; i <= num; i++) {

    for (j = 0; j <= num; j++) {

      rSize = width / num;

      let posX = i * (rSize) + rSize/2 ;

      let posY = j * (rSize) + rSize/2 ;

      let d = map(sin(angle+counter*10), -1, 1, 0, rSize);

      let col = map(d,0,rSize,100,255);

      fill(255,0,0,col);

      ellipse(posX, posY, d);

      counter++;

    }

  }

}

​