GSOC-2019::Export for Web



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


@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!



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 -

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 -


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


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




I also recommend to read all comments here -


Thank you :slightly_smiling_face:


Thank you :slight_smile: