How is this better than greensock / mo.js / popmotion.js?
I deplore this kind of question. What value does this bring to you to ask it?
Read it with an inquisitive tone, rather than a snarky one, and your emotions won't flare up.
Show HN: Anime.js – Polyvalent JavaScript Animation Engine
61–70 of 78 posts
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#62I'm confused. What does this have to do with anime/why is this called anime?
"Anime (Japanese: アニメ), is Japanese hand-drawn or computer animation. The word is the abbreviated pronunciation of "animation" in Japanese, where this term references all animation." https://en.wikipedia.org/wiki/Anime
To be fair, anime is a loaded term that _pretty much_ means one thing.
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#63Awesome project and impressive demo, but these ambiguous project names are a really bad idea for a number of reasons.
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#64Earlier quoted context omitted.
This looks great, thank you for open sourcing this! I would like to ask two things: How do you think about the velocity.js code regarding performance optimization? What would be the best way to coordinate multiple (potentially dependent) animations? I am thinking about a kind of dispatcher or switchboard logic - it would be great to see an advanced example right from the author. Thank you very much for your attention…
Regarding the performance, Anime is equal or better in some cases than the other javascript animation libraries out there. Not sure to understand what you mean by "coordinate multiple animations", Are you talking about some kind of timeline?
I you are talking about some kind of timeline, may I plug my own JavaScript solution for this?
It's called Barrel: https://github.com/zachrose/barrel
You can think of it either as map for setTimeout, or a way to turn sequences into a player object that accepts your own function to perform each point in the sequence.
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#65The library looks really nice. It works great in Chrome, but the following SVG path animation does not on Safari (8.0.7), MacOS X (Yosemite, 10.10.4).
http://codepen.io/juliangarnier/pen/dXNgVB?editors=0010
Anyone else have this problem?
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#66Very nice but it explodes my work laptops CPU (running ubuntu 16.04 + chrome 50) even just idling on http://anime-js.com/ Im guessing you need to add some "sleep" somewhere
Jesus! I had to force-kill my browser after a tab (didn't know which one at first) started eating all my 6GB of RAM, then realized it was this one when I restored the session. I almost reboot my computer entirely if it wasn't because I was doing something important in the Terminal. One would assume that posting a link in this website would be after some testing of the link in itself. I guess I will need to be extra c…
To be fair, this is not (just) OP's fault. Under no circumstances should just visiting a page render your computer unusable, your browser should protect you from that. I know that none of them do, but sooner or later browser vendors will have to realize that they have become the new OS and act accordingly (that is, allow user to easily control misbehaving pages - see their resource consumption, limit them, kill them...). Never should your computer become unresponsive just because some page wanted more CPU time / memory / ...
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#67Earlier quoted context omitted.
This looks great, thank you for open sourcing this! I would like to ask two things: How do you think about the velocity.js code regarding performance optimization? What would be the best way to coordinate multiple (potentially dependent) animations? I am thinking about a kind of dispatcher or switchboard logic - it would be great to see an advanced example right from the author. Thank you very much for your attention…
Regarding the performance, Anime is equal or better in some cases than the other javascript animation libraries out there. Not sure to understand what you mean by "coordinate multiple animations", Are you talking about some kind of timeline?
Congrats on the release! You said Anime is equal or better than other JS libraries in terms of performance - were you including GSAP? In my tests, GSAP was significantly faster under stress: http://greensock.com/js/speed.html. Am I missing something? Do you have a test that shows otherwise? I don't mean that to detract from your hard work at all. Clearly you put a lot of effort into this, and I know how hard it is to pack in features and keep performance up and file size down. I applaud the file size achievement.
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#68Very nice but it explodes my work laptops CPU (running ubuntu 16.04 + chrome 50) even just idling on http://anime-js.com/ Im guessing you need to add some "sleep" somewhere
Weird, it works really smoothly on my phone. Not sure what can be the cause of the CPU outrage on a laptop, specially on Chrome... I'll try to make some tests on Linux.
Heres a cpu profile from the same computer as mentioned above: https://gist.github.com/anonymous/9bcabea8eedec8e1c671516b3a...
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#69Earlier quoted context omitted.
Regarding the performance, Anime is equal or better in some cases than the other javascript animation libraries out there. Not sure to understand what you mean by "coordinate multiple animations", Are you talking about some kind of timeline?
Congrats on the release! You said Anime is equal or better than other JS libraries in terms of performance - were you including GSAP? In my tests, GSAP was significantly faster under stress: http://greensock.com/js/speed.html . Am I missing something? Do you have a test that shows otherwise? I don't mean that to detract from your hard work at all. Clearly you put a lot of effort into this, and I know how hard it is t…
No I didn't, and you're right, GSAP perf looks amazing under your stress test! But I think it's a little bit unfair to compare performance on one test case. Anime was designed to offer more control on a single animation (like specific timings and easings by properties / elements) to avoid running multiple RAF at the same time (which is exactly what your test does), and keep the compact as possible.
Having 300 dom elements changing their top/left properties wasn't really my goal when I started working on Anime.
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#70The sad thing with animation libraries is, at least in my opinion, that in the end it comes down to a performance race. I loved popmotion at first, but once you hit the first performance bottleneck you can either contribute and fix performance issues yourself or choose a different library (most likely not the hip, new one). I do not want to convey the message that people should stop creating animation libraries, I th…
Have you tried popmotion after the latest update?