Question

现在我正在创建一个基于高度图的地形网格，类似于Lighthouse 3D Terrain Tutorial，除了我使用的是VBO和EBO。一直都很顺利，直到我试图纹理我的网格。目前我正在应用一个跨越整个网格的纹理。使用Window 7的样本Jellyfish图片，我最终得到了这个：

对于熟悉图片的人，您可以看到它在整个地形网格中重复多次。这让我相信我的UV坐标已被破坏。但是，如果我使用一个始终返回0的函数来确定每个网格顶点的高度，我最终得到这个：

现在我很困惑，而且我似乎无法找到任何其他资源来帮助我。

我的代码如下：

generate_terrain()功能：

QImage terrainImage;
terrainImage.load(imagePath.data());
int width = terrainImage.width();
int height = terrainImage.height();

float uStep = 1.0f / width;
float vStep = 1.0f / height;

grid = new std::vector<float>;
indices = new std::vector<unsigned short>;

for (int i = 0; i <= height-1; ++i) {
    for (int j = 0; j <= width-1; ++j) {
        QVector3D vertex1{j, heightFunction(terrainImage.pixel(j, i)), i};
        QVector3D vertex2{j, heightFunction(terrainImage.pixel(j, i+1)), i+1};
        QVector3D vertex3{j+1, heightFunction(terrainImage.pixel(j+1, i+1)), i+1};

        QVector3D edge1 = vertex2 - vertex1;
        QVector3D edge2 = vertex3 - vertex1;
        QVector3D normal = QVector3D::crossProduct(edge1, edge2);
        normal.normalize();

        grid->push_back(vertex1.x());
        grid->push_back(vertex1.y());
        grid->push_back(vertex1.z());

        grid->push_back(normal.x());
        grid->push_back(normal.y());
        grid->push_back(normal.z());

        grid->push_back(j * uStep);
        grid->push_back(i * vStep);
    }
}

for (int i = 0; i < height-1; ++i) {
    for (int j = 0; j < width-1; ++j) {
        indices->push_back(i * width + j);
        indices->push_back((i+1) * width + j);
        indices->push_back((i+1) * width + (j+1));

        indices->push_back((i+1) * width + (j+1));
        indices->push_back(i * width + (j+1));
        indices->push_back(i * width + j);
    }
}

vertices = grid->size()/8;
indexCount = indices->size();

纹理加载：

f->glGenTextures(1, &textureId);
f->glBindTexture(GL_TEXTURE_2D, textureId);

QImage texture;
texture.load(texturePath.data());
QImage glTexture = QGLWidget::convertToGLFormat(texture);

f->glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, glTexture.width(), glTexture.height(), 0, GL_RGBA, GL_UNSIGNED_BYTE, glTexture.bits());
f->glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
f->glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);

图：

f->glActiveTexture(GL_TEXTURE0);
f->glBindTexture(GL_TEXTURE_2D, textureId);
program->setUniformValue(textureUniform.data(), 0);

f->glBindBuffer(GL_ARRAY_BUFFER, vbo.bufferId());
f->glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 8*sizeof(float), 0);
f->glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 8*sizeof(float), (void *) (sizeof(float) * 3));
f->glVertexAttribPointer(2, 2, GL_FLOAT, GL_FALSE, 8*sizeof(float), (void *) (sizeof(float) * 6));

f->glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, ibo.bufferId());
f->glEnableVertexAttribArray(0);
f->glEnableVertexAttribArray(1);
f->glEnableVertexAttribArray(2);
f->glDrawElements(GL_TRIANGLES, indexCount, GL_UNSIGNED_SHORT, 0);
f->glDisableVertexAttribArray(2);
f->glDisableVertexAttribArray(1);
f->glDisableVertexAttribArray(0);

着色器：

顶点：

attribute vec3 vertex_modelspace;
attribute vec3 normal_in;
attribute vec2 uv_in;

uniform mat4 mvp;
uniform mat4 model;
uniform mat4 view;
uniform mat4 projection;
uniform vec3 lightPosition;

varying vec2 uv;
varying vec3 normal;
varying vec3 fragPos;

void main(void)
{
    gl_Position = projection * view * model * vec4(vertex_modelspace, 1);
    uv = uv_in;
    normal = normal_in;

    fragPos = vec3(model * vec4(vertex_modelspace, 1));
}

片段：

varying vec2 uv;
varying vec3 normal;
varying vec3 fragPos;

uniform sampler2D texture;
uniform vec3 lightPosition;

void main(void)
{
    vec3 lightColor = vec3(0.6, 0.6, 0.6);

    float ambientStrength = 0.2;
    vec3 ambient = ambientStrength * lightColor;

    vec3 norm = normalize(normal);
    vec3 lightDirection = normalize(lightPosition - fragPos);
    float diff = max(dot(norm, lightDirection), 0.0);
    vec3 diffuse = diff * lightColor;

    vec3 color = texture2D(texture, uv).rgb;

    vec3 result = (ambient + diffuse) * color;
    gl_FragColor = vec4(result, 1.0);
}

我完全陷入困境，所以欢迎任何建议：）

P.S。我也在努力让我的灯光看起来更好，所以任何提示都会受到欢迎。

Answer 1

您的代码假设属性位置的值，这些值是用作glVertexAttribPointer()和glEnableVertexAttribArray()的第一个参数的值。例如：

f->glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 8*sizeof(float), 0);
f->glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 8*sizeof(float), (void *) (sizeof(float) * 3));
f->glVertexAttribPointer(2, 2, GL_FLOAT, GL_FALSE, 8*sizeof(float), (void *) (sizeof(float) * 6));

您假设位置的位置为0，法线位置为1，纹理坐标位置为2。

目前您的代码中的任何内容都无法保证这一点。 GLSL代码中attribute声明的顺序不定义位置分配。例如，来自OpenGL 3.2规范：

当程序链接时，没有通过BindAttribLocation指定的绑定的任何活动属性将由GL自动绑定到顶点属性。

请注意，这并未指定如何自动分配位置。这意味着它依赖于实现。

要解决此问题，有两种方法：

您可以在关联着色器程序之前调用glBindAttribLocation()所有属性。

您可以在链接程序后致电glGetAttribLocation() 查询自动分配的位置。

在较新的OpenGL版本（GLSL 3.30及更高版本，即与OpenGL 3.3匹配的版本）中，您还可以选择使用layout(location=...)形式的限定符直接在GLSL代码中指定位置。

这些选项中没有一个比其他选项有任何重大优势。只需根据您的偏好和软件架构使用效果最佳的那个。

无法在Qt OpenGL

1 个答案: