The Auxillary Curve

The Auxillary Curve is a new feature in Cocos Creator 3.8, and you can read the Auxillary Curve to help understanding the basic concepts.

Please make sure the Animation Auxillary Curve option is enabled in the Laboratory page of the Preference panel.

In this section, we will introduce to you how to use the auxillary curve in the animation editor. Auxillary curve is a part of a curve editor, the basic curve options can be refer to Curve Editor.

Select the node with the animation component (Animation, SkeletalAnimation or AnimationController). Click on the button in the figure below to enter the editing mode.

The Auxiliary Curves section in the figure below shows the auxiliary curves.

Adding and Removing Curves

Clicking the "+" button on an auxiliary curve in the animation editor will add an auxiliary curve to the current animation.

The name of the auxiliary curve can be modified after it has been added. It can also be changed later by clicking on the auxiliary curve with the right mouse button and using the Rename menu in the popup menu.

In the popup menu, click the Remove menu to remove the currently selected auxiliary curve or rename the curve.

New Keyframe

Keyframes can be added by clicking the right mouse button on the right side of the Auxiliary Curve Editor.

After creating a keyframe, the pop-up menu with a right-click on the keyframe allows you to adjust the information of the keyframe or interpolation.

Menu	Description
Delete	Delete this keyframe
Copy	Auxiliary keyframe, after copying, you can paste the information of the keyframe when clicking other keyframes or blank space
Paste	Copy the previously copied keyframe to the mouse clicked position or replace the information of the selected keyframe
Edit	Click the popup box to change the time and value of the current keyframe.
Flag tangent	When clicked, the tangent line of the curve at that point will switch to horizontal mode
Interpolation Mode	See Linear Interpolation Mode
Tangent weight mode	See Tangent weight mode