JulianGarnier

7 ms·

1.
by JulianGarnier 1y ago
It's decided, I'm making a course! I'll explain how the new Anime.js website was created by recreating the entire landing page from scratch, while sharing all the animation tricks and techniques I've learned throughout t
2.
by JulianGarnier 1y ago
Sorry about that. I had lots of issues with this form... I added a dedicated page for joining the wait list for the course I'm making about recreating the landing page. You can join here: https://animejs.com/learn/
3.
by JulianGarnier 1y ago
You can leave your email in the footer of the landing page > https://animejs.com/#site-footer I'll set up a dedicated temporary page for the course soon. Thanks for the interest!
4.
by JulianGarnier 1y ago
Hey I'm the author of the lib, I think this is my favorite comment about the landing page I read so far. I've started learning web development with Flash in the 2000s, so this hits home. Thank you!
5.
by JulianGarnier 1y ago
Hey I'm the author of the lib, exactly, I don't really "highjack" the body scroll, I'm only controlling the background animations with it, while keeping most of the body content scroll naturally with the page.
6.
by JulianGarnier 1y ago
Hey I'm the author of the lib, I'm thinking about making a course on how to re-create the landing page, would that be something you're interested in?
7.
by JulianGarnier 3y ago
Because the docs have been written 4 years ago, and back then const and let weren’t widely used. The upcoming documentation for V4 has been completely rewritten with up to date JavaScript.
8.
by JulianGarnier 3y ago
Creating something like the homepage of animejs.com without an animation library today is still quite challenging.
9.
by JulianGarnier 3y ago
<3
10.
by JulianGarnier 3y ago
Not planned for now, but I haven't really looked into it. I'll consider after the V4 is released.
11.
by JulianGarnier 3y ago
Also, I love that every time I make it to the front page of HN, this comes up.
12.
by JulianGarnier 3y ago
I've been considering offering early access exclusively to GitHub sponsors once the documentation and migration guide are completed. Would this be something that interests you?
13.
by JulianGarnier 3y ago
Thank you!
14.
by JulianGarnier 3y ago
Thanks, you're going to love V4.
15.
by JulianGarnier 3y ago
It's also a reference to the verb "animated“ in french: "animé".
16.
by JulianGarnier 3y ago
Hi, I'm the creator of Anime.js. Firstly, thank you for the submission. I honestly didn't anticipate being featured on the homepage of HN without any major update to the library! To those wondering why the project hasn't been
17.
by JulianGarnier 10y ago
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
18.
by JulianGarnier 10y ago
Simply use the path object created by anime.path() as a value of one of your transform property (doc updated https://github.com/juliangarnier/anime#motion-path )
19.
by JulianGarnier 10y ago
"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&#
20.
by JulianGarnier 10y ago
Ok so I went with "flexible", I'm not 100% sure yet, but that will do the job for now
21.
by JulianGarnier 10y ago
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.
22.
by JulianGarnier 10y ago
+1
23.
by JulianGarnier 10y ago
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 o
24.
by JulianGarnier 10y ago
It means "multipurpose", polyvalent is a really common word in French, but apparently doesn't have the same signification in English, or is less common. I'll replace it by something else.
25.
by JulianGarnier 10y ago
No, but you can record your screen using an app like Licecap (that's what I did for the documentation)
26.
by JulianGarnier 10y ago
Haha thanks! Any suggestions for an alternative word?
27.
by JulianGarnier 10y ago
Can works with CSS / SVG / Canvas animations
28.
by JulianGarnier 10y ago
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 sup
29.
by JulianGarnier 10y ago
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!
30.
Show HN: Anime.js – Polyvalent JavaScript Animation Engine(anime-js.com)
283 points by JulianGarnier 10y ago|73 comments

More ›