Circlin and Squarin

let x;

let y;

let squareSizeArray = [4,8,10,16,25,50,100,200];

let squareSize;

​

// colors and color array

let rainbow=['#64A23B','#A2413B','#3BA280','#3B84A2','#623BA2'];

let fullSpectrum=['#64A23B','#A2413B','#3BA280','#3B84A2','#623BA2'];

let warmSpectrum=['#900C3F','#FAA040','#FC6486','#FF9A00','#C11418'];

let coolSpectrum=['#3544FE','#B600FF','#7F4FE4','#815CF9','#2D9EF6'];

let grassySpectrum=['#5EF62D','#B7F95C','#098C07','#EAFF36','#72FF81'];

let darkSpectrum=['#464141','#7C7C7C','#A4A4A4','#988E8E','#8E8F98'];

let spectrumArray = [rainbow, darkSpectrum,fullSpectrum,warmSpectrum,coolSpectrum,grassySpectrum];

​

let randomNum;

​

function setup() {

  createCanvas(400, 400);

  x=0;

  y=0;

  noLoop();

}

​

function draw() {

  background(220);

  squareSize=squareSizeArray[int(random(0,squareSizeArray.length))];

  palette = spectrumArray[int(random(0,spectrumArray.length))];

  for(let i=0;i<height;i=i+squareSize)   {

    for(let i=0;i<width;i=i+squareSize){

      randomNum=int(random(0,2)); 

      fill(palette[int(random(0,palette.length))]);

      if(randomNum==1){square(x,y,squareSize);}

      randomNum=int(random(0,2));

      fill(palette[int(random(0,palette.length))]);

      if(randomNum==1){circle(x+(squareSize/2),y+(squareSize/2),squareSize*.5);}

      x=x+squareSize;

    }

    x=0;

    y=y+squareSize;

  }

}