javascript - HTML5 Canvas Tileset 动画

Question

如何在 HTML5 画布图像动画中做？

我现在有这个代码：http: //jsfiddle.net/WnjB6/1/

在这里我可以添加类似的动画 ->Animation.add('stand', [0, 1, 2, 3, 4, 5]);

但是如何播放这个动画呢？我的图像绘制功能是->drawTile(canvasX, canvasY, tile, tileWidth, tileHeight);

Animation['stand']; return 0, 1, 2, 3, 4, 5

当我运行 Animation.play('stand') 从 'stand' 数组运行动画时，我需要类似的东西。

我正在尝试像有一天那样做这件事，但没有更多的想法。:(

感谢并为我糟糕的英语感到抱歉。

Answer 1

给你！

http://jsfiddle.net/WnjB6/5/

我添加了跟踪简单动画所需的所有状态，还添加了一种使动画重复的方法。

您可能不想让动画重复，而是让它总是有一个“默认”动画循环运行并且动画开始会中断它。

如果您希望“站立”一直播放然后“攻击”或发生某些事情，然后在“攻击”完成后返回“站立”，这将很有用。但那是另一天！