WebGL Matrix4(4*4矩阵库)

     Matrix4是由<<WebGL编程指南>>作者写的提供WebGL的4*4矩阵操作的方法库,简化我们编写的代码。源代码共享地址,点击链接:Matrix4源代码

    下面罗列了Matrix4库的所有方法:

    1.setIdentity()

        将Matrix4实例初始化为单位阵

    2.setTranslate(x, y, z)

        将Matrix4实例设置为平移变换矩阵,在x轴上平移的距离为x,在y轴上平移的距离为y,在z轴上平移的距离为z

    3.setRotate(angle, x, y, z)

        将Matrix4实例设置为旋转变换矩阵,旋转角度为angle,旋转轴为(x, y, z)。旋转轴(x,y,z)无需归一化

    4.setScale(x, y, z)

        将Matrix4实例设置为缩放变换矩阵,在三个轴上的缩放因子分别为x、y、z

    5.translate(x, y, z)

        将Matrix4实例生意一个平移变换矩阵(该平移矩阵在x轴上的平移距离为x,在y轴上的平移距离为y,在z轴上的平移距离为z),所得到的结果存储在Matrix4中

    6.rotate(angle, x, y, z)

        将Matrix4实例乘以一个旋转变换矩阵(该旋转矩阵旋转的角度为angle,旋转轴为(x、y、z)。旋转轴(x、y、z)无须归一化),所得的记过还存储在Matrix4中

    7.scale(x, y, z)

        将Matrix4实例乘以一个缩放变换矩阵(该缩放矩阵在三个轴上的缩放因子分别为x、y、z。),所得结果还存储在Matrix4中

    8.set( m )

        将Matrix4实例设置为m,m必须也是一个Matrix4实例

    9.elements

        类型化数组(Float32Array)包含了Matrix4实例的矩阵元素

    说明:单位阵在矩阵乘法中的行为,就像数字1在乘法中的行为一样。将一个矩阵生意单位阵,得到的结果和原矩阵完全相同。在单位阵中,对角线的元素为1.0,其余的元素为0.0。

  10. multiply(matrix)

        两个矩阵相乘,返回的结果为一个新的matrix4对象,并且值为两个矩阵相乘的结果。例如:

var modelViewMatrix = viewMatrix.multiply(modelMatrix);

   11.setOrtho(left, right, bottom, top, near, far)

        通过各参数计算正射投影矩阵,将其存储在Matrix4中。注意,left不一定与right相等,bottom不一定与top相等,near与far不相等。参数:

        left、right:指定近裁剪面的左边界和右边界

        bottom、top:指定近裁剪面的上边界和下边界

        near、far:指定近裁剪面和远裁剪面的位置,即可视空间的近边界和远边界

    12.setPerspective(fov, aspect, near, far)

        通过各参数计算透视投影矩阵,将其存储在Matrix4中。注意,near的值必须小于far。参数:

        fov:指定垂直视角,即可视空间顶面和底面键的夹角,必须大于0

        aspect:指定近裁剪面的高宽比(宽度/高度)

        near、far:指定近裁剪面和远裁剪面的位置,即可视空间的近边界和远边界(near和far必须都大于0)

        注意,第二个参数aspect是近裁剪面的宽高比,而不是水平视角(第一个参数是垂直视角)。比如说,如果近裁剪面的高度100和宽度200,那么宽高比为2。

    13.setInverseOf (m)

        使自身称为矩阵m的逆矩阵。

    14.transpose()

        对自身进行转置操作,并将自身设为转置后的结果。

posted @ 2017-04-01 00:40  heavi  阅读(5897)  评论(0编辑  收藏  举报