Unity2.5D Sprite层级显示遮挡问题处理

代码源自游戏《A Place for the Unwilling》

开发《A Place for the Unwilling》游戏第一部要解决的问题就是让精灵可以围绕其它精灵前后移动，呈现出真实的深度感觉。SpriteRenderer组件有两个属性，可以改变场景中Sprite的渲染顺序。

Sorting Layer 用于设置不同层的Sprite渲染顺序
Order in Layer 用于设置在同一层中的Sprite渲染顺序

如果想实时改变多个Sprite的渲染顺序，就需要修改一些属性以便无论精灵在场景中如何移动，均以正确的顺序渲染。由于“Oder in Layer”属性仅接受整型参数，所以利用Z轴似乎是个更好的选择。

Unity中Sprite的渲染优先级如下图，从高到低：

<ignore_js_op>

如果两个Sprite的“Sorting Layer”和“Order in Layer”均相同，那么在3D世界坐标中离相机更近的Sprite会被先渲染。

在明白了Sprite的渲染顺序后，接下来之要写个简单的脚本更改Sprite坐标的Z值为与其Y值成固定比例即可。但在此之前，先来解释一个重要的小概念，即如何设置精灵位于地面的底部。这里“底部”就是指3D世界中对象与地面接触的部分，示例如下：

<ignore_js_op>

我们要做的是在改变Sprite坐标Y值的同时改变其Z值，上图在3D环境的效果如下图：

<ignore_js_op>

理解了以上内容，就可以写脚本了，代码如下：

 1 using UnityEngine;
 2
 3 [ExecuteInEditMode]
 4 public class IsometricStaticObject : MonoBehaviour {
 5
 6     [SerializeField]
 7     private float m_floorHeight;
 8     private float m_spriteLowerBound;
 9     private float m_spriteHalfWidth;
10     private readonly float m_tan30 = Mathf.Tan(Mathf.PI / 5);
11
12     void Start()
13     {
14         SpriteRenderer spriteRenderer = GetComponent<SpriteRenderer>();
15         m_spriteLowerBound = spriteRenderer.bounds.size.y * 0.5f;
16         m_spriteHalfWidth = spriteRenderer.bounds.size.x * 0.5f;
17     }
18
19     // Use this condition for objects that don’t move in the scene.
20 #if UNITY_EDITOR
21     void LateUpdate()
22     {
23         // Use this condition for objects that don’t move in the scene.
24         if (!Application.isPlaying)
25         {
26             // Update the position in the Z axis:
27             transform.position = new Vector3
28                  (
29                      transform.position.x,
30                      transform.position.y,
31                      (transform.position.y - m_spriteLowerBound + m_floorHeight) * m_tan30
32                  );
33         }
34     }
35 #endif
36
37     void OnDrawGizmos()
38     {
39         Vector3 floorHeightPos = new Vector3
40                 (
41                     transform.position.x,
42                     transform.position.y - m_spriteLowerBound + m_floorHeight,
43                     transform.position.z
44                 );
45
46         Gizmos.color = Color.magenta;
47         Gizmos.DrawLine(floorHeightPos + Vector3.left * m_spriteHalfWidth, floorHeightPos + Vector3.right * m_spriteHalfWidth);
48     }
49 }

首先需要设置的是“Floor Height”，该属性决定Sprite的下边界在Y方向的偏移。在3D世界坐标中，它用于设置Sprite在场景中的Z深度。如果一个Sprite的底部比其它Sprite更高，它将被渲染在其它Sprite后面。

<ignore_js_op>

然后存储Sprite高度与宽度的半值，以便对Z坐标进行一些简单的数学运算。在《A Place for the Unwilling》游戏中使用了30度的等距切角，但您也可以将Z坐标设为与Y坐标一致，不影响游戏效果。

这里使用OnDrawGizmos方法在当前的地面高度绘制一条线，以便可以在编辑器中设置为最终的精确位置。另外，对于有些游戏运行后永远不会移动的对象，可以使用“if（!Application.isPlaying）”和“＃if UNITY_EDITOR”条件在运行时保存计算结果，因为可能会有上百个Sprite同时绑定该脚本。

以上设置完成后，就可以在场景中移动Sprite并保证渲染顺序正常了，但还有两种情况需要更多的设置。

在处理中心不在中间位置的Sprite时，需要将其分为几部分。以下面的建筑为例，由于它的底部是矩形，如果整个建筑仅设置一个Floor Height值，那角色将只能沿着它前方的那面行走，并且会遮挡角色！为了解决这个问题，就需要将建筑Sprite分为两个部分，并为每一边设置不同的地面，如下图：

<ignore_js_op>

另一种情况是将某个Sprite作为另一个的子对象时。仍然以建筑为例，如果想为建筑增加窗户或招牌，这些附加物就不能使用与建筑相同的脚本，因为有些窗户可能位于建筑后面或顶部。这个问题很容易解决，只需创建建筑的子对象重置其坐标，并将Z坐标值设为-0.001，然后将所有需要附着在建筑上物体放置于该子对象下，将这些物体的Z坐标设为0，这样就可以与实际建筑保持0.001的距离，并且它们离相机更近。

<ignore_js_op>