GSOC-2019::Export for Web

lottie
export

#21

@AnishG Looks great! Yes, please share your pre-proposal, I will be happy to provide my feedback. :slight_smile:


#22

@KonstantinDmitriev, So I was getting familiar with the keyframes and the waypoints.
I came accross the interpolation part and got confused with the interpolation used in synfig.
So I read this wiki page.
Are the interpolations mentioned in this page somehow related to Bezier curve interpolation? Because lottie format currently uses this(bezier) interpolation method.
Any help would be appreciated.:slightly_smiling_face:
Thanks in advance!


#23

@AnishG

Synfig has following types of interpolation:

  • TCB Smooth: If you imagine a graph of the parameter’s value against time, using the TCB interpolation type will fit a smooth curve between adjacent waypoints, much like the Spline Tool fits smooth curves between adjacent spline vertices.
  • Clamped: Acts like TCB interpolation, but never “overshoots” (or “undershoots”) the values you set in the Parameters Panel.
  • Ease In/Out: The graph is horizontal as it leaves the Waypoint.
  • Linear: The graph of parameter value against time is a straight line.
  • Constant: Stops the animation.

The main type is TCB. It is a Bezier-like type. See descriptions here - https://wiki.synfig.org/TCB

Clamped is a type of TCB interpolation, with a tweaked values of Tension/Continuity/Bias/TemporalTension. You can se relevant commits in Git history, to see how Clamped type was introduced:

I highly recommend to check Synfig’s code, which describes how interpolation is calculated - https://github.com/synfig/synfig/blob/master/synfig-core/src/synfig/valuenodes/valuenode_animatedinterface.cpp


#24

@AnishG I have tested your exporter PR and it looks cool! :slight_smile:


#25

Any tips or sources that will help me understand lottie better?


#26

GIYF
https://airbnb.io/lottie/after-effects/getting-started.html


#27

I also recommend to read all comments here - https://github.com/synfig/synfig/issues/704


#29

Thank you :slightly_smiling_face:


#30

Thank you :slight_smile: