带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(3)

简介: 带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(3)

带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(2)https://developer.aliyun.com/article/1340979?groupCode=taobaotech


KTX文件格式

 

KTX(Khronos     texture)是一种通用的纹理压缩存储格式,OpenGL(ES)、Vulkan等均支持,KTX文件中包含了纹理加载所需的所有参数及数据,比如format 、type、宽高等等,更多信息见wiki。

image.png

 

 

如下是一个ktx文件的内容:

image.png


基于这个格式,可以实现KTXLoader,用于解析KTX资源,生成纹理(通常游戏引擎会自带)。如下所示,读取KTX文件到ArrayBuffer然后解析拿到元信息:

 

// KhronosTextureContainer
constructor(arrayBuffer, facesExpected, baseOffset = 0) { this.arrayBuffer = arrayBuffer;
this.baseOffset = baseOffset;
// Test that it is a ktx formatted file, based on the first 12 bytes, character representation is:
// '´', 'K', 'T', 'X', ' ', '1', '1', 'ª', '\r', '\n', '\x1A', '\n'
// 0xAB, 0x4B, 0x54, 0x58, 0x20, 0x31, 0x31, 0xBB, 0x0D, 0x0A, 0x1A, 0x0A
const identifier = new Uint8Array(this.arrayBuffer, this.baseOffset, 12); if (identifier[0] !== 0xAB
|| identifier[1] !== 0x4B
|| identifier[2] !== 0x54
|| identifier[3] !== 0x58
|| identifier[4] !== 0x20
|| identifier[5] !== 0x31
|| identifier[6] !== 0x31
|| identifier[7] !== 0xBB
|| identifier[8] !== 0x0D
|| identifier[9] !== 0x0A
|| identifier[10] !== 0x1A
|| identifier[11] !== 0x0A) { return;
}
// load the reset of the header in native 32 bit uint
const dataSize = Uint32Array.BYTES_PER_ELEMENT;
const headerDataView = new DataView(this.arrayBuffer, this.baseOffset + 12, 13 * dataSize); const endianness = headerDataView.getUint32(0, true);
const littleEndian = endianness === 0x04030201;
this.glType = headerDataView.getUint32(1 * dataSize, littleEndian); // must be 0 for compressed textures this.glTypeSize = headerDataView.getUint32(2 * dataSize, littleEndian); // must be 1 for compressed textures
this.glFormat = headerDataView.getUint32(3 * dataSize, littleEndian); // must be 0 for compressed textures
this.glInternalFormat = headerDataView.getUint32(4 * dataSize, littleEndian); // the value of arg passed to gl.compressedTexImage2D(,,x,,,,)
this.glBaseInternalFormat = headerDataView.getUint32(5 * dataSize, littleEndian); // specify GL_RG-
B,space after the header for meta-data
this.pixelWidth = headerDataView.getUint32(6 * dataSize, littleEndian); // level 0 value of arg passed to gl.compressedTexImage2D(,,,x,,,)
this.pixelHeight = headerDataView.getUint32(7 * dataSize, littleEndian); // level 0 value of arg passed to gl.compressedTexImage2D(,,,,x,,)
this.pixelDepth = headerDataView.getUint32(8 * dataSize, littleEndian); // level 0 value of arg passed to gl.compressedTexImage3D(,,,,,x,,)
this.numberOfArrayElements = headerDataView.getUint32(9 * dataSize, littleEndian); // used for texture arrays
this.numberOfFaces = headerDataView.getUint32(10 * dataSize, littleEndian); // used for cubemap textures, should either be 1 or 6
this.numberOfMipmapLevels = headerDataView.getUint32(11 * dataSize, littleEndian); // number of levels; disregard possibility of 0 for compressed textures
this.bytesOfKeyValueData = headerDataView.getUint32(12 * dataSize, littleEndian); // the amount of space after the header for meta-data
  ...
  }


带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(4)https://developer.aliyun.com/article/1340977?groupCode=taobaotech

相关实践学习
基于Hologres轻松玩转一站式实时仓库
本场景介绍如何利用阿里云MaxCompute、实时计算Flink和交互式分析服务Hologres开发离线、实时数据融合分析的数据大屏应用。
阿里云实时数仓实战 - 项目介绍及架构设计
课程简介 1)学习搭建一个数据仓库的过程,理解数据在整个数仓架构的从采集、存储、计算、输出、展示的整个业务流程。 2)整个数仓体系完全搭建在阿里云架构上,理解并学会运用各个服务组件,了解各个组件之间如何配合联动。 3 )前置知识要求   课程大纲 第一章 了解数据仓库概念 初步了解数据仓库是干什么的 第二章 按照企业开发的标准去搭建一个数据仓库 数据仓库的需求是什么 架构 怎么选型怎么购买服务器 第三章 数据生成模块 用户形成数据的一个准备 按照企业的标准,准备了十一张用户行为表 方便使用 第四章 采集模块的搭建 购买阿里云服务器 安装 JDK 安装 Flume 第五章 用户行为数据仓库 严格按照企业的标准开发 第六章 搭建业务数仓理论基础和对表的分类同步 第七章 业务数仓的搭建  业务行为数仓效果图  
相关文章
|
6月前
|
存储 算法 Android开发
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(2)
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(2)
141 0
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(2)
|
2月前
|
存储 监控 NoSQL
【Redis深度专题】「核心技术提升」从源码角度探究Redis服务的内存使用、清理以及逐出等底层实现原理
Redis作为一种高性能的内存NoSQL数据库,其容量受限于最大内存的限制。用户在使用阿里云Redis时,除了对性能和稳定性有较高的要求外,对内存占用也非常敏感。然而,在实际使用中,一些用户可能会发现他们的线上实例的内存占用比预期的要大。
43 1
【Redis深度专题】「核心技术提升」从源码角度探究Redis服务的内存使用、清理以及逐出等底层实现原理
|
2月前
|
缓存 算法
内存系列学习(七):ARM处理器的快速上下文切换技术
内存系列学习(七):ARM处理器的快速上下文切换技术
24 0
|
3月前
|
开发框架 .NET API
绝顶技术:断点+内存映射组合的 CLR 超强 BUG?
你见过【断点+内存映射】制造了一个另类隐藏极深,强悍的 BUG 吗?这是一个虚拟机 CLR 的 BUG。不同于之前所遇见的 BUG 这次费时最多,但是问题已然清晰。
183 0
|
4月前
|
缓存 监控 Anolis
|
4月前
|
安全 Linux 程序员
「技术干货」一文搞懂C语言内存模型与栈
「技术干货」一文搞懂C语言内存模型与栈
|
6月前
|
存储 小程序 异构计算
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(1)
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(1)
121 0
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(1)
|
6月前
|
API Android开发 iOS开发
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(4)
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(4)
107 0
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(4)
|
6月前
|
小程序
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(5)
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(5)
111 0
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(5)
|
12天前
|
存储 编译器 C语言
C语言:数据在内存中的存储形式
C语言:数据在内存中的存储形式

热门文章

最新文章