let amplitudeSlider;

let strokeSlider;

​

​

function setup() {

  createCanvas(400, 400);

  frameRate(30);

  pointSlider = createSlider(0, 100, 20);

  pointSlider.position(10, 350);

  pointSlider.style('width', '80px');

  amplitudeSlider = createSlider(0, 100, 20);

  amplitudeSlider.position(100, 350);

  amplitudeSlider.style('width', '80px');

  strokeSlider = createSlider(0, 10, 2);

  strokeSlider.position(190, 350);

  strokeSlider.style('width', '80px');

}

​

function draw() {

  background(240);

  const numberOfPoints = pointSlider.value();

  const amplitude = amplitudeSlider.value();

  const stroke = strokeSlider.value();

  noFill();

  beginShape();

  strokeWeight(stroke); 

​

  vertex(30, height/2);

  for( let i = 0; i < numberOfPoints; i++ ){

    let posY = random( height/2-amplitude, height/2+amplitude )

    let posX = (width - 60) / numberOfPoints * ( i + 0.5 ) + 30

    curveVertex(posX, posY);

  }

​

  vertex(width-30, height/2);

  endShape();

}