var sideLength = 50;

var angle = 90;

var lines = []

var length = 11;

var size = 13;

var margin = 45;

var factor = 0.15;

var factorB = 0.7;

var factorC = 1;

var factorD = 1.5;

var cutOff = 1;

​

function setup() {

  createCanvas(720, 720);

  for (var line = 0; line < sideLength; line++) {

    lines[line] = [];

  }

  for (var row = 0; row < sideLength; row++) {

    for (var col = 0; col < sideLength; col++) {

      lines[row][col] = [];

      //Angle

      lines[row][col][0] = TWO_PI * factorC * noise(factorB * row, factorB * col);

      //Appear

      lines[row][col][1] = factorD * noise(factor * row, factor * col);

    }

  }

}

​

function mouseClicked() {

  noiseSeed(random(100));

  for (var row = 0; row < sideLength; row++) {

    for (var col = 0; col < sideLength; col++) {

      lines[row][col][0] = TWO_PI * factorC * noise(factorB * row, factorB * col);

      lines[row][col][1] = factorD * noise(factor * row, factor * col);

​

    }

  }

}

​

function draw() {

  background(240, 240, 230);

  for (var row = 0; row < sideLength; row++) {

    for (var col = 0; col < sideLength; col++) {

      if (lines[row][col][1] < cutOff) {

        dX = length * cos(angle + lines[row][col][0]);

        dY = length * sin(angle + lines[row][col][0]);

        fill(255 * lines[row][col][1]);

        //rect(margin+col*size,margin+row*size,size,size);

        line(margin + size * col + dX, margin + size * row + dY, margin + size * col - dX, margin + size * row - dY);

      }

    }

  }

  //redrawNow = false;

}