相机旋转，鼠标卡在原点

Question

我正在将它用于我的相机

library.Camera = function Camera(PosX, PosY, PosZ, Pitch, Yaw){
    this.x = PosX;
    this.y = PosY;
    this.z = PosZ;
    this.pitch = Pitch;
    this.yaw = Yaw;

    this.getCameraMatrix = function(ModelMatrix){

        var TMatrix = ModelMatrix;

        mat4.translate(TMatrix, TMatrix, [this.x, this.y, this.z]);

        mat4.rotateX(TMatrix, TMatrix, degToRad(this.pitch));
        mat4.rotateY(TMatrix, TMatrix, degToRad(this.yaw));
        return TMatrix;

    };
};

移动工作正常，甚至旋转工作也有点。问题是用鼠标旋转总是围绕原点旋转。因此，如果我向左移动（-x）并开始旋转，相机仍然围绕原点旋转，而不是围绕我当前所在的点旋转。

http://glmatrix.net/docs/2.2.0/symbols/mat4.html

Answer 1

人们应该永远记住，线性变换不是可交换的，这只是意味着如果你旋转然后翻译你得到不同的结果然后翻译然后旋转。

在你的情况下，在翻译之前放置旋转应该可以解决问题。