M
M
Marty Aksenov2018-08-10 04:32:52
Design
Marty Aksenov, 2018-08-10 04:32:52

How to transfer animation to the developer 1 in 1?

Good day to all! Faced such a problem:
1) How to transfer the animation to the developer with the exact animation parameters so that everything is identical in the browser? Maybe there are videos, articles or your own experience, how do you do it?
2) I heard about Bodymovin, but it only works with svg animation, but what if the animation is aimed at non-standard sliders, site behavior, or is it not in AfterEffect at all, but in the same Principle?
Ps Throwing a gif and transferring the project sources to the developer is not suitable, since it is not clear how the parameters and properties of AE correlate with the animation parameters in the browser. I want the animations to be 1v1 for all parameters in the browser, and not by eye (speeds, transitions, timing are all about this)

Answer the question

In order to leave comments, you need to log in

2 answer(s)
X
xmoonlight, 2018-08-10
@xmoonlight

From Google: https://www.google.com/webdesigner/
Resources:
1. https://github.com/web-animations/web-animations-c...
2. https://drafts.csswg.org /web-animations/
Tools and articles:
1. https://github.com/airbnb/lottie-web
2. https://medium.com/@ryan_brownhill/after-effects-t...
3. https:/ /github.com/web-animations
4. https://www.devmynd.com/blog/get-movin-animations-...
(+Demo with SVG or Canvas render switch: here )
+Bonus: https:// tympanus.net/codrops/category/tutorials/

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question