let height = 400;

​

​

let size =150;

​

​

let cl =['#F1ECDF','#D4C9AD','#C7BA99','#000000','#F58723'];

​

let counter = 1;

​

function setup() {

​

    createCanvas(width , height);

​

    rectMode(CENTER);

​

    angleMode(DEGREES);

​

​

​

}

function draw(){

​

​

      translate(width/2,height/2);

      fill(220);

      stroke(0);

​

      rect(0,0,width,height);

      circularGrid();

​

​

      counter+=1;

}

​

function circularGrid(){

​

  let scl = size * 0.00027;

​

  for(let i=0; i<=180; i+=size * scl * 0.67){

​

     let posx = cos(i) * size;

     let posy = sin(i) * size;

​

     let negx = cos(-i) * size;

     let negy = sin(-i) * size;

​

     let p1 = createVector(posx, posy);

​

     let p2 = createVector(negx, negy);

​

     let d = p2.dist(p1);

     let _step = d * scl;

     let scaleFactor = 0.5;

​

     for(let j=0; j<d; j+=_step){

​

        let _x =   ((posx) + cos(-90) * (j));

        let _y =   ((posy) + sin(-90) * (j));

​

        let dst = floor(dist(abs(_x+_x),abs(_y+_y),width/2-counter,height/2+counter));

​

        let scaledDist = pow(dst, scaleFactor);

        let colorIndex = floor(scaledDist) % cl.length;

​

        fill(cl[colorIndex]);

        stroke(0);

        strokeWeight(0.5)

​

        rect(_x,_y,_step,_step);

   }

​

}

}

​

​