Animation 使用多个PNG的精灵动画

Animation 使用多个PNG的精灵动画,animation,svg,cross-platform,sprite,spritely,Animation,Svg,Cross Platform,Sprite,Spritely,我一直在尝试做一些跨平台的动画,因此没有web工具包框架或画布等,也没有svg(Android问题) 我有7个PNG,我想通过它们制作动画(不使用一堆设置超时),这听起来像是一个非常简单的问题,但我在谷歌搜索了一段时间后找不到解决方案 我看过的东西包括sprite.js、spritly等等,但我真的不想将我的7帧组合成一个sprite 是否有一个lite动画库,可以让我轻松地跨平台设置Think 7个独立PNG的动画?也许不是最好的方法,但我有一个动画时间变量,可以在每个循环中递增。当这个变量达

我一直在尝试做一些跨平台的动画,因此没有web工具包框架或画布等,也没有svg(Android问题)

我有7个PNG,我想通过它们制作动画(不使用一堆设置超时),这听起来像是一个非常简单的问题,但我在谷歌搜索了一段时间后找不到解决方案

我看过的东西包括sprite.js、spritly等等,但我真的不想将我的7帧组合成一个sprite


是否有一个lite动画库,可以让我轻松地跨平台设置Think 7个独立PNG的动画?

也许不是最好的方法,但我有一个动画时间变量,可以在每个循环中递增。当这个变量达到某个数值时,我增加图像的帧数,并将动画时间重置为0

伪码

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

根据SpriteFrame显示帧更改“背景位置”,正如Duopixel建议的那样。

库希望您使用组合的sprite工作表的原因是,这是正确的方法。更改
背景位置
比切换可见性更有效,对服务器的请求也更少。我建议将框架组合起来。