圖學 - 痞子軍團本部

痞

痞子軍團本部

Search…

痞

圖學

圖學 #
應該是啦... 不是就算了 [毆]
transform matrix
參考資料：https://www.siggraph.org/education/materials/HyperGraph/modeling/mod_tran/2dconc.htm​
Scale：Sx 為 x 軸倍率，Sy 為 y 軸倍率
1
  | Sx    0   0 |
2
  |  0   Sy   0 |
3
  |  0    0   1 |
Copied!
Rotate：a 為旋轉弳度
1
  |  cos(a)   sin(a)   0 |
2
  | -sin(a)   cos(a)   0 |
3
  |       0        0   1 |
Copied!
Translate（移動）：Tx 為 x 軸移動量，Ty 為 y 軸移動量
1
  |  1    0   0 |
2
  |  0    1   0 |
3
  | Tx   Ty   1 |
Copied!
組合技
如果需要一次（依序）做多個 transform，就（依序）對多個 transform matrix 做矩陣乘法。 注意：矩陣乘法沒有交換律。
原地選轉：
1
  |                       cos(a)                         sin(a)   0 |
2
  |                      -sin(a)                         cos(a)   0 |
3
  | Tx(1 - cos(a)) + Ty * sin(a)   Ty(1 - cos(a)) - Tx * sin(a)   1 |
Copied!
1.移動到原點
2.旋轉
3.移動回原始位置

Browser

PHP

Last modified 2yr ago

Copy link

Contents

transform matrix

組合技