jQuery 替代 Adobe Edge Animate？答案

【问题标题】：jQuery alternative to Adobe Edge Animate?jQuery 替代 Adobe Edge Animate？
【发布时间】：2013-07-04 03:24:58
【问题描述】：

这是我目前的情况。

大约 3 个月前，我开始使用 Adobe Edge Animate，我既爱又恨。我喜欢它，因为它可以非常直观地创建适度复杂的动画，而且它加快了我的工作流程，因为我已经熟悉了 Adobe 产品，例如 Dreamweaver、Photoshop 和 Illustrator。我讨厌它，因为随着我对它的了解越来越多，我发现它对 Web 开发人员的限制有多大，因为它没有内置对服务器端代码甚至 ajax 的支持。它的足迹也很重。

我一直在寻找 jQuery 插件，但没有找到任何可以替代它的东西。我的意思是这样的插件将是一个通用动画插件，而不是制作特定类型动画的插件，例如滑块或轮播。

所以，我的问题是这样的插件是否存在。

如果不是我正在考虑将其作为练习，那么任何关于如何实现时间线、结构描述系统、触发器/动作系统和 ajax/php 集成的建议都将受到欢迎。

【问题讨论】：

这听起来像是我故意在这里做一个混蛋，但我不是，至少不是太多。如果你真的很好地学习了 jQuery（和 CSS），我猜你会发现如果你使用 Edge Animate，你只需要你说你需要的东西（时间线、结构描述系统、触发器/动作系统）。也就是说，您希望用与 Edge Animate 相同但没有缺陷的 Edge Animate 来替换它。要求 jQuery 插件，甚至可能是 jQuery 本身就太过分了，但您可能会从 Ilan Biala 回答中的一些库中受益。
对于简单的动画，如淡入淡出、滑动、缩放、旋转，是的，学习 CSS 和 jQuery 让这一切变得简单。但是，像角色动画和复杂动画序列这样更复杂的动画，这甚至不是一个好的建议。 Edge Animate 肯定可以对服务器进行 ajax 调用。 jQuery 已加载到项目中，因此您可以做任何 jQuery 可以做的事情。您只需要了解 jQuery 即可利用它。但是边缘动画的开销很高，Adobe 也意识到了这一点。他们正在努力，这是我所听到的。我也想要一个替代品，因为 EA 是一个执行不力的好主意。

标签： jquery html jquery-plugins jquery-animate adobe-edge

【解决方案1】：

这取决于您倾向于哪种类型的动画，因为一个 jQuery 插件来涵盖每种类型的动画可能更像是一个库，并且对于目前大多数 Web 项目来说太大了。

KineticJS 作为一个流行的 HTML5 Canvas 框架，可让您创建大量动画、过渡、图层和事件处理，这些都是一些重要的东西。我链接了上面的网站，这样您就可以稍微探索一下，看看人们使用 KineticJS 制作了哪些类型的游戏/项目，这样您就可以了解可以使用它的动画类型。

另一个动画库/插件是CreateJS，它拥有一整套内容创建框架，您可能最感兴趣的是 TWEENJS，它支持一些好东西，例如 CSS 属性，并且已经有了一些赞助商。

一个缺点是这两个动画框架都不是基于 jQuery 而是基于 JavaScript。这有好有坏，因为这两个框架都不依赖 jQuery，但您可能可以使用 jQuery 更方便地获取元素。

大多数框架都适用于 JavaScript，但 jQuery 中的标准 .animate() 方法与完整的扩展框架相比可能会受到限制。它更多地集成到 jQuery 中，并且您可以为 CSS 属性设置动画，因此这完全取决于您需要多少以及您到底需要什么。如果这些不适合您，请告诉我，我会尝试寻找不同的东西。

编辑：

如果您更喜欢 Adobe 的某些东西，看起来您可能会喜欢，那么请查看 Collie，这是另一个使用 HTML5 画布和 DOM 使用 JavaScript 创建动画的框架。

【讨论】：

谢谢。看看谷歌趋势，我想我会阅读更多关于 KineticJS 的内容。如果这不适合我，我想我会继续练习 .animate() 直到制作动画对我来说是第二天性。也许我会编写一个更简单的插件来加速某些任务，但没有什么比拥有所有 Edge Animate 功能的插件更繁重。只是想了一个问题。我喜欢 Edge Animate 的主要原因是界面。我知道作为一个 web 开发人员，我应该写代码，但是拖动构建界面是如此实用。有这样的应用吗？
并非如此，我链接的这些框架中的大多数都更高级和更强大，这意味着更多的编写代码和更少的拖放，因为它无法提供没有所有工具的所有工具界面混乱。

【解决方案2】：

我也从几个月前开始使用 Adobe Edge Animate，我就是喜欢它。

我讨厌它，因为随着我对它的了解越来越多，我发现它对 Web 开发人员的限制有多大，因为它没有内置对服务器端代码甚至 ajax 的支持。

我无法理解你在这里的意思。 Adobe Edge 生成 JS、CSS 和 HTML。如果您在项目中生成它们，您可以使用您选择的 IDE 打开它。你可以执行任何你想要的 javascript/jQuery。您不仅限于在 Adobe Edge 中编写代码。

我个人只使用 Adobe Edge 将函数绑定到 UI 事件。例如，在按钮的 onClick 事件中，我调用 MyApplication.myButtonFunction(); 所有的 javascript 都来自外部脚本。

所以我在 Eclipse 中开发并打开 .an 项目只是为了编辑我的 GUI 和动画。

我真的觉得我错过了一些东西来理解你的观点......

【讨论】：

我的意思是内置功能。正如您所说，您实际上必须将代码放入 Eclipse。 Eclipse 或其他 IDE 功能（例如用于 PHP 测试的内部服务器）不是内置的。我知道您可以通过自己添加代码来完成所有工作，但感觉可能还有更多。
我是 web 开发的新手，我想改进。所以请告诉我：如果你使用jQuery来实现动画，你可以使用哪些改进的工具。（我会在私信上发这个，但你不能在这里发...）
我的情况也差不多。 Edge 是一个很棒的工具，但我认为我不会再使用它了。它教会了我关于元素定位和样式的知识，我什至不知道它们像倾斜一样存在。我能够以一种直观的方式进行实验，以便我的元素可以通过灵活的布局进行拉伸、居中、移动等......现在，我想我会编写一个 jQuery 小部件来做这些事情。