Trazar una curva usando una spline de Catmull-Rom.
Las curvas spline pueden formar formas y curvas con suaves pendientes. Son como cables que están sujetos a un conjunto de puntos. Las splines se definen por dos puntos de anclaje y dos puntos de control.
Los dos primeros parámetros, x1 y y1, establecen el primer punto de control. Este punto no se dibuja y se puede pensar en él como el punto de inicio de la curva.
Los siguientes cuatro parámetros, x2, y2, x3, y y3, establecen los dos puntos de anclaje. Los puntos de anclaje son el punto de inicio y el punto final del segmento visible de la curva.
El séptimo y octavo parámetros, x4 y y4, establecen el último punto de control. Este punto no se dibuja y se puede pensar en él como el punto final de la curva.
Las curvas spline también se pueden dibujar en 3D usando el modo WebGL. La versión 3D de curve() tiene doce argumentos porque cada punto tiene coordenadas x, y y z.
Ejemplos
Sintaxis
curve(x1, y1, x2, y2, x3, y3, x4, y4)curve(x1, y1, z1, x2, y2, z2, x3, y3, z3, x4, y4, z4)Parámetros
Coordenada x del primer punto de control.
Coordenada y del primer punto de control.
Coordenada x del primer punto de anclaje.
Coordenada y del primer punto de anclaje.
Coordenada x del segundo punto de anclaje.
Coordenada y del segundo punto de anclaje.
Coordenada x del segundo punto de control.
Coordenada y del segundo punto de control.
Coordenada z del primer punto de control.
Coordenada z del primer punto de anclaje.
Coordenada z del segundo punto de anclaje.
Coordenada z del segundo punto de control.
Referencias Relacionadas
bezier
Dibuja una curva de Bézier.
bezierDetail
Establece el número de segmentos utilizados para dibujar curvas de Bézier en modo WebGL.
bezierPoint
Calcula coordenadas a lo largo de una curva de Bézier utilizando interpolación.
bezierTangent
Calcula coordenadas a lo largo de una línea tangente a una curva de Bézier.