动画javascript框架

Question

我想在html Canvas中为一个只有4帧的精灵设置动画。我遇到了类似下面的方法。来自AS3和c＃背景我真的不喜欢下面的代码，因为它很复杂。我会在这里工作几个小时试图解决这个问题。 有没有更简单的方法来动画几帧，或者JS有点'旧'。

http://codeutopia.net/blog/2009/08/21/using-canvas-to-do-bitmap-sprite-animation-in-javascript/

Answer 1

这可能会对您有所帮助：http://creativejs.com/2012/01/day-11-sprite-sheets/

它基本上是一个每x毫秒调用的循环，清除画布并从序列中绘制新图像

Answer 2

看看这个库http://www.spritely.net/documentation/，它很容易使用，这是一个例子

http://jsfiddle.net/VxMwN/

$('#bird')
    .sprite({
    fps: 9,
    no_of_frames: 3
})
    .spRandom({
    top: 50,
    bottom: 200,
    left: 300,
    right: 320
});