标签：
继续上一篇文章的例子：OpenGL的几何变换2之内观察立方体
上一篇是通过绘图方式得到的立方体，没有贴图，这次加上纹理贴图。
通过纹理贴图有两种方案：
1、图片分割化，即是把一张完整的VR图片（VR图片就是720度全景图片）人工的分隔成前后左右上下六张图片（静态），然后分别加载这六张图片；
2、数据分割化，即是保留一张完整的VR图片，加载图片以后，对图片数据进行上下左右前后进行数据切割，或者应该说进行图片切割（动态）。
这一篇文章主要用到的技术点是纹理映射，具体不再累述，可以参考OpenGL的glTexCoord2f纹理坐标配置
本篇文章的案例主要是采用第一种（图片分割化），先附上代码：
1 #include <stdio.h> 2 #include <windows.h> 3 #include <gl/glut.h> //引用相关包 4 #include <gl/glaux.h> 5 6 GLfloat xangle = 0.0; //X 旋转量 7 GLfloat yangle = 0.0; //Y 旋转量 8 GLfloat zangle = 0.0; //Z 旋转量 9 GLuint textureArr[6]; //存储6个纹理 10 11 AUX_RGBImageRec *loadBMP(char *Filename) //载入位图图象 12 { 13 14 15 FILE *File = NULL; //文件句柄 16 if (!Filename) //确保文件名已提供 17 { 18 return NULL; //如果没提供，返回 NULL 19 } 20 21 File = fopen(Filename,"r"); //尝试打开文件 22 if (File) //文件存在么? 23 { 24 fclose(File); //关闭句柄 25 return auxDIBImageLoadA(Filename); //载入位图并返回指针 26 } 27 return NULL; //如果载入失败，返回 NULL 28 } 29 30 //载入位图(调用上面的代码)并转换成纹理 31 int loadGLTexture(void) 32 { 33 int Status = FALSE; //状态指示器 34 char *imgArr[6] = { 35 "pano/pano_f.bmp", //前面 36 "pano/pano_b.bmp", //后面 37 "pano/pano_u.bmp", //顶面 38 "pano/pano_d.bmp", //底面 39 "pano/pano_r.bmp", //右面 40 "pano/pano_l.bmp" //左面 41 }; 42 AUX_RGBImageRec *TextureImage[6]; //创建纹理的存储空间 43 44 memset(textureArr, 0x0, sizeof(textureArr)); 45 memset(TextureImage,0,sizeof(TextureImage)); //将指针设为NULL 46 47 for (int i = 0; i < 6; i++) { 48 Status = FALSE; 49 //载入位图，检查有无错误，如果位图没找到则退出 50 if (TextureImage[i] = loadBMP(imgArr[i])) 51 { 52 Status = TRUE; //将 Status 设为 TRUE 53 glGenTextures(1, &textureArr[i]); //创建纹理 54 55 //使用来自位图数据生成 的典型纹理 56 glBindTexture(GL_TEXTURE_2D, textureArr[i]); 57 //生成纹理 58 glTexImage2D(GL_TEXTURE_2D, 0, 3, TextureImage[i]->sizeX, TextureImage[i]->sizeY, 0, GL_RGB, GL_UNSIGNED_BYTE, TextureImage[i]->data); 59 60 glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_LINEAR); //线形滤波 61 glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MAG_FILTER,GL_LINEAR); //线形滤波 62 } 63 64 if (TextureImage[i]) //纹理是否存在 65 { 66 if (TextureImage[i]->data) //纹理图像是否存在 67 { 68 free(TextureImage[i]->data); //释放纹理图像占用的内存 69 } 70 free(TextureImage[i]); //释放图像结构 71 } 72 if (Status == FALSE) { 73 break; 74 } 75 } 76 return Status; //返回 Status 77 } 78 79 void drawCube(void) //从这里开始进行所有的绘制 80 { 81 glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); //清除屏幕和深度缓存 82 glMatrixMode(GL_MODELVIEW); 83 glLoadIdentity(); //重置当前的模型观察矩阵 84 85 glPushMatrix(); 86 { 87 gluLookAt(0, 0, -5, 0, 0, 0, 0, 1, 0); 88 glTranslatef(0.0f, 0.0f, -5.0f); //移入屏幕 5 个单位 89 glRotatef(xangle, 1.0f, 0.0f, 0.0f); //绕X轴旋转 90 glRotatef(-yangle, 0.0f, 1.0f, 0.0f); //绕Y轴旋转 91 glRotatef(zangle, 0.0f, 0.0f, 1.0f); //绕Z轴旋转 92 #if (0) //显示反面 93 glBindTexture(GL_TEXTURE_2D, textureArr[0]); //选择纹理 94 glBegin(GL_QUADS); { 95 //前面：逆时针 96 glTexCoord2f(0.0f, 0.0f); glVertex3f(-1.0f, -1.0f, 1.0f); //纹理和四边形的左下 97 glTexCoord2f(1.0f, 0.0f); glVertex3f( 1.0f, -1.0f, 1.0f); //纹理和四边形的右下 98 glTexCoord2f(1.0f, 1.0f); glVertex3f( 1.0f, 1.0f, 1.0f); //纹理和四边形的右上 99 glTexCoord2f(0.0f, 1.0f); glVertex3f(-1.0f, 1.0f, 1.0f); //纹理和四边形的左上 100 }glEnd(); 101 102 glBindTexture(GL_TEXTURE_2D, textureArr[1]); //选择纹理 103 glBegin(GL_QUADS); { 104 //后面：逆时针 105 glTexCoord2f(0.0f, 0.0f); glVertex3f( 1.0f, -1.0f, -1.0f); //纹理和四边形的左下 106 glTexCoord2f(1.0f, 0.0f); glVertex3f(-1.0f, -1.0f, -1.0f); //纹理和四边形的右下 107 glTexCoord2f(1.0f, 1.0f); glVertex3f(-1.0f, 1.0f, -1.0f); //纹理和四边形的右上 108 glTexCoord2f(0.0f, 1.0f); glVertex3f( 1.0f, 1.0f, -1.0f); //纹理和四边形的左上 109 }glEnd(); 110 111 glBindTexture(GL_TEXTURE_2D, textureArr[2]); //选择纹理 112 glBegin(GL_QUADS); { 113 //顶面：逆时针 114 glTexCoord2f(0.0f, 0.0f); glVertex3f(-1.0f, 1.0f, 1.0f); //纹理和四边形的左下 115 glTexCoord2f(1.0f, 0.0f); glVertex3f( 1.0f, 1.0f, 1.0f); //纹理和四边形的右下 116 glTexCoord2f(1.0f, 1.0f); glVertex3f( 1.0f, 1.0f, -1.0f); //纹理和四边形的右上 117 glTexCoord2f(0.0f, 1.0f); glVertex3f(-1.0f, 1.0f, -1.0f); //纹理和四边形的左上 118 }glEnd(); 119 120 glBindTexture(GL_TEXTURE_2D, textureArr[3]); //选择纹理 121 glBegin(GL_QUADS); { 122 //底面：逆时针 123 glTexCoord2f(0.0f, 0.0f); glVertex3f(-1.0f, -1.0f, -1.0f); //纹理和四边形的左下 124 glTexCoord2f(1.0f, 0.0f); glVertex3f( 1.0f, -1.0f, -1.0f); //纹理和四边形的右下 125 glTexCoord2f(1.0f, 1.0f); glVertex3f( 1.0f, -1.0f, 1.0f); //纹理和四边形的右上 126 glTexCoord2f(0.0f, 1.0f); glVertex3f(-1.0f, -1.0f, 1.0f); //纹理和四边形的左上 127 }glEnd(); 128 129 glBindTexture(GL_TEXTURE_2D, textureArr[4]); //选择纹理 130 glBegin(GL_QUADS); { 131 //右面：逆时针 132 glTexCoord2f(0.0f, 0.0f); glVertex3f( 1.0f, -1.0f, 1.0f); //纹理和四边形的左下 133 glTexCoord2f(1.0f, 0.0f); glVertex3f( 1.0f, -1.0f, -1.0f); //纹理和四边形的右下 134 glTexCoord2f(1.0f, 1.0f); glVertex3f( 1.0f, 1.0f, -1.0f); //纹理和四边形的右上 135 glTexCoord2f(0.0f, 1.0f); glVertex3f( 1.0f, 1.0f, 1.0f); //纹理和四边形的左上 136 }glEnd(); 137 138 glBindTexture(GL_TEXTURE_2D, textureArr[5]); //选择纹理 139 glBegin(GL_QUADS); { 140 //左面：逆时针 141 glTexCoord2f(0.0f, 0.0f); glVertex3f(-1.0f, -1.0f, -1.0f); //纹理和四边形的左下 142 glTexCoord2f(1.0f, 0.0f); glVertex3f(-1.0f, -1.0f, 1.0f); //纹理和四边形的右下 143 glTexCoord2f(1.0f, 1.0f); glVertex3f(-1.0f, 1.0f, 1.0f); //纹理和四边形的右上 144 glTexCoord2f(0.0f, 1.0f); glVertex3f(-1.0f, 1.0f, -1.0f); //纹理和四边形的左上 145 }glEnd(); 146 #else //显示正面 147 glBindTexture(GL_TEXTURE_2D, textureArr[0]); //选择纹理 148 glBegin(GL_QUADS); { 149 //前面：纹理顺时针，立方体逆时针 150 glTexCoord2f(0.0f, 0.0f); glVertex3f( 1.0f, -1.0f, 1.0f); //纹理和四边形的左下 151 glTexCoord2f(0.0f, 1.0f); glVertex3f( 1.0f, 1.0f, 1.0f); //纹理和四边形的左上 152 glTexCoord2f(1.0f, 1.0f); glVertex3f(-1.0f, 1.0f, 1.0f); //纹理和四边形的右上 153 glTexCoord2f(1.0f, 0.0f); glVertex3f(-1.0f, -1.0f, 1.0f); //纹理和四边形的右下 154 }glEnd(); 155 156 glBindTexture(GL_TEXTURE_2D, textureArr[1]); //选择纹理 157 glBegin(GL_QUADS); { 158 //后面：纹理顺时针，立方体逆时针 159 glTexCoord2f(0.0f, 0.0f); glVertex3f(-1.0f, -1.0f, -1.0f); //纹理和四边形的左下 160 glTexCoord2f(0.0f, 1.0f); glVertex3f(-1.0f, 1.0f, -1.0f); //纹理和四边形的左上 161 glTexCoord2f(1.0f, 1.0f); glVertex3f( 1.0f, 1.0f, -1.0f); //纹理和四边形的右上 162 glTexCoord2f(1.0f, 0.0f); glVertex3f( 1.0f, -1.0f, -1.0f); //纹理和四边形的右下 163 }glEnd(); 164 165 glBindTexture(GL_TEXTURE_2D, textureArr[2]); //选择纹理 166 glBegin(GL_QUADS); { 167 //顶面：纹理顺时针，立方体逆时针 168 glTexCoord2f(0.0f, 0.0f); glVertex3f( 1.0f, 1.0f, 1.0f); //纹理和四边形的左下 169 glTexCoord2f(0.0f, 1.0f); glVertex3f( 1.0f, 1.0f, -1.0f); //纹理和四边形的左上 170 glTexCoord2f(1.0f, 1.0f); glVertex3f(-1.0f, 1.0f, -1.0f); //纹理和四边形的右上 171 glTexCoord2f(1.0f, 0.0f); glVertex3f(-1.0f, 1.0f, 1.0f); //纹理和四边形的右下 172 }glEnd(); 173 174 glBindTexture(GL_TEXTURE_2D, textureArr[3]); //选择纹理 175 glBegin(GL_QUADS); { 176 //底面：纹理顺时针，立方体逆时针 177 glTexCoord2f(0.0f, 0.0f); glVertex3f( 1.0f, -1.0f, -1.0f); //纹理和四边形的左下 178 glTexCoord2f(0.0f, 1.0f); glVertex3f( 1.0f, -1.0f, 1.0f); //纹理和四边形的左上 179 glTexCoord2f(1.0f, 1.0f); glVertex3f(-1.0f, -1.0f, 1.0f); //纹理和四边形的右上 180 glTexCoord2f(1.0f, 0.0f); glVertex3f(-1.0f, -1.0f, -1.0f); //纹理和四边形的右下 181 }glEnd(); 182 183 glBindTexture(GL_TEXTURE_2D, textureArr[5]); //选择纹理 184 glBegin(GL_QUADS); { 185 //右面：纹理顺时针，立方体逆时针 186 glTexCoord2f(0.0f, 0.0f); glVertex3f( 1.0f, -1.0f, -1.0f); //纹理和四边形的左下 187 glTexCoord2f(0.0f, 1.0f); glVertex3f( 1.0f, 1.0f, -1.0f); //纹理和四边形的左上 188 glTexCoord2f(1.0f, 1.0f); glVertex3f( 1.0f, 1.0f, 1.0f); //纹理和四边形的右上 189 glTexCoord2f(1.0f, 0.0f); glVertex3f( 1.0f, -1.0f, 1.0f); //纹理和四边形的右下 190 }glEnd(); 191 192 glBindTexture(GL_TEXTURE_2D, textureArr[4]); //选择纹理 193 glBegin(GL_QUADS); { 194 //左面：纹理顺时针，立方体逆时针 195 196 glTexCoord2f(0.0f, 0.0f); glVertex3f(-1.0f, -1.0f, 1.0f); //纹理和四边形的左下 197 glTexCoord2f(0.0f, 1.0f); glVertex3f(-1.0f, 1.0f, 1.0f); //纹理和四边形的左上 198 glTexCoord2f(1.0f, 1.0f); glVertex3f(-1.0f, 1.0f, -1.0f); //纹理和四边形的右上 199 glTexCoord2f(1.0f, 0.0f); glVertex3f(-1.0f, -1.0f, -1.0f); //纹理和四边形的右下 200 }glEnd(); 201 #endif 202 }glPopMatrix(); 203 glFlush(); 204 } 205 206 //初始化 207 void init(void) 208 { 209 glClearColor (0.0, 0.0, 0.0, 0.0); //清理颜色，为黑色，（也可认为是背景颜色） 210 211 glCullFace(GL_FRONT); //前面裁剪(前面不可见) 212 glEnable(GL_CULL_FACE); //启用裁剪 213 glEnable(GL_TEXTURE_2D); 214 loadGLTexture(); //载入纹理贴图 215 } 216 217 void display(void) 218 { 219 glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); //清楚颜色数据和深度数据（清屏） 220 glLoadIdentity(); //Reset The View 221 222 drawCube(); 223 224 glutSwapBuffers(); //交换缓冲区。显示图形 225 226 //xangle += 0.3f; 227 //yangle += 0.3f; 228 //zangle += 0.3f; 229 Sleep(10); 230 } 231 232 //当窗口大小改变时，会调用这个函数 233 void reshape(GLsizei w,GLsizei h) 234 { 235 //这里小说明一下：矩阵模式是不同的，他们各自有一个矩阵。投影相关 236 //只能用投影矩阵。(只是目前情况下哦，等我学多了可能就知道为什么了。) 237 238 glViewport(0,0,w,h); //设置视口 239 glMatrixMode(GL_PROJECTION); //设置矩阵模式为投影变换矩阵， 240 glLoadIdentity(); //变为单位矩阵 241 gluPerspective(90, (GLfloat)w / h, 0.1f, 100.0f); //设置投影矩阵 242 glMatrixMode(GL_MODELVIEW); //设置矩阵模式为视图矩阵(模型) 243 glLoadIdentity(); //变为单位矩阵 244 } 245 246 //键盘输入事件函数 247 void keyboard(unsigned char key,int x,int y) 248 { 249 switch(key) 250 { 251 case ‘x‘: //当按下键盘上d时，以沿X轴旋转为主 252 xangle += 1.0f; //设置旋转增量 253 glutPostRedisplay(); //重绘函数 254 break; 255 case ‘y‘: 256 yangle += 1.0f; 257 glutPostRedisplay(); 258 break; 259 case ‘z‘: 260 zangle += 1.0f; 261 glutPostRedisplay(); 262 break; 263 default: 264 break; 265 } 266 } 267 268 int main(int argc, char *argv[]) 269 { 270 printf("可通过xyz按键控制VR全景图绕哪个轴旋转\n"); 271 272 glutInit(&argc, argv); //固定格式 273 glutInitDisplayMode(GLUT_RGB | GLUT_SINGLE); 274 glutInitWindowSize(1024/2, 1024/2); //显示框的大小 275 glutInitWindowPosition(100,100); //确定显示框左上角的位置 276 glutCreateWindow("OpenGL纹理贴图"); 277 278 init(); //初始化资源,这里一定要在创建窗口以后，不然会无效。 279 glutDisplayFunc(display); 280 //glutIdleFunc(display); 281 glutReshapeFunc(reshape); //绘制图形时的回调 282 glutKeyboardFunc(keyboard); 283 glutMainLoop(); 284 return 0; 285 }
附上VR图片：
附上代码运行结果：
最后附上可执行的EXE链接: http://pan.baidu.com/s/1nvixGFZ 密码: 3cw2
标签：
原文地址：http://www.cnblogs.com/1024Planet/p/5667031.html
