createCanvas(480, 480)

  angleMode(DEGREES)

  frameRate(7)

}

​

function draw() {

  background(50)

​

  strokeWeight(1.2)

  for (var y = 80; y < width; y += 80) {

    for (var x = 80; x < height; x += 80) {

      drawCube(x, y, 36)

    }

  }

}

​

function drawCube(x, y, len) {

  push()

​

  translate(x, y)

​

  var lineCoords = [

    [0, 0, len * cos(30), len * sin(30)],

    [0, 0, len * cos(90), len * sin(90)],

    [0, 0, len * cos(150), len * sin(150)],

    [0, 0, len * cos(210), len * sin(210)],

    [0, 0, len * cos(270), len * sin(270)],

    [0, 0, len * cos(330), len * sin(330)],

    [len * cos(30), len * sin(30), len * cos(90), len * sin(90)],

    [len * cos(90), len * sin(90), len * cos(150), len * sin(150)],

    [len * cos(150), len * sin(150), len * cos(210), len * sin(210)],

    [len * cos(210), len * sin(210), len * cos(270), len * sin(270)],

    [len * cos(270), len * sin(270), len * cos(330), len * sin(330)],

    [len * cos(330), len * sin(330), len * cos(30), len * sin(30)]

  ]

  var randomIndex = floor(random(0, 12))

​

  for (var i = 0; i < lineCoords.length; i++) {

    if (randomIndex == i) {

      stroke(0)

    } else {

      stroke('#f0ab86')

    }

    line(...lineCoords[i])

  }

​

  pop()

}