Under Construction
This documentation is a work-in-progress. The features and properties described below are for demonstration purposes and have been generated by AI.
The Curve Editor is your go-to tool for creating fluid, natural-looking animations. Instead of static values, you can make properties like Size, Transparency, and Color change dynamically over the lifetime of an effect.
It uses Bezier curves, which allow you to define a smooth path between two points using control handles. This gives you precise control over acceleration and deceleration, making your animations feel polished and professional.
Core Concepts
The editor is built around a few key ideas. Understanding these will help you master animation curves quickly.Control Points
These are the main points on the graph that define the value of a property at a specific time. You can add a new point byCtrl+Clicking on the graph canvas.
Tangent Handles
Each control point has two tangent handles that control the shape of the curve entering and leaving the point. Dragging these handles changes the easing of the animation.Graph Axes
The horizontal axis (X) represents the normalized lifetime of the effect (from 0 to 1), and the vertical axis (Y) represents the property's value.Usage and Examples
Curve Properties
These properties control the overall behavior of the curve itself.TensionControls the overall 'tightness' of the curve around its control points. Higher values create a more pronounced curve, while lower values result in a gentler slope.
FidelityDetermines how many segments are used to approximate the curve in the final effect. High is smoother for complex curves, Low is more performant for simple ones, and Automatic decides based on curve complexity.
LoopingModeDefines the behavior when the animation timeline ends.
Once: The animation plays a single time.Loop: The animation restarts from the beginning.PingPong: The animation plays forwards, then backwards, then forwards again.