本文介绍了什么是压缩纹理,以及加载压缩纹理的核心步骤。并在 Android OpenGLES 平台上实现了压缩纹理的显示。
一、压缩纹理概念
传统的图片文件格式有 PNG 、 JPEG 等,这种类型的图片格式无法直接被 GPU 读取,需要先经过 CPU 解码后再上传到 GPU 使用,解码后的数据以 RGB(A) 形式存储,无压缩。
纹理压缩顾名思义是一种压缩的纹理格式,它通常会将纹理划分为固定大小的块(block)或者瓦片(tile),每个块单独进行压缩,整体显存占用更低,并且能直接被 GPU 读取和渲染(无需 CPU 解码)。
纹理压缩支持随机访问,随机访问是很重要的特性,因为纹理访问的模式高度随机,只有在渲染时被用到的部分才需要访问到,且无法提前预知其顺序。而且在场景中相邻的像素在纹理中不一定是相邻的 ,因此图形渲染性能高度依赖于纹理访问的效率。综上,相比普通格式图片,纹理压缩可以节省大量显存和 CPU 解码时间,且对 GPU 友好。
二、OpenGL 接口
想要使用 OpenGL 加载压缩纹理,只需要了解一个接口:glCompressedTexImage2D
。
1.glCompressedTexImage2D
接口声明如下,注释里说明了各参数的含义:
void glCompressedTexImage2D (GLenum target, GLint level, GLenum internalformat, // 格式 GLsizei width, // 纹理宽度 GLsizei height, // 纹理高度 GLint border, GLsizei imageSize, // 纹理数据大小 const void *data) // 纹理数据
所以加载一个压缩纹理,主要有以下几个要点:
-
获取到压缩纹理存储格式
-
获取压缩纹理的大小
-
获取压缩纹理的图像大小
2.判断压缩纹理是否支持
有的设备可能不支持压缩纹理,使用前需要进行判断。
std::string extensions = (const char*)glGetString(GL_EXTENSIONS); if (extensions.find("GL_OES_compressed_ETC1_RGB8_texture")!= string::npos) { // 支持 ETC1 纹理 } if (extensions.find("GL_OES_texture_compression_astc") != std::string::npos) { // 支持 ASTC 纹理 }
三、压缩纹理加载
为了方便描述,定义了一个压缩纹理的结构体:
// 压缩纹理相关信息 struct CompressedTextureInfo { bool is_valid; // 是否为一个有效的压缩纹理信息 GLsizei width; GLsizei height; GLsizei size; GLenum internal_format; GLvoid *data; };
下面介绍ETC1、ETC2和ASTC格式的压缩纹理如何解析成CompressedTextureInfo
对象。
1.ETC1
ETC1格式是OpenGL ES图形标准的一部分,并且被所有的Android设备所支持。
扩展名为: GL_OES_compressed_ETC1_RGB8_texture,不支持透明通道,所以仅能用于不透明纹理。且要求大小是2次幂。
当加载压缩纹理时,参数支持如下格式: GL_ETC1_RGB8_OES(RGB,每个像素0.5个字节)
ETC1 压缩纹理的加载,主要参考了Android源码:etc1.cpp
解析 ETC1 纹理:
// 解析 ETC1 纹理 static const CompressedTextureInfo ParseETC1Texture(unsigned char* data) { CompressedTextureInfo textureInfo; textureInfo.is_valid = false; const etc1::etc1_byte *header = data; if (!etc1::etc1_pkm_is_valid(header)) { LogE("LoadTexture: etc1_pkm is not valid"); return textureInfo; } unsigned int width = etc1::etc1_pkm_get_width(header); unsigned int height = etc1::etc1_pkm_get_height(header); GLuint size = 8 * ((width + 3) >> 2) * ((height + 3) >> 2); GLvoid *texture_data = data + ETC1_PKM_HEADER_SIZE; textureInfo.is_valid = true; textureInfo.width = width; textureInfo.height = height; textureInfo.size = size; textureInfo.internal_format = GL_ETC1_RGB8_OES; textureInfo.data = texture_data; return textureInfo; }
2.ETC2
ETC2 是 ETC1 的扩展,压缩比率一样,但压缩质量更高,而且支持透明通道,能完整存储 RGBA 信息。ETC2 需要 OpenGL ES 3.0(对应 WebGL 2.0)环境,目前还有不少低端 Android 手机不兼容,iOS 方面从 iPhone5S 开始都支持 OpenGL ES 3.0。ETC2 和 ETC1 一样,长宽可以不相等,但要求是 2 的幂次方。
首先定义好 ETC2 的 Header:
// etc2_texture.h class Etc2Header { public: Etc2Header(const unsigned char *data); unsigned short getWidth(void) const; unsigned short getHeight(void) const; unsigned short getPaddedWidth(void) const; unsigned short getPaddedHeight(void) const; GLsizei getSize(GLenum internalFormat) const; private: unsigned char paddedWidthMSB; unsigned char paddedWidthLSB; unsigned char paddedHeightMSB; unsigned char paddedHeightLSB; unsigned char widthMSB; unsigned char widthLSB; unsigned char heightMSB; unsigned char heightLSB; }; // etc2_texture.cpp Etc2Header::Etc2Header(const unsigned char *data) { paddedWidthMSB = data[8]; paddedWidthLSB = data[9]; paddedHeightMSB = data[10]; paddedHeightLSB = data[11]; widthMSB = data[12]; widthLSB = data[13]; heightMSB = data[14]; heightLSB = data[15]; } unsigned short Etc2Header::getWidth() const { return (widthMSB << 8) | widthLSB; } unsigned short Etc2Header::getHeight() const { return (heightMSB << 8) | heightLSB; } unsigned short Etc2Header::getPaddedWidth() const { return (paddedWidthMSB << 8) | paddedWidthLSB; } unsigned short Etc2Header::getPaddedHeight() const { return (paddedHeightMSB << 8) | paddedHeightLSB; } GLsizei Etc2Header::getSize(GLenum internalFormat) const { if (internalFormat != GL_COMPRESSED_RG11_EAC && internalFormat != GL_COMPRESSED_SIGNED_RG11_EAC && internalFormat != GL_COMPRESSED_RGBA8_ETC2_EAC && internalFormat != GL_COMPRESSED_SRGB8_ALPHA8_ETC2_EAC) { return (getPaddedWidth() * getPaddedHeight()) >> 1; } return (getPaddedWidth() * getPaddedHeight()); }
解析 ETC2 数据:
// ETC2 魔数 static const char kMagic[] = { 'P', 'K', 'M', ' ', '2', '0' }; static const bool IsEtc2Texture(unsigned char *data) { return memcmp(data, kMagic, sizeof(kMagic)) == 0; } static const CompressedTextureInfo ParseETC2Texture(unsigned char *data, GLenum internal_format) { CompressedTextureInfo textureInfo; textureInfo.is_valid = false; if (!IsEtc2Texture(data)) { LogE("ParseETC2Texture: not a etc2 texture"); return textureInfo; } Etc2Header etc2Header(data); textureInfo.is_valid = true; textureInfo.width = etc2Header.getWidth(); textureInfo.height = etc2Header.getHeight(); textureInfo.size = etc2Header.getSize(internal_format); textureInfo.internal_format = internal_format; textureInfo.data = data + ETC2_PKM_HEADER_SIZE; return textureInfo; }
3.ASTC
由ARM & AMD研发。ASTC同样是基于block的压缩方式,但块的大小却较支持多种尺寸,比如从基本的4x4到12x12;每个块内的内容用128bits来进行存储,因而不同的块就对应着不同的压缩率;相比ETC,ASTC不要求长宽是2的幂次方。
// ASTC 魔数 const unsigned char ASTC_MAGIC_NUMBER[] = {0x13, 0xAB, 0xA1, 0x5C}; // ASTC header declaration typedef struct { unsigned char magic[4]; unsigned char blockdim_x; unsigned char blockdim_y; unsigned char blockdim_z; unsigned char xsize[3]; /* x-size = xsize[0] + xsize[1] + xsize[2] */ unsigned char ysize[3]; /* x-size, y-size and z-size are given in texels */ unsigned char zsize[3]; /* block count is inferred */ } AstcHeader; static const bool IsAstcTexture(unsigned char* buffer) { return memcmp(buffer, ASTC_MAGIC_NUMBER, sizeof(ASTC_MAGIC_NUMBER)) == 0; } static const CompressedTextureInfo ParseAstcTexture(unsigned char *data, GLenum internal_format) { CompressedTextureInfo textureInfo; textureInfo.is_valid = false; if (internal_format < GL_COMPRESSED_RGBA_ASTC_4x4_KHR || internal_format > GL_COMPRESSED_SRGB8_ALPHA8_ASTC_12x12_KHR) { LogE("parseAstcTexture: invalid internal_format=%d", internal_format); return textureInfo; } if (!IsAstcTexture(data)) { LogE("parseAstcTexture: not a astc file."); return textureInfo; } // 映射为 ASTC 头 AstcHeader* astc_data_ptr = (AstcHeader*) data; int x_size = astc_data_ptr->xsize[0] + (astc_data_ptr->xsize[1] << 8) + (astc_data_ptr->xsize[2] << 16); int y_size = astc_data_ptr->ysize[0] + (astc_data_ptr->ysize[1] << 8) + (astc_data_ptr->ysize[2] << 16); int z_size = astc_data_ptr->zsize[0] + (astc_data_ptr->zsize[1] << 8) + (astc_data_ptr->zsize[2] << 16); int x_blocks = (x_size + astc_data_ptr->blockdim_x - 1) / astc_data_ptr->blockdim_x; int y_blocks = (y_size + astc_data_ptr->blockdim_y - 1) / astc_data_ptr->blockdim_y; int z_blocks = (z_size + astc_data_ptr->blockdim_z - 1) / astc_data_ptr->blockdim_z; unsigned int n_bytes_to_read = x_blocks * y_blocks * z_blocks << 4; textureInfo.is_valid = true; textureInfo.internal_format = internal_format; textureInfo.width = x_size; textureInfo.height = y_size; textureInfo.size = n_bytes_to_read; textureInfo.data = data; return textureInfo; }
得到CompressedTextureInfo
对象后,即可进行压缩纹理的显示了:
CompressedTextureInfo textureInfo = etc1::ParseETC1Texture(input_data); if (!textureInfo.is_valid) { LogE("LoadTexture: etc1 textureInfo parsed invalid."); } GLuint texture_id = 0; glGenTextures(1, &texture_id); glBindTexture(GL_TEXTURE_2D, texture_id); glCompressedTexImage2D(GL_TEXTURE_2D, 0, textureInfo.internal_format, textureInfo.width, textureInfo.height, 0, textureInfo.size, textureInfo.data);
四、总结
压缩纹理的加载,主要是搞清楚如何解析压缩纹理数据。一般而言,压缩纹理加载到内存后,都有一个 Header,通过 Header 可以解析出其宽高等信息,计算出纹理图像大小。最后调用glCompressedTexImage2D
方法即可渲染。
可见压缩纹理完全没有图像的解码工作,大大提升加载速度。
最后,介绍几款纹理压缩工具:
- etc2comp:支持生成etc2纹理
- etc1tool:支持生成etc1纹理,在Android SDK目录下,Android/sdk/platform-tools/etc1tool
- ISPCTextureCompressor:支持etc1、astc等
- astc-encoder:ASTC官方编码器