Scene & Tweening
This page covers the scene lifecycle, how animations work frame by frame, and all the tools for composing timing.
Shapes
MotionScript provides seven shape nodes: Rect, Ellipse, Line, Path, Polygon, Polygram, and Image. All shapes support fill, stroke, shadow, opacity, position, size, and effects.
Text
MotionScript provides two text nodes: Text for single-style strings and RichText for multi-style spans. Both support fills, strokes, shadows, and all standard node animations.
Layouts
Rect is both a shape node and a flex/stack layout container. Set the group prop to arrange children automatically.
Effects
Effects are post-process filters applied to any node via the effects prop. They are applied after the node is rendered, so they affect the entire node including its children.
Masks
MaskGroup clips a set of nodes using a shape as a mask. The first child is always the mask shape; all subsequent children are the clipped content.
Boolean Operators
BooleanGroup combines child paths using set operations — union, subtract, intersect, and exclude. Fills and strokes are applied to the group, not to individual children. Children can still be animated individually.