let height = 400;

​

​

let angle =0;

let size = 100;

​

function setup() {

​

    createCanvas(width,height,WEBGL);

​

    angleMode(DEGREES);

​

​

}

function draw() {

​

   background(100);

​

   // orbitControl();

​

    camera(300,-400,400, 0, 0, 0, 0, 1, 0);

​

   stroke(0);

   strokeWeight(0.1);

   circularGrid();

​

   angle+=5;

​

​

}

function circularGrid(){

​

  let scl = size * 0.0005;

​

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

​

     let posx = cos(i) * size;

     let posy = sin(i) * size;

​

     let negx = cos(-i) * size;

     let negy = sin(-i) * size;

​

     let p1 = createVector(posx, 0,posy);

​

     let p2 = createVector(negx, 0,negy);

​

     let d = p2.dist(p1);

​

     let _step = d * scl;

​

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

​

      if(d > 50){

​

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

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

​

        push();

​

        let d = dist(_x,_y,0,0);

        let offset = map(d,0,1,-1,1);

        let a = angle + offset;

        let h = map(cos(a),-1,1,10,100);

        let c ='hsba('+floor(h)+',60%,90%,1)';

        translate(_x ,0,_y);

​

        fill(c);

​

        box(_step,h,_step);

​

        pop();

     }

​

   }

​

​

}

​

}

​