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 BezierBézier Animations, more control points are available to manipulate key frame values.

drawing-7-1676344335.pngdrawing-5-1706280726.png

AWhen specialin -curve "Graphicmode Pattern"you -can featuresee allowsa thecheckbox usernext to use a createdeach animated property asin athe "pattern"Animation forTimeline anotherpanel. animation.This Oncheckbox everycan be used to configure the visibility of the animation curves. The curve of the currently selected animated property is displayed as continuous line, the "Graphicremaining Pattern"curves checkboxare displayed as dotted lines.

drawing-5-1706279508.png
    In the image above, the first animated Property (Position\XY) is situatedselected near- therefore, the namered ofand thegreen respectivelines are displayed continuously. The second animated property.Property
    drawing-7-1676344367.png
    (Rotation)

    Basedis onconfigured 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 willto be visible but is not selected - therefore it is displayed as an interrupteddotted line (in theyellow).

    visualThe editinglast mode.animated Property (Scale) is neither configured to be visible nor is it selected - therefore it is not displayed at all.
    Enable/Disable control point pairing
    drawing-7-1676344393.png
    drawing-7-1676344428.pngdrawing-7-1676346117.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.

    Show/Hide tangents

    AnThe additionalBézier featuretangents iscan available:be drawingshown theor tangents.hidden. This feature is applied to BezierBézier 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. 


    Back to top