createCanvas(800, 800);

  noLoop();

}

​

function draw() {

  background(255);

  noFill();

​

  for (i = 0; i < 800; i+=2){

    //zach original

       // let x = i*0.8 + 300.;

      //   let xoffset = 50. + map(i, 0, 300, 20, -20);

      // let xoffset2 = -50. + map(sin(i*0.02), -1, 1, 20, -40);

      // let xoffset3 = 70. + map(i, 0, 300, 20, -20);

      // beginShape();

      // vertex(x, 0);

      // curveVertex(x+xoffset, 200);

      // curveVertex(x+xoffset2, 400);

      // curveVertex(x, 600);

      // curveVertex(x+xoffset3, 800);

      // endShape();

​

    //learning mine

    //+300 moves it over 300 pixels to right

    //*0.8 condenses the lines closer together

    let x = i*0.8+100;

    let b = i*3;

      let xoffset = 80 + map(i, 0, 10, 1, -50);

      let xoffset2 = -50. + map(sin(i*.02), -10, 1, 20, -40);

      let xoffset3 = 70. + map(sin(i), 0, 300, 20, -200);

        beginShape();

      stroke(0,255,0,80);

        vertex(x, 0);

        // curveVertex(x+xoffset,10);

        // curveVertex(x,30);

        // curveVertex(x+xoffset,500);

        // curveVertex(x+xoffset,500);

      curveVertex(x+xoffset, 100);

      curveVertex(x+xoffset2,300);

      curveVertex(x+xoffset, 400);

      curveVertex(x+xoffset, 400);

      endShape();

//     beginShape();

​

//         vertex(x, 0);

//         curveVertex(x+xoffset,400);

//         curveVertex(x+xoffset2,600);

//         curveVertex(b/PI,600);

//         curveVertex(b,800);

//       // curveVertex(x+xoffset, 200);

//       // curveVertex(x+xoffset2, 400);

//       // curveVertex(x, 600);

//       // curveVertex(x+xoffset3, 800);

//        stroke(random(255),random(255),random(0),80);

//       endShape();

  }

​

}