Menu
Home
People
Places
Arts
History
Plants & Animals
Science
Life & Culture
Technology
Reference.org
Composite Bézier curve
open-in-new
<h2 id="smooth-joining">Smooth joining</h2> <p>A commonly desired property of splines is for them to join their individual curves together with a specified level of parametric or geometric <a href="/facts/Smoothness/mffL4ch2">continuity</a>. While individual curves in the spline are fully C ∞ {\displaystyle C^{\infty }} continuous within their own interval, there is always some amount of discontinuity where different curves meet. </p><p>The Bézier spline is fairly unique in that it's one of the few splines that doesn't guarantee any higher degree of continuity than C 0 {\displaystyle C^{0}} . It is, however, possible to arrange control points to guarantee various levels of continuity across joins, though this can come at a loss of local control if the constraint is too strict for the given degree of the Bézier spline. </p> <h3>Smoothly joining cubic Béziers</h3> <p>Given two cubic Bézier curves with control points [ P 0 , P 1 , P 2 , P 3 ] {\displaystyle [\mathbf {P} _{0},\mathbf {P} _{1},\mathbf {P} _{2},\mathbf {P} _{3}]} and [ P 3 , P 4 , P 5 , P 6 ] {\displaystyle [\mathbf {P} _{3},\mathbf {P} _{4},\mathbf {P} _{5},\mathbf {P} _{6}]} respectively, the constraints for ensuring continuity at P 3 {\displaystyle \mathbf {P} _{3}} can be defined as follows: </p> <ul><li> C 0 / G 0 {\displaystyle C^{0}/G^{0}} (positional continuity) requires that they meet at the same point, which all Bézier splines do by definition. In this example, the shared point is P 3 {\displaystyle \mathbf {P} _{3}} </li></ul> <ul><li> C 1 {\displaystyle C^{1}} (velocity continuity) requires the neighboring control points around the join to be mirrors of each other. In other words, they must follow the constraint of P 4 = 2 P 3 − P 2 {\displaystyle \mathbf {P} _{4}=2\mathbf {P} _{3}-\mathbf {P} _{2}} </li></ul> <ul><li> G 1 {\displaystyle G^{1}} (tangent continuity) requires the neighboring control points to be <a href="/facts/Collinearity/SxbVBJYR">collinear</a> with the join. This is less strict than C 1 {\displaystyle C^{1}} continuity, leaving an extra degree of freedom which can be parameterized using a scalar β 1 {\displaystyle \beta _{1}} . The constraint can then be expressed by P 4 = P 3 + ( P 3 − P 2 ) β 1 {\displaystyle \mathbf {P} _{4}=\mathbf {P} _{3}+(\mathbf {P} _{3}-\mathbf {P} _{2})\beta _{1}} </li></ul> <p>While the following continuity constraints are possible, they are rarely used with cubic Bézier splines, as other splines like the <a href="/facts/B-spline/MLTCWCEd">B-spline</a> or the β-spline<a class="footnote-ref" id="fnref:7" href="#fn:7"><sup>7</sup></a> will naturally handle higher constraints without loss of local control. </p> <ul><li> C 2 {\displaystyle C^{2}} (acceleration continuity) is constrained by P 5 = P 1 + 4 ( P 3 − P 2 ) {\displaystyle \mathbf {P} _{5}=\mathbf {P} _{1}+4(\mathbf {P} _{3}-\mathbf {P} _{2})} . However, applying this constraint across an entire cubic Bézier spline will cause a cascading loss of local control over the tangent points. The curve will still pass through every third point in the spline, but control over its shape will be lost. In order to achieve C 2 {\displaystyle C^{2}} continuity using cubic curves, it's recommended to use a cubic uniform B-spline instead, as it ensures C 2 {\displaystyle C^{2}} continuity without loss of local control, at the expense of no longer being guaranteed to pass through specific points</li></ul> <ul><li> G 2 {\displaystyle G^{2}} (curvature continuity) is constrained by P 5 = P 3 + ( P 3 − P 2 ) ( 2 β 1 + β 1 2 + β 2 / 2 ) + ( P 1 − P 2 ) β 1 2 {\displaystyle \mathbf {P} _{5}=\mathbf {P} _{3}+(\mathbf {P} _{3}-\mathbf {P} _{2})(2\beta _{1}+\beta _{1}^{2}+\beta _{2}/2)+(\mathbf {P} _{1}-\mathbf {P} _{2})\beta _{1}^{2}} , leaving two degrees of freedom compared to C 2 {\displaystyle C^{2}} , in the form of two scalars β 1 {\displaystyle \beta _{1}} and β 2 {\displaystyle \beta _{2}} . Higher degrees of geometric continuity is possible, though they get increasingly complex<a class="footnote-ref" id="fnref:8" href="#fn:8"><sup>8</sup></a></li></ul> <ul><li> C 3 {\displaystyle C^{3}} (jolt continuity) is constrained by P 6 = P 3 + ( P 3 − P 0 ) + 6 ( P 1 − P 2 + P 3 − P 2 ) {\displaystyle \mathbf {P} _{6}=\mathbf {P} _{3}+(\mathbf {P} _{3}-\mathbf {P} _{0})+6(\mathbf {P} _{1}-\mathbf {P} _{2}+\mathbf {P} _{3}-\mathbf {P} _{2})} . Applying this constraint to the cubic Bézier spline will cause a complete loss of local control, as the entire spline is now fully constrained and defined by the first curve's control points. In fact, it is arguably no longer a spline, as its shape is now equivalent to extrapolating the first curve indefinitely, making it not only C 3 {\displaystyle C^{3}} continuous, but C ∞ {\displaystyle C^{\infty }} , as joins between separate curves no longer exist</li></ul> <h2 id="approximating-circular-arcs">Approximating circular arcs</h2> <p>In case circular arc primitives are not supported in a particular environment, they may be approximated by <a href="/facts/B%25C3%25A9zier_curve/zJx3Uj60">Bézier curves</a>.<a class="footnote-ref" id="fnref:9" href="#fn:9"><sup>9</sup></a> Commonly, eight quadratic segments<a class="footnote-ref" id="fnref:10" href="#fn:10"><sup>10</sup></a> or four cubic segments are used to approximate a circle. It is desirable to find the length k {\displaystyle \mathbf {k} } of control points which result in the least approximation error for a given number of cubic segments. </p> <h3>Using four curves</h3> <p>Considering only the 90-degree <a href="/facts/Unit_circle/VsTffjPK">unit-circular</a> arc in the <a href="/facts/Cartesian_coordinate_system/lkTqvMmB">first quadrant</a>, we define the endpoints A {\displaystyle \mathbf {A} } and B {\displaystyle \mathbf {B} } with control points A ′ {\displaystyle \mathbf {A'} } and B ′ {\displaystyle \mathbf {B'} } , respectively, as: </p> A = [ 0 , 1 ] A ′ = [ k , 1 ] B ′ = [ 1 , k ] B = [ 1 , 0 ] {\displaystyle {\begin{aligned}\mathbf {A} &=[0,1]\\\mathbf {A'} &=[\mathbf {k} ,1]\\\mathbf {B'} &=[1,\mathbf {k} ]\\\mathbf {B} &=[1,0]\\\end{aligned}}} <p>From the definition of the cubic Bézier curve, we have: </p> C ( t ) = ( 1 − t ) 3 A + 3 ( 1 − t ) 2 t A ′ + 3 ( 1 − t ) t 2 B ′ + t 3 B {\displaystyle \mathbf {C} (t)=(1-t)^{3}\mathbf {A} +3(1-t)^{2}t\mathbf {A'} +3(1-t)t^{2}\mathbf {B'} +t^{3}\mathbf {B} } <p>With the point C ( t = 0.5 ) {\displaystyle \mathbf {C} (t=0.5)} as the midpoint of the arc, we may write the following two equations: </p> C = 1 8 A + 3 8 A ′ + 3 8 B ′ + 1 8 B C = 1 / 2 = 2 / 2 {\displaystyle {\begin{aligned}\mathbf {C} &={\frac {1}{8}}\mathbf {A} +{\frac {3}{8}}\mathbf {A'} +{\frac {3}{8}}\mathbf {B'} +{\frac {1}{8}}\mathbf {B} \\\mathbf {C} &={\sqrt {1/2}}={\sqrt {2}}/2\end{aligned}}} <p>Solving these equations for the x-coordinate (and identically for the y-coordinate) yields: </p> 0 8 + 3 8 k + 3 8 + 1 8 = 2 / 2 {\displaystyle {\frac {0}{8}}\mathbf {+} {\frac {3}{8}}\mathbf {k} +{\frac {3}{8}}+{\frac {1}{8}}={\sqrt {2}}/2} k = 4 3 ( 2 − 1 ) ≈ 0.5522847498 {\displaystyle \mathbf {k} ={\frac {4}{3}}({\sqrt {2}}-1)\approx 0.5522847498} <p>Note however that the resulting Bézier curve is entirely outside the circle, with a maximum deviation of the radius of about 0.00027. By adding a small correction to intermediate points such as </p> A ′ = [ k + 0.0009 , 1 − 0.00103 ] B ′ = [ 1 − 0.00103 , k + 0.0009 ] , {\displaystyle {\begin{aligned}\mathbf {A'} &=[\mathbf {k} +0.0009,1-0.00103]\\\mathbf {B'} &=[1-0.00103,\mathbf {k} +0.0009],\end{aligned}}} <p>the magnitude of the radius deviation to 1 is reduced by a factor of about 3, to 0.000068 (at the expense of the derivability of the approximated circle curve at endpoints). </p> <h3>General case</h3> <p>We may approximate a circle of radius R {\displaystyle R} from an arbitrary number of cubic Bézier curves. Let the arc start at point A {\displaystyle \mathbf {A} } and end at point B {\displaystyle \mathbf {B} } , placed at equal distances above and below the x-axis, spanning an arc of angle θ = 2 ϕ {\displaystyle \theta =2\phi } : </p> A x = R cos ( ϕ ) A y = R sin ( ϕ ) B x = A x B y = − A y {\displaystyle {\begin{aligned}\mathbf {A} _{x}&=R\cos(\phi )\\\mathbf {A} _{y}&=R\sin(\phi )\\\mathbf {B} _{x}&=\mathbf {A} _{x}\\\mathbf {B} _{y}&=-\mathbf {A} _{y}\end{aligned}}} <p>The control points may be written as:<a class="footnote-ref" id="fnref:11" href="#fn:11"><sup>11</sup></a> </p> A ′ x = 4 R − A x 3 A ′ y = ( R − A x ) ( 3 R − A x ) 3 A y B ′ x = A ′ x B ′ y = − A ′ y {\displaystyle {\begin{aligned}\mathbf {A'} _{x}&={\frac {4R-\mathbf {A} _{x}}{3}}\\\mathbf {A'} _{y}&={\frac {(R-\mathbf {A} _{x})(3R-\mathbf {A} _{x})}{3\mathbf {A} _{y}}}\\\mathbf {B'} _{x}&=\mathbf {A'} _{x}\\\mathbf {B'} _{y}&=-\mathbf {A'} _{y}\end{aligned}}} <h3>Examples</h3> <h2 id="fonts">Fonts</h2> <p><a href="/facts/TrueType/6kBap0kH">TrueType</a> fonts use composite Béziers composed of quadratic Bézier curves (2nd order curves). To describe a typical <a href="/facts/Type_design/31uIn74v">type design</a> as a <a href="/facts/Computer_font/G8w72cFp">computer font</a> to any given accuracy, 3rd order Béziers require less data than 2nd order Béziers; and these in turn require less data than a series of straight lines. This is true even though any one straight line segment requires less data than any one segment of a parabola; and that parabolic segment in turn requires less data than any one segment of a 3rd order curve. </p> <h2 id="see-also">See also</h2> <ul><li><a href="/facts/B-spline/MLTCWCEd">B-spline</a></li> <li><a href="/facts/Confluent_hypergeometric_function/D0FxgWUa">Confluent hypergeometric function</a></li></ul> <h2 id="references">References</h2> <ol> <li id="fn:1"><p>Eugene V. Shikin; Alexander I. Plis (14 July 1995). Handbook on Splines for the User. CRC Press. p. 96. ISBN 978-0-8493-9404-1. <a href="978-0-8493-9404-1" target="_blank">978-0-8493-9404-1</a> <a href="#fnref:1" class="footnote-back-ref">↩</a></p></li> <li id="fn:2"><p>Microsoft polybezier API <a href="http://msdn2.microsoft.com/en-us/library/ms534244.aspx" target="_blank">http://msdn2.microsoft.com/en-us/library/ms534244.aspx</a> <a href="#fnref:2" class="footnote-back-ref">↩</a></p></li> <li id="fn:3"><p>Papyrus béziergon API reference <a href="http://libpapyrus.sourceforge.net/guide_beziergon.html" target="_blank">http://libpapyrus.sourceforge.net/guide_beziergon.html</a> <a href="#fnref:3" class="footnote-back-ref">↩</a></p></li> <li id="fn:4"><p>"A better box of crayons". InfoWorld. 1991. <a href="https://books.google.com/books?id=nFAEAAAAMBAJ&dq=bezigon+curve&pg=PA85" target="_blank">https://books.google.com/books?id=nFAEAAAAMBAJ&dq=bezigon+curve&pg=PA85</a> <a href="#fnref:4" class="footnote-back-ref">↩</a></p></li> <li id="fn:5"><p>Rebaza, Jorge (24 April 2012). A First Course in Applied Mathematics. John Wiley & Sons. ISBN 9781118277157. <a href="9781118277157" target="_blank">9781118277157</a> <a href="#fnref:5" class="footnote-back-ref">↩</a></p></li> <li id="fn:6"><p>(Firm), Wolfram Research (13 September 1996). Mathematica ® 3.0 Standard Add-on Packages. Cambridge University Press. ISBN 9780521585859. <a href="9780521585859" target="_blank">9780521585859</a> <a href="#fnref:6" class="footnote-back-ref">↩</a></p></li> <li id="fn:7"><p>Goodman, T.N.T (9 December 1983). "Properties of β-splines". Journal of Approximation Theory. 44 (2): 132–153. doi:10.1016/0021-9045(85)90076-0. <a href="https://doi.org/10.1016%2F0021-9045%2885%2990076-0" target="_blank">https://doi.org/10.1016%2F0021-9045%2885%2990076-0</a> <a href="#fnref:7" class="footnote-back-ref">↩</a></p></li> <li id="fn:8"><p>DeRose, Anthony D. (1 August 1985). "Geometric Continuity: A Parametrization Independent Measure of Continuity for Computer Aided Geometric Design". <a href="https://www2.eecs.berkeley.edu/Pubs/TechRpts/1986/6081.html" target="_blank">https://www2.eecs.berkeley.edu/Pubs/TechRpts/1986/6081.html</a> <a href="#fnref:8" class="footnote-back-ref">↩</a></p></li> <li id="fn:9"><p>Stanislav, G. Adam. "Drawing a circle with Bézier Curves". Retrieved 10 April 2010. <a href="http://whizkidtech.redprince.net/bezier/circle/" target="_blank">http://whizkidtech.redprince.net/bezier/circle/</a> <a href="#fnref:9" class="footnote-back-ref">↩</a></p></li> <li id="fn:10"><p>"Digitizing letterform designs". Apple. Retrieved 26 July 2014. <a href="https://developer.apple.com/fonts/ttrefman/RM01/Chap1.html" target="_blank">https://developer.apple.com/fonts/ttrefman/RM01/Chap1.html</a> <a href="#fnref:10" class="footnote-back-ref">↩</a></p></li> <li id="fn:11"><p>DeVeneza, Richard. "Drawing a circle with Bézier Curves" (PDF). Retrieved 10 April 2010. <a href="http://www.tinaja.com/glib/bezcirc2.pdf" target="_blank">http://www.tinaja.com/glib/bezcirc2.pdf</a> <a href="#fnref:11" class="footnote-back-ref">↩</a></p></li> </ol>