animation - 使用多个 png 的 Sprite 动画

Question

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

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

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

是否有一个精简的动画库可以让我轻松地跨平台为思想 7 个单独的 png 设置动画？

Answer 1

maybe not the best way, but i have AnimationTime variable that I increment on every loop. and when that varialbe reach some number then i increase frame of image and reset AnimationTime back to 0.

pseudo code

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

and depend on SpriteFrame show that frame changing "background-position" as Duopixel suggested.