1. 项目概述如果你在Unity HDRP项目中遇到过需要渲染成千上万个动态变化的复杂模型比如随风摇曳的草丛、破碎的建筑、流动的岩浆或者一群形态各异的怪物那么传统的骨骼动画或顶点动画可能会让你感到力不从心。性能开销大、内存占用高、Draw Call爆炸这些都是我们做技术美术和图形程序的老朋友了。今天要聊的VATVertex Animation Texture顶点动画纹理技术就是解决这类问题的“银弹”。它本质上是一种“作弊”艺术把模型顶点在每一帧的位置、法线甚至颜色信息预先烘焙成一张张纹理图然后在运行时通过Shader读取这些纹理数据在GPU上动态地“重建”出动画顶点的位置。这种方法将动画的计算从CPU转移到了GPU并且由于数据被压缩在纹理中可以实现极高的实例化数量和极低的Draw Call特别适合HDRP这种追求极致视觉质量和性能的渲染管线。这个教程的目标就是带你从零开始彻底吃透VAT在Unity HDRP中的整套工作流。无论你是想用Shader Graph快速实现一片随风摆动的麦田还是想用Visual Effect Graph制作由粒子构成的、形态不断变化的魔法特效这里都有从概念理解、数据烘焙、Shader编写到性能优化的完整路径。我们会避开那些晦涩难懂的纯数学推导聚焦在“如何用起来”和“为什么这么用”上让你看完就能在自己的项目里落地。2. VAT技术核心原理与工作流拆解2.1 VAT到底是什么一张图理解数据流转你可以把VAT想象成一部电影的胶片。传统的顶点动画是让演员CPU在现场实时表演每一帧动作而VAT则是提前把演员所有动作都拍下来做成胶片纹理播放时只需要一个放映机GPU Shader照着胶片投影即可。具体到数据层面一个模型的动画通常由顶点位置Position和法线Normal的变化构成。VAT的工作流分为离线烘焙和实时渲染两个阶段离线烘焙在DCC工具如Houdini/Maya/Blender中完成采样在三维软件中制作好顶点动画并设定好总帧数例如120帧和模型顶点数例如5000个顶点。编码将每一帧、每一个顶点的位置x, y, z和法线x, y, z信息编码到2D纹理的像素中。通常位置和法线信息会被归一化映射到0-1或-1到1的范围并存储到纹理的RGBA通道中。输出最终你会得到几张关键纹理位置纹理Position Texture存储顶点位置信息。法线纹理Normal Texture存储顶点法线信息。可选颜色/其他属性纹理存储顶点色、UV偏移等。配套文件一个描述纹理尺寸、帧数、位置最大最小值等元数据的JSON文件以及一个静态的FBX模型通常使用第0帧或绑定姿势的模型。实时渲染在Unity HDRP的Shader中完成输入Shader接收静态FBX模型、动画纹理和JSON元数据。查询在顶点着色器中根据当前时间计算出的“当前帧”和每个顶点的ID去动画纹理的特定位置UV查找对应的位置和法线数据。解码将从纹理中读取的0-1范围的值根据JSON中的_posMax和_posMin等参数反算出实际的世界空间或对象空间坐标和法线方向。输出用解码后的数据替换掉原始模型的顶点位置和法线从而实现动画。这种方法的优势显而易见动画的复杂度与渲染的顶点数量无关只与纹理的读取开销有关而GPU极其擅长并行处理纹理采样。一个Draw Call可以渲染成千上万个使用同一套VAT数据的模型实例。2.2 为什么HDRP是VAT的最佳舞台URP和内置管线当然也能用VAT但HDRP与之结合能发挥最大威力原因有三点Shader Graph与Visual Effect Graph的原生深度集成HDRP对这两个可视化编程工具的支持是最完善的。VAT的核心逻辑纹理采样、数据解码可以通过自定义节点封装成可复用的Subgraph在Shader Graph和VFX Graph中像搭积木一样使用极大降低了技术门槛。这对于技术美术来说意味着无需编写复杂的HLSL代码就能实现高级效果。对复杂材质与光照模型的支持VAT动画的模型往往需要与HDRP的基于物理的渲染PBR流程完美结合。HDRP的Lit Shader Graph模板天然支持高精度法线、多层级混合、屏幕空间反射等特性。这意味着你做的VAT动画角色其金属质感、皮肤次表面散射效果都能得到正确计算视觉质量远超简单着色。强大的性能分析工具HDRP配套的Frame Debugger、Profiler可以清晰地告诉你VAT Shader的耗时、纹理带宽占用情况。这对于优化至关重要比如你可以准确评估使用半精度纹理RGB111110Float带来的性能提升和精度损失。注意在HDRP中使用VAT时一个关键设置是确保导入的VAT纹理通常是EXR格式的sRGB选项被关闭。因为位置和法线数据是线性数据不是颜色信息。如果开启了sRGBUnity会在采样时进行伽马校正导致数据严重错误动画会完全错乱。3. 实战准备从Houdini烘焙到Unity导入3.1 在Houdini中准备并导出VAT数据虽然Blender等软件也有插件但Houdini的SideFX Labs工具集提供了最成熟、最灵活的VAT导出方案。这里以Houdini为例简述关键步骤创建动画使用Houdini的动力学系统POP粒⼦、刚体、柔体或关键帧动画制作好你的顶点动画序列。确保动画循环或长度符合项目需求。设置顶点数在动画结束时将模型顶点数固定下来。后续每一帧的顶点数量和拓扑结构必须完全一致这是VAT的基本要求。使用Labs Vertex Animation Texture工具在Shelf栏找到SideFX Labs-Rigging Animation-Vertex Animation Texture。将你的动画几何体连接到该节点。在参数面板中选择输出方法。最常见的是Soft软体存储每顶点位置/法线和Rigid刚体存储每顶点位置/法线/旋转更节省纹理空间。设置Frames总帧数和Resolution纹理尺寸。纹理尺寸的确定有一个经验公式宽度 ≈ sqrt(顶点数 * 帧数)并向上取整到2的幂次方如1024。Houdini工具通常会帮你计算建议尺寸。勾选Pack Normals into Position Alpha可以在位置纹理的Alpha通道中打包法线信息从而节省一张纹理但会损失一些法线精度适用于对法线要求不高的场景。导出指定输出路径。你会得到xxx.fbx静态模型、xxx_position.exr、xxx_normal.exr如果未打包、xxx_vat_data.json。3.2 Unity中的关键导入设置与数据解析将文件导入Unity后对纹理的设置至关重要一步错步步错。纹理导入设置以.exr文件为例在Inspector面板中确保Texture Type为Default。sRGB (Color Texture)必须取消勾选这是最易出错的一点。Alpha Source如果纹理有Alpha通道如打包了法线选择From Gray Scale。Non-Power of 2设为None。我们的纹理尺寸通常是非2的幂次方NPOT因为它是根据顶点数×帧数计算出来的。Generate Mip Maps取消勾选。Mipmap用于LOD但VAT纹理的每个像素都是特定帧特定顶点的数据进行下采样会混合不同帧的数据导致错误。Wrap Mode设为Clamp。防止采样时UV溢出到纹理边缘导致数据错乱。Filter Mode设为Point无过滤或Bilinear线性过滤。Point模式能确保采样到精确的像素但动画切换时可能卡顿Bilinear可以产生帧间插值的效果让动画更平滑但需要Shader支持下文会讲。Format推荐使用AutomaticUnity通常会选择RGBA Half16位浮点。对于精度要求极高或数据范围很大的情况可以手动选择RGBA Float32位浮点但内存占用翻倍。在移动端或对性能敏感的场景可以尝试RGBA 111110 Float11/11/10位浮点但需测试精度是否可接受。解析JSON元数据 用文本编辑器打开xxx_vat_data.json你会看到类似下面的内容{ numOfFrames: 120, posMax: [1.5, 2.0, 0.8], posMin: [-1.5, -1.0, -0.8], normalMax: [1.0, 1.0, 1.0], normalMin: [-1.0, -1.0, -1.0] }numOfFrames动画总帧数用于在Shader中计算UV的V方向步进。posMax/posMin动画过程中所有顶点位置在三个轴向上的最大值和最小值。Shader需要用这个范围将纹理中[0,1]的值映射回实际的世界坐标。这个值必须精确否则模型会缩放或偏移到奇怪的地方。normalMax/normalMin法线的最大最小值通常为[1,1,1]和[-1,-1,-1]。4. 使用Shader Graph实现VAT材质4.1 构建基础的VAT Shader Graph在HDRP中新建一个Shader Graph模板选择HDRP/Lit。我们开始构建核心逻辑属性Properties定义Texture2D类型PositionMap,NormalMap如果分开。Vector1类型_numOfFrames,_CurrentFrame。Vector3类型_posMax,_posMin,_normalMax,_normalMin。将_CurrentFrame的默认值设为0并暴露给材质面板方便通过脚本或Timeline控制。顶点阶段Vertex Shader的核心节点网络计算UV这是最关键的一步。我们需要根据顶点ID和当前帧计算出采样纹理的UV坐标。获取Vertex ID节点。在Shader Graph中可能需要通过自定义HLSL节点或使用GetScreenPosition等节点间接获取。一个常见技巧是使用UV0通道并在导入FBX时确保每个顶点有唯一的、不重复的UV0坐标例如将顶点索引直接写入UV0。这里我们假设使用这种方式。计算U坐标U 顶点唯一ID / 纹理宽度。纹理宽度可以通过PositionMap的Texture2D Asset节点的Width输出获得。实际上为了通用性我们常将顶点ID / 总顶点数作为U。计算V坐标V (当前帧 0.5) / 总帧数。加0.5是为了采样纹理像素的中心避免精度问题。采样纹理使用Sample Texture 2D节点以计算出的UV对PositionMap和NormalMap进行采样。数据解码位置解码WorldPos lerp(_posMin, _posMax, sampledPosition.rgb)。lerp函数根据采样值0-1在最小最大值之间进行线性插值还原出实际位置。法线解码同理Normal lerp(_normalMin, _normalMax, sampledNormal.rgb)。然后使用Normalize节点归一化。输出将解码后的WorldPos连接到Position节点将解码后的Normal连接到Normal节点。这样模型的顶点位置和法线就被替换成了动画数据。材质设置创建材质使用上面制作的Shader Graph。将导入的PositionMap和NormalMap纹理拖拽到对应属性。将JSON文件中的_numOfFrames、_posMax等数值手动填写到材质的对应属性中。这一步非常繁琐且易错是第一个需要优化的点。4.2 实现平滑插值与高级功能扩展基础的VAT动画在帧率较低时会显得卡顿因为它是“跳帧”的。我们可以实现帧间插值Lerp来获得平滑动画。平滑插值Lerp实现在Shader中我们不仅需要当前帧CurrentFrame还需要下一帧NextFrame CurrentFrame 1如果超过总帧数则回到第0帧。分别用当前帧和下一帧的V坐标采样两次位置和法线纹理得到posA、normalA和posB、normalB。计算插值因子t frac(CurrentFrame)。frac函数取小数部分。例如CurrentFrame 12.3则t 0.3。最终位置lerp(posA, posB, t)最终法线normalize(lerp(normalA, normalB, t))注意法线需要重新归一化。这样当CurrentFrame是连续变化的浮点数时动画就会平滑过渡。功能扩展示例添加颜色纹理如果你的VAT数据还包含了顶点颜色动画例如着火的模型颜色变化可以额外采样一张ColorMap解码后连接到Base Color或Emission Color。与HDRP光照深度集成确保法线正确连接后HDRP的Lit Shader会自动计算高光、反射等。你还可以在Shader Graph中轻松添加细节法线贴图、遮挡贴图等与VAT法线进行混合。动态控制将_CurrentFrame属性与Time节点相连可以实现自动播放。或者将其暴露给C#脚本用MaterialPropertyBlock进行批量、高效的动态控制实现角色与环境的交互如踩到草地草地才摆动。实操心得在Shader Graph中调试VAT时一个非常有用的小技巧是先暂时将解码后的位置或法线数据直接输出到Emission Color上。这样你可以直观地在场景视图中看到每一帧、每一个顶点的数据是否正确快速定位是UV计算错误、数据解码错误还是纹理导入设置错误。5. 使用Visual Effect Graph驱动VAT粒子VAT与VFX Graph的结合打开了另一扇大门用纹理数据来驱动粒子系统。这特别适合制作大规模、形态复杂的粒子特效比如鸟群、鱼群、树叶飘落、魔法符文等。5.1 理解Sprite VAT与粒子系统的结合在这种模式下VAT纹理中的每一个“顶点”数据不再对应一个模型的顶点而是对应一个粒子。PositionMap中存储的是每个粒子在每一帧的位置。我们通常使用Sprite类型的VAT因为它就是为每个独立元素精灵/粒子的动画设计的。工作流变为Houdini导出的xxx.fbx可能只是一个简单的Quad面片作为粒子原型。PositionMap的尺寸是宽度 粒子数量高度 动画帧数。在VFX Graph中我们发射与纹理宽度相同数量的粒子。每个粒子根据其索引Particle ID和当前时间计算出的帧数去PositionMap中查找自己在这一帧应该出现的位置。5.2 在VFX Graph中搭建VAT粒子系统创建HDRP Visual Effect Graph。Spawn上下文设置发射方式为Single BurstCount设置为VAT纹理的宽度即粒子总数。这个值可以从JSON中读取也可以通过一个自定义的VAT Particle Count子图计算出来。核心逻辑是粒子数 纹理宽度。Initialize上下文我们需要为每个粒子计算一个唯一的UV.x坐标用于在纹理中定位自己。这通过VAT Particle UV子图实现。输入Particle ID和纹理宽度输出UV.x ParticleID / 纹理宽度。将输出的UV坐标存储到一个粒子属性中例如customUV。Update上下文根据当前时间计算当前的动画帧浮点数计算方法类似currentFrame (Time * playbackSpeed) % totalFrames。计算采样UVUV.y (currentFrame 0.5) / totalFrames。UV.x则使用上一步存储的customUV。使用Sample Texture2D节点以计算出的UV对PositionMap进行采样。使用VAT Convert Position子图或自己构建节点将采样到的RGBA值0-1范围根据_posMax和_posMin解码成实际的世界空间位置向量。这个子图内部就是一个lerp操作。将解码后的位置向量赋值给粒子的Position属性。Output Particle Quad上下文这里可以正常设置粒子的颜色、大小、旋转等。因为位置已经在Update中由VAT完全控制所以这里的位置相关设置可以忽略。通过这样的设置成千上万的粒子就会严格按照VAT纹理中预烘焙的轨迹运动可以创造出极其复杂且性能优异的群体动画。6. 性能优化与常见问题深度排查6.1 性能优化关键点VAT虽好但滥用也会带来性能问题。优化主要围绕纹理和Shader复杂度展开。优化方向具体措施收益风险/代价纹理内存1.使用半精度格式如RGB111110Float代替RGBAHalf。减少近1/3的纹理内存和带宽占用。精度损失可能导致动画轻微抖动或闪烁需测试验证。2.打包数据启用Pack Normals into Position Alpha省去一张法线纹理。直接减少一张纹理的采样和内存。法线精度显著下降可能影响光照质量尤其在高光强烈的表面。3.压缩动画长度和顶点数在满足美术效果的前提下减少帧数和模型面数。直接减小纹理尺寸是根本性的优化。可能影响动画流畅度和模型细节。Shader计算1.简化UV计算如果顶点ID是连续的可预计算步长避免在Shader中进行除法。减少GPU ALU指令。代码可读性降低。2.避免分支Shader中的if语句在GPU上效率很低。尽量用lerp或step函数代替。提升GPU并行执行效率。逻辑可能变复杂。3.使用LOD为VAT模型创建多个LOD级别低模使用更低分辨率的VAT纹理或直接禁用VAT。中远距离大幅降低渲染开销。需要制作多套模型和纹理。渲染调用1.GPU Instancing确保VAT Shader支持GPU Instancing。对大量相同动画的物体如一片草这是性能提升的关键。将成千上万个Draw Call合并为几个。需要材质属性相同动态控制需要通过MaterialPropertyBlock。2.SRP Batcher确保Shader符合HDRP的SRP Batcher要求。减少Draw Call之间的状态切换开销。需要遵循Unity的Shader代码规范。6.2 常见问题与解决方案实录在实际项目中踩坑是免不了的这里记录几个最典型的问题和我的排查思路。问题1模型动画严重扭曲像融化了一样。排查这是最经典的问题。首先检查纹理导入设置99%的情况是sRGB选项被错误地打开了。将其关闭。其次检查JSON中的_posMax和_posMin值是否填写正确小数点、正负号都不能错。最后在Shader Graph中将采样到的原始PositionMap的RGB值直接输出到自发光颜色看看是否是一个从黑到白的渐变图。如果不是说明纹理本身可能烘焙错误。问题2动画播放到某一帧突然“跳”一下。排查这通常是纹理环绕模式Wrap Mode设置成了Repeat导致的。当V坐标超过1.0时它会回到0.0重新采样导致数据错乱。必须设置为Clamp。另外检查UV计算中的(当前帧 0.5) / 总帧数确保没有整数除法精度问题。问题3使用VAT后模型接受光照很奇怪高光区域闪烁或错位。排查法线问题。首先确认NormalMap导入设置同样关闭了sRGB。其次检查法线解码是否正确_normalMax和_normalMin通常是(1,1,1)和(-1,-1,-1)。如果使用了打包法线在位置纹理的Alpha通道确保Shader中正确解包通常需要*2 - 1的操作。最后在Shader Graph中将解码后的法线可视化输出观察其方向是否正确。问题4VAT动画在Game视图里正常但在Scene视图或某些摄像机角度下闪烁。排查这可能是深度测试Z-Testing或裁剪Clipping问题。因为VAT每帧剧烈改变顶点位置可能导致模型在某些角度深度值计算异常。尝试在Shader中调整Depth Offset节点或检查相机的远近裁剪平面是否合理。对于粒子VAT检查粒子的Bounds是否设置得足够大以包含整个动画范围。问题5移动端上性能很差。排查移动端对纹理带宽和Shader复杂度更敏感。首先使用RGB111110Float格式。其次考虑是否真的需要每帧都采样如果动画速度不快可以降低采样频率如每两帧采样一次。再次检查是否开启了GPU Instancing。最后使用Unity Profiler的GPU模块定位是顶点处理VAT计算还是片元处理复杂光照是瓶颈针对性优化。