three.js Matrix3

2023-02-16 17:46 更新

一个表示3X3矩阵matrix.的类。

代码示例

const m = new Matrix3();

注意行优先列优先的顺序。

set()方法参数采用行优先row-major, 而它们在内部是用列优先column-major顺序存储在数组当中。

这意味着

m.set( 11, 12, 13,
       21, 22, 23,
       31, 32, 33 );

元素数组elements将存储为:

m.elements = [ 11, 21, 31,
              12, 22, 32,
              13, 23, 33 ];

在内部,所有的计算都是使用列优先顺序进行的。然而,由于实际的排序在数学上没有什么不同, 而且大多数人习惯于以行优先顺序考虑矩阵,所以three.js文档以行为主的顺序显示矩阵。 请记住,如果您正在阅读源代码,您必须对这里列出的任何矩阵进行转置transpose,以理解计算。

构造器

Matrix3()

创建并初始化一个3X3的单位矩阵identity matrix.

属性(Properties)

.elements : Array

矩阵列优先column-major列表。

方法(Methods)

.clone () : Matrix3

创建一个新的矩阵,元素 elements 与该矩阵相同。

.copy ( m : Matrix3 ) : this

将矩阵m的元素复制到当前矩阵中。

.determinant () : Float

计算并返回矩阵的行列式determinant 。

.equals ( m : Matrix3 ) : Boolean

如果矩阵m 与当前矩阵所有对应元素相同则返回true。

.extractBasis ( xAxis : Vector3, yAxis : Vector3, zAxis : Vector3 ) : this

将该矩阵的基向量 basis 提取到提供的三个轴向中。如果该矩阵如下:

a, b, c,
d, e, f,
g, h, i

那么 xAxis, yAxis, zAxis 将会被设置为:

xAxis = (a, d, g)
yAxis = (b, e, h)
zAxis = (c, f, i)

.fromArray ( array : Array, offset : Integer ) : this

array - 用来存储设置元素数据的数组
offset - (可选参数) 数组的偏移量,默认值为 0。

使用基于列优先格式column-major的数组来设置该矩阵。

.invert () : this

将当前矩阵翻转为它的逆矩阵,使用 analytic method 解析方式。你不能对行或列为 0 的矩阵进行翻转,如果你尝试这样做,该方法将生成一个零矩阵。

.getNormalMatrix ( m : Matrix4 ) : this

m - Matrix4

将这个矩阵设置为给定矩阵的正规矩阵normal matrix(左上角的3x3)。 正规矩阵是矩阵m的逆矩阵inverse 的转置transpose。

.identity () : this

将此矩阵重置为3x3单位矩阵:

1, 0, 0
0, 1, 0
0, 0, 1

.makeRotation ( theta : Float ) : this

theta — 以弧度为单位的旋转角度。正值逆时针旋转。

将此矩阵设置为按 theta 弧度的 2D 旋转变换。结果矩阵将是:

cos(θ) -sin(θ) 0
sin(θ) cos(θ)  0
0      0       1

.makeScale ( x : Float, y : Float ) : this

x - 在 X 轴上缩放的量。

y - 在 Y 轴上缩放的量。

将此矩阵设置为二维比例变换:

x, 0, 0,
0, y, 0,
0, 0, 1

.makeTranslation ( x : Float, y : Float ) : this

x - 在 X 轴上平移的量。

y - 在 Y 轴上平移的量。

将此矩阵设置为 2D 平移变换:

1, 0, x,
0, 1, y,
0, 0, 1

.multiply ( m : Matrix3 ) : this

将当前矩阵乘以矩阵m。

.multiplyMatrices ( a : Matrix3, b : Matrix3 ) : this

设置当前矩阵为矩阵a x 矩阵b。

.multiplyScalar ( s : Float ) : this

当前矩阵所有的元素乘以该缩放值s

.set ( n11 : Float, n12 : Float, n13 : Float, n21 : Float, n22 : Float, n23 : Float, n31 : Float, n32 : Float, n33 : Float ) : this

n11 - 设置第一行第一列的值。
n12 - 设置第一行第二列的值。
...
...
n32 - 设置第三行第二列的值。
n33 - 设置第三行第三列的值。

使用行优先 row-major 的格式来设置该矩阵。

.premultiply ( m : Matrix3 ) : this

将矩阵m乘以当前矩阵。

.setFromMatrix4 ( m : Matrix4 ) : this

根据参数 m 左上 3x3 的矩阵值,设置当前矩阵的值。

.setUvTransform ( tx : Float, ty : Float, sx : Float, sy : Float, rotation : Float, cx : Float, cy : Float ) : this

tx - x偏移量
ty - y偏移量
sx - x方向的重复比例
sy - y方向的重复比例
rotation - 旋转, 弧度。正值逆时针旋转

cx - 旋转中心x
cy - 旋转中心y

使用偏移,重复,旋转和中心点位置设置UV变换矩阵。

.toArray ( array : Array, offset : Integer ) : Array

array - (可选参数) 存储矩阵元素的数组,如果未指定会创建一个新的数组。
offset - (可选参数) 存放矩阵元素数组的偏移量。

使用列优先column-major格式将此矩阵的元素写入数组中。

.transpose () : this

将该矩阵转置Transposes。

.transposeIntoArray ( array : Array ) : this

array - 用于存储当前矩阵转置结果的数组。

将当前矩阵的转置Transposes存入给定的数组 array 中,但不改变当前矩阵, 并返回当前矩阵。

源码(Source)

src/math/Matrix3.js


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号