第七课：模型加载 · opengl

# 第七课：模型加载 # 第七课：模型加载目前为止，我们一直在硬编码描述立方体。你一定觉得这样做很笨拙、不方便。本课将学习从文件中加载3D模型。和加载纹理类似，我们先写一个小的、功能有限的加载器，接着再为大家介绍几个比我们写的更好的、实用的库。为了让课程尽可能简单，我们将采用简单、常用的OBJ格式。同样也是出于简单原则，我们只处理每个顶点有一个UV坐标和一个法向量的OBJ文件（目前你不需要知道什么是法向量）。 ## 加载OBJ模型加载函数在common/objloader.hpp中声明，在common/objloader.cpp中实现。函数原型如下： ``` <pre class="calibre16">``` bool loadOBJ( const char * path, std::vector & out_vertices, std::vector & out_uvs, std::vector & out_normals ) ``` ``` 我们让loadOBJ读取文件路径，把数据写入out\_vertices/out\_uvs/out\_normals。如果出错则返回false。std::vector是C++中的数组，可存放glm::vec3类型的数据，数组大小可任意修改，不过std::vector和数学中的向量（vector）是两码事。其实它只是个数组。最后提一点，符号&意思是这个函数将会直接修改这些数组。 ### OBJ文件示例 OBJ文件看起来大概像这样： ``` <pre class="calibre16">``` # Blender3D v249 OBJ File: untitled.blend # www.blender3d.org mtllib cube.mtl v 1.000000 -1.000000 -1.000000 v 1.000000 -1.000000 1.000000 v -1.000000 -1.000000 1.000000 v -1.000000 -1.000000 -1.000000 v 1.000000 1.000000 -1.000000 v 0.999999 1.000000 1.000001 v -1.000000 1.000000 1.000000 v -1.000000 1.000000 -1.000000 vt 0.748573 0.750412 vt 0.749279 0.501284 vt 0.999110 0.501077 vt 0.999455 0.750380 vt 0.250471 0.500702 vt 0.249682 0.749677 vt 0.001085 0.750380 vt 0.001517 0.499994 vt 0.499422 0.500239 vt 0.500149 0.750166 vt 0.748355 0.998230 vt 0.500193 0.998728 vt 0.498993 0.250415 vt 0.748953 0.250920 vn 0.000000 0.000000 -1.000000 vn -1.000000 -0.000000 -0.000000 vn -0.000000 -0.000000 1.000000 vn -0.000001 0.000000 1.000000 vn 1.000000 -0.000000 0.000000 vn 1.000000 0.000000 0.000001 vn 0.000000 1.000000 -0.000000 vn -0.000000 -1.000000 0.000000 usemtl Material_ray.png s off f 5/1/1 1/2/1 4/3/1 f 5/1/1 4/3/1 8/4/1 f 3/5/2 7/6/2 8/7/2 f 3/5/2 8/7/2 4/8/2 f 2/9/3 6/10/3 3/5/3 f 6/10/4 7/6/4 3/5/4 f 1/2/5 5/1/5 2/9/5 f 5/1/6 6/10/6 2/9/6 f 5/1/7 8/11/7 6/10/7 f 8/11/7 7/12/7 6/10/7 f 1/2/8 2/9/8 3/13/8 f 1/2/8 3/13/8 4/14/8 ``` ``` 因此： - # 是注释标记，就像C++中的// - usemtl和mtlib描述了模型的外观。本课用不到。 - v代表顶点 - vt代表顶点的纹理坐标 - vn代表顶点的法向 - f代表面 v vt vn都很好理解。f比较麻烦。例如f 8/11/7 7/12/7 6/10/7： - 8/11/7描述了三角形的第一个顶点 - 7/12/7描述了三角形的第二个顶点 - 6/10/7描述了三角形的第三个顶点 - 对于第一个顶点，8指向要用的顶点。此例中是-1.000000 1.000000 -1.000000（索引从1开始，和C++中从0开始不同） - 11指向要用的纹理坐标。此例中是0.748355 0.998230。 - 7指向要用的法向。此例中是0.000000 1.000000 -0.000000。我们称这些数字为索引。若几个顶点共用同一个坐标，索引就显得很方便，文件中只需保存一个“V”，可以多次引用，节省了存储空间。不好的地方在于，我们不能让OpenGL混用顶点、纹理和法向索引。因此本课采用的方法是创建一个标准的、未加索引的模型。等第九课时再讨论索引，届时将会介绍如何解决OpenGL的索引问题。 ### 用Blender创建OBJ文件我们写的蹩脚加载器功能实在有限，因此在导出模型时得格外小心。下图展示了在Blender中导出模型的情形： ![](https://box.kancloud.cn/2015-11-02_5636f3051fbe2.png) ### 读取OBJ文件 OK，真正开始编码了。需要一些临时变量存储.obj文件的内容。 ``` <pre class="calibre16">``` std::vector vertexIndices, uvIndices, normalIndices; std::vector temp_vertices; std::vector temp_uvs; std::vector temp_normals; ``` ``` 学第五课纹理立方体时，你已学会如何打开文件了： ``` <pre class="calibre16">``` FILE * file = fopen(path, "r"); if( file == NULL ){ printf("Impossible to open the file !n"); return false; } ``` ``` 读文件直到文件末尾： ``` <pre class="calibre16">``` while( 1 ){ char lineHeader[128]; // read the first word of the line int res = fscanf(file, "%s", lineHeader); if (res == EOF) break; // EOF = End Of File. Quit the loop. // else : parse lineHeader ``` ``` （注意，我们假设第一行的文字长度不超过128，这样做太愚蠢了。但既然这只是个实验品，就凑合一下吧）首先处理顶点： ``` <pre class="calibre16">``` if ( strcmp( lineHeader, "v" ) == 0 ){ glm::vec3 vertex; fscanf(file, "%f %f %fn", &vertex.x, &vertex.y, &vertex.z ); temp_vertices.push_back(vertex); ``` ``` 也就是说，若第一个字是“v”，则后面一定是3个float值，于是以这3个值创建一个glm::vec3变量，将其添加到数组。 ``` <pre class="calibre16">``` }else if ( strcmp( lineHeader, "vt" ) == 0 ){ glm::vec2 uv; fscanf(file, "%f %fn", &uv.x, &uv.y ); temp_uvs.push_back(uv); ``` ``` 也就是说，如果不是“v”而是“vt”，那后面一定是2个float值，于是以这2个值创建一个glm::vec2变量，添加到数组。以同样的方式处理法向： ``` <pre class="calibre16">``` }else if ( strcmp( lineHeader, "vn" ) == 0 ){ glm::vec3 normal; fscanf(file, "%f %f %fn", &normal.x, &normal.y, &normal.z ); temp_normals.push_back(normal); ``` ``` 接下来是“f”，略难一些： ``` <pre class="calibre16">``` }else if ( strcmp( lineHeader, "f" ) == 0 ){ std::string vertex1, vertex2, vertex3; unsigned int vertexIndex[3], uvIndex[3], normalIndex[3]; int matches = fscanf(file, "%d/%d/%d %d/%d/%d %d/%d/%dn", &vertexIndex[0], &uvIndex[0], &normalIndex[0], &vertexIndex[1], &uvIndex[1], &normalIndex[1], &vertexIndex[2], &uvIndex[2], &normalIndex[2] ); if (matches != 9){ printf("File can't be read by our simple parser : ( Try exporting with other optionsn"); return false; } vertexIndices.push_back(vertexIndex[0]); vertexIndices.push_back(vertexIndex[1]); vertexIndices.push_back(vertexIndex[2]); uvIndices .push_back(uvIndex[0]); uvIndices .push_back(uvIndex[1]); uvIndices .push_back(uvIndex[2]); normalIndices.push_back(normalIndex[0]); normalIndices.push_back(normalIndex[1]); normalIndices.push_back(normalIndex[2]); ``` ``` 代码与前面的类似，只不过读取的数据多一些。 ### 处理数据我们只需改变一下数据的形式。读取的是字符串，现在有了一组数组。这还不够，我们得把数据组织成OpenGL要求的形式。也就是去掉索引，只保留顶点坐标数据。这步操作称为索引。遍历每个三角形（每个“f”行）的每个顶点（每个 v/vt/vn）： ``` <pre class="calibre16">``` // For each vertex of each triangle for( unsigned int i=0; i ``` ``` 顶点坐标的索引存放到vertexIndices\[i\]： ``` <pre class="calibre16">``` unsigned int vertexIndex = vertexIndices[i]; ``` ``` 因此坐标是temp\_vertices\[ vertexIndex-1 \]（-1是因为C++的下标从0开始，而OBJ的索引从1开始，还记得吗？）： ``` <pre class="calibre16">``` glm::vec3 vertex = temp_vertices[ vertexIndex-1 ]; ``` ``` 这样就有了一个顶点坐标： ``` <pre class="calibre16">``` out_vertices.push_back(vertex); ``` ``` UV和法向同理，任务完成！ ## 使用加载的数据到这一步，几乎什么变化都没发生。这次我们不再声明一个static const GLfloat g\_vertex\_buffer\_data\[\] = {…}，而是创建一个顶点数组（UV和法向同理）。用正确的参数调用loadOBJ： ``` <pre class="calibre16">``` // Read our .obj file std::vector vertices; std::vector uvs; std::vector normals; // Won't be used at the moment. bool res = loadOBJ("cube.obj", vertices, uvs, normals); ``` ``` 把数组传给OpenGL： ``` <pre class="calibre16">``` glBufferData(GL_ARRAY_BUFFER, vertices.size() * sizeof(glm::vec3), &vertices[0], GL_STATIC_DRAW); ``` ``` 结束了！ ## 结果不好意思，纹理不好看。我不太擅长美工。欢迎您来提供一些好的纹理。 ## 其他模型格式及加载器这个小巧的加载器应该比较适合初学，不过别在实际中使用它。参考一下[实用链接和工具](http://www.opengl-tutorial.org/miscellaneous/useful-tools-links/)页面，看看有什么能用的。不过请注意，等到第九课才会真正用到这些工具。