很棒的 Javascript 动画引擎吗? - JavaScript/动画

发布于 2024-09-10 03:30:58 字数 1539 浏览 6 评论 0 原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

残花月 2024-09-17 03:30:58

我不知道你是否仍然感兴趣,但我正在寻找和你一样的东西(相信我,我正在寻找几个小时),而且我不知道我是否真的找到了我正在寻找的东西为了。最接近的是 jsAnim (http://jsanim.com),目前工作正常。我列出了我在网上找到的内容:

(评论非常不公正,测试很快。请用镊子拿走它。)

  • jsAnim: 语法很容易专注于动画而不是对象架构(参见 YUI)(这对工程师来说很棒......)。宽松的选项并不好,但是很好。总体而言,效果很好。
  • Scripty2(以前的 Script.aculo.us): 未测试是否需要原型。
  • moo.fx: 未测试是否需要 Prototype 或 mootool。
  • YUI 2/3 动画: 工作正常,但它的工程师代码对于休闲前端动画来说具有很高的学习曲线。
  • $fx(): 占用空间非常小(只有 3 KB!)。如果只有宽松的话,这将是选择。
  • Trident-js:似乎有一个非常强大的时间线,并且在演示中看起来很棒,但它对我来说根本不起作用,而且它的瘦文档也没有多大帮助。
  • Animator.js:语法吓到我了。对我来说也显得很业余。
  • JSTweener/GX/xAnimation:这些根本没有引起我的注意。对我来说似乎很业余。
  • 用于 jQuery 代码生成的 Glimmer GUI: 安装程序未安装在我的计算机上(安装程序的未知错误)。
  • Raphael/Burst Engine/Processing.js/Pixastic/Cake-js:它们用于画布/矢量。另一种(酷)东西。
  • Spritely:也适用于另一种东西:精灵动画。

因此,就目前而言以及我当前的动画要求而言,获胜者是 jsAnim。我还想尝试一下 Scripty2moo.fx 因为它们似乎已经存在了一段时间(都是从 2005 年开始的,Scripty2 是 Script.acoulo 的第二个版本) 。我们)。

我的2分钱。希望它对某人有帮助。现在上帝我想要我最后的 8 小时回来!

I don't know if you're still interested, but i'm looking for the same as you (believe me, I'm searching for HOURS and hours), and I don't know if I really found what I was looking for. The closest is jsAnim (http://jsanim.com) and it's working ok for now. I made a list of what i've found on the net:

(Comments are very unparcial and testing was made very quickly. Please take it with tweezers.)

  • jsAnim: Syntax is very easy to focus on animation and not on object architecture (see YUI) (which is great... for engineers...). Easing options are not awesome, but nice. Overall, works fine.
  • Scripty2 (former Script.aculo.us): Not tested for requiring Prototype.
  • moo.fx: Not tested for requiring Prototype or mootools.
  • YUI 2/3 Animation: Worked ok, but it's engineer code has a high learning curve for a casual front-end animation.
  • $fx(): Has a very-ultra-small footprint (only 3 KB!). Would be the choice if only had easing.
  • Trident-js: Seems to have a very powerful timeline and looks great on the demos, but it didn't worked for me at all and it's skinny documentation don't helps much.
  • Animator.js: Syntax scared me. Also seemed very amateur to me.
  • JSTweener/GX/xAnimation: Those didn't captured my attention even a little. Seemed very amateur to me.
  • Glimmer GUI for jQuery code generation: Setup didn't installed on my machine (installer's unknown error).
  • Raphael/Burst Engine/Processing.js/Pixastic/Cake-js: They are for canvas/vectors. Another kind of (cool)stuff.
  • Spritely: Also for another kind of things: sprites animation.

So the winner, for now and for my current animation requirements, is jsAnim. I also want to give a try to Scripty2 and moo.fx since they seem to be around for some time (both from 2005, Scripty2 is the second version of Script.acoulo.us).

My 2cents. Hope it helps somebody. Now God I want my last 8 hours back!!!

無處可尋 2024-09-17 03:30:58

我认为你要找的东西不存在,你应该自己写。

另外我认为 Adob​​e 正在推出一套用于 JS/HTML/CSS 动画的工具,你可以在 Google IO 上查看他们的演示。

I don't think what you're looking for exists, you should write it yourself.

Also I think Adobe is coming out with a set of tools for JS/HTML/CSS animations, you can check their presentation at Google IO.

毁梦 2024-09-17 03:30:58

我认为所有这些框架都会为您做到这一点(我看到的所有框架都不支持反向):

我更喜欢 jQuery。

I think all of these frameworks will do that for you (reverse isn't supported by all of them I see):

I prefer jQuery.

颜漓半夏 2024-09-17 03:30:58

尝试使用雅虎用户界面:

http://developer.yahoo.com/yui/3/examples /

看动画部分。

Try to use Yahoo UI:

http://developer.yahoo.com/yui/3/examples/

Look at Animation section.

戏蝶舞 2024-09-17 03:30:58

查看 jQuery animate

http://www.visualjquery.com/

您可以在搜索字段中 写下“animate”并单击项目,您将在那里看到一些示例。

You can take a look at jQuery animate at

http://www.visualjquery.com/

in the search field write "animate" click on item and you will see some examples there.

哥,最终变帅啦 2024-09-17 03:30:58

我建议 BetweenJS 是 BetweenAS3 for Javascript 的跨浏览器移植,你所要求的一切都已实现并可以使用
http://github.com/sazaam/BetweenJS/

I suggest BetweenJS a cross-browser portage of BetweenAS3 for Javascript, where everything u asked for is implemented and ready to use
http://github.com/sazaam/BetweenJS/

吐个泡泡 2024-09-17 03:30:58

如需完整的功能集,请查看 KUTE.js。它具有变换、盒模型属性、滚动、演示属性、SVG 变形、SVG 绘制、补间集合、暂停和大量缓动功能。

For a complete feature set, check out KUTE.js. It features transform, box model properties, scroll, presentation attributes, SVG morph, SVG draw, tween collections, pause and a ton of easing functions.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文