Misplaced Pages

Bézier triangle

Article snapshot taken from Wikipedia with creative commons attribution-sharealike license. Give it a read and then ask your questions in the chat. We can research this topic together.

A Bézier triangle is a special type of Bézier surface that is created by (linear, quadratic, cubic or higher degree) interpolation of control points.

nth-order Bézier triangle

A general nth-order Bézier triangle has (n +1)(n + 2)/2 control points αβγ where i, j, k are non-negative integers such that i + j + k = n. The surface is then defined as

( α s + β t + γ u ) n = ∑ i + j + k = n i , j , k ≥ 0 ( n i   j   k ) s i t j u k α i β j γ k = ∑ i + j + k = n i , j , k ≥ 0 n ! i ! j ! k ! s i t j u k α i β j γ k {\displaystyle (\alpha s+\beta t+\gamma u)^{n}=\sum _{\begin{smallmatrix}i+j+k\,=\,n\\i,j,k\,\geq \,0\end{smallmatrix}}{n \choose i\ j\ k}s^{i}t^{j}u^{k}\alpha ^{i}\beta ^{j}\gamma ^{k}=\sum _{\begin{smallmatrix}i+j+k\,=\,n\\i,j,k\,\geq \,0\end{smallmatrix}}{\frac {n!}{i!j!k!}}s^{i}t^{j}u^{k}\alpha ^{i}\beta ^{j}\gamma ^{k}}

for all non-negative real numbers s + t + u = 1.

With linear order ( n = 1 {\textstyle n=1} ), the resulting Bézier triangle is actually a regular flat triangle, with the triangle vertices equaling the three control points. A quadratic ( n = 2 {\textstyle n=2} ) Bézier triangle features 6 control points which are all located on the edges. The cubic ( n = 3 {\textstyle n=3} ) Bézier triangle is defined by 10 control points and is the lowest order Bézier triangle that has an internal control point, not located on the edges. In all cases, the edges of the triangle will be Bézier curves of the same degree.

Cubic Bézier triangle

An example Bézier triangle with control points marked

A cubic Bézier triangle is a surface with the equation

p ( s , t , u ) = ( α s + β t + γ u ) 3 = β 3 t 3 + 3 α β 2 s t 2 + 3 β 2 γ t 2 u + 3 α 2 β s 2 t + 6 α β γ s t u + 3 β γ 2 t u 2 + α 3 s 3 + 3 α 2 γ s 2 u + 3 α γ 2 s u 2 + γ 3 u 3 {\displaystyle {\begin{aligned}p(s,t,u)=(\alpha s+\beta t+\gamma u)^{3}=\;&\beta ^{3}\,t^{3}+3\,\alpha \beta ^{2}\,st^{2}+3\,\beta ^{2}\gamma \,t^{2}u\;+\\&3\,\alpha ^{2}\beta \,s^{2}t+6\,\alpha \beta \gamma \,stu+3\,\beta \gamma ^{2}\,tu^{2}\,+\\&\alpha ^{3}\,s^{3}+3\,\alpha ^{2}\gamma \,s^{2}u+3\,\alpha \gamma ^{2}\,su^{2}+\gamma ^{3}\,u^{3}\end{aligned}}}

where α, β, γ, αβ, αβ, βγ, βγ, αγ, αγ and αβγ are the control points of the triangle and s, t, u (with 0 ≤ s, t, u ≤ 1 and s + t + u = 1) are the barycentric coordinates inside the triangle.

Alternatively, a cubic Bézier triangle can be expressed as a more generalized formulation as

p ( s , t , u ) = ∑ i + j + k = 3 i , j , k ≥ 0 ( 3 i   j   k ) s i t j u k α i β j γ k = ∑ i + j + k = 3 i , j , k ≥ 0 6 i ! j ! k ! s i t j u k α i β j γ k {\displaystyle {\begin{aligned}p(s,t,u)&=\sum _{\begin{smallmatrix}i+j+k\,=\,3\\i,j,k\,\geq \,0\end{smallmatrix}}{3 \choose i\ j\ k}s^{i}t^{j}u^{k}\alpha ^{i}\beta ^{j}\gamma ^{k}=\sum _{\begin{smallmatrix}i+j+k\,=\,3\\i,j,k\,\geq \,0\end{smallmatrix}}{\frac {6}{i!j!k!}}s^{i}t^{j}u^{k}\alpha ^{i}\beta ^{j}\gamma ^{k}\end{aligned}}}

in accordance with the formulation of the § nth-order Bézier triangle.

The corners of the triangle are the points α, β and γ. The edges of the triangle are themselves Bézier curves, with the same control points as the Bézier triangle.

By removing the γu term, a regular Bézier curve results. Also, while not very useful for display on a physical computer screen, by adding extra terms, a Bézier tetrahedron or Bézier polytope results.

Due to the nature of the equation, the entire triangle will be contained within the volume surrounded by the control points, and affine transformations of the control points will correctly transform the whole triangle in the same way.

Halving a cubic Bézier triangle

An advantage of Bézier triangles in computer graphics is that dividing the Bézier triangle into two separate Bézier triangles requires only addition and division by two, rather than floating point arithmetic. This means that while Bézier triangles are smooth, they can easily be approximated using regular triangles by recursively dividing the triangle in two until the resulting triangles are considered sufficiently small.

The following computes the new control points for the half of the full Bézier triangle with the corner α, a corner halfway along the Bézier curve between α and β, and the third corner γ.

( α 3 ′ α 2 β ′ α β 2 ′ β 3 ′ α 2 γ ′ α β γ ′ β 2 γ ′ α γ 2 ′ β γ 2 ′ γ 3 ′ ) = ( 1 0 0 0 0 0 0 0 0 0 1 2 1 2 0 0 0 0 0 0 0 0 1 4 2 4 1 4 0 0 0 0 0 0 0 1 8 3 8 3 8 1 8 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 1 2 1 2 0 0 0 0 0 0 0 0 1 4 2 4 1 4 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 1 2 1 2 0 0 0 0 0 0 0 0 0 0 1 ) ⋅ ( α 3 α 2 β α β 2 β 3 α 2 γ α β γ β 2 γ α γ 2 β γ 2 γ 3 ) {\displaystyle {\begin{pmatrix}{\boldsymbol {\alpha ^{3}}}{'}\\{\boldsymbol {\alpha ^{2}\beta }}{'}\\{\boldsymbol {\alpha \beta ^{2}}}{'}\\{\boldsymbol {\beta ^{3}}}{'}\\{\boldsymbol {\alpha ^{2}\gamma }}{'}\\{\boldsymbol {\alpha \beta \gamma }}{'}\\{\boldsymbol {\beta ^{2}\gamma }}{'}\\{\boldsymbol {\alpha \gamma ^{2}}}{'}\\{\boldsymbol {\beta \gamma ^{2}}}{'}\\{\boldsymbol {\gamma ^{3}}}{'}\end{pmatrix}}={\begin{pmatrix}1&0&0&0&0&0&0&0&0&0\\{1 \over 2}&{1 \over 2}&0&0&0&0&0&0&0&0\\{1 \over 4}&{2 \over 4}&{1 \over 4}&0&0&0&0&0&0&0\\{1 \over 8}&{3 \over 8}&{3 \over 8}&{1 \over 8}&0&0&0&0&0&0\\0&0&0&0&1&0&0&0&0&0\\0&0&0&0&{1 \over 2}&{1 \over 2}&0&0&0&0\\0&0&0&0&{1 \over 4}&{2 \over 4}&{1 \over 4}&0&0&0\\0&0&0&0&0&0&0&1&0&0\\0&0&0&0&0&0&0&{1 \over 2}&{1 \over 2}&0\\0&0&0&0&0&0&0&0&0&1\end{pmatrix}}\cdot {\begin{pmatrix}{\boldsymbol {\alpha ^{3}}}\\{\boldsymbol {\alpha ^{2}\beta }}\\{\boldsymbol {\alpha \beta ^{2}}}\\{\boldsymbol {\beta ^{3}}}\\{\boldsymbol {\alpha ^{2}\gamma }}\\{\boldsymbol {\alpha \beta \gamma }}\\{\boldsymbol {\beta ^{2}\gamma }}\\{\boldsymbol {\alpha \gamma ^{2}}}\\{\boldsymbol {\beta \gamma ^{2}}}\\{\boldsymbol {\gamma ^{3}}}\end{pmatrix}}}
equivalently, using addition and division by two only,

β 3 := ( α β 2 + β 3 ) / 2 α β 2 := ( α 2 β + α β 2 ) / 2 β 3 := ( α β 2 + β 3 ) / 2 α 2 β := ( α 3 + α 2 β ) / 2 α β 2 := ( α 2 β + α β 2 ) / 2 β 3 := ( α β 2 + β 3 ) / 2 {\displaystyle {\begin{matrix}&&\beta ^{3}:=(\alpha \beta ^{2}+\beta ^{3})/2\\&\alpha \beta ^{2}:=(\alpha ^{2}\beta +\alpha \beta ^{2})/2&\beta ^{3}:=(\alpha \beta ^{2}+\beta ^{3})/2\\\alpha ^{2}\beta :=(\alpha ^{3}+\alpha ^{2}\beta )/2&\alpha \beta ^{2}:=(\alpha ^{2}\beta +\alpha \beta ^{2})/2&\beta ^{3}:=(\alpha \beta ^{2}+\beta ^{3})/2\\\end{matrix}}}

β 2 γ := ( α β γ + β 2 γ ) / 2 α β γ := ( α 2 γ + α β γ ) / 2 β 2 γ := ( α β γ + β 2 γ ) / 2 {\displaystyle {\begin{matrix}&\beta ^{2}\gamma :=(\alpha \beta \gamma +\beta ^{2}\gamma )/2\\\alpha \beta \gamma :=(\alpha ^{2}\gamma +\alpha \beta \gamma )/2&\beta ^{2}\gamma :=(\alpha \beta \gamma +\beta ^{2}\gamma )/2\\\end{matrix}}}

β γ 2 := ( α γ 2 + β γ 2 ) / 2 {\displaystyle \beta \gamma ^{2}:=(\alpha \gamma ^{2}+\beta \gamma ^{2})/2}

where := means to replace the vector on the left with the vector on the right.
Note that halving a Bézier triangle is similar to halving Bézier curves of all orders up to the order of the Bézier triangle.

See also

References

  1. ^ Farin, Gerald (2002), Curves and surfaces for computer-aided geometric design (5 ed.), Academic Press Science & Technology Books, ISBN 978-1-55860-737-8
  2. 3D Surface Rendering in Postscript

Further reading

External links

Categories: