let drawer2;

let drawer3;

let stage = 0;

​

function setup() {

  //createCanvas(windowWidth, windowHeight, SVG);

  createCanvas(1588, 1123, SVG);

  background(200);

  drawer = new Drawer(100000, 10);

  drawer2 = new Drawer(10000, 5);

  drawer3 = new Drawer(20000, 2);

  drawer4 = new Drawer(100000, 2);

  makeDrawing()

}

​

function keyPressed() {

  if (keyCode === ENTER) {

    save("test.svg");

  }

  if (keyCode === SHIFT) {

    makeDrawing()

  }

}

​

function makeDrawing() {

  background(200);

  drawer.reset();

  drawer2.reset();

  drawer3.reset();

  drawer4.reset();

    noFill();

    stroke(0);

    drawer.generate();

    drawer.reset();

    noStroke();

    fill(0);

    makeBlob(round(random(3,10)));

    noFill();

    stroke(255, 150, 0);

    drawer2.generate();

    drawer2.reset();

    noStroke();

    fill(255, 150, 0);

    makeBlob(round(random(3,10)));

  noFill();

    stroke(255, 255, 0);

    drawer2.generate();

    drawer2.reset();

    noStroke();

    fill(255, 255, 0);

    makeBlob(round(random(3,10)));

  noFill();

    stroke(0, 0, 255);

    drawer2.generate();

    drawer2.reset();

    noStroke();

    fill(0, 0, 255);

    makeBlob(round(random(3,10)));

    noFill();

    stroke(0, 0, 255);

    drawer3.generate();

    drawer3.reset();

    noStroke();

    fill(0, 0, 255);

    makeBlob(round(random(3,10)));

    noFill();

    stroke(255, 150, 0);

    drawer3.generate();

    drawer3.reset();

    noStroke();

    fill(255, 150, 0);

    makeBlob(round(random(3,10)));

    noFill();

    stroke(0);

    drawer4.generate();

    drawer4.reset();

    noStroke();

    fill(0);

    makeBlob(round(random(10,30)));

}

​

function makeBlob(num) {

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

    push();

    translate(random(width*0.1, width-(width*0.1)), random(height*0.1, height-(height*0.1)));

    rotate(random(PI * 2));

    sizeInc = 10;

    let r = (startR = height * sizeInc * random(0.001, 0.002));

    beginShape();

    for (k = 0; k < PI * 2; k += 0.3) {

      r += r * random(-0.25, 0.25);

      if (k > PI * 1.5) {

        r = r + (startR - r) / 3;

      } else if (k > PI * 1.75) {

        r = r + (startR - r) / 7;

      }

      let x = cos(k) * r;

      let y = sin(k) * r;

      curveVertex(x, y);

    }

    endShape(CLOSE);

    pop();

  }

}

​

class Drawer {

  constructor(seg, swScale) {

    this.isDone = false;

    this.seg = seg;

    this.count = seg;

    this.swScale = swScale;

    this.sw = width * random(0.0002, 0.005);

    this.frame = width * 0.05;

    this.angVary = PI * 0.02;

    this.edgeBuff = height * 0.08;

    this.lineLength = height * 0.001;

    this.x = 0;

    this.y = 0;

    this.prevX = 0;

    this.prevY = 0;

    this.setXY();

  }

  generate() {

    // for (let i = 0; i < this.seg; i++) {

    //while (!this.finished()) {

      this.makeLines();

    //}

    //}

  }

  setXY() {

    this.x = round(random(width*0.1, width-(width*0.1)));

    this.y = round(random(height*0.1, height-(height*0.1)));

    this.prevX = this.x;

    this.prevY = this.y;

    this.ang = random(PI * 2);

    if (random(2) < 1) {

      this.ang = PI * 0.25;

    } else {

      this.ang = PI * 0.75;

    }

    this.sw = width * random(0.0002, 0.005);

  }

  finished() {

    return this.isDone;

  }

  makeLines() {

    //if (this.count > 0) {

      beginShape()

      for (let i = 0; i < this.seg; i++) {

        this.ang = this.ang + random(-this.angVary, this.angVary);

        this.x = this.lineLength * sin(this.ang) + this.x;

        this.y = this.lineLength * cos(this.ang) + this.y;

        if (

          width * 0.1 * sin(this.ang) + this.x > width ||

          width * 0.1 * sin(this.ang) + this.x < 0 ||

          height * 0.1 * cos(this.ang) + this.y > height ||

          height * 0.1 * cos(this.ang) + this.y < 0

        ) {

          this.ang += 0.5;

        }

        strokeWeight(this.swScale);

        //line(this.prevX, this.prevY, this.x, this.y);

        curveVertex(this.x, this.y)

        // this.prevX = this.x;

        // this.prevY = this.y;

        if (random(5000) < 1) {

          this.setXY();

          endShape()

          beginShape()

        }

        //this.count--;

      }

    //} else {

      this.isDone = true;

      endShape()

    //}

  }

  reset() {

    this.count = this.seg;

    this.isDone = false;

    this.setXY();

  }

}

​