1. 项目概述与核心价值最近在做一个HDRP项目里面有个需求是要实现大量旗帜随风飘动的效果如果用传统的骨骼动画或者顶点着色器实时计算性能开销实在扛不住。这时候就想到了Vertex Animation Texture这个老伙计。VAT技术说白了就是把模型顶点在动画序列里的位置和法线信息“烘焙”到几张纹理里然后在Shader里读取这些纹理数据来驱动顶点运动。这样一来复杂的顶点动画就变成了简单的纹理采样GPU非常擅长干这个性能提升是立竿见影的。网上关于VAT的资料尤其是结合HDRP的要么是零散的代码片段要么是收费的插件。对于想快速上手验证效果的朋友来说门槛不低。所以我花时间整理了一套完全免费、开箱即用的VAT在Unity HDRP中的实现方案。这个方案不依赖任何付费资产核心就是一个自定义的Shader Graph和配套的C#脚本你只需要有一个烘焙好的VAT贴图序列可以用Houdini、Blender或者Maya等DCC工具生成就能立刻在HDRP项目里用起来。它特别适合哪些场景呢首先是大规模群集动画比如成千上万的草叶摇摆、鱼群游动、人群的简单周期性动作。其次是复杂的离线模拟动画比如流体的飞溅、烟雾的扩散、布料的剧烈撕裂这些在三维软件里模拟好烘焙成VAT后在Unity里能以极低的代价回放。最后是风格化特效很多卡通化的水花、魔法粒子效果用VAT来实现既省性能又出效果。2. VAT技术原理与HDRP适配深度解析2.1 VAT核心数据流从烘焙到渲染要玩转VAT得先吃透它的数据是怎么流转的。整个过程可以分为离线烘焙和实时渲染两个阶段。离线烘焙阶段我们在三维软件如Houdini中对一个模型做动画。这个动画可以是任何形式的顶点变形骨骼动画、流体模拟、布料解算都行。软件会逐帧记录下模型每个顶点相对于其初始绑定位置第0帧的偏移量。这个偏移量通常包含位置Position和法线Normal信息。由于纹理的颜色通道RGBA每个分量范围是0到1而顶点偏移量可能是任意三维向量所以需要做一个映射。常见的做法是将位置偏移的X、Y、Z分量分别编码到一张纹理的R、G、B通道法线信息编码到另一张纹理。为了支持更长的动画序列这些数据通常会以“纹理阵列”或“平铺纹理”的形式存储动画的每一帧对应纹理上的一个“切片”或一个区域。实时渲染阶段就是在Unity的Shader里“解码”这些数据。我们传入代表动画时间的参数比如_Time.y通过计算确定当前应该采样纹理的哪一部分哪一帧。采样到的RGB值再通过反向的映射计算比如从[0,1]映射回[-1,1]的实际偏移范围叠加到顶点的模型空间初始位置上从而实现顶点的移动。法线纹理的采样结果则用于更新顶点法线保证光照正确。2.2 HDRP下的特殊考量与实现选择在HDRP里实现VAT和内置管线或URP有一些关键区别这也是很多教程不通用的地方。首先Shader编写环境。HDRP强烈推荐使用Shader Graph来构建着色器。它的可视化节点编辑方式对于实现VAT这种有固定数据流程的效果非常友好。我们可以清晰地构建出“时间输入 - 计算UV - 采样位置/法线贴图 - 解码数据 - 偏移顶点”的整个链路。本文的示例也将完全基于Shader Graph。其次运动向量。HDRP的许多高级特性如动态模糊、TAA抗锯齿严重依赖精确的逐像素运动向量。传统的静态物体运动向量为0但VAT驱动的物体顶点每帧都在变它的运动向量必须正确计算否则会导致这些后处理效果出现严重的重影或鬼影。这就是为什么很多人在HDRP里用VAT会觉得画面“脏”的原因。我们的方案必须解决运动向量的生成问题。第三光照与阴影。HDRP的光照模型复杂支持多光源、屏幕空间光照、光线追踪等。VAT修改了顶点位置和法线必须确保这些变化能正确传递到光照计算阶段。在Shader Graph中我们需要在Vertex Description阶段修改顶点位置在Fragment阶段提供正确的表面数据如法线、切线。最后性能优化。HDRP本身开销较大VAT虽然比CPU动画省资源但纹理采样和顶点变换依然有成本。我们需要考虑纹理压缩格式如使用BC5存储法线BC7存储位置、控制纹理分辨率、以及利用GPU Instancing来渲染大量相同的VAT物体以最大化性能。3. 免费资源准备与项目环境搭建3.1 获取与理解VAT贴图数据免费的VAT贴图资源其实不少但质量参差不齐。这里我推荐几个可靠的来源和自制方法。来源一开源社区与资产商店免费包。在Unity Asset Store搜索“Vertex Animation Texture”或“VAT”筛选“Price: Free”能找到一些示例资源包比如一些简单的旗帜、火焰动画。这些包通常包含了贴图和示例材质是很好的学习起点。来源二使用Blender与免费插件烘焙。Blender是强大的免费三维工具。你可以用其内置的物理模拟如布料、流体制作动画然后通过像“VAT Baker for Blender”这样的免费插件将动画烘焙成位置贴图和法线贴图序列。这是最灵活、最能满足自定义需求的方式。来源三代码生成简单序列。对于非常规则的动画如正弦波波动我们甚至可以用脚本程序化生成VAT贴图。思路是创建一个脚本在Unity编辑模式下根据数学公式计算每一帧每个顶点的偏移量然后将这些数据写入到Texture2D对象中并保存为资产。拿到贴图后需要看懂它。通常你会得到两组贴图位置贴图RGB通道分别存储顶点偏移的X, Y, Z分量。A通道有时会用来存储其他信息如顶点ID或生命值。法线贴图RGB通道存储变形后的法线向量。 贴图可能是单张长条形所有帧水平排列也可能是纹理阵列。你需要知道动画的总帧数_NumFrames和贴图的排列方式如_TextureWidth_FramesPerRow这些参数在Shader中是必须的。3.2 创建HDRP项目与配置Shader Graph首先确保你使用的是Unity 2021.3 LTS或更高版本并通过Package Manager安装了HDRP。创建项目时选择HDRP模板是最快的方式。关键的一步是创建我们的VAT Shader Graph。在Project窗口右键 -Create - Shader Graph - HDRP 选择Unlit Shader Graph。为什么不用Lit因为VAT的顶点变换在Unlit Shader里更直观且我们可以自己控制光照计算。当然用Lit Shader Graph并修改顶点阶段也是完全可行的但Unlit作为起点更清晰。给新建的Shader Graph起个名比如“HDRP_VAT_Unlit.shadergraph”。双击打开Shader Graph编辑器。我们需要先设置几个关键的Graph Settings。在属性面板的“Graph Inspector”中Material 取消“Use Fragments”的勾选不这里要小心。对于VAT我们必须使用“Use Fragments”因为我们需要在片元阶段采样纹理和计算颜色。但是我们需要在顶点阶段修改位置。实际上在HDRP Shader Graph中顶点变换是在一个叫Vertex Description的区块中完成的。我们需要确保这个区块被启用并正确配置。注意HDRP Shader Graph的“Vertex Description”是专门用于修改顶点数据位置、法线、切线等的地方。所有对Position节点的写入操作都应该在这个区块内进行。这是与URP或内置管线Shader Graph的一个重要区别。4. 构建HDRP VAT Shader Graph全流程4.1 定义Shader属性与参数输入首先在Blackboard面板中创建我们需要的属性Properties。这些属性最终会在材质球上显示为可调节的参数。动画贴图与参数_PositionTexture(Texture2D): 位置贴图。_NormalTexture(Texture2D): 法线贴图可选如果需要正确光照则必须。_NumFrames(Float): 动画总帧数。_FramesPerRow(Float): 贴图中每行包含的帧数。_TextureWidth(Float): 位置/法线贴图的像素宽度假设是正方形贴图高度等于宽度。动画控制_AnimationSpeed(Float): 播放速度乘数。_TimeOffset(Float): 时间偏移用于错开多个实例的动画相位。_AnimationStartFrame(Float): 起始帧用于播放片段。_AnimationEndFrame(Float): 结束帧。数据解码参数_PositionBoundsMin(Vector3): 位置数据编码时的最小值通常是-1, -1, -1或根据烘焙设置。_PositionBoundsMax(Vector3): 位置数据编码时的最大值通常是1, 1, 1。_BoundsCenter(Vector3) _BoundsExtents(Vector3): 原始模型包围盒信息用于将偏移量从[-1,1]范围映射回实际的世界空间或局部空间偏移量。这部分是核心容易出错。创建完属性后我们还需要获取一些系统值。在Master节点上通常我们需要连接Base Color和Alpha。对于VATBase Color可以简单采样一个颜色贴图或者直接使用常数。更重要的是我们需要在Vertex Description中计算顶点位置。4.2 在Vertex Description中实现顶点动画这是整个Shader Graph最核心的部分。点击Graph Inspector中的“Vertex Description”标签页然后点击“Add Block”添加一个Position块。这意味着我们将提供一个自定义的顶点位置。计算当前帧与UV获取Time节点_Time.y乘以_AnimationSpeed加上_TimeOffset得到动画时间animTime。用animTime乘以_NumFrames再用Frac节点取小数部分得到[0,1)的循环进度。如果想播放一次可以用Saturate代替Frac。将进度乘以(_NumFrames- 1)得到浮点型的当前帧索引currentFrame。将currentFrame除以_FramesPerRow商和余数分别对应纹理V方向和U方向上的帧索引frameRow和frameCol但需要是整数。这里通常使用Floor节点。计算每一帧在纹理上的UV偏移frameUVOffset Vector2(frameCol, frameRow) / _FramesPerRow。计算每个顶点在单帧纹理内的UV原始模型的UV通过UV0节点获取需要缩放。因为一帧动画只占纹理的1/_FramesPerRow大小。所以perFrameUV UV0 / _FramesPerRow。最终的采样UVfinalUV perFrameUV frameUVOffset。这个过程有点绕我画个逻辑图在脑子里假设贴图是1024x1024_FramesPerRow8那么每帧占用的纹理区域是128x128像素。frameUVOffset决定了采样的起点是第几帧的格子perFrameUV则在这个128x128的格子内进行采样。采样与解码位置数据用计算好的finalUV去采样_PositionTexture得到一个四维向量sampledPosDataRGBA。通常我们只使用RGB通道。这个值范围是[0,1]。我们需要将其映射回原始的偏移范围比如[-1,1]。使用Remap节点Remap(sampledPosData.rgb, 0, 1, _PositionBoundsMin, _PositionBoundsMax)。这里_PositionBoundsMin/Max就是之前定义的属性它们定义了编码范围。得到的positionOffset是归一化的偏移方向向量。我们需要将其乘以实际的影响幅度。这个幅度通常由原始模型的包围盒大小决定。一个常见的做法是worldOffset positionOffset * _BoundsExtents。这样偏移量就和模型本身的大小成比例了。获取顶点的原始对象空间位置使用Position节点并设置为Object空间。最终的对象空间位置newObjectPos originalObjectPos worldOffset。将newObjectPos连接到Vertex Description中Position块的输入端口。处理法线可选但推荐同样用finalUV采样_NormalTexture。将采样的RGB值从[0,1]重映射到[-1,1]因为法线是方向向量。这个重映射后的向量就是新的法线方向。我们需要在Fragment阶段的Normal块中输出它或者如果使用自定义光照模型需要将其作为输入。4.3 解决HDRP运动向量与光照问题运动向量是HDRP VAT的痛点。默认情况下Shader Graph不会为自定义顶点动画生成正确的运动向量。HDRP提供了一个专门的节点来应对此情况Custom Vertex Interpolator结合Previous Position节点。在Vertex Description中我们不仅计算了当前帧的位置(newObjectPos)还需要以同样的逻辑但使用上一帧的时间计算上一帧的顶点位置(previousObjectPos)。将newObjectPos和previousObjectPos都通过Custom Vertex Interpolator节点传递到片元阶段。在片元阶段将这两个位置分别变换到齐次裁剪空间使用Transform Object To Clip节点。计算当前帧与上一帧在裁剪空间下的位置差这个差值向量就是该像素点的运动向量。在Master节点上找到Motion Vector输入端口将这个计算好的运动向量连接上去。这样HDRP的后处理系统就能获得正确的运动数据了。实操心得运动向量的计算一定要在裁剪空间进行并且要确保上一帧时间的计算是准确的。_Time.y是当前时间上一帧时间可以用_Time.y - unity_DeltaTime.x来近似但在Shader Graph中获取unity_DeltaTime可能需要通过Custom Function节点或HLSL代码块。一个更稳定的方法是在C#脚本中每帧计算一个_LastFrameTime变量并通过MaterialPropertyBlock传递给Shader。光照方面如果你使用的是Unlit Shader Graph那么光照需要自己模拟。如果你需要集成到HDRP的Lit光照流程那么创建一个HDRP/LitShader Graph。在Vertex Description中按照上述方法修改Position并计算新的Normal和Tangent如果需要。将新的Normal向量输出到Vertex Description的Normal块。在Fragment阶段确保Normal、Tangent等表面输入端口连接的是从顶点阶段插值过来的、经过动画修改后的数据。这样HDRP的 lighting shader 就会基于正确的表面方向进行计算。5. C#驱动脚本与性能优化实战5.1 编写动画控制与材质参数脚本Shader写好了还需要一个C#脚本来驱动它动态地传递时间、控制播放状态等。创建一个VATController.cs脚本。using UnityEngine; [RequireComponent(typeof(MeshRenderer))] public class VATController : MonoBehaviour { private MeshRenderer _meshRenderer; private MaterialPropertyBlock _propertyBlock; // 这些参数与Shader中的属性对应 public float animationSpeed 1.0f; public float timeOffset 0.0f; public int startFrame 0; public int endFrame 100; private float _currentTime 0.0f; // 用于计算运动向量的上一帧时间 private float _lastFrameTime 0.0f; private int _lastFrameIndex 0; void Start() { _meshRenderer GetComponentMeshRenderer(); _propertyBlock new MaterialPropertyBlock(); _meshRenderer.GetPropertyBlock(_propertyBlock); // 获取现有的避免覆盖其他属性 // 初始化时间 _currentTime Time.time timeOffset; _lastFrameTime _currentTime - Time.deltaTime; UpdateShaderProperties(); } void Update() { _currentTime Time.deltaTime * animationSpeed; UpdateShaderProperties(); _lastFrameTime _currentTime - Time.deltaTime * animationSpeed; // 为下一帧准备 } void UpdateShaderProperties() { if (_meshRenderer null || _propertyBlock null) return; // 传递当前时间和上一帧时间 _propertyBlock.SetFloat(_AnimTime, _currentTime); _propertyBlock.SetFloat(_LastFrameTime, _lastFrameTime); // 传递播放范围 _propertyBlock.SetFloat(_AnimationStartFrame, (float)startFrame); _propertyBlock.SetFloat(_AnimationEndFrame, (float)endFrame); // 注意Shader中如果使用整数计算这里可能需要转换为float // 更新到渲染器 _meshRenderer.SetPropertyBlock(_propertyBlock); } // 提供一个方法从外部控制播放例如触发一次动画 public void PlayOnce() { // 实现一次播放逻辑可以协程驱动_currentTime从0到1 } }这个脚本做了几件事每帧更新动画时间使用MaterialPropertyBlock来高效地更新材质实例的参数避免创建新的Material实例计算并传递上一帧时间用于运动向量。5.2 性能优化关键策略当场景中有成百上千个VAT物体时优化至关重要。GPU Instancing 这是提升性能最有效的手段。确保你的VAT Shader启用了GPU Instancing。在Shader Graph的Graph Settings里可以勾选。使用MaterialPropertyBlock传递参数是与GPU Instancing兼容的标准做法。所有使用同一材质、同一网格的VAT物体可以被合批绘制。纹理压缩与Mipmap VAT贴图通常不需要很高的精度。位置贴图可以使用BC7格式高质量RGBA压缩法线贴图使用BC5高质量双通道压缩非常适合存储法线XY分量Z分量可以推导。确保生成Mipmap这对于中远距离的物体可以减少带宽和提升缓存效率。LOD多层次细节 为VAT模型创建LOD组。在远处使用更低精度的网格顶点数更少甚至完全关闭VAT动画用一个简单的静态网格或广告牌替代。因为远处顶点运动细节不可见没必要浪费性能。裁剪与视锥剔除 这是Unity渲染管线的内置功能确保正常工作即可。对于非常小的VAT物体可以适当增大其包围盒防止因为顶点动画跑到包围盒外而被意外裁剪。控制动画精度 不是所有动画都需要30或60帧。如果动画是慢速或循环的可以尝试将帧数烘焙到15帧或20帧然后在Shader里插值。这能显著减少纹理大小。在Shader中我们可以使用currentFrame的小数部分对相邻两帧的纹理采样结果进行线性混合lerp实现平滑的帧间插值。使用纹理阵列 如果支持目标平台支持Texture2DArray使用纹理阵列代替平铺的大贴图。纹理阵列的采样效率更高因为帧索引是第三个维度slice的整数避免了复杂的UV计算和可能出现的采样缝隙。6. 常见问题、排查技巧与效果调试6.1 典型问题速查表问题现象可能原因排查步骤与解决方案模型完全不动1. Shader属性未正确传递。2. 时间参数未更新。3. UV计算错误采样到了纹理的空白区域。1. 检查材质球上贴图是否赋值_NumFrames等参数是否设置。2. 在Shader Graph中使用Preview节点将finalUV或currentFrame连接到颜色输出查看其值是否在变化。3. 检查三维软件烘焙的UV是否正确模型需要有合理的UV布局。动画闪烁或抖动1. 运动向量计算错误导致TAA/动态模糊产生鬼影。2. 纹理采样在帧边界处不连续。3. 浮点数精度问题。1. 暂时关闭HDRP Asset中的TAA和Motion Blur看是否解决。检查运动向量计算代码。2. 确保UV计算时frameCol和frameRow是整数使用Floor或Round避免采样到两帧之间。3. 在关键计算后使用Floor或Round节点或提高精度使用Position节点的Absolute World空间可能比Object空间更稳定。模型扭曲或拉伸严重1. 位置偏移量解码范围错误_BoundsMin/Max。2. 包围盒信息_BoundsExtents不正确导致偏移幅度过大或过小。3. 顶点顺序或ID在烘焙和渲染时不匹配。1. 确认烘焙软件使用的编码范围。通常是-1到1。在Shader中先用一个很小的固定值测试偏移看模型是否按预期方向轻微移动。2. 在脚本中打印或通过Shader将_BoundsExtents可视化输出检查其值是否合理应大致等于模型大小的一半。3. 这是最棘手的问题。确保Unity中使用的模型FBX与烘焙时使用的模型完全一致包括顶点顺序。导出时不要勾选“优化网格”等可能改变顶点顺序的选项。光照看起来不对1. 法线贴图未使用或采样错误。2. 法线数据未从对象空间转换到世界空间。3. 在Lit Shader中修改了顶点位置但未同步更新用于光照的法线、切线等数据。1. 检查法线贴图是否已赋值UV采样逻辑是否与位置贴图一致。2. 在片元阶段使用Transform Object To World节点将法线向量转换到世界空间再输出给Master节点的Normal端口。3. 确保在Vertex Description中修改了Normal和Tangent并且它们在Fragment的Surface Description中被正确引用。性能低下1. 纹理过大或未压缩。2. 未启用GPU Instancing。3. Shader计算过于复杂。1. 使用Texture Import设置压缩纹理合理降低分辨率。一个1024x1024包含64帧的贴图在BC7压缩下可能只有几MB。2. 在材质球检查器勾选Enable GPU Instancing并确保使用MaterialPropertyBlock。3. 简化Shader减少不必要的节点。将一些每帧不变的计算如1.0 / _FramesPerRow作为属性在C#中提前算好传入。6.2 调试与可视化技巧在开发过程中可视化中间数据是快速定位问题的关键。在Shader Graph中调试 善用Preview窗口。你可以将任何中间变量如currentFrame,finalUV,positionOffset连接到Master节点的Base Color上临时输出。例如将finalUV直接输出你会看到屏幕上模型呈现出纹理本身的马赛克图案这能立刻告诉你UV是否正确。在Scene视图调试 编写一个简单的调试脚本在OnRenderObject或使用Gizmos绘制线条。例如可以绘制每个顶点从原始位置到动画位置的向量直观地看到顶点的运动方向和幅度。使用Frame Debugger Unity的Frame Debugger是神器。打开它查看绘制VAT物体的Draw Call。检查使用的Shader、传递的参数、以及是否成功进行了合批Instanced Draw。分离测试 如果动画不正常先创建一个最简单的测试用一个只有4个顶点的平面烘焙一个上下移动的简单动画。用这个简单的数据在Unity中测试可以排除模型复杂性和烘焙数据问题。最后关于免费资源我把自己测试用的一个简单旗帜VAT材质包和示例场景整理了出来。你可以在一些开源代码托管平台搜索“HDRP VAT Example”找到类似的项目。记住理解原理比复制代码更重要。这套流程打通后你就可以将任何DCC工具中制作的精彩模拟变成你HDRP项目中高效而炫酷的动态元素了。