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!
Not sure to understand what you mean by "coordinate multiple animations", Are you talking about some kind of timeline?
I think I can guess how to use it -- the argument is a "target" that resolves to an SVG path element (in the example, the only SVG path element on the page), and some processing is performed on the path element to get some sort of path object -- but it might help to clarify.
All of your other work is fantastic too, tres magnifique!
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 think that innovation is great, but the road for such a library to be useful in production is a long one.
Im guessing you need to add some "sleep" somewhere
Sometimes it takes following an approach to its illogical conclusion to recognise what needs fixing.
I like to think of it as destructive testing of the medium ;)
I'm exploring a bunch of libraries right now and would like to know what advantages / disadvantages each lib has over one another.
It would make all our lives a lot simpler if every new lib comes out with an explanation of its differentiators.
It's unfortunate that their phrasing could also be interpreted as an attempt to question the usefulness of the new library, and might be read that way, depending on how obvious the reader thinks that the answer is.
Also digging your personal site!
http://codepen.io/juliangarnier/pen/dXNgVB?editors=0010
Anyone else have this problem?
Is there a way we could export these animations as a gif ?
Linux 3.16 (amd64)
Google Chrome 52.0.2743.41 beta
Four other tabs open, five with this "anime-js.com"(With no offense intended towards JulianGarnier. I am assuming the additional risk and I am comfortable as long as it is not a deliberate hack attack.)
Honestly though, GP's setup looks pretty ordinary. It's probably a Chrome implementation bug, and the library author didn't put enough hacks into his product to work around the brokenness of the browser platforms.
I had in mind more kind of a matrix, but I am asking here to gain knowledge from people that already must have been thinking more about this than me.
How do you handle dozens or hundreds of animation events?
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.
Also, Barrel has no built-in story for animations or anything HTML specific. But you can include tweening information in the events that make up the sequence, as long as your "doer" function knows how to perform them.
I am going to make a wild guess in the dark here, and say that English isn't your first language (I sincerely apologize if I'm wrong). If this is true, did you try to translate a word from your native language into English, or are you a chemist ;)
I know exactly what you're trying to say with the term, but I think you could have much better uptake of your software if you found a word which conveys what you want to convey to a programmer audience.
After looking at the etymology of the word and your explanation of what it means, may I humbly put forward a couple of alternatives, and I am sure HN users could contribute more:
Anime.js is a multi-target yet lightweight Javascript animation library.
Anime.js is a flexible yet lightweight Javascript animation library.
Anime.js is a multi-framework yet lightweight Javascript animation library.
Anime.js is a polygamous yet lightweight (and STD free!) Javascript animation library.
The last entry is a feeble attempt at humour.
P.S. Great job on the library, especially keeping it lightweight
I would say that, from knowing the Spanish meaning AND use, there is no "decent" translation since it can be precise or simple, but not both. But this is the one I like most even though it has slightly different meaning:
- Anime.js is a flexible yet lightweight Javascript animation library.
That aside, this looks seriously awesome - the animation along the SVG path is great! The API also looks very pleasant.
Also, perhaps more importantly, it wasn't clear what things (rendering tech) the valencies were with until your comment.
Polyglot, as has been suggested elsewhere, probably fits best even if it's very slightly inaccurate (normally pertaining specifically to multi-language use)
I don't have the feeling that this is a corporation trying to bamboozle us with marketspeak.