Unity 2D 学习手札（六）Sprite 动画

简单的范例

如上图，在等待使用者作答时，播放左右晃头的等待动画，使用者作答时，判断答对或答错，分别播放不同的动画及音效。播放完毕，继续左右晃头。

图片制作

左右晃头要准备三个状态的图，分别为摆左、正中及摆右，但播放时要依正中 → 摆左 → 正中 → 摆右 → 正中 → 摆左→ 正中→…的顺序播放，感觉才自然。

可以三张图分别存檔，也可以合成一张。若是合成一张图，那么就得在 Unity 中分割。

图片切割

将图片导入项目中，然后设置图片的 Sprite Mode为〝Multiple〞。
单击〝Sprite Editor〞打开 Sprite Editor 工具。点选 Slice ，然后将 Type 更改为〝Grid By Cell Count〞，接着设定Column & Row，将图片等分成三张。
最后按下〝Apply〞即可。
分割后的名称会自动被标上 _0, _1, _2, …等。

创建 Sprite 对象

依次单击〝GameObject → 2D Object → Sprite〞创建一个空的 Sprite 对象。
设定 Sprite Renderer 的 Sprite，然后单击〝Add Component〞添加脚本。
将这个脚本命名为〝Boy.cs〞，负责操控这个对象的一些动作。Boy 是一个类别，代表整个场景中，可以不只一个 Boy 对象，但都符合相同的动作要求。

Boy 类的设计

这个类别需要四张 Sprite，用于显示等待动画。除此之外，也得设定一秒要播放几张？

代码如下：

public class Boy : MonoBehaviour {public Sprite[] arySprite;   // 存放图片public float framesPerSec;   // 每秒几张private SpriteRenderer m_spriteRender;//---------------------------------------------------------void Start (){m_spriteRender = GetComponent<SpriteRenderer>();}//--------------------------------------------------------void Update (){int index = (int)(Time.time * framesPerSec) % arySprite.Length;m_spriteRender.sprite = arySprite[index];}//--------------------------------------------------------
}

设计好 Boy 类后，再回到刚才的 Sprite 对象，在 Script 部分会看到被宣告成 public 的变量，在此设定相对应的游戏对象。

注意图片的播放顺序，在此例中，设定一秒播放一张图。

答对、答错的动画制作

等待的动画，是在 Update() 中不断地更换图案制造出效果。答对或答错，事实上，也是更换不同组图案，更换时，再加上音效的播放。

由于有两种显示状态，所以必须添加一个 Status 变量，用于分辨目前处于何种状态，0 表等待中，1表播放对错的动画及音效，2表播放完毕。

看一下修改后的代码：

    void Update (){if (m_nStatus == 0) // 等待动画{int index = (int)(Time.time * framesPerSec) % arySprite.Length;m_spriteRender.sprite = arySprite[index];}else if(m_nStatus == 1)   // 答对、答错的动画及音效{m_nStatus = audioMgr.isPlaying ? 1 : 2;}}

在此例中，答对或答错只有一张图，所以没有更换 Sprite 的处理，只有判断音效是否播放完毕的处理。

Boy 类提供以下四个方法，以便应付需求：

ShowNormal() 停掉音效播放，进入等待动画的状态 ( Status = 0 )。

ShowCorrect() 播放答对动画，进入回馈动画的状态 ( Status = 1 )。

ShowWrong() 播放答错动画，进入回馈动画的状态 ( Status = 1 )。

IsPlayOver() 判断答对或答错动画是否播放完毕？

在场景中的应用

在此场景中，基本上会有如下的游戏对象：

其中 audioSound 是给 Boy 类用于播放音效的 Audio Source。theBoy 是挂有 Boy.cs 的 Sprite 对象，Boy 类会有几个 public 变量，需要外部设定给它。

把场景的主脚本 (Main.cs) 挂在 Main Camera 上，并在其中宣告一个 Boy 类的public 变量，然后指向 theBoy。

如此大功基本告成。

完整的代码如下：

public class Main : MonoBehaviour {public Boy theBoy;private int m_nStatus = 0;private int m_nWrong = 0;    //------------------------------------------------------------void Start (){}    //-----------------------------------------------------------void Update (){if( m_nStatus == 1 ){if (theBoy.IsPlayOver ){theBoy.ShowNormal();m_nStatus = 0;}}}    //------------------------------------------------------------//  答对public void btnCorrect_onClick(){m_nStatus = 1;theBoy.ShowCorrect();}    //------------------------------------------------------------//  答错public void btnWrong_onClick(){m_nWrong++;m_nStatus = 1;theBoy.ShowWrong(m_nWrong);}    //------------------------------------------------------------
}

Boy 类完整的代码如下：

public class Boy : MonoBehaviour {public Sprite[] arySprite;public Sprite[] aryWrongSprite;public float framesPerSec;public AudioSource audioMgr;public AudioClip[] aryAudioClip;private SpriteRenderer m_spriteRender;private int m_nStatus = 0;//------------------------------------------------------------void Start (){m_spriteRender = GetComponent<SpriteRenderer>();}//------------------------------------------------------------void Update (){if (m_nStatus == 0){int index = (int)(Time.time * framesPerSec) % arySprite.Length;m_spriteRender.sprite = arySprite[index];}else if( m_nStatus == 1){m_nStatus = audioMgr.isPlaying ? 1 : 2;}}    //------------------------------------------------------------//  判断音效是否播放完毕？public bool IsPlayOver{get { return m_nStatus == 2; }}   //------------------------------------------------------------public void ShowNormal(){m_spriteRender.sprite = arySprite[0];m_nStatus = 0;audioMgr.Stop();}//------------------------------------------------------------public void ShowCorrect(){m_spriteRender.sprite = aryWrongSprite[0];m_nStatus = 1;audioMgr.PlayOneShot(aryAudioClip[0]);}//------------------------------------------------------------        public void ShowWrong(int nWrong){int index = (nWrong > 3) ? 3 : nWrong;m_spriteRender.sprite = aryWrongSprite[index];m_nStatus = 1;audioMgr.PlayOneShot(aryAudioClip[index]);}//------------------------------------------------------------