​

function setup() {

  createCanvas(400, 400);

  angleMode(DEGREES);

  rectMode(CENTER);

  //  blendMode(MULTIPLY);

}

​

function draw() {

  background(255, 10);

  speed = speed + 0.5;

​

  translate(width / 2, height / 2);

​

  for (let a = 0; a < 6; a++) {

    rotate(60);

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

      let deg = i * 120;

​

      let val = sin(deg + speed);

      value = map(val, -1, 1, 0, 255);

​

      push();

      rotate(deg + speed);

      translate(120, 0);

​

      noFill();

      stroke(0, value, 180, 20);

      strokeWeight(1);

      hexagon(0,0,value/3);

      rect(0, 0, value / 2);

      rect(0, 0, value);

      rect(0, 0, value * 2);

      pop();

    }

  }

}

​

function hexagon(transX, transY, s) {

  // stroke(255);

  // strokeWeight(1);

  // noFill();

  push();

  translate(transX, transY);

  scale(s);

  beginShape();

  vertex(-5, -26);

  vertex(13, -26);

  vertex(30, 0);

  vertex(13, 26);

  vertex(-13, 26);

  vertex(-30, 0);

  endShape(CLOSE);

  pop();

}