DragonBones 4.1 Added Curve Editor Panel, in which you can apply tween curves to realize different tween effects between frames.
Enter animation mode, select a keyframe (a keyframe that contains tween), then click the curve button on the timeline. Shown as below:
Open the curve editor panel and shown as below:
Drag the upper and lower handles to manually adjust the curve
The bottom right of the panel is the preset curve setting
From left to right, no, linear, fade in, fade out, fade in and out, each preset curve graph is shown as follow:
The timeline after applying the curve is shown as follows:
Curve feature:
On Y coordinate axis, the maximum value is 200%, and the minimum value is -100.
The preset “None” curve corresponds to the effect of no tween.
The curve applies to:：
Bone rotation, movement, scaling。
Slot color change, transparency change
Curve panel only exists in animation mode
When a frame is newly inserted between two frames of the curve, the two ends of the cut are tween, the left side inherits the original curve, and the right side is the default linear.
Three key frames connected before and after, there is curve A between the first two frames, curve B between the last two frames, and delete the key frame in the middle, curve A will be applied between the remaining two frames, and curve B is deleted.
The curve editor panel is blanked in the following cases:
Check key frame
The key frame is the last frame of the current layer
When the event layer keyframe is selected
No keyframe selected