Adobe Edge Animate的jQuery替代方案?

时间:2013-07-06 01:40:58

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

这是我目前的情况。

我在3个月前开始使用Adobe Edge Animate,我既爱又恨。我喜欢它,因为创建中等复杂的动画是多么直观,并且它已经加快了我的工作流程,因为我已经熟悉Adobe产品,如Dreamweaver,Photoshop和Illustrator。我讨厌它,因为随着我对它的了解越来越多,我发现它对Web开发人员的限制是因为它没有内置的服务器端代码甚至ajax支持。它的占地面积非常大。

我一直在研究jQuery插件,但没有找到任何可以取代它的东西。我的意思是这样的插件将是一个通用的动画插件,而不是制作特定类型动画的插件,例如滑块或旋转木马。

所以,我的问题是这个插件是否存在。

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

2 个答案:

答案 0 :(得分:2)

这取决于你倾向于使用什么类型的动画,因为用于覆盖每种类型动画的单个jQuery插件可能更像是一个库,而且对于大多数网络项目来说太大了。

KineticJS 作为HTML5 Canvas框架很受欢迎,它可以让您创建大量的动画,过渡,图层和事件处理,这些都是重要的事情。我链接了上面的网站,所以你可以稍微探索它,看看人们用KineticJS制作了什么类型的游戏/项目,这样你就可以了解它可以使用的动画类型。

另一个动画库/插件是 CreateJS ,它有一整套内容创建框架,你可能最感兴趣的是TWEENJS,它支持一些像CSS这样的好东西物业,并且已经有一些赞助商。

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

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

编辑:

如果您更喜欢Adobe的某些内容,那么请查看Collie,这是另一个使用HTML5画布和DOM使用JavaScript创建动画的框架。

答案 1 :(得分:0)

我现在也使用Adobe Edge Animate几个月了,我只是喜欢它。

  

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

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

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

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

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