webGL图形变换常用api总结

<!-- 图形变换常用api -->
    <script>
        // 1.创建一个矩阵
        let mat4 = glMatrix.mat4;
        let m = mat4.create();
        console.log(m);

        // 2.平移
        mat4.translate(m, m, [2, 3, 4]);
        console.log(m);

        // 3.旋转
        mat4.rotateX(m, m, Math.PI / 2);
        console.log(m);

        // 4.缩放
        mat4.scale(m, m, [2, 2, 2]);
        console.log(m);

        // 5.透视
        mat4.perspective(m, Math.PI / 3, 1, 1, 100);
        console.log(m);

        // 6.正交
        mat4.ortho(m, -1, 1, -1, 1, 1, 100);
        console.log(m);

        // 7.矩阵相乘
        let m1 = mat4.create();
        let m2 = mat4.create();
        let m3 = mat4.create();
        mat4.multiply(m3, m1, m2);
        console.log(m3);

        // 8.矩阵转置
        mat4.transpose(m3, m3);
        console.log(m3);
        
        // 9.矩阵求逆
        mat4.invert(m3, m3);
        console.log(m3);

        // 10.矩阵赋值
        mat4.copy(m3, m2);
        console.log(m3);

        // 11.矩阵相等
        console.log(mat4.equals(m3, m2));

        // 12.创建投影矩阵
        mat4.perspective(45,4/3,1,100,persp);

        // 13.叉乘
        var modelViewPersp = mat4.create();
        mat4.multiply(modelView,persp,modelViewPersp);

        // 14.矩阵单元化
        var modelView = mat4.create()
        mat4.identity(modelView);

        
    </script>