Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Anime.js – A lightweight JavaScript animation library

animejs.com

Post reply on HN
Print view View original

51–60 of 133 posts

Re: Anime.js – A lightweight JavaScript animation library

#55

Post by aerio »

cthalupa wrote: post #46
labster wrote: post #12

Earlier quoted context omitted.

Anime (アニメ) is literally short for animation (アニメーション, animeishon).

I'm guessing it's because of the author being French, as another commenter pointed out, but, it's plenty common for loan words to end up having a more specific or outright different meaning in a different language We're talking French and Japanese here so let's look at one going the opposite way - the french avec to アベック/ abekku. In French it just means 'with' - eggs with ham, let's go to the beach with friends, what…

Japanese animation and comics are also particularly popular in France. 55% of all comics in France were manga in 2021, and it's the second biggest anime market outside of Japan. Biggest in Europe.

Re: Anime.js – A lightweight JavaScript animation library

#56

Post by hutzlibu »

marban wrote: post #32

Related: https://www.theatrejs.com https://rive.app https://greensock.com https://motion.dev

Has anyone done any benchmarks comparing the different solutions?

I hit a performance bug with greensock once and just quickly wrote my own simple animation framework, which I am using ever since, but I suppose it can be done better. I would think the native browser animation capability is superior?

Re: Anime.js – A lightweight JavaScript animation library

#57

Post by Epskampie »

Timon3 wrote: post #49
marban wrote: post #32

Related: https://www.theatrejs.com https://rive.app https://greensock.com https://motion.dev

Does one of these tools support an animation timeline with arbitrary seeking? Essentially I want to be able to have a progress slider representing the current time, and if the user clicks on any time on the slider, all animations should spring to that state, like a YouTube video. I played around with GSAP, anime and some others, but none properly supported playing the animations "backwards" (while jumping back). I wr…

I'd think GSAP timeline is exactly made for that, but you say you've already tried that?

https://greensock.com/docs/v3/GSAP/Timeline

https://greensock.com/docs/v3/GSAP/Timeline/seek()

https://greensock.com/docs/v3/GSAP/Timeline/reverse()

Re: Anime.js – A lightweight JavaScript animation library

#58

Post by troupo »

geenat wrote: post #21

Mostly obsolete with CSS tweening. You can do non-blocking animation timelines without any library if you use async javascript. Click me to change color every second, then remove. // Locality of Behavior me = document.currentScript.parentElement; me.addEventListener("click", async event => { me = event.target me.style.transition = "background 1s" await sleep(1000) me.style.background = "red" await sleep(1000) me.styl…

The example is next to useless since it's so primitive. Anything more complex, and you end up developing your own library. Which you did, and linked.

So how is anime.js obsolete?

Re: Anime.js – A lightweight JavaScript animation library

#60

Post by sktrdie »

Now that css is getting a linear() function we can get all kinds of spring/bounce/elastic animations that we couldn't before (hence why we resorted to JS). https://twitter.com/JoshWComeau/status/1660684634340962305

Once this lands stable in all browser we can say goodbye to JS library animations (rightly so since they block the main thread).

Post reply on HN