动画javascript帧

动画javascript帧,javascript,html,canvas,Javascript,Html,Canvas,我想在html画布中设置一个只有4帧的精灵动画。我遇到了下面这样的方法。来自AS3和c的背景,我真的不喜欢下面的代码,因为它很复杂。我会在这里呆上几个小时,试着解决这个问题。 有没有更简单的方法来制作几个帧的动画,或者JS只是有点“旧” 这可能会帮助您: 它基本上是一个称为每隔x ms的循环,清除画布并从序列中绘制新图像看看这个库,它很容易使用,下面是一个示例 看看这个库,我还没用过,但看起来很容易用。这个看起来很棒。好的,那么为什么当其他人解释这一点时,解释会如此复杂呢? $('#bird'

我想在html画布中设置一个只有4帧的精灵动画。我遇到了下面这样的方法。来自AS3和c的背景,我真的不喜欢下面的代码,因为它很复杂。我会在这里呆上几个小时,试着解决这个问题。 有没有更简单的方法来制作几个帧的动画,或者JS只是有点“旧”

这可能会帮助您:


它基本上是一个称为每隔x ms的循环,清除画布并从序列中绘制新图像

看看这个库,它很容易使用,下面是一个示例


看看这个库,我还没用过,但看起来很容易用。这个看起来很棒。好的,那么为什么当其他人解释这一点时,解释会如此复杂呢?
$('#bird')
    .sprite({
    fps: 9,
    no_of_frames: 3
})
    .spRandom({
    top: 50,
    bottom: 200,
    left: 300,
    right: 320
});