This is a javascript animation library that I made and used on my latest projects. The source and documentation are on Github. Feedbacks are welcome!
What does "polyvalent" mean in this context?
Can works with CSS / SVG / Canvas animations
Show HN: Anime.js – Polyvalent JavaScript Animation Engine
11–20 of 78 posts
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#12Very 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
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#13Earlier quoted context omitted.
What does "polyvalent" mean in this context?
Can works with CSS / SVG / Canvas animations
I had to look up the word, and the dictionary definition didn't suggest this meaning to me. The library is much more interesting when you realise what you're looking for this word to convey, though!
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#14Earlier quoted context omitted.
What does "polyvalent" mean in this context?
Can works with CSS / SVG / Canvas animations
I'm pretty sure not many people will understand what the word means in this context, and I would strongly suggest removing it. "valency" has specific meanings in chemistry and grammar, and I think it's not well-known outside of those contexts, and I'm not certain it really means what you want it to mean here.
That aside, this looks seriously awesome - the animation along the SVG path is great! The API also looks very pleasant.
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#15Earlier quoted context omitted.
What does "polyvalent" mean in this context?
Can works with CSS / SVG / Canvas animations
I'm not a chemist, and I immediately understood this to mean "readily interacts/combines with multiple things", though my understanding did come directly from my (limited, school-level) chemistry, so it's certainly domain-specific terminology that mightn't cross too well to web dev.
Also, perhaps more importantly, it wasn't clear what things (rendering tech) the valencies were with until your comment.
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#16What's the difference between this library and the Web Animations API? https://developers.google.com/web/updates/2013/12/New-Web-An...
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#17I'd like to see a visual animation editor that exports to this or greensock. You'll have some very happy designers at that point. I think theres also somewhat of a barrier to getting animations to be responsive. Maybe it's a good think js / html5 animation is hard still though. Keeps the web from being too kooky. Keeps bad ideas somewhat more at bay.
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#18Earlier quoted context omitted.
Do you have any quick notes on how this compares and contrasts with GSAP[1] other than the licensing? Is there any clear case for "Use Anime.js for XYZ"? [1] http://greensock.com/gsap
GSAP can do a lot more than Anime. But it’s also way more heavy. My goal with this library was to keep the API simple as possible, focus on the things I really need (multiple timings, easings, playback controls…) while keeping the code super lightweight (9KB minified).
Have you seen or used https://github.com/Popmotion/popmotion/? These both seem fairly similar, both small libraries with a lot of overlap.
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#19This looks great. Thanks for posting this.
Is there a way we could export these animations as a gif ?
Re: Show HN: Anime.js – Polyvalent JavaScript Animation Engine
#20Earlier quoted context omitted.
Can works with CSS / SVG / Canvas animations
I had to look up the word, and the dictionary definition didn't suggest this meaning to me. The library is much more interesting when you realise what you're looking for this word to convey, though!
Haha thanks! Any suggestions for an alternative word?