三亩地 三亩地SAN MU DI · CODE DIARY
交流投稿
ARTICLE DETAIL

日记详情

真实记录编程学习的某一天，欢迎挑你感兴趣的翻一翻。

首页/学习日记/日记详情

Unity HDRP顶点动画纹理(VAT)全解析：从原理到高性能动态效果实现

发布时间：2026/8/10 2:11:31 三亩地 编程学习日记
Unity HDRP顶点动画纹理(VAT)全解析：从原理到高性能动态效果实现

1. 项目概述：为什么顶点动画纹理是HDRP动态效果的“王牌”？

如果你在Unity里做过角色动画或者场景特效，肯定对骨骼动画和粒子系统不陌生。但当你需要处理成千上万个独立运动的物体，比如一片随风摇曳的麦浪、一群游动的鱼群，或者一个由无数碎片组成的爆炸效果时，传统方法要么性能开销巨大，要么效果僵硬不自然。这时候，顶点动画纹理（Vertex Animation Texture， 简称VAT）就该登场了。它本质上是一种“数据驱动”的动画思路：把每一帧动画里，模型每个顶点的位置（甚至法线、颜色）信息，预先计算好并“烘焙”到一张纹理里。在运行时，Shader根据当前时间，去这张“动画地图”里查找对应的顶点数据，直接对模型顶点进行位移，从而驱动动画。

听起来有点抽象？你可以把它想象成一本“动作分解手册”。传统骨骼动画是让模型实时计算每个关节怎么动（CPU密集型），而VAT是提前把每一帧的最终姿势都画好（存成纹理），运行时GPU只需要“翻到”对应的一页（采样纹理），就能让模型摆出那个姿势。这种将计算从CPU转移到GPU、从逐顶点实时计算变为纹理采样查找的方式，正是其高性能的秘诀。尤其在HDRP（高清渲染管线）环境下，配合其强大的Shader Graph和Compute Shader能力，VAT能够实现令人惊叹的视觉复杂度和运行效率，成为打造电影级动态场景的利器。

我最初接触VAT是为了优化一个大型海洋场景中浮游生物群的效果。用粒子系统模拟几万只水母？帧率直接跳水。用多个骨骼动画实例？内存和Draw Call爆炸。最终，VAT方案用单个Draw Call和极低的CPU开销就完美解决了问题。这次，我就带你从零开始，彻底掌握在Unity HDRP中运用VAT的全流程，从原理理解、数据制作，到Shader编写和性能调优，手把手打造出属于你的惊艳动态效果。

2. 核心原理与工作流拆解：VAT是如何运作的？

2.1 数据编码：将三维运动“压扁”成二维纹理

VAT的核心在于数据的编码与解码。一个模型的动画包含多帧，每帧包含N个顶点，每个顶点有位置（float3）、可能还有法线（float3）等信息。如何把海量的三维数据塞进一张二维纹理里？

最常用的编码策略是“帧-顶点”二维展开。假设我们有F帧动画，模型有V个顶点。我们会创建一张宽度为V、高度为F的纹理。纹理上的每一个像素点(u, v)，就对应了第v帧、第u个顶点的数据。但是，一个像素通常只有RGBA四个通道（每个通道0-1的浮点数），如何存储一个三维向量（比如位置）？

这里就需要归一化和重映射。首先，我们需要一个动画的包围盒（Bounding Box），记录下所有顶点在所有帧中的最小坐标（minPos）和最大坐标（maxPos）。对于任意一个顶点的位置pos，我们可以通过以下公式将其编码到[0, 1]区间：encodedPos = (pos - minPos) / (maxPos - minPos)这样，一个三维向量就被编码成了三个0到1之间的值，正好可以存入RGB三个通道。A通道则可以存储其他信息，比如顶点ID的偏移量或自定义参数。在Shader中解码时，再进行逆运算：decodedPos = encodedPos * (maxPos - minPos) + minPos。

对于法线这种方向向量，其分量范围在[-1, 1]，需要映射到[0, 1]：encodedNormal = (normal + 1.0) * 0.5。解码时则为：decodedNormal = encodedNormal * 2.0 - 1.0。

注意：纹理的精度至关重要。使用EXR格式（支持32位浮点每个通道）能最大程度减少精度损失，避免动画播放时的“锯齿”或抖动现象。如果对精度要求不是极端苛刻，RGBAHalf（16位浮点）格式的TGA或PNG也是常见选择，能在质量和文件大小间取得平衡。

2.2 HDRP中的渲染适配：Shader Graph与Custom Pass

在Unity内置管线或URP中，你可能需要编写完整的Surface Shader或Unlit Shader来实现VAT。但在HDRP中，我们有了更强大、更可视化的工具——Shader Graph。通过Shader Graph，我们可以不写一行代码就构建出复杂的VAT着色器。

基本思路是创建一个Unlit Master节点（或Lit Master，如果你需要复杂光照），然后：

  1. 顶点位移：在Vertex Shader阶段，根据当前时间计算出对应的纹理坐标（UV），采样VAT纹理，解码得到顶点位置偏移量，然后将其加到原始模型空间顶点位置上。
  2. 法线传递：如果VAT纹理也烘焙了法线信息，同样需要采样并解码，然后转换到正确的空间（通常是切线空间）后输出给片元着色器，用于光照计算。
  3. 参数控制：通过暴露Time、Animation Speed、Loop等参数到Material Inspector，方便美术和策划动态调整动画。

然而，HDRP的默认渲染流程对顶点变换有严格管理。直接修改顶点位置可能会与HDRP的渲染队列、深度预通道等产生冲突。一个更稳健、更强大的方案是结合Custom Pass。Custom Pass允许你在HDRP渲染流程的特定注入点（如Before Rendering Transparents）执行自定义的绘制命令。你可以在这里绘制一个使用VAT Shader的模型，完全绕开标准的GameObject渲染流程，从而获得更高的灵活性和可控性，例如轻松实现模型裁剪、特殊混合效果等。

2.3 完整工作流全景图

一个完整的VAT应用流程，可以概括为以下四个阶段：

  1. 离线烘焙阶段：在DCC工具（如Houdini、Blender、Maya）中制作源动画，然后通过脚本或插件将每帧的顶点数据烘焙成序列帧纹理（.exr）和描述文件（.json，包含帧数、顶点数、包围盒信息等）。
  2. 资源导入与设置阶段：将烘焙好的静态模型（.fbx）、纹理（.exr）和描述文件导入Unity。在Unity中，需要将纹理类型设置为Default，并确保不开启sRGB（因为存储的是线性数据），同时根据描述文件配置材质参数。
  3. 着色器开发阶段：在HDRP中，使用Shader Graph创建VAT着色器，实现数据的采样、解码和顶点变换。或者，为更复杂的交互，编写Custom Pass脚本。
  4. 场景集成与优化阶段：将材质赋予模型，在场景中放置。通过脚本控制动画播放（如速度、起始帧）。并针对合批、LOD、纹理流送等进行性能优化。

3. 实战：从Houdini烘焙到Unity HDRP渲染全流程

3.1 数据准备：在Houdini中烘焙VAT

Houdini是VAT烘焙的行业标准工具，其程序化能力非常适合生成复杂的顶点动画数据。这里简述核心步骤：

  1. 创建动画源：使用Houdini的动力学系统（POP粒⼦、Vellum布料、Pyro爆炸等）或关键帧动画，制作出你想要的动画效果。例如，模拟一片旗帜飘动。
  2. 设置烘焙对象：在动画结束时，将模型拓扑固定下来。确保从第一帧到最后一帧，模型的顶点数量严格一致，这是VAT工作的前提。
  3. 使用“Rop Geometry Output”节点：这是烘焙的关键。连接到动画模型的最后端。
    • 在Geometry页面，设置输出路径和文件名（如flag_geo.$F4.bgeo.sc）。
    • 在Transform页面，确保勾选Output Points in World Space或Output Points in Object Space。通常使用世界空间，这样在Unity中更容易处理。
  4. 使用“Alembic ROP”或“File Cache”节点：将序列帧缓存到磁盘。然后，使用Houdini的Python脚本或第三方工具（如SideFX Labs工具集中的VAT工具）来处理这些缓存文件。该工具会：
    • 读取所有帧的几何体数据。
    • 计算所有顶点在所有帧中的全局包围盒。
    • 将每个顶点的位置（相对于包围盒）编码，并写入一张宽度=顶点数、高度=总帧数的EXR纹理。
    • 生成一个包含帧数、顶点数、包围盒最小值（minBounds）、包围盒最大值（maxBounds）等信息的JSON文件。
  5. 导出静态模型：将第一帧（或任意一帧）的模型导出为FBX文件，作为Unity中的静态网格体。重要：导出FBX时，务必勾选“平滑组”或“保留边缘信息”，以确保顶点顺序与烘焙数据完全一致。

实操心得：Houdini中顶点ID的顺序至关重要。在烘焙前，务必对模型执行一次Clean节点，确保顶点顺序稳定。一个快速验证方法是：在Houdini和Unity中分别用脚本打印前10个顶点的位置，看是否一致。不一致会导致动画错乱。

3.2 Unity HDRP环境配置与资源导入

  1. 创建HDRP项目：在Unity Hub中新建项目时，选择High Definition RP模板。或是在已有项目中，通过Package Manager安装High Definition RP包，并按照向导完成设置。
  2. 导入资源：将烘焙好的flag.fbx、flag_vat.exr、flag_data.json文件拖入项目Assets文件夹。
  3. 纹理设置：选中flag_vat.exr，在Inspector面板中：
    • Texture Type: 选择Default。
    • sRGB (Color Texture):必须取消勾选，因为其中存储的是位置数据，而非颜色信息。
    • Wrap Mode: 通常选择Clamp，防止在纹理边缘采样时出现插值错误。
    • Filter Mode: 选择Point（无过滤）或Bilinear（线性过滤）。Point模式能确保采样精确到像素，避免帧间混合，适合离散动画；Bilinear会产生帧间插值，让动画更平滑，但可能带来轻微模糊。
  4. 解析JSON数据：创建一个C#脚本VATData，用于读取JSON文件并存储关键参数。
    using UnityEngine; using System.IO; [CreateAssetMenu(fileName = "NewVATData", menuName = "VAT/Data")] public class VATData : ScriptableObject { public int vertexCount; public int totalFrames; public Vector3 boundsMin; public Vector3 boundsMax; public float boundsWidth, boundsHeight, boundsDepth; public void LoadFromJson(TextAsset jsonFile) { var json = JsonUtility.FromJson<VATJson>(jsonFile.text); vertexCount = json.vertexCount; totalFrames = json.totalFrames; boundsMin = new Vector3(json.boundsMin[0], json.boundsMin[1], json.boundsMin[2]); boundsMax = new Vector3(json.boundsMax[0], json.boundsMax[1], json.boundsMax[2]); boundsWidth = boundsMax.x - boundsMin.x; boundsHeight = boundsMax.y - boundsMin.y; boundsDepth = boundsMax.z - boundsMin.z; } [System.Serializable] private class VATJson { public int vertexCount; public int totalFrames; public float[] boundsMin; public float[] boundsMax; } }
    创建一个该资源的实例，并将JSON文件拖给它进行解析。

3.3 使用Shader Graph构建VAT着色器

这是最核心的一步，我们在HDRP的Shader Graph中实现动画逻辑。

  1. 创建Unlit Shader Graph：在Project窗口右键 -> Create -> Shader -> HDRP -> Unlit Shader Graph。命名为HDRP_VAT_Unlit。
  2. 构建节点网络：
    • 输入：添加Time节点获取游戏时间，添加多个Vector1属性用于控制Anim Speed、Anim Start Frame，以及一个Toggle属性Loop。
    • 计算当前帧和UV：
      • 用Time乘以Anim Speed得到经过的时间t。
      • 用t除以动画总时长（Total Frames / Frame Rate），再用Fraction节点取小数部分，得到归一化的进度progress。如果Loop关闭，则用Saturate节点钳制在[0,1]。
      • 将progress乘以Total Frames，得到浮点型的当前帧currentFrame。
      • 关键步骤：计算纹理UV。我们需要将顶点ID映射为U坐标，将当前帧映射为V坐标。但是Shader Graph默认没有顶点ID节点。我们需要一个技巧：在模型的顶点色（Vertex Color）的R通道里存入顶点ID信息（需在Houdini导出或Unity导入FBX时预处理）。假设顶点色R通道存储了归一化的顶点索引vertexIDNormalized。
      • U坐标 =vertexIDNormalized（实际上需要微调，因为像素中心采样问题，通常为(vertexIDNormalized + 0.5) / vertexCount，但顶点数很大时可近似忽略）。
      • V坐标 =(currentFrame + 0.5) / totalFrames。加0.5是为了采样像素中心，避免插值到两帧之间。
    • 采样与解码：
      • 使用Sample Texture 2D节点，以计算出的UV采样VAT Texture。
      • 解码位置：Sampled RGB代表编码后的位置。解码公式为：Position = SampledRGB * BoundsSize + BoundsMin。其中BoundsSize是一个Vector3属性，来自VATData的(boundsWidth, boundsHeight, boundsDepth)。
      • 将解码后的位置（模型空间或世界空间，需与烘焙时一致）连接到Position节点的Vertex Position输入端口。
  3. 材质与场景应用：保存Shader Graph，创建一个新的材质球使用该Shader。将VAT Texture、Bounds Size、Bounds Min等参数赋值。把材质赋给导入的静态FBX模型。运行游戏，你应该能看到模型动起来了！

注意事项：上述方法依赖顶点色传递ID，有一定局限性。更专业的做法是使用Custom Function节点编写HLSL代码，直接获取uint vertexID : SV_VertexID，但这需要一定的Shader编程基础。对于大多数情况，预计算顶点色是简单有效的方法。

3.4 进阶：在Custom Pass中实现复杂VAT效果

当需要批量渲染大量VAT物体，或者需要与HDRP后期效果深度交互时，Custom Pass是更优选择。

  1. 创建Custom Pass：在场景中或Volume中创建一个Custom Pass Volume。添加一个Draw Renderers Custom Pass。
  2. 编写Custom Pass Shader：这个Shader可以基于之前创建的HDRP_VAT_Unlit修改，或者从头编写一个HLSL Shader。关键是要在Vert函数中实现VAT逻辑。
  3. 在Custom Pass中设置：
    • 在Renderers Filter中，通过Layer或Material过滤出你需要用VAT渲染的物体。
    • 将编写好的VAT Shader作为覆盖材质。
    • 在C#脚本中，你可以动态地为这个Custom Pass的材质块（MaterialPropertyBlock）设置全局参数，如时间、播放速度等，从而用一份材质驱动成千上万个不同的VAT动画实例。
  4. 优势：
    • 性能：可以高效实现GPU Instancing，即使物体使用不同的动画纹理，也可以通过纹理数组等技术进行合批。
    • 灵活性：可以在Before Transparent、After Post-Process等任何阶段注入渲染，轻松实现诸如“仅在特定体积内显示VAT特效”等复杂需求。
    • 控制力：完全掌控渲染状态（深度测试、混合模式等），避免与HDRP标准材质的冲突。

4. 性能优化与实战调试指南

4.1 纹理与内存优化策略

VAT的性能瓶颈主要在于纹理采样带宽和内存占用。一张4096x4096的RGBAHalf纹理就占用128MB内存（409640968字节）。优化策略如下：

  1. 精简数据：
    • 位置精度：评估动画幅度。如果物体只在局部小范围运动，可以减小包围盒范围，提高编码精度。甚至可以只存储XY位置，Z轴通过其他方式推导（如贴图高度），将位置数据压缩到两个通道。
    • 舍弃法线：如果动画不影响光照（如Unlit特效），或者法线变化不大，可以不烘焙法线纹理，节省1/4的纹理数据。在Shader中根据位置差近似计算法线。
    • 降低帧率：并非所有动画都需要30或60FPS的烘焙帧率。观察动画平滑度，尝试将帧率减半（如60->30），纹理高度减半，内存立即减少50%。
  2. 纹理压缩：对于EXR格式，Unity内压缩选项有限。可以考虑使用BC6H压缩格式（针对HDR），但会有精度损失，需测试验证。更常见的做法是离线将EXR转换为更小尺寸的TGA/PNG序列，并采用RGBAHalf格式导入。
  3. 纹理流送（Mipmap与Streaming）：为VAT纹理开启Mipmap有助于在物体较远时降低采样成本。同时，利用Unity的纹理流送系统，确保只有当前需要的VAT纹理被加载到显存中。
  4. 使用纹理数组（Texture2DArray）：如果你有多个相似但不同的VAT动画（比如不同种类的鱼），可以将它们的动画纹理合并到一个纹理数组中。在Shader中通过索引采样，这样可以将多个Draw Call合并，大幅提升渲染效率。

4.2 渲染性能优化要点

  1. 合批（Batching）：使用Custom Pass配合GPU Instancing是渲染大量相同VAT物体的最佳实践。确保所有实例使用相同的Shader和纹理（或纹理数组），并通过MaterialPropertyBlock传递不同的参数（如起始时间、动画速度）。
  2. LOD（多层次细节）：为VAT模型创建LOD组。在低级别LOD上，可以使用顶点数更少的简化模型，并配套烘焙一个分辨率更低（顶点数更少、帧数更少）的VAT纹理。这能显著降低远处物体的渲染开销。
  3. 视锥体裁剪（Frustum Culling）：确保VAT物体的包围盒是准确的（应包含动画的全部范围），否则可能在动画过程中被错误地裁剪掉。
  4. Shader复杂度：在Shader Graph中，尽量减少复杂的数学运算和纹理采样次数。将不变的计算（如1.0 / totalFrames）提升为材质属性，在CPU端计算好传入。

4.3 常见问题与排查技巧实录

在实际项目中，你会遇到各种稀奇古怪的问题。下面是我踩过的一些坑和解决方法：

问题现象可能原因排查与解决思路
动画完全错乱，模型扭曲1. 顶点顺序不一致。
2. 包围盒（Bounds）数据错误。
3. 纹理UV计算错误。		1.核对顶点顺序：在Houdini和Unity中分别导出第一帧的顶点位置列表（按ID排序），进行逐项对比。
2.检查Bounds：在Unity中用Debug.DrawLine绘制烘焙时使用的包围盒，看是否完全包住动画范围。检查JSON文件中的min/max值是否正确导入。
3.调试UV：在Shader中，将计算出的UV作为颜色输出到片元着色器，检查U方向是否均匀渐变（对应顶点ID），V方向是否随时间平滑变化（对应帧）。
动画播放有“跳帧”或卡顿1. 纹理Filter Mode设置不当。
2. 时间计算逻辑有误，导致帧索引非整数。
3. 游戏帧率不稳定，而动画更新依赖于Time.deltaTime的累加。		1. 尝试将纹理Filter Mode改为Point，看是否变为清晰的逐帧播放。如果是，说明需要Bilinear过滤，但需确保UV计算正确（加0.5偏移）。
2. 确保currentFrame的计算是浮点数，并且采样时V坐标(currentFrame + 0.5) / totalFrames。
3. 对于要求严格帧同步的动画，建议使用Mathf.Floor或Mathf.Round将currentFrame取整，避免插值。
动画边缘有黑色或紫色条纹1. 纹理Wrap Mode为Repeat，边缘采样到了另一侧的数据。
2. EXR纹理的Alpha通道有异常值。
3. 解码时数值溢出（超过0-1范围）。		1. 将纹理Wrap Mode设置为Clamp。
2. 检查EXR文件，确保无用通道被填充为0或1。在Shader中采样后，可以强制将A通道设为1.0。
3. 在Shader中对采样后的RGB值进行Saturate操作，钳制到[0,1]。检查包围盒计算是否准确，确保所有顶点位置都在盒内。
性能开销远超预期1. 纹理尺寸过大。
2. Shader中存在大量分支或循环。
3. 没有启用GPU Instancing，导致Draw Call过高。		1. 使用RenderDoc或Unity Profiler的GPU模块，查看纹理带宽占用。尝试降低纹理分辨率或帧数。
2. 简化Shader，避免在顶点着色器中使用if语句。将计算移至片元着色器需谨慎，因为顶点数远少于像素数。
3. 在Profiler中查看Draw Call数量。如果有很多相同物体，务必使用MaterialPropertyBlock并确保Shader支持Instancing。
在HDRP中渲染透明效果异常1. 深度写入（ZWrite）和深度测试（ZTest）设置冲突。
2. 渲染队列（Render Queue）设置错误，与HDRP透明物体排序冲突。
3. Custom Pass的注入点选择不当。		1. 对于半透明VAT物体，在Shader中设置ZWrite Off，ZTest LEqual， 并使用合适的混合模式（如SrcAlpha OneMinusSrcAlpha）。
2. 将材质的渲染队列设置为Transparent（3000）。
3. 尝试将Custom Pass的注入点改为Before Transparent或After Post-Process，观察效果变化。

最后再分享一个小技巧：调试VAT Shader时，不要只盯着最终动画。我习惯在Shader Graph中创建一个“调试模式”，通过一个开关，将输出的颜色改为：R通道显示顶点ID，G通道显示当前帧，B通道显示采样纹理的R值。这样能非常直观地看到数据流是否按预期分布，快速定位问题是出在数据准备、UV计算还是采样解码环节。掌握顶点动画纹理，就像是拿到了在GPU上编排顶点舞蹈的指挥棒，它能突破CPU和传统动画系统的瓶颈，在HDRP这个高清舞台上，创造出无限可能的动态奇观。

编程学习 学习日记 实战经验
← 返回列表