简化版 GAMES 101 计算机图形学 17：纹理技术从基础原理到多场景实战应用
- [Bilibili 同步视频](#Bilibili 同步视频)
- [一、纹理本源：跳出图像认知，读懂 GPU 中的数据内核💾](#一、纹理本源：跳出图像认知，读懂 GPU 中的数据内核💾)
- 二、环境贴图：复刻全域光影，打造真实环境光照🌅
-
- [2.1 环境贴图核心概念🌫️](#2.1 环境贴图核心概念🌫️)
- [2.2 图形学经典模型拾遗📦](#2.2 图形学经典模型拾遗📦)
- [2.3 环境贴图的前置假设📏](#2.3 环境贴图的前置假设📏)
- [2.4 两大主流环境贴图方案对比🔍](#2.4 两大主流环境贴图方案对比🔍)
-
- [（1）球面环境贴图 Spherical Environment Map🌐](#（1）球面环境贴图 Spherical Environment Map🌐)
- [（2）立方体环境贴图 Cube Map 🧊](#（2）立方体环境贴图 Cube Map 🧊)
- [三、凹凸贴图 & 法线贴图：以假乱真，模拟表面肌理起伏🪨](#三、凹凸贴图 & 法线贴图：以假乱真，模拟表面肌理起伏🪨)
-
- [3.1 技术核心思想💡](#3.1 技术核心思想💡)
- [3.2 凹凸贴图与法线贴图的关联🔗](#3.2 凹凸贴图与法线贴图的关联🔗)
- [3.3 法线的数学推导逻辑📐](#3.3 法线的数学推导逻辑📐)
-
- [（1）一维简易模型（Flatland Case）](#（1）一维简易模型（Flatland Case）)
- [（2）二维纹理 & 三维空间拓展](#（2）二维纹理 & 三维空间拓展)
- 四、位移贴图：真正重塑几何形态，进阶立体表现📌
-
- [4.1 位移贴图基本原理📌](#4.1 位移贴图基本原理📌)
- [4.2 优劣与适配场景⚖️](#4.2 优劣与适配场景⚖️)
- [4.3 动态曲面细分技术补充🔧](#4.3 动态曲面细分技术补充🔧)
- 五、多维拓展：三维纹理与数据存储的创新应用🧩
-
- [5.1 三维纹理 & 柏林噪声 Perlin Noise 🎛️](#5.1 三维纹理 & 柏林噪声 Perlin Noise 🎛️)
- [5.2 纹理作为数据容器：预计算信息存储🗄️](#5.2 纹理作为数据容器：预计算信息存储🗄️)
- [5.3 体渲染：三维纹理的行业落地🏥](#5.3 体渲染：三维纹理的行业落地🏥)
- 六、总结📝
标签：计算机图形学、纹理映射、环境贴图、凹凸贴图、图形渲染
阅读时长：10 分钟
🔖 摘要：纹理是现代计算机图形学的核心基石之一，早已突破 "彩色贴图" 的单一认知。本文由浅入深，拆解纹理的底层逻辑，详解环境贴图、凹凸贴图、法线贴图、位移贴图、三维纹理等主流技术方案，剖析各类方案的优劣、实现思路与落地场景，带你全面读懂图形渲染中百变的纹理技术🌐。
Bilibili 同步视频
一、纹理本源：跳出图像认知，读懂 GPU 中的数据内核💾
谈及纹理，多数人第一印象便是附着在模型表面的彩色图案，实则不然。纹理自诞生起便拥有极强的拓展性，MIPMAP 作为纹理最基础的操作手段，因实用性极强，如今主流硬件均已原生适配支持⚙️。
站在现代 GPU 的视角重新审视纹理，便能窥见其本质：它本质是一片可编程的内存区域，开发者可对这片内存执行单点查询、区域检索与滤波处理，读写效率极高🚀。我们不必将纹理狭隘地限定为二维图像，它更像是一套灵活的数据载体，凭借高速的检索能力，衍生出五花八门的图形学应用。当挣脱 "贴图上色" 的固有框架，纹理所能承载的信息、实现的效果，便拥有了无限可能。
二、环境贴图：复刻全域光影，打造真实环境光照🌅
2.1 环境贴图核心概念🌫️
环境光照，亦名环境光映射、Environment Map（环境贴图），是纹理最经典的应用之一。试想身处一间密闭空间，视线望向四方，光线会从各个方位涌入视野：既有光源直射光，也有物体反射的漫射光。
环境贴图的核心思路，便是记录空间中所有方向的光影信息📸。将全域光线数据存储于纹理之中，再使用该纹理对三维模型进行渲染，模型便可自然反射周遭环境光影，呈现出远优于单点光源的真实视觉效果。在图形学案例中，犹他茶壶（Utah teapot）便是演示环境贴图的经典载体，茶壶表面能清晰映照出场景中的门窗、墙体轮廓，光影对应关系一目了然。
2.2 图形学经典模型拾遗📦
在计算机图形学领域，有几组模型堪称 "行业标杆"，被全球开发者广泛用于技术测试与效果演示：
-
犹他茶壶：诞生于犹他大学，是渲染、纹理测试的入门经典模型；
-
斯坦福兔子、斯坦福巨龙：由实物雕塑扫描数字化而来，常用来检验复杂模型的渲染精度；
-
康奈尔盒子（Cornell box）：主打全局光照技术验证，是光照算法调试的标准场景。
行业也期待未来能涌现更多源自国内的原创经典模型，丰富图形学生态。
2.3 环境贴图的前置假设📏
使用环境贴图时，有一条默认核心假设：所有环境光均源自无限远处。这意味着光影仅依靠 "方向" 定义，不受空间位置变化影响。
该假设大幅简化了计算逻辑，但也存在局限性：若场景空间范围极小，物体位置发生偏移后，同一墙面的光线入射方向会随之改变，单纯依靠方向记录光影便会产生偏差。因此环境贴图更适配大场景、远距离环境的光影模拟。
2.4 两大主流环境贴图方案对比🔍
（1）球面环境贴图 Spherical Environment Map🌐
将全域光影记录在虚拟球面之上，再效仿地球仪展开方式，把球面影像摊平为二维纹理。这种方式逻辑直观，却存在致命缺陷 ------图像扭曲问题。
正如世界地图展开后，极地区域会出现比例失真，球面纹理摊平后，球体上下两极对应的画面会严重拉伸、变形，画面均匀性大幅下降，视觉体验大打折扣。
（2）立方体环境贴图 Cube Map 🧊
为解决球面贴图的扭曲弊病，立方体环境贴图应运而生。以立方体包裹虚拟光影球体，从球心向外延伸射线，让光线落点映射至立方体六个表面。
立方体六个面分别记录不同方位的光影，展开后形成六张子纹理。得益于立方体平面的规整特性，画面几乎无扭曲畸变，视觉表现更加均衡。美中不足的是，在检索某一方向的光影时，需要额外判断该方向对应立方体的哪一个面，增加了少量计算开销，但该运算逻辑简单、执行高效，完全不影响实时渲染。
两种方案本质同源，均依靠纹理记录全方向光影，也是当下游戏、影视实时渲染中环境模拟的主流选择。
三、凹凸贴图 & 法线贴图：以假乱真，模拟表面肌理起伏🪨
3.1 技术核心思想💡
传统纹理多用于替换漫反射颜色项，而凹凸贴图彻底打破这一用法：纹理不再仅存储色彩，转而记录模型表面各点位的相对高度📊。
基础模型本身几何结构简单（例如仅由数百个三角形构成的球体），无需增加海量面片细化模型，只需借助纹理定义表面各点沿法线方向的高低偏移。高度变化会带动表面法线方向改变，法线偏移进一步影响着色计算，最终形成明暗交错的视觉效果，肉眼便会感知到明显的凹凸肌理。
简单来说：凹凸贴图是通过 "修改虚拟法线" 欺骗视觉，全程不改动原始几何结构，在极低性能消耗下，实现复杂表面纹理效果。
3.2 凹凸贴图与法线贴图的关联🔗
二者原理一脉相承，区别仅在于纹理存储的数据类型：
-
凹凸贴图：存储相对高度值，通过相邻点位的高度差推导法线；
-
法线贴图：直接在纹理中记录每个像素对应的法线方向。
二者最终目标一致：扰动模型表面法线，借助着色明暗变化模拟凹凸质感，是游戏、建模领域制作墙面、岩石、果皮等肌理的常用技术。
3.3 法线的数学推导逻辑📐
（1）一维简易模型（Flatland Case）
将问题简化为一维函数：原始平面法线竖直向上，借助凹凸贴图获取点位高度变化，通过差分法计算表面切线向量。
切线向量逆时针旋转 90° 即可得到对应法线，最后对法线向量做归一化处理，保证向量模长为单位 1，便完成基础法线求解。
（2）二维纹理 & 三维空间拓展
落地到常规二维 UV 纹理，纹理存在 U、V 两个轴向。分别求解 U、V 方向的高度梯度（导数），结合一维推导逻辑，换算出三维空间下的扰动法线。
实际开发中，会在模型表面建立局部坐标系，默认局部法线为标准向上向量，完成法线计算后，再通过坐标变换映射至世界坐标系，适配全局渲染规则。该部分坐标转换细节，也是实操开发中的重点难点。
四、位移贴图：真正重塑几何形态，进阶立体表现📌
4.1 位移贴图基本原理📌
位移贴图（Displacement Mapping）与凹凸贴图使用同源纹理，同样依靠纹理记录表面相对高度，但二者有着本质区别：
凹凸贴图只修改虚拟法线 ，几何形态纹丝不动；而位移贴图会真实移动模型顶点的空间位置，从根源上改变模型几何结构。
4.2 优劣与适配场景⚖️
✅ 优势：效果远超凹凸贴图。由于真正改变了几何轮廓，模型边缘、自投影等细节完全真实，不会出现凹凸贴图 "边缘穿帮" 的问题，立体感、真实感拉满。
❌ 短板：对模型精度要求极高。位移贴图依靠三角形顶点位移实现效果，若模型三角面过大，纹理定义的精细高度变化便无法呈现。想要匹配纹理的细节频率，模型必须拥有足够细密的三角面片。
4.3 动态曲面细分技术补充🔧
为平衡模型精度与性能开销，DirectX 推出动态曲面细分（Dynamic Tessellation） 技术：无需提前制作超高精度模型，使用基础低模的同时，程序会根据纹理细节需求，实时拆分、细化三角面片，再执行顶点位移。
这套方案兼顾了资源占用与渲染效果，成为高画质场景下位移贴图的标准搭配。
五、多维拓展：三维纹理与数据存储的创新应用🧩
5.1 三维纹理 & 柏林噪声 Perlin Noise 🎛️
常规二维纹理仅作用于模型表面，而三维纹理将数据维度拓展至整个空间，可定义空间内任意坐标点的属性值。
以大理石纹理、自然山脉起伏效果为例，行业普遍使用Perlin Noise（柏林噪声） 三维噪声函数实现。该函数通过解析式计算空间每一点的噪声数值，再结合二值化、加减乘除等运算，模拟出自然随机的纹理纹路。三维噪声摆脱了传统贴图的固定样式，可动态生成自然肌理，广泛应用于自然场景、材质模拟。
5.2 纹理作为数据容器：预计算信息存储🗄️
纹理的本质是数据阵列，因此也可作为 "离线计算结果存储器"。以环境光遮蔽（Ambient Occlusion） 为例，该算法用于模拟模型缝隙、褶皱处的自然阴影，计算流程复杂。
开发者可提前离线运算出遮蔽系数，将结果写入纹理：完全可见区域数值为 1，完全遮蔽区域数值为 0，过渡区域取中间值。实时渲染时，仅需将基础着色结果与该纹理数值相乘，便可快速呈现环境光遮蔽效果，大幅降低实时渲染的运算压力。
5.3 体渲染：三维纹理的行业落地🏥
三维纹理另一大核心应用便是体渲染，该技术在医疗领域发挥着重要作用。CT、核磁共振设备扫描人体组织后，会生成空间内每一点的密度数据，整套三维数据便封装为三维纹理。
依托三维纹理完成体渲染，便能直观还原人体内部组织结构，是医学影像可视化的关键技术。除此之外，烟雾、云朵、流体等体积特效，也均基于三维纹理与体渲染实现。
六、总结📝
从最初单纯的色彩贴图，到如今覆盖光影模拟、肌理塑造、数据存储、体渲染等诸多领域，纹理技术早已完成了质的飞跃✨。
环境贴图复刻全域光影，让虚拟世界光影趋近现实；凹凸、法线贴图以低开销模拟复杂表面肌理，平衡性能与视觉；位移贴图直击几何本身，实现极致立体效果；三维纹理与噪声函数开辟了空间渲染的新赛道，在自然材质、医疗影像、流体特效中大放异彩。
纹理作为计算机图形学的基石技术，每一种分支方案都有着明确的设计思路、适用场景与取舍逻辑。吃透纹理的底层原理与各类变体技术，也是深耕实时渲染、离线渲染、游戏美术、影视特效等方向的必经之路。在图形技术不断迭代的当下，这片小小的 "数据内存区域"，依旧在持续绽放新的活力。
💬 互动交流：你在项目中最常使用哪一类纹理技术？欢迎在评论区留言探讨～