glBufferData 和 glBufferSubData 偏移量

Question

我正在尝试在 OpenGL 3.3 中渲染 Suzanne（来自 Blender），但缓冲区数据似乎不正确。我明白了：

https://gyazo.com/ab82f9acb6854a49fccc527ed96cc4e8

我也尝试用简单的纹理渲染一个球体：

https://gyazo.com/85c1e87fcc4eab128ca37b1a0cb1deaa

我的导入器将顶点数据作为单个浮点数插入到 std::vector 中：

if(line.substr(0,2) == "v ")
{
/** Vertex position */
    std::istringstream s(line.substr(2));
    float v[3];
    s >> v[0]; s >> v[1]; s >> v[2];

    this->vertices.push_back(v[0]);
    this->vertices.push_back(v[1]);
    this->vertices.push_back(v[2]);
}

我设置数组缓冲区如下：

glGenBuffers(1, &this->vbo);
glBindBuffer(GL_ARRAY_BUFFER, this->vbo);

glBufferData(GL_ARRAY_BUFFER,
    sizeof(float)*(this->vertices.size()+this->textures.size()+this->normals.size()),
    NULL,
    GL_STATIC_DRAW);

然后我使用 glBufferSubData 插入实际数据

glBufferSubData(GL_ARRAY_BUFFER, 0, sizeof(float)*this->vertices.size(), this->vertices.data());
glBufferSubData(GL_ARRAY_BUFFER, sizeof(float)*this->vertices.size(), sizeof(float)*this->textures.size(), this->textures.data());
glBufferSubData(GL_ARRAY_BUFFER, sizeof(float)*(this->vertices.size()+this->textures.size()), sizeof(float)*this->normals.size(), this->normals.data());

我也以同样的方式插入索引（当然是 GL_ELEMENT_ARRAY_BUFFER）。

然后我指向信息：

glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3*sizeof(float), (GLvoid*)0);
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3*sizeof(float), (GLvoid*)(sizeof(float)*this->v.size()));
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3*sizeof(float), (GLvoid*)(sizeof(float)*this->v.size()+this->vt.size()));

我的顶点着色器接收如下数据：

layout(location = 0) in vec3 position;
layout(location = 1) in vec2 texCoord;
layout(location = 2) in vec3 normals;

我搞砸了偏移量吗？

编辑： 我发现了最大的问题！我编写了一个外部 Lua 程序来将 obj 文件转换为更容易导入的格式，但它最终弄乱了数据并复制了 "f #/#/# #/#/# #/#/ 上的索引#" 所以文件看起来像这样 (x->y->x) 而不是 (x->y->z)

感谢下面的回复，还修复了一些其他错误！

Answer 1

如果没有看到您的着色器，我无法 100% 确定您对 glVertexAttribPointer 的调用是否合法。我也不知道你是否想要在单个 VBO 中交错的顶点数据。您当前拥有的内容首先包含所有顶点位置，然后是所有纹理坐标，最后是所有法线。

要交错数据，您首先需要将所有数据放入单个数组（或向量）中，以便每个顶点重复PPPTTNNN 模式。其中PPP 是三个位置浮点数，TT 是两个 texcoord 浮点数，NNN 是三个普通浮点数。

它看起来像这样（使用虚假的类型、值和间距来帮助说明模式）：

float[] vertices = {
 /* pX, pY, pZ, tX, tY, nX, nY, nZ */
     1,  1,  1,  0,  0,  1,  1,  1,     // vertex 1
     0,  0,  0,  1,  1,  0,  0,  0,     // vertex 2
     1,  1,  1,  0,  0,  1,  1,  1,     // vertex 3
    ...   
};

假设您将所有内容放入名为vertices 的单个向量中，然后您可以使用单个命令将其上传：

glBufferData(GL_ARRAY_BUFFER, sizeof(float) * this->vertices.size(), this->vertices.data(), GL_STATIC_DRAW);

您还可以将每个属性放入其自己的 VBO。您决定如何在 GPU 上存储数据最终取决于您。如果您故意以您拥有的方式存储数据，请在 cmets 中告诉我，我会更新答案。

好的，现在是着色器位。

假设您有一个如下所示的顶点着色器：

in vec3 position;
in vec2 texcoord;
in vec3 normal;
out vec2 uv;

void main() {
    gl_Position = vec4(position, 1);
    uv = texcoord;
}

还有一个像这样的片段着色器：

in vec2 uv;
uniform sampler2D image;
out vec4 color;

void main() {
    color = texture(image, uv);
}

那么您将需要以下glVertexAttribPointer 调用：

int stride = (3 + 2 + 3) * sizeof(float);
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, stride, (GLvoid*)0);
glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, stride, (GLvoid*)3);
glVertexAttribPointer(2, 3, GL_FLOAT, GL_FALSE, stride, (GLvoid*)5);

注意每个调用的第一个参数是不同的数字。这分别对应于顶点着色器中的position、texcoord、normal。

另外，纹理坐标通常只有一对浮点数（例如vec2 texcoord），所以我将第二个参数更改为2 用于 texcoord 调用。

最后一个参数，当使用交错数组时，只需要指定每个顶点的偏移量。因此我们得到0、3和5分别表示位置偏移、纹理坐标偏移和法线偏移。

希望这能让你到达你想去的地方。

查看docs.gl page on glVertexAttribPointer 了解更多信息。