1. SpriteRenderer阴影效果概述在2D游戏开发中SpriteRenderer是最基础的渲染组件之一它负责将精灵Sprite图像显示在游戏场景中。然而Unity默认的SpriteRenderer并不直接支持阴影效果这给需要营造立体感和深度感的2D游戏带来了挑战。我曾在多个2D横版游戏项目中遇到过这个问题。当角色在地面上移动时如果没有阴影跟随整个场景会显得非常平面化缺乏真实感。经过多次实践和尝试我总结出了几种可行的SpriteRenderer阴影实现方案每种方案都有其适用场景和性能考量。2. 基于复制Sprite的阴影方案2.1 基本实现原理这是最简单直接的实现方式通过复制一个相同的SpriteRenderer作为阴影。具体步骤如下创建阴影游戏对象为需要阴影的物体创建一个子对象添加SpriteRenderer组件复制父对象的Sprite调整阴影参数颜色设为半透明黑色如RGBA 0,0,0,0.5位置向下偏移如localPosition设为(0, -0.2, 0)缩放略微放大如scale设为1.05,1.05,1排序层级Order in Layer设为比父对象低// 示例代码动态创建阴影 void CreateShadow() { GameObject shadow new GameObject(Shadow); shadow.transform.SetParent(transform); shadow.transform.localPosition new Vector3(0, -0.2f, 0); shadow.transform.localScale new Vector3(1.05f, 1.05f, 1); SpriteRenderer shadowRenderer shadow.AddComponentSpriteRenderer(); shadowRenderer.sprite GetComponentSpriteRenderer().sprite; shadowRenderer.color new Color(0,0,0,0.5f); shadowRenderer.sortingOrder GetComponentSpriteRenderer().sortingOrder - 1; }2.2 进阶优化技巧在实际项目中我发现这种基础实现有几个可以优化的地方阴影跟随主物体旋转当主物体旋转时阴影也应该有相应的透视变化void Update() { shadow.transform.rotation Quaternion.Euler(0, 0, transform.rotation.z * 0.7f); }动态透明度调整根据物体高度调整阴影透明度shadowRenderer.color new Color(0,0,0, 0.5f * (1 - transform.position.y/10f));阴影边缘模糊通过Shader实现边缘模糊效果后文会详细介绍注意这种方案虽然简单但在移动设备上大量使用时如100阴影可能会影响性能建议对静态物体使用静态阴影贴图替代。3. 使用Shader实现高级阴影效果3.1 基础阴影Shader创建一个简单的阴影Shader可以大幅提升效果和性能Shader Custom/SpriteShadow { Properties { _MainTex (Base (RGB), 2D) white {} _ShadowColor (Shadow Color, Color) (0,0,0,0.5) } SubShader { Tags { QueueTransparent } Blend SrcAlpha OneMinusSrcAlpha Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include UnityCG.cginc struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; sampler2D _MainTex; fixed4 _ShadowColor; v2f vert (appdata v) { v2f o; o.vertex UnityObjectToClipPos(v.vertex); o.uv v.uv; return o; } fixed4 frag (v2f i) : SV_Target { fixed4 col tex2D(_MainTex, i.uv); col.rgb _ShadowColor.rgb; col.a * _ShadowColor.a; return col; } ENDCG } } }3.2 动态投影Shader更高级的方案是模拟真实投影效果// 在C#脚本中计算投影矩阵 Matrix4x4 GetShadowMatrix(Vector3 lightDir) { Matrix4x4 shadowMatrix new Matrix4x4(); shadowMatrix.SetRow(0, new Vector4(1, 0, 0, 0)); shadowMatrix.SetRow(1, new Vector4(0, 1, 0, 0)); shadowMatrix.SetRow(2, new Vector4(-lightDir.x/lightDir.y, -lightDir.z/lightDir.y, 0, 0)); shadowMatrix.SetRow(3, new Vector4(0, 0, 0, 1)); return shadowMatrix; }然后在Shader中使用这个矩阵来扭曲阴影形状模拟不同角度的光照效果。4. 性能优化与实用技巧4.1 批处理优化Unity的SpriteRenderer默认支持动态批处理但阴影对象可能会打断批处理。我总结了几个优化点使用相同的材质实例Material shadowMaterial; // 共享材质 void Start() { shadowMaterial new Material(Shader.Find(Custom/SpriteShadow)); shadowRenderer.sharedMaterial shadowMaterial; }控制阴影更新频率IEnumerator UpdateShadow() { while(true) { UpdateShadowPosition(); yield return new WaitForSeconds(0.1f); // 每0.1秒更新一次 } }4.2 平台适配经验在不同平台上阴影效果需要特别处理移动平台减少实时阴影数量使用更简单的Shader考虑预烘焙阴影贴图PC/主机平台可以使用更复杂的投影计算实现软阴影效果添加阴影边缘羽化4.3 常见问题解决阴影闪烁问题确保阴影和主Sprite的锚点一致检查Z轴位置是否冲突尝试修改阴影对象的Transform组件中的Z值阴影排序问题明确设置Sorting Layer和Order in Layer对于复杂场景可能需要动态调整阴影的排序顺序性能瓶颈使用Unity Profiler检查Draw Calls对远处物体简化或禁用阴影考虑使用对象池管理阴影对象5. 替代方案比较5.1 Unity内置2D阴影系统Unity 2019后版本提供了2D光照系统可以产生更真实的阴影启用2D光照Window Rendering 2D Renderer创建2D Light和Shadow Caster 2D组件优点物理正确的阴影方向支持阴影混合与光照系统集成缺点需要URPUniversal Render Pipeline移动设备性能开销较大对Sprite的Pivot点敏感5.2 第三方插件方案Asset Store中有几个不错的2D阴影插件2D Dynamic Shadows and Lighting支持实时动态阴影提供多种阴影类型性能优化较好Sprite Shadow Toolkit专门为SpriteRenderer设计简单易用的API支持自定义阴影形状选择建议小项目使用自制方案中型项目考虑Sprite Shadow Toolkit大型项目2D Dynamic Shadows更全面6. 实战案例平台游戏角色阴影以2D平台游戏角色为例分享我的实现经验角色阴影需求随跳跃高度变化透明度根据地面角度旋转性能敏感移动设备最终实现方案public class CharacterShadow : MonoBehaviour { public Transform shadow; public LayerMask groundLayer; public float maxOpacity 0.5f; void Update() { RaycastHit2D hit Physics2D.Raycast(transform.position, Vector2.down, 10f, groundLayer); if(hit.collider ! null) { shadow.gameObject.SetActive(true); shadow.position hit.point; shadow.up hit.normal; float distance Vector2.Distance(transform.position, hit.point); float alpha Mathf.Lerp(maxOpacity, 0, distance/5f); shadow.GetComponentSpriteRenderer().color new Color(0,0,0,alpha); } else { shadow.gameObject.SetActive(false); } } }优化后的效果只在检测到地面时显示阴影阴影自动贴合斜坡角度跳跃时阴影自然淡出仅1个Raycast和简单的颜色计算性能极佳在最近的一个移动端项目中这种实现方式在测试设备上红米Note 10即使有50个角色同时显示阴影也能保持60fps的流畅度。
1. SpriteRenderer阴影效果概述在2D游戏开发中SpriteRenderer是最基础的渲染组件之一它负责将精灵Sprite图像显示在游戏场景中。然而Unity默认的SpriteRenderer并不直接支持阴影效果这给需要营造立体感和深度感的2D游戏带来了挑战。我曾在多个2D横版游戏项目中遇到过这个问题。当角色在地面上移动时如果没有阴影跟随整个场景会显得非常平面化缺乏真实感。经过多次实践和尝试我总结出了几种可行的SpriteRenderer阴影实现方案每种方案都有其适用场景和性能考量。2. 基于复制Sprite的阴影方案2.1 基本实现原理这是最简单直接的实现方式通过复制一个相同的SpriteRenderer作为阴影。具体步骤如下创建阴影游戏对象为需要阴影的物体创建一个子对象添加SpriteRenderer组件复制父对象的Sprite调整阴影参数颜色设为半透明黑色如RGBA 0,0,0,0.5位置向下偏移如localPosition设为(0, -0.2, 0)缩放略微放大如scale设为1.05,1.05,1排序层级Order in Layer设为比父对象低// 示例代码动态创建阴影 void CreateShadow() { GameObject shadow new GameObject(Shadow); shadow.transform.SetParent(transform); shadow.transform.localPosition new Vector3(0, -0.2f, 0); shadow.transform.localScale new Vector3(1.05f, 1.05f, 1); SpriteRenderer shadowRenderer shadow.AddComponentSpriteRenderer(); shadowRenderer.sprite GetComponentSpriteRenderer().sprite; shadowRenderer.color new Color(0,0,0,0.5f); shadowRenderer.sortingOrder GetComponentSpriteRenderer().sortingOrder - 1; }2.2 进阶优化技巧在实际项目中我发现这种基础实现有几个可以优化的地方阴影跟随主物体旋转当主物体旋转时阴影也应该有相应的透视变化void Update() { shadow.transform.rotation Quaternion.Euler(0, 0, transform.rotation.z * 0.7f); }动态透明度调整根据物体高度调整阴影透明度shadowRenderer.color new Color(0,0,0, 0.5f * (1 - transform.position.y/10f));阴影边缘模糊通过Shader实现边缘模糊效果后文会详细介绍注意这种方案虽然简单但在移动设备上大量使用时如100阴影可能会影响性能建议对静态物体使用静态阴影贴图替代。3. 使用Shader实现高级阴影效果3.1 基础阴影Shader创建一个简单的阴影Shader可以大幅提升效果和性能Shader Custom/SpriteShadow { Properties { _MainTex (Base (RGB), 2D) white {} _ShadowColor (Shadow Color, Color) (0,0,0,0.5) } SubShader { Tags { QueueTransparent } Blend SrcAlpha OneMinusSrcAlpha Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include UnityCG.cginc struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; sampler2D _MainTex; fixed4 _ShadowColor; v2f vert (appdata v) { v2f o; o.vertex UnityObjectToClipPos(v.vertex); o.uv v.uv; return o; } fixed4 frag (v2f i) : SV_Target { fixed4 col tex2D(_MainTex, i.uv); col.rgb _ShadowColor.rgb; col.a * _ShadowColor.a; return col; } ENDCG } } }3.2 动态投影Shader更高级的方案是模拟真实投影效果// 在C#脚本中计算投影矩阵 Matrix4x4 GetShadowMatrix(Vector3 lightDir) { Matrix4x4 shadowMatrix new Matrix4x4(); shadowMatrix.SetRow(0, new Vector4(1, 0, 0, 0)); shadowMatrix.SetRow(1, new Vector4(0, 1, 0, 0)); shadowMatrix.SetRow(2, new Vector4(-lightDir.x/lightDir.y, -lightDir.z/lightDir.y, 0, 0)); shadowMatrix.SetRow(3, new Vector4(0, 0, 0, 1)); return shadowMatrix; }然后在Shader中使用这个矩阵来扭曲阴影形状模拟不同角度的光照效果。4. 性能优化与实用技巧4.1 批处理优化Unity的SpriteRenderer默认支持动态批处理但阴影对象可能会打断批处理。我总结了几个优化点使用相同的材质实例Material shadowMaterial; // 共享材质 void Start() { shadowMaterial new Material(Shader.Find(Custom/SpriteShadow)); shadowRenderer.sharedMaterial shadowMaterial; }控制阴影更新频率IEnumerator UpdateShadow() { while(true) { UpdateShadowPosition(); yield return new WaitForSeconds(0.1f); // 每0.1秒更新一次 } }4.2 平台适配经验在不同平台上阴影效果需要特别处理移动平台减少实时阴影数量使用更简单的Shader考虑预烘焙阴影贴图PC/主机平台可以使用更复杂的投影计算实现软阴影效果添加阴影边缘羽化4.3 常见问题解决阴影闪烁问题确保阴影和主Sprite的锚点一致检查Z轴位置是否冲突尝试修改阴影对象的Transform组件中的Z值阴影排序问题明确设置Sorting Layer和Order in Layer对于复杂场景可能需要动态调整阴影的排序顺序性能瓶颈使用Unity Profiler检查Draw Calls对远处物体简化或禁用阴影考虑使用对象池管理阴影对象5. 替代方案比较5.1 Unity内置2D阴影系统Unity 2019后版本提供了2D光照系统可以产生更真实的阴影启用2D光照Window Rendering 2D Renderer创建2D Light和Shadow Caster 2D组件优点物理正确的阴影方向支持阴影混合与光照系统集成缺点需要URPUniversal Render Pipeline移动设备性能开销较大对Sprite的Pivot点敏感5.2 第三方插件方案Asset Store中有几个不错的2D阴影插件2D Dynamic Shadows and Lighting支持实时动态阴影提供多种阴影类型性能优化较好Sprite Shadow Toolkit专门为SpriteRenderer设计简单易用的API支持自定义阴影形状选择建议小项目使用自制方案中型项目考虑Sprite Shadow Toolkit大型项目2D Dynamic Shadows更全面6. 实战案例平台游戏角色阴影以2D平台游戏角色为例分享我的实现经验角色阴影需求随跳跃高度变化透明度根据地面角度旋转性能敏感移动设备最终实现方案public class CharacterShadow : MonoBehaviour { public Transform shadow; public LayerMask groundLayer; public float maxOpacity 0.5f; void Update() { RaycastHit2D hit Physics2D.Raycast(transform.position, Vector2.down, 10f, groundLayer); if(hit.collider ! null) { shadow.gameObject.SetActive(true); shadow.position hit.point; shadow.up hit.normal; float distance Vector2.Distance(transform.position, hit.point); float alpha Mathf.Lerp(maxOpacity, 0, distance/5f); shadow.GetComponentSpriteRenderer().color new Color(0,0,0,alpha); } else { shadow.gameObject.SetActive(false); } } }优化后的效果只在检测到地面时显示阴影阴影自动贴合斜坡角度跳跃时阴影自然淡出仅1个Raycast和简单的颜色计算性能极佳在最近的一个移动端项目中这种实现方式在测试设备上红米Note 10即使有50个角色同时显示阴影也能保持60fps的流畅度。
