Trace cue

cue.traceBlock elementAnimation

Moves its content along a referenced curve: the anchor point (or the content's centre when no anchor is given) rides the path from the curve's domain start to its end across the window. The motion is x-uniform — constant horizontal speed, true to projectile choreography.

Attributes

pathRequiredImplicit

curve-path

The line to follow: a curve in this pane by its node id (`path: #flight` for a `curve#flight(…)`), or an expression traced directly (`path: x * (8 - x) / 4`).The head shorthand supplies it: cue.trace:value

anchor

parametised-coordinate-list

The point of the content that rides the path, e.g. (4, 0). Defaults to the centre of the wrapped content.

cue-anchor

Anchor: a step index (1), a time (1.5s), or a compound offset (1 + 500ms).

Default0

duration

How long the traversal takes.

Default1500ms

easing

easing-function

linear or smooth.

Defaultsmooth

Allowed content

Body { }

line polygon curve circle square rectangle triangle star diamond hexagon vector segment point text scatter histogram axis.label fit parameter residuals

Allowed in

canvas.graph { }cue { }cue.draw { }

Examples

cue.trace{
    point(x: 0; y: 0; colour: red)
}(
    path: #flight
    at: 1
    duration: 4s
)

cue.trace{
    text(label: ball)
}(
    path: x * (8 - x) / 4
    at: 2
)