使用內部具有GIF的CSS移動div。 GIF在移動時暫停

Question

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

我正在用jQuery製作一個真人快打克隆。我現在有基本的東西硬接線，比如移動，跳躍和衝擊，並用a和s踢。他們都會像普通遊戲一樣通過計時器，硬連線只是暫時的。

我把字符放在「hitbox」div中。該角色由圖像表示。這張圖片是一個用於步行和站立的動畫GIF，以及用於踢腿和拳擊的圖像。

出於某種原因，當字符通過.css（'left'+/- = 15px）行走時，gif暫停。它播放一次，然後停止。它與行走本身無關，只是div正在移動。

任何想法？

Answer 1

畫布爲您提供了繪製區域的2D繪畫區域。下面是它的一個前奏基礎上創建一個遊戲：

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

還存在着很多第三方遊戲庫是基於畫布，像ImpactJS的：

http://impactjs.com/