This editor enables the possibility of creating custom ease functions to be used with timelines and tweens. This is a little bit of extra work when compared to the built in ease functions, but it makes it possible to customize your timeline animations and tweens even further.
The most basic use is that of a cubic curve with a beginning, end and anchor points. This allows variations on all the basic ease functions (e.g. Sinusoidal, Back etc). It is also possible to add additional points in the middle of the curve to create variations of the more complex curves (e.g. Bounce, Elastic). Of course it is also possible to create completely original curves by using multiple points.
Here is a short summary on how to create eases, use the ease editor and finally apply a custom ease.
Right-click Eases folder in the Project Bar and select Add ease.
Right-click on the newly created ease element under the Eases folder, then select the Open option or Double-click the ease element in the Project Bar.
With the ease editor open, you can make changes to the curve by dragging the colored handles. The default ease has four points, the start and end points (yellow squares) and the two anchor points (green and red squares). In any ease it is not possible to change the position of the start and end points. This means that with the default curve you will only be able to move the anchor points.
If more ease keyframes are added in the middle of the curve, it is possible to move those.
There are some limitations to the position the anchor points can take in relation to the main points, but those will be covered later.
The default ease will be something similar to the built in In Out Sinusoidal ease function.
Once a custom ease is complete, it can be used in any of the places the built in eases are available. The names of the custom eases will appear after the names of the built in ease functions in all the relevant places. These include the Properties Bar, Timeline Bar and Tween behavior.
The different handles are the main method to edit the ease function.
These are the main visual aid to understand how the curve will behave when it is used.
Each axis of the graph shown by the editor has a meaning that will help you to better understand what the ease function will be doing.
The image bellow shows a custom ease, with multiple keyframes as well as their corresponding anchor points.
There are two options available in the context menu.
The toolbar at the top shows a few useful fields and buttons:
When the ease editor is opened from the common Ease editor property of a Timeline element, the editor can be opened showing a built-in ease.
In this case a new custom ease is created to look just like the corresponding built-in ease, it is also given a unique name and can be edited normally.
After closing the editor, if any meaningful changes where made, the new custom ease is added to the project and assigned to the corresponding timeline element. If no meaningful change was made after the editor is closed, everything is discarded.
In the case of opening the editor from a timeline element which is using the special "Default" value the Ease property can take, C3 will look up the corresponding timeline's inheritance structure for a concrete ease value to use, be it custom or a built-in one.
After closing the editor, any changes are applied to the timeline element which had the real ease, rather than the element which was using the special "Default" value.