Documentation is work in progress and not completeEditor
Animate Mode

Expressions and Value Linking

Value Linking (Basic)

Any numeric property can be linked to another numeric property so that when one changes, the other follows.

Linking:

  1. 1.Right-click the property to be driven
  2. 2.Select "Link to Property"
  3. 3.In the picker, select the source property

The driven property now mirrors the source property's value. The link is live and animatable — if the source is keyframed, the driven property follows.

  • -Offset: A constant offset value can be added to the link. Useful for keeping elements at a fixed offset from each other.
  • -Scale Factor: A multiplier can be applied. Useful for parallax relationships between layers.

Expression Overrides

For cases where simple linking is not sufficient, an expression can be written to compute a property value dynamically.

Expression language: A simple JavaScript-like syntax evaluated per frame.

Available variables in expressions:

  • -time,current time in seconds
  • -frame,current frame number
  • -width, height — canvas dimensions
  • -value,the property's current keyframed value (expressions can modify keyframed values rather than replace them)
  • -thisElement,reference to the current element
  • -thisProperty,reference to the current property

Expression Examples

Oscillate position:

value + Math.sin(time * 2) * 20

This adds a sine wave oscillation on top of the existing keyframed position value.

Rotate continuously:

time * 120

The element rotates 120 degrees per second, indefinitely.

Wiggle (random oscillation):

wiggle(3, 15)

wiggle(frequency, amplitude),the element randomly oscillates 15px at 3 oscillations per second.