在 Z 轴上旋转纹理时 Opengles 图像倾斜

Question

嗨，我正在开发一个基于 OpenGLES 的 Android 应用程序，我需要实时旋转 z 轴上的纹理。但是当我向模型矩阵添加旋转时图像发生了倾斜。

下图第一张是原图，第二张是z轴旋转后的倾斜图像。

这是我的着色器：

private final String mVertexShader = "" +
        "attribute vec4 position;\n" +
        "attribute vec2 textureCoordinate;\n" +
        "varying vec2 textureCoordinateVarying;\n" +
        "uniform mat4 modelMat;\n" +
        "uniform mat4 viewMat;\n" +
        "uniform mat4 projectionMat;\n" +
        "" +
        "void main() {\n" +
        "    gl_Position = projectionMat * viewMat * modelMat*position ;\n" +
        "    textureCoordinateVarying = textureCoordinate;\n" +
        "}";
private final String mFragmentShader = "precision highp float;\n" +
        "uniform sampler2D textureBackground;\n" +
        "uniform sampler2D textureNumbers;" +
        "varying highp vec2 textureCoordinateVarying;\n" +
        "void main() {\n" +
        "    vec4 background = texture2D(textureBackground, textureCoordinateVarying);" +
        "    vec4 foreground = texture2D(textureNumbers, textureCoordinateVarying);" +
        "    gl_FragColor = mix(background, foreground, 0.2);\n" +
        "}\n";

关于投影、视图和模型矩阵，这是它们的初始化函数：

    Matrix.setIdentityM(model, 0);
    Matrix.setIdentityM(rotation, 0);
    Matrix.setIdentityM(view, 0);
    Matrix.setIdentityM(projection, 0);

    Matrix.translateM(view, 0,0,0,-3.0f);
    Matrix.perspectiveM(projection,0,45,(float)mBackground.getHeight()/(float)mBackground.getWidth(), 0.1f, 100f);

并且在onDraw函数中，我将更新模型矩阵的值；

public void onDrawFrame(GL10 gl) {
    //some function

    //update model matrix, and rotation is just a 4*4 identity matrix, and the degree is the z-axis rotation degree.
    Matrix.setRotateM(rotation, 0, degree, 0, 0, 1);
    Matrix.multiplyMM(model, 0, rotation, 0, model, 0);
    Matrix.setIdentityM(rotation,0);

    //draw my texture
}

我现在非常绝望，任何帮助将不胜感激。

Answer 1

看来我必须自己解决这个问题，实际上我只是犯了一个愚蠢的错误，投影矩阵的比率应该是表面视图的宽度除以同一表面视图的高度，而不应该是您的纹理图像宽度/高度。

Answer 2

我是 OpenGL ES 新手，你救了我的命！