一个js文件方便快捷实现帧动画播放组件

在开发游戏时候，更多的是核心玩法的化简，通过代码来一步步实现功能。而动画可以让游戏在效果上锦上添花。

通常做一个精灵的动画有很多的方式，但弊端就是比较耗时。而一些小配角在游戏看来无关重要的，那我们就可以通过简单的方式来实现动画，让他们能够直接动起来。这样就不用再耗费时间去做clip的动画了。

话不多说，直接上代码，先准备素材。在爱给网上找到自己想要的素材就可以了，然后再通过TexturePacker来把图片合并减少图片所占容量。

蜡笔小新跑动图片

之后就创建AnimateScript.js文件了。

属性声明：

属性声明

为了让大家自己手动打代码熟悉，故只贴上代码截图，毕竟整份文件代码数不多。

初始化与基本逻辑：

onLoad加载

循环播放与单次播放动画方法：

循环播放 单次播放

利用updata(dt)实现动画逻辑控制：

动画实现

通过这一个js文件，就可以挂在节点上轻松实现动画的播放了。

节点挂载脚本

这样只要把相关的图片拖进SpriteFrames里面就可以了，这样只要有动画的图片就可以方便快捷实现帧动画了。

最终动画效果