const WIDTH = 1600;

​

const COLOR1 = (19, 30, 40);

const COLOR2 = (24, 59, 91);

​

​

// start by drawing line

let currHeight = 0.5;

let vals = [];

​

​

​

function setup() {

  createCanvas(WIDTH, HEIGHT);

  for (var j = 0; j < WIDTH; j++) {

    vals.push((noise(j/WIDTH * 3, 0.5) - 0.4) * 500);

  }

}

​

function draw() {

  background(194, 208, 199);

  noLoop();

  //fill(COLOR1);

  //noStroke();

  stroke(COLOR1);

  strokeWeight(2);

  for (var i = 0; i < vals.length; i++) {

    //point(i, (currHeight * HEIGHT - (vals[i] * 500))) * abs(WIDTH/2 - i)/(WIDTH * 4);

    let factor = (sin(3.14 * 2 * 2 * (abs(WIDTH / 2 - i) / WIDTH)) + 1) / 2;

    //let factor = abs(WIDTH / 2 - i) / WIDTH;

    for (var j = 0; j < vals[i]; j++) {

      point(i, currHeight * HEIGHT - factor * j);

    }

  }

  /*

  for (var i = 0; i < HEIGHT; i++) {

    for (var j = 0; j < WIDTH; j++) {

    }

  }

  */

}