使用多个png进行精灵动画

Question

我一直在尝试做一些小型跨平台动画，因此没有web-kit框架或画布等，也没有svg（Android问题）

我有7个png，我想通过它们进行动画处理（不使用一堆setTimeOuts），这听起来像是一个非常简单的问题，但是经过一些谷歌搜索后我找不到解决方案。

我看过的东西包括sprite.js，spritely等，但我真的不想把我所有的7帧组合成一个精灵

是否有一个精简的动画库，可让我轻松地为跨平台的7个单独的png动画制作动画？

Answer 1

也许不是最好的方法，但我有动画时间变量，我在每个循环上递增。当该变量到达某个数字时，我增加图像帧并将AnimationTime重置为0。

伪代码

AnimationDuraion = 10;
do
AnimationTime += 1;
if (AnimationTime == AnimationDuration){AnimationTime = 0; SpriteFrame +=1;}
if (SpriteFrame > MaxSpriteFrames) {SpriteFrame = 0}
loop

并依赖于SpriteFrame显示该帧改变了“背景位置”，如Duopixel建议的那样。