使用内置GIF的CSS移动div。 GIF在移动时暂停

Question

http://dev.epicwebdesign.ca/dontsue/

我正在用jQuery制作一个致命的kombat克隆。我现在有基本的东西硬连线，比如移动，跳跃和冲击，用a和s踢。他们都将通过像普通游戏一样的计时器，硬连线只是暂时的。

我将字符放在“hitbox”div中。角色由图像表示。此图像是用于行走和站立的动画GIF，以及用于踢腿和拳击的图像。

出于某种原因，当角色通过.css（'left'+/- = 15px）行走时，gif会暂停。它播放一次，然后停止。它与行走本身无关，只是div正在移动。

有什么想法吗？

Answer 1

Canvas为您提供了一个2d绘画区域来绘制内容。以下是基于创建游戏的介绍：

http://www.html5rocks.com/en/tutorials/canvas/notearsgame/

还有很多基于Canvas的第三方游戏库，比如ImpactJS：

http://impactjs.com/