let inc = 0.01;

function setup() {

  createCanvas(8.5 * 96, 5.5 * 96, SVG);

  start = height / 2;

}

​

function draw() {

  // background(0);

  strokeWeight(1);

  stroke("silver");

  noFill();

  for (let lineNum = 50; lineNum < height - 50; lineNum += 10) {

    if (lineNum > 100 && lineNum < height - 100) {

      beginShape();

      let y = lineNum;

      curveVertex(0, start);

​

      for (let x = 0; x < width; x += 20) {

        if (x > 25 && x < width - 25 && x % 20 == 0) {

          let n = noise(inc + (lineNum + x));

          if (

            (lineNum >= 200 && lineNum <= 250) ||

            (lineNum >= 350 && lineNum <= 400)

          ) {

            let randY = map(n, 0, 1, -5, 5);

            curveVertex(x, y + randY);

          } else {

            let randY = map(n, 0, 1, -35, 35);

            curveVertex(x, y + randY);

          }

          inc += 0.01;

        } else {

          if (x < 25 ) {

           curveVertex(x, start);

          }

        }

      }

      curveVertex(width, y);

      curveVertex(width, y);

      endShape();

    } else {

      line(0, start, 50, lineNum);

      line(50, lineNum, width, lineNum);

    }

  }

​

  noLoop();

}

​

function mousePressed() {

  save("line-noise.svg");

}

​