const colors = [

  "#e6261f",

  "#eb7532",

  "#f7d038",

  "#a3e048",

  "#34bbe6",

  "#4355db",

  "#d23be7",

]

​

function setup() {

  // createLoop({duration:1.5, framesPerSecond: 5, gif:{download:true}});

  frameRate(5);

  createCanvas(400, 200);

  background("lightyellow");

}

​

function draw() {

  if (i >= colors.length) {

    r = 100; i = 0;

    clear();

    background("lightyellow");

    return;

  }

  noFill();

  strokeWeight(20);

  stroke(colors[i]);

  arc(width / 2, height + 40, r+70, r, PI, 0);

  r += 40; i += 1;

}