问题标签 [spritely]

我正在尝试使用HTMLand创建旋转动画jQuery。

我尝试了两种不同的方法：

1) 编写了我的自定义动画函数来使动画发生。

2.精灵

在这两种情况下，我的动画都运行得很慢。在 中vfx_1_anim，我只去了 30 帧，但实际上，有 100 帧。代码的 png 序列图像的大小约为 55000 x 400，spritely自定义动画代码的大小约为 5500x4000。

我无法创建小提琴，因为我找不到一个免费的图像托管站点，我可以将图像上传到该站点并且不能自动缩小它们。

我的问题：如何创建不受图像尺寸和帧数影响的动画。帆布会是一个不错的选择吗？链接到我用于精灵动画的图像。

图片

谢谢！

我正在使用名为“Spritely”的 JS 插件来为背景图像设置动画。一切正常（背景在移动）。但是当单击 div（sprite）时，我无法激活函数。

（我有 script.js、jquery 和 spritely 包含在 中）。

HTML 只是 2 个 div（#container 和 #hills）

css

javascript

我正在尝试设置这个动画 div，以便它在屏幕上滚动一次然后停止，除非重新加载页面。

JSFIDDLE：http: //jsfiddle.net/PzBmb/2/

我正在使用的插件是精灵 - 此版本的文档指出您可以通过使用对动画应该停止的帧的引用来设置 obj.stop。obj 是#far-cloud。它是 .pan（平移）在屏幕上作为由插件脚本处理的动画功能。然后我调用函数在第 19 帧停止。它根本不起作用。它继续循环。我似乎找不到原因。除了使用常规的 Jquery 回调来停止它。我确定我还能做什么。

所以任何帮助都会很棒。谢谢！

我有一个 Spritely 运行的实现，其中最后一半的帧需要在所有帧的第一次播放后无限循环。这可以通过回调来完成吗？- 我查看了“on_frame:”，但这似乎没有作为函数运行。

我正在尝试创建一个可点击的精灵动画，该动画在第一次单击时向前播放（第 0 帧-> X）并在第 X 帧处停止。一旦完成，单击它将反向播放（第 X 帧-> 0）和在第 0 帧停止。冲洗/重复。

这个 jsFiddle 非常接近：http: //jsfiddle.net/ahainen/njHAC/3/

但是我遇到了一个问题：单击中间的圆圈，它会向前播放。但是在完成后单击圆圈会播放它，但会在错误的帧上结束。从那里，它保持破碎。

我边走边学（这里是平面设计师），所以我试图通过单击动画和倒带来找出 CSS 精灵动画。如果有比这更好的方法，请告诉我。

另外，我目前在那里有一个计时器，以使其在制作动画时无法点击。如果当用户单击它（或悬停它）时，我会喜欢它，它只会反转方向并停在第 0 帧或第 X 帧上。

任何帮助将不胜感激，如果我能提供任何进一步的信息，请告诉我。

相关代码：

我有一个客户坚持在我正在开发的 JQM/PhoneGap 应用程序上使用动画。原始动画是 Flash (.swf) 和视频。我正在使用在基本网站中制作的培训手册，并使用 JQM 和 PhoneGapping 将其放入应用程序中。那部分没问题。放置当前的动画和视频是我迷路的地方。我查看了 Spritely.net，但它警告在应用程序中过度使用它。有些章节有多达 10 个不同的动画/视频。踢球者是这个应用程序必须离线工作。

感谢您的回复。

格里夫