Unity——用代码实现序列帧动画

序列帧动画经常用到，最直接的方式就是用Animation录制。但某些情况下这种方式并不是太友好，需要靠代码的方式进行序列帧动画的实现。

代码实现序列帧动画，基本的思路是定义一个序列帧的数组/列表，根据时间的流逝来确定使用哪一帧并更新显示。

NGUI的UI2DSpriteAnimation已经实现了此功能，但是它支持的目标只有Native2D的SpriteRenderer组件或者NGUI自身的UI2DSprite组件，并不支持UGUI的Image组件。

当然可以通过改写源码的方式来添加对Image组件的支持，不过秉着学习的目的，我这里重新写了一个同时支持Image组件和SpriteRenderer组件的序列帧动画播放器。

代码如下，注释写的很详细了，不再赘述。

using UnityEngine;
using UnityEngine.UI;
using System;

/// <summary>
/// 序列帧动画播放器
/// 支持UGUI的Image和Unity2D的SpriteRenderer
/// </summary>
public class FrameAnimator : MonoBehaviour
{
	/// <summary>
	/// 序列帧
	/// </summary>
	public Sprite[] Frames{ get { return frames; } set { frames = value; } }

	[SerializeField]private Sprite[] frames = null;

	/// <summary>
	/// 帧率，为正时正向播放，为负时反向播放
	/// </summary>
	public float Framerate { get { return framerate; } set { framerate = value; } }

	[SerializeField] private float framerate = 20.0f;

	/// <summary>
	/// 是否忽略timeScale
	/// </summary>
	public bool IgnoreTimeScale{ get { return ignoreTimeScale; } set { ignoreTimeScale = value; } }

	[SerializeField]private bool ignoreTimeScale = true;

	/// <summary>
	/// 是否循环
	/// </summary>
	public bool Loop{ get { return loop; } set { loop = value; } }

	[SerializeField]private bool loop = true;

	//动画曲线
	[SerializeField]private AnimationCurve curve = new AnimationCurve (new Keyframe (0, 1, 0, 0), new Keyframe (1, 1, 0, 0));

	/// <summary>
	/// 结束事件
	/// 在每次播放完一个周期时触发
	/// 在循环模式下触发此事件时，当前帧不一定为结束帧
	/// </summary>
	public event Action FinishEvent;

	//目标Image组件
	private Image image;
	//目标SpriteRenderer组件
	private SpriteRenderer spriteRenderer;
	//当前帧索引
	private int currentFrameIndex = 0;
	//下一次更新时间
	private float timer = 0.0f;
	//当前帧率，通过曲线计算而来
	private float currentFramerate = 20.0f;

	/// <summary>
	/// 重设动画
	/// </summary>
	public void Reset ()
	{
		currentFrameIndex = framerate < 0 ? frames.Length - 1 : 0;
	}

	/// <summary>
	/// 从停止的位置播放动画
	/// </summary>
	public void Play ()
	{
		this.enabled = true;
	}

	/// <summary>
	/// 暂停动画
	/// </summary>
	public void Pause ()
	{
		this.enabled = false;
	}

	/// <summary>
	/// 停止动画，将位置设为初始位置
	/// </summary>
	public void Stop ()
	{
		Pause ();
		Reset ();
	}
		
	//自动开启动画
	void Start ()
	{
		image = this.GetComponent<Image> ();
		spriteRenderer = this.GetComponent<SpriteRenderer> ();
		#if UNITY_EDITOR
		if (image == null && spriteRenderer == null) {
			Debug.LogWarning ("No available component found. 'Image' or 'SpriteRenderer' required.", this.gameObject);
		}
		#endif
	}

	void Update ()
	{
		//帧数据无效，禁用脚本
		if (frames == null || frames.Length == 0) {
			this.enabled = false;
		} else {
			//从曲线值计算当前帧率
			float curveValue = curve.Evaluate ((float)currentFrameIndex / frames.Length);
			float curvedFramerate = curveValue * framerate;
			//帧率有效
			if (curvedFramerate != 0) {
				//获取当前时间
				float time = ignoreTimeScale ? Time.unscaledTime : Time.time;
				//计算帧间隔时间
				float interval = Mathf.Abs (1.0f / curvedFramerate);
				//满足更新条件，执行更新操作
				if (time - timer > interval) {
					//执行更新操作
					DoUpdate ();
				}
			}
			#if UNITY_EDITOR
			else {
				Debug.LogWarning ("Framerate got '0' value, animation stopped.");
			}
			#endif
		}
	}

	//具体更新操作
	private void DoUpdate ()
	{
		//计算新的索引
		int nextIndex = currentFrameIndex + (int)Mathf.Sign (currentFramerate);
		//索引越界，表示已经到结束帧
		if (nextIndex < 0 || nextIndex >= frames.Length) {
			//广播事件
			if (FinishEvent != null) {
				FinishEvent ();
			}
			//非循环模式，禁用脚本
			if (loop == false) {
				currentFrameIndex = Mathf.Clamp (currentFrameIndex, 0, frames.Length - 1);
				this.enabled = false;
				return;
			}
		}
		//钳制索引
		currentFrameIndex = nextIndex % frames.Length;
		//更新图片
		if (image != null) {
			image.sprite = frames [currentFrameIndex];
		} else if (spriteRenderer != null) {
			spriteRenderer.sprite = frames [currentFrameIndex];
		}
		//设置计时器为当前时间
		timer = ignoreTimeScale ? Time.unscaledTime : Time.time;
	}
}