​

function setup() {

  createCanvas(400, 400);

  p0 = createVector(0, height/2)

  p1 = createVector(width, height/2)

}

​

function draw() {

  background(220);

  stroke(0)

  strokeWeight(4)

  // line(p0.x, p0.y, p1.x, p1.y)

  // Desenhar a mesma linha só que uma sequencia de pontos espeçados igualmente

  //for (i=0; i<1; i+=0.1){

  //  let px = p0.x + ((p1.x - p0.x) * i);

  //  let py = p0.y + ((p1.y - p0.y) * i);

  //  point(px, py)

  // }

  // Mesma coisa com lerp

  //const delta = 0.1

  //for(i = 0; i< 1; i+= delta) {

   // let px = lerp(p0.x, p1.x, i);

   // let py = lerp(p0.y, p1.y, i);

   // point(px, py);

  //}

  // Usando shape, pode-se desenhar uma linha com esses pontos do lerp

  beginShape();

  const delta = 0.1

  for(i = 0; i< 1; i+= delta) {

    let px = lerp(p0.x, p1.x, i);

    let py = lerp(p0.y, p1.y, i);

    vertex(px, py);

  }

  endShape();

}