« Le langage CSS/Transformation géométrique » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 68 :
=== Matrice 2D ===
En 2D, les coordonnées (x,y) d'un point peuvent être
\begin{bmatrix}
x \\
Ligne 154 :
Une séquence de transformations correspond à la matrice résultant de la multiplication des matrices correspondantes.
=== Matrice 3D ===
En 3D, les coordonnées (x,y,z) d'un point peuvent également être représentées par une matrice : <math>
\begin{bmatrix}
x \\
y \\
z \\
1
\end{bmatrix}
</math>
La matrice créée par <code>matrice3d(''a1'', ''b1'', ''c1'', ''d1'', ''a2'', ''b2'', ''c2'', ''d2'', ''a3'', ''b3'', ''c3'', ''d3'', ''a4'', ''b4'', ''c4'', ''d4'')</code> comporte 16 coefficients : <math>
\begin{bmatrix}
a1 & a2 & a3 & a4 \\
b1 & b2 & b3 & b4 \\
c1 & c2 & c3 & c4 \\
d1 & d2 & d3 & d4
\end{bmatrix}
</math>
La matrice 3D équivalente à celle créée par <code>matrice(''a'', ''b'', ''c'', ''d'', ''tx'', ''ty'')</code> est : <math>
\begin{bmatrix}
a & c & 0 & tx \\
b & d & 0 & ty \\
0 & 0 & 1 & 0 \\
0 & 0 & 0 & 1
\end{bmatrix}
</math>
Les constantes dans les troisièmes colonne et ligne de matrice permettent de préserver la coordonnée Z qui reste donc inchangée par une matrice 2D.
== Références ==
| |||