curveVertex()

Agrega un segmento de curva spline a una forma personalizada.

curveVertex() agrega un segmento curvado a formas personalizadas. Las curvas spline que crea están definidas como las que se hacen con la función curve(). curveVertex() debe llamarse entre las funciones beginShape() y endShape().

Las curvas spline pueden crear formas y curvas con pendientes suaves. Son como cables que están unidos a un conjunto de puntos. Los splines se definen por dos puntos de anclaje y dos puntos de control. curveVertex() debe llamarse al menos cuatro veces entre beginShape() y endShape() para dibujar una curva:

El fragmento de código anterior solo dibujaría la curva entre los puntos de anclaje, similar a la función curve(). Los segmentos entre los puntos de control y de anclaje pueden dibujarse llamando a curveVertex() con las coordenadas de los puntos de control:

Los dos primeros parámetros, x y y, establecen la ubicación del vértice. Por ejemplo, llamar a curveVertex(10, 10) agrega un punto a la curva en (10, 10).

Las curvas spline también pueden dibujarse en 3D utilizando el modo WebGL. La versión 3D de curveVertex() tiene tres argumentos porque cada punto tiene coordenadas x, y y z. Por defecto, la coordenada z del vértice se establece en 0.

Nota: curveVertex() no funcionará cuando se pasa un argumento a beginShape().