在開發游戲時候，更多的是核心玩法的化簡，通過代碼來一步步實現功能。而動畫可以讓游戲在效果上錦上添花。

通常做一個精靈的動畫有很多的方式，但弊端就是比較耗時。而一些小配角在游戲看來無關重要的，那我們就可以通過簡單的方式來實現動畫，讓他們能夠直接動起來。這樣就不用再耗費時間去做clip的動畫了。

話不多說，直接上代碼，先準備素材。在愛給網上找到自己想要的素材就可以了，然后再通過TexturePacker來把圖片合并減少圖片所占容量。

蠟筆小新跑動圖片

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

屬性聲明：

屬性聲明

為了讓大家自己手動打代碼熟悉，故只貼上代碼截圖，畢竟整份文件代碼數不多。

初始化與基本邏輯：

onLoad加載

循環播放與單次播放動畫方法：

循環播放

單次播放

利用updata(dt)實現動畫邏輯控制：

動畫實現

通過這一個js文件，就可以掛在節點上輕松實現動畫的播放了。

節點掛載腳本

這樣只要把相關的圖片拖進SpriteFrames里面就可以了，這樣只要有動畫的圖片就可以方便快捷實現幀動畫了。

最終動畫效果