大型 Gif 动画答案

【问题标题】：Large Gif animation大型 Gif 动画
【发布时间】：2011-10-27 20:53:35
【问题描述】：

对于一个浏览器游戏，我想制作大约十个不同的 gif 图层，上面有动画。我显示的十层中的哪一层取决于城市点。在像 Die Siedler Online 这样的 Flash 游戏中，我看到了许多动画内容，但在 TribalWars 等基于 PHP 文本的浏览器游戏中却没有看到。为什么不？这需要很多带宽还是加载速度很慢...？

我还有一个关于 gif 动画的问题。我应该制作一个带有透明背景的大图层，上面有 20 个动画东西，还是应该制作 20 个不同的 gif 动画，比如 TribalWars？

谢谢！

【问题讨论】：

标签： php animation load gif

【解决方案1】：

Gif 动画小而大，占用大量带宽
既然可以使用 javascript，为什么还要使用动画 gif？ (jQuery)
关于您的最后一个问题，请回答第一个问题。它从您的服务器中占用的资源更少，并且比 20 个相同类型的文件还小。

【讨论】：

【解决方案2】：

不要使用 GIF，它们基本上已被弃用。您可以创建多个不同的图像，并使用各种 javascript 库为其中的一层设置动画。

看看这个 - http://sixrevisions.com/javascript/10-impressive-javascript-animation-frameworks/ 它应该可以帮助您满足您的需求。您还可以使用 MooTools 和 jQuery 等库来制作动画。

我建议您查看的另一个是RaphaelJS。对于您的需要，它可能有点过于广泛，但允许使用 HTML 画布制作基于矢量的高级动画。

此外，您还可以查看 ThreeJS 之类的库，它允许您使用 WebGL 制作 3D 游戏，但这可能超出您的需要。

祝你的项目好运

【讨论】：

非常感谢。但是这种框架的带宽高吗？我的意思是，很奇怪其他浏览器游戏没有很多动画，而你可以用它制作很酷的东西。
与 gif 相比，它并不慢.. 因为 javascript 在 DOM 之后加载并且图像/图形会即时加载，它不会对加载时间产生太大影响。大多数浏览器游戏都是基于文本的，因为它们就是这样设计的。请访问 www.chromeexperiments.com，了解一些很好的 javascript 游戏示例。大多数人也才刚刚开始采用 javascript 游戏。
感谢您的示例。现在我知道如何“行走”一个角色，但在 Gif 动画中你有许多不同的帧（例如 20 个）。但是在你给我的例子中没有看到它。如何制作具有不同帧的动画角色？我不明白:-)
由于 jQuery 动画是在线性过渡中执行的，而不是帧，这将更加困难。但是，您可以使用 jQuery，例如，一次隐藏/显示 div。 $fx 也允许链接，为什么你特别需要框架？你要的动画效果是什么？
我想做一个“城市生活”动画。当一个城市很小的时候，你可以看到两个人走在大街上。但如果城市很大，您可以看到房屋冒出的烟雾、十个人在街上行走、动物等等。整个城市地图约为 700x500 像素。如果可能的话，我喜欢人们可以向右走，然后再向左走（所以动画应该在左走的人中改变）。希望你能理解我，我的英语不好：D

【解决方案3】：

PHP 是一种服务器端脚本语言。它与布局无关。使用 jQuery（一种高级 JavaScript），您可以创建动态布局（就像在游戏中使用的那样）。

【讨论】：