在开发游戏时候,更多的是核心玩法的化简,通过代码来一步步实现功能。而动画可以让游戏在效果上锦上添花。
通常做一个精灵的动画有很多的方式,但弊端就是比较耗时。而一些小配角在游戏看来无关重要的,那我们就可以通过简单的方式来实现动画,让他们能够直接动起来。这样就不用再耗费时间去做clip的动画了。
话不多说,直接上代码,先准备素材。在爱给网上找到自己想要的素材就可以了,然后再通过TexturePacker来把图片合并减少图片所占容量。
之后就创建AnimateScript.js文件了。
属性声明:
为了让大家自己手动打代码熟悉,故只贴上代码截图,毕竟整份文件代码数不多。
初始化与基本逻辑:
循环播放与单次播放动画方法:
利用updata(dt)实现动画逻辑控制:
通过这一个js文件,就可以挂在节点上轻松实现动画的播放了。
这样只要把相关的图片拖进SpriteFrames里面就可以了,这样只要有动画的图片就可以方便快捷实现帧动画了。