const res = 100; // number of segments for each line

const factor = 0.008; // noise factor

const speed = 0.005;

let points = [];

​

const W = 500, H = 600

const xstep = W / nlines * 2;

const ystep = H / res

​

function setup() {

  createCanvas(W, H);

  strokeWeight(1.2);

  smooth(8);

  stroke(20);

  for (let x = 0; x < nlines; x++) {

    for (let y = 0; y < res; y++) {

      points.push([])

    }

  }

}

​

​

function draw() {

  background("#F3F3F5");

  let i = 0;

  for (let x = 0; x < nlines; x++) {

    for (let y = 0; y < res; y++) {

      var n = noise(x * factor* 1.5 + frameCount * speed, (x+y) * factor + frameCount * speed);

      points[i] = createVector(x * xstep * n, y * ystep);

      i += 1;

    }

  }

​

  for (let id = 0; id < points.length - 1; id++) {

    if (id%res != (res-1)) { 

      if (id%res > 5 && id%res < res-5) { // upper and lower edges

        if (id/res > 10 && id/res < nlines - 20) { // left and right edges 

        line(points[id].x, points[id].y, points[id+1].x, points[id+1].y);

        }

      }

    }

  }

}

​