var colors = [];

var strokeSize = 0;

let rate = 1;

​

function setup() {

  createCanvas(400, 400);

  Reset();

  frameRate(1);

}

​

function draw() {

  background(220);

  Draw();

  Sort();

  frameRate(rate);

  rate += 1;

  text( str(rate), 0, 0, 200, 200)

}

​

​

​

​

​

function Draw() {

  for (let i = 0; i < arr.length; i++) {

    fill(colors[i]);

    strokeWeight(strokeSize)

    rect(0, i*20, arr[i], 20);

  }

}

​

function Sort() {

  for (let i = 0; i < arr.length; i++) {

    if (arr[i] < arr[i - 1]) {

      let temp = arr[i];

      arr[i] = arr[i - 1];

      arr[i - 1] = temp;

      let tempc = colors[i];

      colors[i] = colors[i - 1];

      colors[i - 1] = tempc;

    }

  }

}

​

function mousePressed() {

  Reset();

}

​

function Reset() {

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

    arr[i] = random(100, height);

    colors[i] = color(random(255),random(255),random(255))

  }

  rate = 1;

}