动画JavaScript框架

Question

我想动画只有4帧在HTML画布精灵。我遇到了像下面这样的方法。来自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 
});