createCanvas(windowWidth, windowHeight, SVG);

  angleMode(DEGREES);

  colorMode(HSL);

}

​

let angle = 0;

let end = 5;

let lerpStroke;

​

function draw() {

  background(0);

  let col1 = color(341, 100, 50);

  let col2 = color(166, 100, 50);

  fill(0);

  for (let i = 100; i < height - 100; i += end) {

    strokeWeight(i / 250);

    lerpStroke = lerpColor(col1, col2, i / 700);

​

    stroke(lerpStroke);

​

    drawLine(width / 4, i, width / 2);

  }

  angle += 4;

​

  // save("waveFrame.svg");

  // noLoop();

}

​

function drawLine(x, y, len) {

  let heightMap = map(y, 0, height, 0, 120);

​

  beginShape();

  for (let i = x; i < x + len; i += end) {

    let j = y + map(sin(angle + heightMap * i), 0, 100, 0, 300);

​

    vertex(i, j);

  }

  endShape();

}

​