Skip to main content

Curve Editor

Curve Editor

The Curve Editor is a special editing mode in the "Animation Timeline" panel, which allows graphical editing of the animation values on the interpolation curve.

  • Double click on an animated property in Animation Timeline panel to open the Curve Editor of the animated property. It is possible to Use ctrl-scroll to zoom-in/out in the Curve Editor. 
  • Double clicking again switches back to the default editing view in the Timeline Editor. 

These two editing modes can also be selected from the context menu of the animated property in Animation Timeline panel.


Modify Key Frame Values

In "Curve Editor" the vertical ax represents the range of values for the property and the horizontal one the Timeline. The key frame values can be modified by moving them with the mouse.

Depending on the animated property each channel is represented (highlighted with different colors) and can be modified.

On the top right side of the panel following options are available:

  • Select the channel which shall be visible in the curve by enabling or disabling the checkbox for the channel. 
  • Select the color which shall be used to highlight a given channel in the Curve Editor. 
  • Set the current time by editing the text box in the upper right corner of the panel. 
drawing-5-1706272730.png

Almost on the top right side of the panel the "Fit the size" button allows the user to set the time ruler to fit the size of the panel.

Refer to Animation editing modes for a description of helpers available for modifying key frame sequences.


Bézier Animations in Curve Editor

Note that for Bezier Animations, more control points are available to manipulate key frame values.

drawing-7-1676344335.png

A special - "Graphic Pattern" - feature allows the user to use a created animated property as a "pattern" for another animation. On every animated property the "Graphic Pattern" checkbox is situated near the name of the respective animated property.

drawing-7-1676344367.png

Based on a previous created or imported animation, the user can create a similar animation. To do this the "Graphic Pattern" checkbox should be checked.

After that the animation from that animated property will be visible as an interrupted line in the visual editing mode.

drawing-7-1676344393.png
drawing-7-1676344428.png

Two control points (left and right, on the timeline) can be "paired" when:

  • only a keyframe exists between them 
  • the predecessor of the left control point is also a control point 
  • the control point following the right control point is also a control point 
drawing-7-1676346117.png

When Pairing will be disabled, SceneComposer will behave like it does usual - Controls points will be adjusted freely, independently one of another. When Pairing is enabled the user drags the selected control point, the paired control point will automatically be adjusted so that the control points and the keyframe are colinear (are on the same line) and the keyframe lines in the middle of the segment determined by the two control points.

An additional feature is available: drawing the tangents. This feature is applied to Bezier interpolation and is available through a toggle button "Show tangents".

drawing-7-1676346139.png

The button will become available when at least one animated property within the selected ones has Bezier interpolation. The tangents will be drawn by connecting each keyframe to the nearmost control point(s) (one control point - on one side - or two control points - on both sides). A control point surrounded by two keyframes is excluded from this rule. Also, all control points before the first keyframe and the control points after the last keyframe are excluded from this rule.