cue.trace

cue.traceNode

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 environment by its node id (path: #flight for a curve#flight(…)), or an expression traced directly (path: x * (8 - x) / 4).Can be written as shorthand: 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.
at
cue-anchor
Anchor: a step index (1), a time (1.5s), or a compound offset (1 + 500ms).
Default0
duration
duration
How long the traversal takes.
Default1500ms
easing
linearsmooth
linear or smooth.
Defaultsmooth

#Allowed content

Body { }
linepolygoncurvecirclesquarerectangletrianglestardiamondhexagonvectorsegmentanglepointtextscatterhistogrambraceaxis.labelaxis.braceaxis.bandbarlollipopboxplotfitparameterparameter.timeintegralresidualscontourheatmapcue.typelinesregionchoroplethmarkerarcboxarrowpin

#Allowed in

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

#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
)