Pathfinder

Position or deform Shapes along a path

Common Attributes +

Behaviour

Travel - move your Shape along a percentage of the Input Shape’s length.

Loop - when checked a shape will return to the beginning of the Path and continue animating. When unchecked a shape will continue in the direction of the first/ last point.

Reverse Input Path - reverse the direction of the Input Path.

Input Shape - connect a Shape to position/deform your Shape along.

Deformer

Taper Graph - create a taper along the length of you Shape. (no support for strokes yet).

Path Offset - move the Shape away from the Input Shape.

Flip - flip the Shape along its x axis. This is particularly useful for Text.

Value

Rotation [read only] - outputs the rotation along the normal of the Input Shape. Connect this to the Rotation attribute of another Shape.

Example usage (Deformer):

1. Create a Rectangle.

2. Add some Edge Divisions in X.

3. Click the + icon next to Deformers on the Rectangle and add a Pathfinder.

4. Draw a path with the Pen tool.

5. Connect path.id > pathfinder.inputShape

Example usage (animate along a path):

1. Create an Ellipse.

2. Draw a path with the Pen tool.

3. Create a Pathfinder.

4. Connect path.id > pathfinder.inputShape.

5. Connect pathfinder.id > ellipse.position.

Use the Align behaviour to pin Shapes to their top/ bottom/ left/ right edges before adding a Pathfinder to deform shapes on the inside or outside of the Input Path.