1. 效果先行：

纹理案例 - 隧道.gif

2. 实现过程

image.png

3. 实现代码

3.1 main函数

  1. int main(int argc, char *argv[])
  2. {
  3.     gltSetWorkingDirectory(argv[0]);
  5.     // 标准初始化
  6.     glutInit(&argc, argv);
  7.     glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB);
  8.     glutInitWindowSize(800, 600);
  9.     glutCreateWindow("Tunnel");
  10.     glutReshapeFunc(ChangeSize);
  11.     glutSpecialFunc(SpecialKeys);
  12.     glutDisplayFunc(RenderScene);
  14.     // 添加菜单入口，改变过滤器
  15.     glutCreateMenu(ProcessMenu);
  16.     glutAddMenuEntry("GL_NEAREST",0);
  17.     glutAddMenuEntry("GL_LINEAR",1);
  18.     glutAddMenuEntry("GL_NEAREST_MIPMAP_NEAREST",2);
  19.     glutAddMenuEntry("GL_NEAREST_MIPMAP_LINEAR", 3);
  20.     glutAddMenuEntry("GL_LINEAR_MIPMAP_NEAREST", 4);
  21.     glutAddMenuEntry("GL_LINEAR_MIPMAP_LINEAR", 5);
  22.     glutAddMenuEntry("Anisotropic Filter", 6);
  23.     glutAddMenuEntry("Anisotropic Off", 7);
  26.     glutAttachMenu(GLUT_RIGHT_BUTTON);
  28.     GLenum err = glewInit();
  29.     if (GLEW_OK != err) {
  30.         fprintf(stderr, "GLEW Error: %s\n", glewGetErrorString(err));
  31.         return 1;
  32.     }
  35.     // 启动循环，关闭纹理
  36.     SetupRC();
  37.     glutMainLoop();
  38.     ShutdownRC();
  40.     return 0;
  41. }

3.2 changeSize 函数

  1. //改变视景体和视口，在改变窗口大小或初始化窗口调用
  2. void ChangeSize(int w, int h)
  3. {
  4.     //1.防止对0进行除法操作
  5.     if(h == 0)
  6.         h = 1;
  8.     //2.将视口设置大小
  9.     glViewport(0, 0, w, h);
  11.     GLfloat fAspect = (GLfloat)w/(GLfloat)h;
  13.     //3.生成透视投影
  14.     viewFrustum.SetPerspective(80.0f,fAspect,1.0,120.0);
  15.     projectionMatrix.LoadMatrix(viewFrustum.GetProjectionMatrix());
  16.     transformPipeline.SetMatrixStacks(modelViewMatrix, projectionMatrix);
  18. }

3.3 setupRC函数

  1. //在这个函数里能够在渲染环境中进行任何需要的初始化，它这里的设置并初始化纹理对象
  2. void SetupRC()
  3. {
  4.     //1.黑色的背景
  5.     glClearColor(0.0f, 0.0f, 0.0f,1.0f);
  7.     //2.初始化shaderManager
  8.     shaderManager.InitializeStockShaders();
  11.     GLbyte *pBytes;
  12.     GLint iWidth, iHeight, iComponents;
  13.     GLenum eFormat;
  14.     GLint iLoop;
  16.     //3.生成纹理标记
  17.     /** 分配纹理对象 glGenTextures
  18.      参数1：纹理对象的数量
  19.      参数2：纹理对象标识数组
  20.      */
  21.     glGenTextures(TEXTURE_COUNT, textures);
  23.     //4. 循环设置纹理数组的纹理参数
  24.     for(iLoop = 0; iLoop < TEXTURE_COUNT; iLoop++)
  25.     {
  26.         /**绑定纹理对象 glBindTexture
  27.          参数1：纹理模式，GL_TEXTURE_1D,GL_TEXTURE_2D,GL_TEXTURE_3D
  28.          参数2：需要绑定的纹理对象
  29.          */
  30.         glBindTexture(GL_TEXTURE_2D, textures[iLoop]);
  32.         /**加载tga文件
  33.          参数1：纹理文件名称
  34.          参数2：文件宽度变量地址
  35.          参数3：文件高度变量地址
  36.          参数4：文件组件变量地址
  37.          参数5：文件格式变量地址
  38.          返回值：pBytes，指向图像数据的指针
  39.          */
  41.         pBytes = gltReadTGABits(szTextureFiles[iLoop],&iWidth, &iHeight,
  42.                                 &iComponents, &eFormat);
  44.         //加载纹理、设置过滤器和包装模式
  45.         //GL_TEXTURE_MAG_FILTER（放大过滤器,GL_NEAREST(最邻近过滤)
  46.         glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);
  47.         //GL_TEXTURE_MIN_FILTER(缩小过滤器),GL_NEAREST(最邻近过滤)
  48.         glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
  49.         //GL_TEXTURE_WRAP_S(s轴环绕),GL_CLAMP_TO_EDGE(环绕模式强制对范围之外的纹理坐标沿着合法的纹理单元的最后一行或一列进行采样)
  50.         glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
  51.         //GL_TEXTURE_WRAP_T(t轴环绕)，GL_CLAMP_TO_EDGE(环绕模式强制对范围之外的纹理坐标沿着合法的纹理单元的最后一行或一列进行采样)
  52.         glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);
  55.         /**载入纹理 glTexImage2D
  56.          参数1：纹理维度，GL_TEXTURE_2D
  57.          参数2：mip贴图层次
  58.          参数3：纹理单元存储的颜色成分（从读取像素图中获得）
  59.          参数4：加载纹理宽度
  60.          参数5：加载纹理的高度
  61.          参数6：加载纹理的深度
  62.          参数7：像素数据的数据类型,GL_UNSIGNED_BYTE无符号整型
  63.          参数8：指向纹理图像数据的指针
  64.          */
  65.         glTexImage2D(GL_TEXTURE_2D, 0, iComponents, iWidth, iHeight, 0, eFormat, GL_UNSIGNED_BYTE, pBytes);
  67.             /**为纹理对象生成一组完整的mipmap glGenerateMipmap
  68.              参数1：纹理维度，GL_TEXTURE_1D,GL_TEXTURE_2D,GL_TEXTURE_2D
  69.              */
  70.             glGenerateMipmap(GL_TEXTURE_2D);
  72.             //释放原始纹理数据，不在需要纹理原始数据了
  73.             free(pBytes);
  74.     }
  76.     //5. 设置几何图形顶点/纹理坐标(上.下.左.右)
  77.     GLfloat z;
  79.     /*
  80.      GLTools库中的容器类，GBatch，
  81.      void GLBatch::Begin(GLenum primitive,GLuint nVerts,GLuint nTextureUnits = 0);
  82.      参数1：图元枚举值
  83.      参数2：顶点数
  84.      参数3：1组或者2组纹理坐标
  85.      */
  86. //    glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);
  87.     floorBatch.Begin(GL_TRIANGLE_STRIP, 28, 1);
  88.     //参考PPT图6-10
  89.     //Z表示深度，隧道的深度
  90.     for(z = 60.0f; z >= 0.0f; z -=10.0f)
  91.     {
  92.         floorBatch.MultiTexCoord2f(0, 0.0f, 0.0f);
  93.         floorBatch.Vertex3f(-10.0f, -10.0f, z);
  95.         floorBatch.MultiTexCoord2f(0, 1.0f, 0.0f);
  96.         floorBatch.Vertex3f(10.0f, -10.0f, z);
  98.         floorBatch.MultiTexCoord2f(0, 0.0f, 1.0f);
  99.         floorBatch.Vertex3f(-10.0f, -10.0f, z + 10.0f);
  101.         floorBatch.MultiTexCoord2f(0, 1.0f, 1.0f);
  102.         floorBatch.Vertex3f(10.0f, -10.0f, z + 10.0f);
  103.     }
  104.     floorBatch.End();
  106.    //参考PPT图6-11
  107.     ceilingBatch.Begin(GL_TRIANGLE_STRIP, 28, 1);
  108.     for(z = 60.0f; z >= 0.0f; z -=10.0f)
  109.     {
  110.         ceilingBatch.MultiTexCoord2f(0, 0.0f, 1.0f);
  111.         ceilingBatch.Vertex3f(-10.0f, 10.0f, z - 10.0f);
  113.         ceilingBatch.MultiTexCoord2f(0, 1.0f, 1.0f);
  114.         ceilingBatch.Vertex3f(10.0f, 10.0f, z - 10.0f);
  116.         ceilingBatch.MultiTexCoord2f(0, 0.0f, 0.0f);
  117.         ceilingBatch.Vertex3f(-10.0f, 10.0f, z);
  119.         ceilingBatch.MultiTexCoord2f(0, 1.0f, 0.0f);
  120.         ceilingBatch.Vertex3f(10.0f, 10.0f, z);
  121.     }
  122.     ceilingBatch.End();
  124.     //参考PPT图6-12
  125.     leftWallBatch.Begin(GL_TRIANGLE_STRIP, 28, 1);
  126.     for(z = 60.0f; z >= 0.0f; z -=10.0f)
  127.     {
  128.         leftWallBatch.MultiTexCoord2f(0, 0.0f, 0.0f);
  129.         leftWallBatch.Vertex3f(-10.0f, -10.0f, z);
  131.         leftWallBatch.MultiTexCoord2f(0, 0.0f, 1.0f);
  132.         leftWallBatch.Vertex3f(-10.0f, 10.0f, z);
  134.         leftWallBatch.MultiTexCoord2f(0, 1.0f, 0.0f);
  135.         leftWallBatch.Vertex3f(-10.0f, -10.0f, z - 10.0f);
  137.         leftWallBatch.MultiTexCoord2f(0, 1.0f, 1.0f);
  138.         leftWallBatch.Vertex3f(-10.0f, 10.0f, z - 10.0f);
  139.     }
  140.     leftWallBatch.End();
  142.    //参考PPT图6-13
  143.     rightWallBatch.Begin(GL_TRIANGLE_STRIP, 28, 1);
  144.     for(z = 60.0f; z >= 0.0f; z -=10.0f)
  145.     {
  146.         rightWallBatch.MultiTexCoord2f(0, 0.0f, 0.0f);
  147.         rightWallBatch.Vertex3f(10.0f, -10.0f, z);
  149.         rightWallBatch.MultiTexCoord2f(0, 0.0f, 1.0f);
  150.         rightWallBatch.Vertex3f(10.0f, 10.0f, z);
  152.         rightWallBatch.MultiTexCoord2f(0, 1.0f, 0.0f);
  153.         rightWallBatch.Vertex3f(10.0f, -10.0f, z - 10.0f);
  155.         rightWallBatch.MultiTexCoord2f(0, 1.0f, 1.0f);
  156.         rightWallBatch.Vertex3f(10.0f, 10.0f, z - 10.0f);
  157.     }
  158.     rightWallBatch.End();
  160. }

3.3.1 地面纹理坐标与顶点坐标的映射关系

image.png

3.4 shutdownRC函数

  2. //关闭渲染环境
  3. void ShutdownRC(void)
  4. {
  5.     //删除纹理
  6.     glDeleteTextures(TEXTURE_COUNT, textures);
  7. }

3.5 renderSence 函数

  2. //调用，绘制场景
  3. void RenderScene(void)
  4. {
  5.     //1.用当前清除色，清除窗口
  6.     glClear(GL_COLOR_BUFFER_BIT);
  8.     //2.模型视图压栈
  9.     modelViewMatrix.PushMatrix();
  10.     //Z轴平移viewZ 距离
  11.     modelViewMatrix.Translate(0.0f, 0.0f, viewZ);
  13.     //3.纹理替换矩阵着色器
  14.     /*
  15.      参数1：GLT_SHADER_TEXTURE_REPLACE（着色器标签）
  16.      参数2：模型视图投影矩阵
  17.      参数3：纹理层
  18.      */
  19.     shaderManager.UseStockShader(GLT_SHADER_TEXTURE_REPLACE, transformPipeline.GetModelViewProjectionMatrix(), 0);
  21.     //4.绑定纹理
  22.     /*
  23.      参数1：纹理模式，GL_TEXTURE_1D、GL_TEXTURE_2D、GL_TEXTURE_3D
  24.      参数2：需要绑定的纹理
  25.      */
  26.     glBindTexture(GL_TEXTURE_2D, textures[TEXTURE_FLOOR]);
  27.     floorBatch.Draw();
  29.     glBindTexture(GL_TEXTURE_2D, textures[TEXTURE_CEILING]);
  30.     ceilingBatch.Draw();
  32.     glBindTexture(GL_TEXTURE_2D, textures[TEXTURE_BRICK]);
  33.     leftWallBatch.Draw();
  34.     rightWallBatch.Draw();
  36.     //5.pop
  37.     modelViewMatrix.PopMatrix();
  39.     //6.缓存区交换
  40.     glutSwapBuffers();
  41. }

3.6 SpecialKeys 函数

  1. //前后移动视口来对方向键作出响应
  2. void SpecialKeys(int key, int x, int y)
  3. {
  4.     if(key == GLUT_KEY_UP)
  5.         //移动的是深度值，Z
  6.         viewZ += 0.5f;
  8.     if(key == GLUT_KEY_DOWN)
  9.         viewZ -= 0.5f;
  11.     //更新窗口，即可回调到RenderScene函数里
  12.     glutPostRedisplay();
  13. }

3.7 ProcessMenu 函数

  2. //菜单栏选择
  3. void ProcessMenu(int value)
  4. {
  5.     GLint iLoop;
  7.     for(iLoop = 0; iLoop < TEXTURE_COUNT; iLoop++)
  8.     {
  9.         /**绑定纹理 glBindTexture
  10.          参数1：GL_TEXTURE_2D
  11.          参数2：需要绑定的纹理对象
  12.          */
  13.         glBindTexture(GL_TEXTURE_2D, textures[iLoop]);
  15.         /**配置纹理参数 glTexParameteri
  16.          参数1：纹理模式
  17.          参数2：纹理参数
  18.          参数3：特定纹理参数
  20.          */
  21.         switch(value)
  22.         {
  23.             case 0:
  24.                 //GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER(缩小过滤器)，GL_NEAREST（最邻近过滤）
  25.                 glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
  26.                 break;
  28.             case 1:
  29.                 //GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER(缩小过滤器)，GL_LINEAR（线性过滤）
  30.                 glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
  31.                 break;
  33.             case 2:
  34.                 //GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER(缩小过滤器)，GL_NEAREST_MIPMAP_NEAREST（选择最邻近的Mip层，并执行最邻近过滤）
  35.                 glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST_MIPMAP_NEAREST);
  36.                 break;
  38.             case 3:
  39.                 //GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER(缩小过滤器)，GL_NEAREST_MIPMAP_LINEAR（在Mip层之间执行线性插补，并执行最邻近过滤）
  40.                 glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST_MIPMAP_LINEAR);
  41.                 break;
  43.             case 4:
  44.                 //GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER(缩小过滤器)，GL_NEAREST_MIPMAP_LINEAR（选择最邻近Mip层，并执行线性过滤）
  45.                 glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR_MIPMAP_NEAREST);
  46.                 break;
  48.             case 5:
  49.                 //GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER(缩小过滤器)，GL_LINEAR_MIPMAP_LINEAR（在Mip层之间执行线性插补，并执行线性过滤，又称为三线性过滤）
  50.                 glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR_MIPMAP_LINEAR);
  51.                 break;
  52.             case 6:
  54.                 //设置各向异性过滤
  55.                 GLfloat fLargest;
  56.                 //获取各向异性过滤的最大数量
  57.                 glGetFloatv(GL_MAX_TEXTURE_MAX_ANISOTROPY_EXT, &fLargest);
  58.                 //设置纹理参数(各向异性采样)
  59.                 glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_MAX_ANISOTROPY_EXT, fLargest);
  60.                 break;
  62.             case 7:
  63.                 //设置各向同性过滤，数量为1.0表示(各向同性采样)
  64.                 glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_MAX_ANISOTROPY_EXT, 1.0f);
  65.                 break;
  67.         }
  68.     }
  70.     //触发重画
  71.     glutPostRedisplay();
  72. }