let rows, cols; let c = ["#abcd5e", "#14976b", "#2b67af", "#62b6de", "#f589a3", "#ef562f", "#fc8405", "#f9d531"];

function setup() {

  createCanvas(400, 400);

  angleMode(DEGREES);

}

​

function draw() {

  cols = width/size; 

  rows = height/size;

  background(0);

  noFill();

  strokeWeight(3);

  let inc = 5; let k = 0;

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

    for(let j = 0; j < rows; ++j) {

      stroke(c[k]);

      arc(size/2+i*size, size/2+j*size, size,size,start,end);

      k += 1;

      if(k > 7) k = 0;

    }

  }

  start += inc;

  end += inc;

}

function mousePressed(){

  saveGif('rolling.gif', 5);

}