从棋盘格到瀑布手把手教你用Unity Shader Graph玩转UV动画含帧动画与极坐标特效在游戏开发中视觉效果往往决定了玩家的第一印象。而UV动画作为Shader编程中最基础却又最强大的技术之一能够为静态贴图注入生命力创造出流动的水面、旋转的法阵、动态的背景等丰富效果。本文将带你从零开始通过Unity的Shader Graph工具无需编写代码即可实现各种炫酷的UV动画效果。1. UV基础与Shader Graph入门UV坐标是连接2D贴图与3D模型的桥梁。在Shader Graph中理解UV就像掌握了一把开启视觉特效大门的钥匙。让我们先建立一个简单的棋盘格测试场景在Unity中创建新的Shader Graph右键Create Shader Blank Shader Graph添加Texture2D节点作为基础贴图连接UV节点到贴图的Tiling And Offset输入端口提示在Shader Graph中按空格键可以快速搜索节点输入UV即可找到UV节点通过调整Tiling参数你可以立即看到棋盘格在模型表面的重复效果。这种即时反馈正是Shader Graph的优势所在。下表展示了不同Tiling值对视觉效果的影响Tiling值视觉效果适用场景(1,1)原始大小标准贴图(2,2)重复4次平铺纹理(0.5,0.5)放大2倍高清细节2. 动态UV平移创造流动效果要让静态贴图动起来最直接的方法就是随时间改变UV坐标。在Shader Graph中实现这一效果仅需三个关键节点// 伪代码逻辑对应关系 UV (Time * Speed) AnimatedUV具体操作步骤添加Time节点获取游戏运行时间使用Multiply节点乘以Vector2控制流动速度通过Add节点将结果与原始UV相加瀑布效果实战使用纵向流动V方向的噪声贴图设置速度参数为(0, 0.3)启用贴图的Wrap Mode为Repeat// 等效HLSL代码参考 float2 scrollingUV i.uv float2(0.0, _Time.y * _Speed); half4 color tex2D(_MainTex, scrollingUV);3. 帧动画技巧UV分割与跳转将一张包含多帧的精灵图转换为动态序列是UV动画的经典应用。Shader Graph实现方案如下UV分割使用Fraction节点获取UV小数部分帧索引计算通过Floor节点实现帧跳转动态控制结合Time和Divide节点调节播放速度实际操作流程准备一张8x8的精灵图集64帧创建Custom Function节点实现以下逻辑void FrameAnimation_float(float2 UV, float FramesX, float FramesY, float Speed, out float2 OutUV) { float totalFrames FramesX * FramesY; float frameIndex floor(fmod(_Time.y * Speed, totalFrames)); float frameX fmod(frameIndex, FramesX); float frameY floor(frameIndex / FramesX); OutUV (UV / float2(FramesX, FramesY)) float2(frameX/FramesX, frameY/FramesY); }性能优化技巧使用Sub-graph封装常用动画逻辑通过Lerp节点实现平滑过渡在Vertex Shader阶段处理UV变换减轻片段着色器负担4. 极坐标魔法从方到圆的视觉蜕变极坐标变换能将普通的矩形贴图转化为环形特效非常适合制作角色光环、能量漩涡等效果。Shader Graph提供了现成的Polar Coordinates节点但我们还可以进一步优化中心点控制添加Vector2参数调节变换中心径向动画结合Length和Time节点创造放射状流动角度扭曲使用Twirl节点增强视觉效果法阵特效制作步骤创建基础圆形渐变贴图添加Polar Coordinates节点强度0.5连接Time节点到Offset创造旋转效果使用Power节点增强中心亮度对比// 极坐标核心算法参考 float2 center UV - _Center; float angle atan2(center.y, center.x) / (2.0 * PI); float radius length(center); float2 polarUV float2(angle _Time.y * _RotateSpeed, radius * _Scale);5. 高级混合技巧组合多种UV变换真正的视觉冲击往往来自多重效果的叠加。在Shader Graph中我们可以通过以下方式创造复杂效果瀑布与雾气的组合案例底层使用Noise贴图实现水流动画高速中层添加Gradient控制透明度变化表层叠加Polar扭曲创造漩涡效果节点连接策略使用Blend节点混合不同UV通道通过Mask控制各层影响区域最终输出前添加Color Adjustment微调在项目实践中将这些效果封装成可复用的Sub-graph能极大提升工作效率。比如创建一个WaterFlow_Subgraph包含速度、幅度等暴露参数就可以在不同场景中快速调用。
