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

【问题标题】：How to display pre-rendered animations in the browser如何在浏览器中显示预渲染动画
【发布时间】：2014-01-28 08:12:53
【问题描述】：

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

最好的方法是什么？

这是我当前的项目，作为 gif 不起作用的示例。 Click（点击第三个按钮开始游戏）。有时 gif 只是没有开始播放，或者它们从第一帧之外的另一帧开始。它在 Chrome 中的运行效果比在 Firefox 中稍好一些，因为它至少在它们何时工作和何时不工作方面是一致的，但在 Firefox 中这种情况非常随机。

谢谢

【问题讨论】：

标签： javascript jquery html animation gif

【解决方案1】：

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

原因是您可以控制播放并利用 gif 通常不具备的 GPU 支持。

幸运的是，有大量关于该主题的教程。试试这个here

【讨论】：