1.纹理

在OpenGL中，我们读取的png，jpeg等一些格式的图片，在GPU中最终会被压缩成纹理(位图)。假设有一张图片的大小为120*120，那么它的像素点为14400，每一个像素点会通过RGBA进行相应的存储，每一个颜色占据4个字节，那么这张图片的大小为14400 *4 。

图像存储空间 = 图像的高度 * 图像宽度 * 每个像素的字节数

2. 纹理相关API

从颜色缓存区内容作为像素图直接读取

* 参数1:x,矩形左下角的窗⼝口坐标
* 参数2:y,矩形左下角的窗⼝口坐标
* 参数3:width,矩形的宽，以像素为单位
* 参数4:height,矩形的高，以像素为单位
* 参数5:format,OpenGL 的像素格式，在文章最后有显示
* 参数6:type,解释参数pixels指向的数据，告诉OpenGL 使⽤缓存区中的什么 数据类型来存储颜色分量，像素数据的数据类型，
* 参数7:pixels,指向图形数据的指针
void glReadPixels(GLint x,GLint y,GLSizei width,GLSizei height, GLenum format, GLenum type,const void * pixels);

glReadBuffer(mode); //指定读取的缓存 
glWriteBuffer(mode); //指定写⼊入的缓存

载入纹理

• 常用
  因为图片多为2D,所以采用glTexImage2D较多

* 参数target:`GL_TEXTURE_1D`、`GL_TEXTURE_2D`、`GL_TEXTURE_3D`;
* 参数Level:指定所加载的mip贴图层次。一般我们都把这个参数设置为0；
* 参数internalformat:每个纹理单元中存储多少颜⾊成分。
* 参数width、height、depth参数:指加载纹理的宽度、⾼度、深度。==注意!==这些值必须是 2的整数次方。(这是因为OpenGL 旧版本上的遗留下的一个要求。当然现在已经可以支持不是 2的整数次方。但是开发者们还是习惯使用以2的整数次方去设置这些参数。)
* 参数border:允许为纹理理贴图指定一个边界宽度。
* format、type、data参数与上述读取文件使用的API内的参数一致。

void glTexImage2D(GLenum target,GLint level,GLint  internalformat,GLsizei width,GLsizei height,GLint border,GLenum format,GLenum type,void * data);

• 不常用

void glTexImage1D(GLenum target,GLint level,GLint internalformat,GLsizei width,GLint border,GLenum format,GLenum type,void *data);

void glTexImage3D(GLenum target,GLint level,GLint internalformat,GLSizei width,GLsizei height,GLsizei depth,GLint border,GLenum format,GLenum type,void *data);

分配纹理对象

* 指定纹理对象的数量和指针(指针指向⼀个无符号整形数组，由纹理对象标识符填充)

void glGenTextures(GLsizei n,GLuint * textTures);

绑定纹理状态

* 参数target:GL_TEXTURE_1D、GL_TEXTURE_2D、GL_TEXTURE_3D；
* 参数texture:需要绑定的纹理理对象；

void glBindTexture(GLenum target,GLunit texture);

设置纹理参数

* 参数1:target,指定这些参数将要应用在那个纹理模式上，⽐比如GL_TEXTURE_1D、GL_TEXTURE_2D、GL_TEXTURE_3D。
* 参数2:pname,指定需要设置那个纹理参数
* 参数3:param,设定特定的纹理参数的值

glTexParameterf(GLenum target,GLenum pname,GLFloat param);
glTexParameteri(GLenum target,GLenum pname,GLint param);
glTexParameterfv(GLenum target,GLenum pname,GLFloat *param);
glTexParameteriv(GLenum target,GLenum pname,GLint *param);

设置过滤方式

• 邻近过滤（GL_NEAREST）：选择当前位置距离最近的颜色。如下图光标+所在的位置。

  
  邻近过滤.png

• 线性过滤（GL_LINEAR）：混合周围颜色后得到一个新的颜色。如下图光标+周围的颜色混合后得到一个新的颜色。

  
  线性过滤.png

* 纹理放大时,使用邻近过滤
glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MAG_FILTER,GL_NEAREST);
* 纹理缩小时,使用邻近过滤
glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_NEAREST);
* 纹理放大时,使用线性过滤
glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MAG_FILTER,GL_LINEAR);
* 纹理缩小时,使用线性过滤
glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_LINEAR);

建议：纹理缩小时，使用邻近过滤，纹理放大时，使用线性过滤

设置环绕方式

环绕方式指的是当纹理坐标超出默认范围时边缘显示的视觉效果。

环绕方式	描述
GL_REPEAT	重复纹理图形（默认）
GL_MIRRORED_REPEAT	和GL_REPEAT一样，但每次重复图片是镜像放置的
GL_CLAMP_TO_EDGE	纹理坐标会被约束在0~1之间，超出部分会重复纹理坐标的边缘
GL_CLAMP_TO_BORDER	超出的坐标为用户指定的边缘颜色

效果

环绕方式.png

* 参数1:GL_TEXTURE_1D、GL_TEXTURE_2D、GL_TEXTURE_3D
* 参数2:GL_TEXTURE_WRAP_S、GL_TEXTURE_T、GL_TEXTURE_R,针对s,t,r坐标(对应笛卡尔坐标系中的x，y，z)
* 参数3:GL_REPEAT、GL_CLAMP、GL_CLAMP_TO_EDGE、GL_CLAMP_TO_BORDER

glTextParameteri(GL_TEXTURE_2D,GL_TEXTURE_WRAP_S,GL_CLAMP_TO_EDGE); glTextParameteri(GL_TEXTURE_2D,GL_TEXTURE_WRAP_T,GL_CLAMP_TO_EDGE);

OpenGL 像素格式

常量	描述
GL_RGB	描述红、绿、蓝顺序排列的颜⾊
GL_RGBA	按照红、绿、蓝、Alpha顺序排列的颜色
GL_BGR	按照蓝、绿、红顺序排列颜⾊
GL_BGRA	按照蓝、绿、红、Alpha顺序排列颜⾊
GL_RED	每个像素只包含了一个红色分量
GL_GREEN	每个像素只包含了一个绿⾊分量
GL_BLUE	每个像素只包含了一个蓝⾊分量
GL_RG	每个像素依次包含了一个红色和绿⾊的分量
GL_RED_INTEGER	每个像素包含了一个整数形式的红色分量
GL_GREEN_INTEGER	每个像素包含了一个整数形式的绿⾊分量
GL_BLUE_INTEGER	每个像素包含了一个整数形式的蓝⾊分量
GL_RG_INTEGER	每个像素依次包含了一个整数形式的红色、绿⾊分量
GL_RGB_INTEGER	每个像素包含了一个整数形式的红⾊、蓝色、绿⾊分量
GL_RGBA_INTEGER	每个像素包含了一个整数形式的红色、蓝⾊、绿色、Alpah分量
GL_BGR_INTEGER	每个像素包含了⼀个整数形式的色、绿⾊色、红色分量
GL_BGRA_INTEGER	每个像素包含了一个整数形式的蓝色、绿色、红⾊、Alpah分量
GL_STENCIL_INDEX	每个像素只包含了一个模板值
GL_DEPTH_COMPONENT	每个像素值包含⼀个深度值
GL_DEPTH_STENCIL	每个像素包含⼀一个深度值和⼀一个模板值

OpenGL 像素数据的数据类型

常量	描述
GL_UNSIGNED_BYTE	每种颜色分量都是一个8位无符号整数
GL_BYTE	8位有符号整数
GL_UNSIGNED_SHORT	16位无符号整数
GL_SHORT	16有符号整数
GL_UNSIGNED_INT	32位无符号整数
GL_INT	32位有符号整数
GL_FLOAT	单精度浮点数
GL_HALF_FLOAT	半精度浮点数
GL_UNSIGNED_BYTE_3_2_2	包装的RGB值
GL_UNSIGNED_BYTE_2_3_3_REV	包装的RGB值
GL_UNSIGNED_SHORT_5_6_5	包装的RGB值
GL_UNSIGNED_SHORT_5_6_5_REV	包装的RGB值
GL_UNSIGNED_SHORT_4_4_4_4	包装的RGB值
GL_UNSIGNED_SHORT_4_4_4_4_REV	包装的RGB值
GL_UNSIGNED_SHORT_5_5_5_1	包装的RGB值
GL_UNSIGNED_SHORT_1_5_5_5_REV	包装的RGB值
GL_UNSIGNED_INT_8_8_8_8	包装的RGB值
GL_UNSIGNED_INT_8_8_8_8_REV	包装的RGB值
GL_UNSIGNED_INT_10_10_10_2	包装的RGB值
GL_UNSIGNED_INT_2_10_10_10_REV	包装的RGB值
GL_UNSIGNED_INT_24_8	包装的RGB值
GL_UNSIGNED_INT_10F_11F_REV	包装的RGB值
GL_FLOAT_24_UNSIGNED_INT_24_8_REV	包装的RGB值