使用JavaScript / jQuery进行棘手的精灵运动控制

时间:2015-03-16 19:20:22

标签: javascript jquery animation

我目前正试图弄清楚如何在没有jQuery之外的额外库的帮助下正确地为sprite制作动画。 This is the live demo of what I have right now.

控件:A表示左,D表示右,空格表示跳转,左键单击可以点亮。

问题在于:如果我快速按下左右键,动画就会被搞砸,自己尝试一下,因为它有点难以描述这个混乱......

我的代码现在很烦人,因为我正在玩很多方法,所以现在请耐心等待。 Here's the JavaScript code。如果你想看到html和css,它们就在同一个目录中。

$('#obj')是精灵的对象。

1 个答案:

答案 0 :(得分:1)

我太懒了,无法查看代码的链接。如果你说它表现得很疯狂,听起来就像你在应用下一个动画之前没有取消动画。在运行下一个动画之前调用stop()

$("#obj").stop().animate(...)