Estoy dibujando una curva en P5JS usando las beginShape() y endShape() . Cuando agrego puntos a mi forma (una línea), lo hago a través de la función curveVertex() . Sin embargo, la curva final no crea un segmento entre los points[0] y los points[1] por algún motivo. Si agrego los puntos a la curva a través de la función vertex() , se dibuja el primer segmento. Código relevante:

 function draw() { // Loop through creating line segments beginShape() noFill() // Add the first point stroke('black') strokeWeight(5) curveVertex(x, y) // Save points, draw last let points = [] points.push({x: x, y: y}) // Draw line for (let i = 0; i < segments; i++){ // Get random y yRand = random(-(height * 0.125), height * 0.125); // Add point to curve curveVertex(x += length / segments, y += yRand); // Save point points.push({x: x, y: y}) } // Draw Last Point curveVertex(x, y) endShape() // Draw the last point & segment stroke('#ff9900') strokeWeight(10) points.push({x: x, y: y}) points.forEach(function(p){ point(px, py) }) // Draw the line once and stop noLoop(); }

Esto produce la siguiente imagen:

Puede ver un segmento que falta entre los puntos [0] y los puntos 1 . Ahora, si reemplazo curveVertex() con vertex() en los tres lugares de mi código, obtengo la siguiente imagen:

Como puede ver, el primer segmento se dibuja aquí. Si uso endShape(CLOSE) , obtengo el primer segmento usando el modo curveVertex , pero también obtengo una línea dibujada entre los points[0] y los points[-1] (que es un comportamiento no deseado)

Mi pregunta : ¿cuál es la diferencia entre vertex() y curveVertex() que omitiría el primer segmento?