如何在浏览器中显示预渲染动画

时间:2014-01-09 16:35:12

标签: javascript jquery html animation gif

我想在网站中使用预先渲染的动画。动画由一组应以30fps显示的图像组成。 我目前使用的是GIF,但似乎没有真正的方法来正确计时(重置并不总是有效)。

这样做的最佳方式是什么?

这是我目前的项目,作为GIF如何工作的一个例子。 Click(点击第三个按钮开始游戏)。有时GIF只是不开始播放,或者它们从另一帧开始而不是第一帧。它在Chrome中的效果略好于Firefox,因为它在工作时和不工作时至少是一致的,但在Firefox中这种情况非常随机。

由于

1 个答案:

答案 0 :(得分:0)

我知道这种用例的最好方法是使用精灵并在画布标签中播放它们。

原因是您可以控制播放并利用GIF通常没有的GPU支持。

幸运的是,有很多关于这个主题的教程。试试这个here