1. 项目概述
在2D生存类游戏开发中，处理大量树木的砍伐动画是一个常见的性能挑战。以《饥荒》这类游戏为例，地图上可能同时存在成千上万棵树木，如果为每棵树都使用Spine骨骼动画，不仅内存占用高，Draw Call也会急剧增加，导致移动端性能严重下降。
我最近在一个生存类手游项目中遇到了这个问题，经过多次尝试，最终采用Shader结合MaterialPropertyBlock的方案完美解决了性能问题。这个方案的特点是：
- 单个Shader处理所有树木动画
- 使用顶点着色器实现摇摆效果
- 通过脚本精确控制每棵树的动画触发
- 完全不影响合批处理
实测在红米Note 10 Pro上，1000棵树同时播放砍伐动画仍能保持60FPS，内存占用仅为Spine方案的1/5。
2. 核心方案设计
2.1 技术选型对比
在确定最终方案前，我们评估了几种常见方案：
| 方案 | 优点 | 缺点 | 适用场景 |
|---|---|---|---|
| Spine动画 | 动画细腻可控 | 内存占用高，Draw Call多 | 少量重要角色 |
| 帧动画 | 实现简单 | 资源体积大，效果生硬 | 简单特效 |
| LOD+替换 | 效果真实 | 实现复杂，需要多套模型 | 3A级PC游戏 |
| Shader方案 | 性能极佳 | 效果受限于Shader能力 | 移动端大量对象 |
最终选择Shader方案的核心考量是：
- 我们的游戏是2D视角，不需要复杂的3D摆动效果
- 地图上树木数量庞大(500-1000棵)
- 目标平台是中低端移动设备
2.2 系统架构设计
整个方案由三个关键部分组成：
-
Shader部分：
- 顶点动画：基于正弦波的摇摆效果
- 受击闪光：简单的颜色叠加
- 参数控制：振幅、频率、阻尼系数
-
脚本控制层：
- MaterialPropertyBlock：修改单个实例参数
- 动画触发：根据砍击位置计算摆动方向
- 生命周期管理：自动重置参数
-
资源规范：
- 所有树木使用相同材质
- 纹理采用图集(Atlas)打包
- 模型顶点布局统一
关键设计原则：所有树木必须使用完全相同的Shader和材质，这是保证合批有效的必要条件。
3. Shader实现详解
3.1 顶点动画原理
树木摇摆的本质是顶点位移，我们使用经典的质量-弹簧-阻尼模型来模拟：
code复制位移 = 振幅 * sin(频率 * 时间) * exp(-阻尼 * 时间)
在Shader中的具体实现：
hlsl复制float t = _Time.y - _HitTime;
float decay = exp(-t * _HitDamp); // 衰减系数
float wave = decay * sin(t * _HitFreq); // 波动值
float bend = wave * _HitAmp * IN.texcoord.y * IN.texcoord.y; // 最终位移
几个关键点：
texcoord.y的平方使摆动从根部到顶端逐渐增大_HitTime记录受击时间点exp(-t * _HitDamp)确保摆动逐渐停止
3.2 参数调优指南
参数设置直接影响动画效果的自然程度：
hlsl复制Properties {
_HitAmp ("摆动幅度", Float) = 0.5 // 推荐0.3-1.0
_HitFreq ("摆动频率", Float) = 15 // 推荐10-20
_HitDamp ("阻尼系数", Float) = 3 // 推荐2-5
}
调试技巧：
- 先调频率：设为10观察是否像慢动作，20是否像抽搐
- 再调阻尼：值越小摆动持续时间越长
- 最后调幅度：根据艺术效果调整
3.3 受击闪光效果
除了摆动，受击时还加入了闪光效果：
hlsl复制float flashProgress = t / _FlashDuration;
OUT.flashFactor = saturate(1.0 - flashProgress) * step(0, t);
...
c.rgb += _FlashColor.rgb * IN.flashFactor * c.a;
这个实现的特点是：
- 线性渐隐效果
- 持续时间由_FlashDuration控制
- 不影响半透明区域
4. 脚本控制实现
4.1 MaterialPropertyBlock使用
核心优势：修改材质属性不会创建新材质实例，保持合批有效。
csharp复制mpb = new MaterialPropertyBlock();
sr.GetPropertyBlock(mpb);
mpb.SetFloat(ID_HitTime, Time.time);
mpb.SetFloat(ID_HitAmp, direction * FORCE);
sr.SetPropertyBlock(mpb);
注意事项：
- 必须先Get再Set，否则会覆盖其他属性
- PropertyID应该缓存，不要每次查询
- 修改后必须调用SetPropertyBlock
4.2 砍击方向计算
根据砍击位置决定摆动方向：
csharp复制worldHitPos.x - CachePos.x > 0f ? FORCE : -FORCE
这个简单判断实现了：
- 右侧砍击→向左摆动
- 左侧砍击→向右摆动
- 符合物理直觉
4.3 性能优化技巧
-
对象池管理：
- 预初始化所有TreeHitFx组件
- 避免运行时动态创建
-
参数重置：
csharp复制mpb.SetFloat(ID_HitTime, 0f); mpb.SetFloat(ID_HitAmp, 0f);动画结束后必须重置，否则会影响合批
-
组件禁用：
- 非活跃树木禁用脚本
- 减少不必要的Update调用
5. 实战问题与解决方案
5.1 常见问题排查
| 问题现象 | 可能原因 | 解决方案 |
|---|---|---|
| 动画不播放 | _HitTime未更新 | 检查PropertyBlock是否正确设置 |
| 所有树一起摆动 | 共用材质实例 | 确保使用MaterialPropertyBlock |
| 闪烁异常 | 未重置参数 | 动画结束调用Clear() |
| 性能下降 | 合批失败 | 检查材质、Shader是否一致 |
5.2 移动端适配经验
-
精度问题：
- 部分低端GPU浮点精度不足
- 解决方案：减少复杂计算，简化Shader
-
发热控制：
- 限制同时播放的动画数量
- 添加距离衰减：远处树木简化效果
-
内存优化：
- 使用ASTC纹理压缩
- 禁用不需要的Shader特性
5.3 效果增强技巧
-
落叶粒子：
csharp复制if(Time.time - lastParticleTime > 0.1f) { PlayParticle(); lastParticleTime = Time.time; }控制粒子发射频率避免过载
-
音效同步：
csharp复制AudioManager.PlayAtPosition("TreeHit", hitPos);根据砍击位置播放3D音效
-
屏幕震动：
csharp复制CameraShake(0.1f, 0.3f);增强打击感
6. 扩展应用
这套方案不仅适用于树木，经过简单调整还可用于：
-
草丛效果：
- 减小摆动幅度
- 增加随机性参数
- 实现风吹草动
-
旗帜/布料：
- 调整阻尼系数
- 添加更多顶点控制
- 模拟柔软物体摆动
-
水面涟漪：
- 改用顶点高度计算
- 叠加多个波动
- 实现投石涟漪效果
参数调整示例：
hlsl复制// 草丛参数
_HitAmp = 0.2;
_HitFreq = 8;
_HitDamp = 1;
// 旗帜参数
_HitAmp = 1.5;
_HitFreq = 3;
_HitDamp = 0.5;
在实际项目中，这套Shader方案为我们节省了约75%的动画相关性能开销。特别是在低端设备上，帧率从原来的25-30FPS提升到了稳定的60FPS。最大的收获是认识到：在移动端游戏开发中，有时候最简单的技术方案反而能带来最显著的性能提升。