y1 = 100;

x2 = 100;

y2 = 110;

xoff = 0;

count = 0;

​

function setup() {

  createCanvas(700, 700);

  background(233, 228, 222);

  yShape = int(random(1, 3));

  xShape = int(random(1, 3));

  noStroke();

  fill(0);

  r1 = int(random(150, 550));

  r2 = int(random(150, 550));

  r3 = int(random(150, 550));

  r4 = int(random(150, 550));

}

​

function draw() {

​

  xoff = xoff + 0.03;

  n = noise(xoff) * 2;

​

  if (yShape == 1) {

    //thin vertical line with ellipses

    s1 = 1;

    if (y1 == r1 || y1 == r2) {

      let shades = ["#403224", "#A02A2B", "#F2F2F2", "#B4951F", "#3E546C"];

      let shade = random(shades);

      cS = color(shade);

      fill(cS);

      ellipse(x1 + n, y1 - 3, 10);

      y1 = y1 + 1;

    } else {

        fill("#D4C4A6");

        ellipse(x1 + n, y1 - 3, s1);

        y1 = y1 + 1;

    }

​

  }

​

  if (yShape == 2) {

    //thin vertical line

    fill("#D4C4A6");

    s1 = 1;

    ellipse(x1 + n, y1, s1);

    y1 = y1 + 1;

  }

​

  if (xShape == 1) {

    //thin horizontal line with ellipses

    s2 = 1;

    if (y1 == r3 || y1 == r4) {

      let shades = ["#403224", "#A02A2B", "#F2F2F2", "#B4951F", "#3E546C"];

      let shade = random(shades);

      cS = color(shade);

      fill(cS);

      ellipse(x2 + n, y2, 10);

      y1 = y1 + 1;

    } else {

        fill("#D4C4A6");

        ellipse(x2 + n, y2, s2);

        x2 = x2 + 1;

    }

​

  }

​

  if (xShape == 2) {

    //thin horizontal line

    fill("#D4C4A6");

    s2 = 1;

    ellipse(x2, y2 + n, s2);

    x2 = x2 + 1;

  }

​

​

  if (y1 > height - 100) {

    y1 = 100;

    x1 = x1 + s1 + random(15, 30);

    yShape = int(random(1, 3));

    r1 = int(random(150, 550));

    r2 = int(random(150, 550));

  }

  if (x2 > width - 100) {

    x2 = 100;

    y2 = y2 + s2 + random(15, 30);

    xShape = int(random(1, 3));

    r3 = int(random(150, 550));

    r4 = int(random(150, 550));

  }

  if (y2 > height - 110) {

    x2 = 900;

  }

  if (x1 > width - 110) {

    y1 = 900;

  }

}