​

let size = 800;

​

function setup() {

  createCanvas(size, size, WEBGL);

  angleMode(DEGREES);

  background("#FFF3E1");

  // Scale brushes to adapt to canvas size - don't fully understand why!

  brush.scale(1.5);

  noLoop();

}

​

function draw() {

  translate(-size / 2, -size / 2);

​

  // Available brushes:

  let availableBrushes = brush.box();  

  console.log(availableBrushes);

  fields = ["none", "curved", "truncated", "zigzag", "seabed", "waves"];

​

  brushVGap = size / (availableBrushes.length + 1);

  brushHGap = size * 0.02;

  brushLength = (size - brushHGap * fields.length) / fields.length;

​

  for (let j = 0; j < fields.length; j++) {

    if (j == 0) {

      brush.noField();

    } else {

      brush.field(fields[j]);

    }

      brush.field("waves");

    for (let i = 0; i < availableBrushes.length; i++) {

      // Set a brush - name, color, weight

      brush.set("marker2", random(palette), 1);

​

      // Draw a line x, y, length, direction (angle)

      brush.flowLine(

        (j + 1) * brushHGap + j * brushLength,

        (i + 1) * brushVGap,

        brushLength,

        0

      );

    }

  }

}

​