x = 0,//rotation

    z = 275,//initial radius of largest hexagon

    f =1,//multiplier for 20deg rotation inscription

    g = 1;//switch for rotation

a = 255;

function setup() {

  cnv = createCanvas(600, 600);

  angleMode(DEGREES);

  frameRate(20);

}

function draw() { 

  background(0);

  stroke(0);

  strokeWeight(2);

  stroke(0);

  strokeWeight(1);

  a = 255;

  fill(a,255,255)

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

      polygon(6,300,300,z*f,r+i*x)

      f = f*0.875;

      fill(a,255,255)

      a = a - 20;

    }

  if ( g ==1){

  x = x+0.1;

  }

  if (x>20){g = 0};

  if (x<-20){g = 1};

  if (g == 0){

  g = 0;

    x = x-0.1;

  }

  f = 1

}

​

function polygon(n, x, y, r, angleOffset = 0) {

  const angle = 360 / n

  beginShape()

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

    var nextX = x + cos(i * angle + angleOffset) * r

    var nextY = y + sin(i * angle + angleOffset) * r

    vertex(nextX, nextY)

  }

  endShape(CLOSE)

}