Manual
Overview
Language
IntroductionScenes & structureText & inlineGraphsCode panesAnimationDataReuse & logicExpressions & parameters
Elements
Text
ParagraphHeading 1Heading 2Heading 3Heading 4Unordered ListDivider
Media
ImageTableEquation
Callouts
NoteDefinitionExampleTask
Graph
GraphLinePolygonCurveIntegralScatterHistogramPointSegmentVectorCircleSquareRectangleTriangleStarDiamondHexagonTextAxis labelAxis BraceFitResidualsContourHeatmapParameter
Code
Code canvasLines
Animation
CueDraw cueTrace cueHighlight cueSpotlight cueType cue
Structure
SceneStep
Reference
Internote Reference
Inline
Formatting
BoldItalicsInline CodeHighlightLink
Text colour
Red textOrange textYellow textGreen textTeal textBlue textPurple textPink textGrey text
Maths
Maths
Reference
Internote ReferenceValueConstant
Other
FootnoteIcon
Directives
DatasetIncludeConstantsTemplatePresetConditionalForIgnore
Keyframes
KeyframeZoom keyframe
Attribute types
?
  1. Elements
  2. Animation
  3. Draw cue

Draw cue

cue.drawBlock elementAnimation

Presence, drawn rather than faded: strokes are drawn along their own length and fills arrive as the stroke completes. Anything with no stroke to draw fades instead.

Attributes

inImplicit
optional-cue-anchor
Anchor: a step index (1), a time (1.5s), or a compound offset (1 + 500ms). Reveals at this anchor.The head shorthand supplies it: cue.draw:value
Defaultnone
out
optional-cue-anchor
Anchor: a step index (1), a time (1.5s), or a compound offset (1 + 500ms). Hides at this anchor.
Defaultnone
in-duration
duration
How long the drawing takes.
Default1500ms
out-duration
duration
How long the undrawing takes.
Default1500ms
easing
easing-function
Easing function.
Defaultsmooth

Allowed content

Body { }
linepolygoncurvecirclesquarerectangletrianglestardiamondhexagonvectorsegmentpointtextscatterhistogramcue.highlightcue.spotlightcue.traceequationparagraphh1h2h3h4axis.labelfitparameterresiduals

Allowed in

scene [ ]canvas.graph { }canvas.code { }

Examples

cue.draw{
    curve(expression: x^2)
}(
    in: 1
)
cue.draw{
    line(data: (0,0), (2,2))
}(
    in: 1
    in-duration: 900ms
)
On this page
AttributesAllowed contentAllowed inExamples
Draw cue · Internote