OpenGL ES 纹理

一、纹理坐标

往三角形上贴纹理，三角形的顶点坐标经过计算，可以确定三角形内部每个点的坐标。三角形的每个点和纹理坐标对应起来，这样就可以把纹理贴到正确的位置了。

二、API介绍

1、生成纹理ID（向 GPU 申请若干个“纹理句柄”）
1
2
3
4
5
6
7
8
9
10
final int[] textureObjId = new int[1];
//生成纹理的数量
//接收生成的纹理ID
//数组便宜，从数组的哪个脚标开始读取
GLES20.glGenTextures(1, textureObjId, 0);

if (textureObjId[0] == 0) {
    Log.d("opengl", "产生纹理出错");
    return;
}
2、加载图像
1
2
3
4
5
6
7
8
9
10
11
final BitmapFactory.Options options = new BitmapFactory.Options();
options.inScaled = false;//不缩放

final Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(),
        resourceId, options);

if (bitmap == null) {

    GLES20.glDeleteTextures(1, textureObjId, 0);
    return 0;
}
3、绑定纹理对象

告诉OpenGL后面的纹理操作都应用于这个纹理对象。

1
2
3
  //这是一个二维纹理
  //纹理操作应用于 textureObjId[0] 这个纹理对象
GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, textureObjId[0]);
4、配置纹理过滤(纹理在放大缩小的过程中像素的处理方式)
1
2
3
4
5
6
7
GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D,//缩小的情况下
        GLES20.GL_TEXTURE_MIN_FILTER,
        GLES20.GL_LINEAR_MIPMAP_LINEAR);//缩小情况下使用三线性过滤

GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D,//放大的情况下
        GLES20.GL_TEXTURE_MAG_FILTER,
        GLES20.GL_LINEAR);//放大情况下使用双线性过滤
过滤模式 说明
GL_NEAREST 最近邻过滤
GL_NEAREST_MIPMAP_NEAREST 使用 MIP 贴图的最近邻过滤
GL_NEAREST_MIPMAP_LINEAR 使用 MIP 贴图级别之间插值的最近邻过滤
GL_LINEAR 双线性过滤
GL_LINEAR_MIPMAP_NEAREST 使用 MIP 贴图的双线性过滤
GL_LINEAR_MIPMAP_LINEAR 三线性过滤（使用 MIP 贴图级别之间插值的双线性过滤）
  • 缩小（Minification）
支持模式
GL_NEAREST
GL_NEAREST_MIPMAP_NEAREST
GL_NEAREST_MIPMAP_LINEAR
GL_LINEAR
GL_LINEAR_MIPMAP_NEAREST
GL_LINEAR_MIPMAP_LINEAR
  • 放大（Magnification）
支持模式
GL_NEAREST
GL_LINEAR
5、纹理环绕
1
2
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_MIRRORED_REPEAT);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_MIRRORED_REPEAT);
  • GL_REPEAT // 对纹理的默认行为。重复纹理图像。
  • GL_MIRRORED_REPEAT //和GL_REPEAT一样，但每次重复图片是镜像放置的。
  • GL_CLAMP_TO_EDGE //纹理坐标会被约束在0到1之间，超出的部分会重复纹理坐标的边缘，产生一种边缘被拉伸的效果。
  • GL_CLAMP_TO_BORDER //超出的坐标为用户指定的边缘颜色。
6、加载纹理到OpenGL
1
2
3
4
5
//纹理类型GL_TEXTURE_2D、GL_TEXTURE_EXTERNAL_OES、GL_TEXTURE_CUBE_MAP
//
//要上传的 CPU 内存图片数据
//桌面 OpenGL 才支持 border
GLUtils.texImage2D(GLES20.GL_TEXTURE_2D, 0, bitmap, 0);
  • bitmap传到GPU就可以回收了
  • 与GLUtils.texSubImage2D的区别？
  • 与GLES20.glTexImage2D的区别？
7、纹理单元
1
2
3
//OpenGL ES 的状态机设置，激活0号纹理单元
//接下来所有的纹理绑定操作（glBindTexture）都绑定到 0 号纹理单元上
GLES20.glActiveTexture(GL_TEXTURE0)
8、解绑纹理
1
GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, GLES20.GL_NONE);

参考

Opengl ES之纹理贴图
B站视频