let pts;

​

function setup() {

  createCanvas(1000, 1000, WEBGL);

​

  // m = random(-3.0, 3.0);

  b = random(height * 0.25, height * 0.75);

​

  if (b < height / 2) m = random(1, 0);

  else m = random(-1, 0);

  // m = 0

  console.log(m, b);

​

  pts = [];

  let y = b;

  for (let x = 0; x < width; x += random(1, 25)) {

    if (random() < 0.5) y = m * x + b;

    pts.push({ x: x, y: y });

  }

​

  background(220);

  stroke(20);

​

  idx = pts.length - 1;

}

​

let idx;

function draw() {

  translate(-width / 2, -height / 2);

  if (idx < 1) {

    //} pts.length-2) {

    console.log("done");

    noLoop();

  } else {

    stroke(color(20, 20, 20, 20));

    line(pts[idx].x, pts[idx].y, pts[idx - 1].x, pts[idx - 1].y);

​

    let _i = idx;

    if (random() > 0.5) _i = idx - 1;

​

    if (random() > 0.5) {

      let _r = random(2.0, 50.0);

      let _y = random(_r, pts[_i].y * 0.5);

      stroke(color(255, 0, 255));

      line(pts[_i].x, pts[_i].y, pts[_i].x, _y + _r);

​

      fill(color(20, 20, 20, 20));

      noStroke();

      beginShape(LINES);

      vertex(pts[idx].x, pts[idx].y);

      vertex(pts[idx - 1].x, pts[idx - 1].y);

      vertex(pts[idx - 1].x, height);

      vertex(pts[idx].x, height);

      endShape(CLOSE);

​

      push();

      noFill();

      stroke(0);

      translate(pts[_i].x, _y);

      let det = 4; //int(random(4,16));

​

      // ambientLight(220);

      // ambientMaterial(200,100,0);

      fill(220);

      pointLight(

        random(255),

        random(255),

        random(255),

        random(-50, 50),

        random(-50, 50),

        50

      );

      if (random() > 0.8) {

        noStroke();

        fill(color(255, 0, 0, 40));

      } else if (random() > 0.5) {

        noStroke();

        fill(color(20, 20, 20, 40));

      }

      sphere(_r, det, det);

      pop();

    } else {

      fill(color(20, 20, 20, 20));

      noStroke();

      beginShape(LINES);

      if (b < 0) {

        vertex(pts[idx].x, pts[idx].y);

        vertex(pts[idx - 1].x, pts[idx - 1].y);

        vertex(0, pts[idx - 1].y);

        vertex(0, pts[idx - 1].y);

      } else {

        vertex(pts[idx].x, pts[idx].y);

        vertex(pts[idx - 1].x, pts[idx - 1].y);

        vertex(width, pts[idx - 1].y);

        vertex(width, pts[idx - 1].y);

      }

​

      endShape(CLOSE);

    }

​

    // if (random() > 0.5)

    //   line(pts[_i].x, pts[_i].y, pts[_i].x, 0);

    // else

    //   line(pts[_i].x, pts[_i].y, pts[_i].x, height);

    idx -= 2;

  }

}

​