paths node reference

Updated Jun 21, 2026 3 min read

Product media placeholder

Replace this area with a screenshot or short walkthrough video during the media sweep.

Path geometry read/write and modifiers: bend, wave, noise deform, trim, offset, boolean ops, wiggle path, round corners, repeater, conform, and more.

Category key pathsGenerated public nodes 24Registry source faster-motion-docs/node-registry.json

Nodes

Node	Type	Context	Description
Along Path	`alongPathCompute`	dom	Follow an SVG path — outputs x, y, angle from pre-sampled LUT
Bend	`bend`	shared	Bend geometry around a center point.
Boolean	`boolean`	shared	Path boolean operations: union, subtract, intersect, exclude.
Chop Path	`chopPath`	shared	Split path into N visible segments with gaps.
Conform to Path	`conformToPath`	shared	Deform source to follow target path shape.
Merge Paths	`mergePaths`	shared	Boolean ops (union/intersect/subtract/exclude) via clipper2.
Morph Compute	`morphCompute`	dom	Pure SVG path interpolation — takes fromPath and toPath as string inputs, outputs interpolated path string. Zero DOM awareness.
Morph Path Animation	`morphPathAnimation`	shared	Interpolate an SVG path element from its current d attribute toward a target d, driven by a 0..1 progress input. One authoring node replaces the canonical chain `domAttributeRead(d) → morphCompute(fromPath ← read, toPath) → domPoseWrite(d)` that every SVG morph repeats. Compound: expanded into those 3 primitives at load time — no runtime class.
Motion Stretch	`motionStretch`	shared	Stretch along velocity direction.
Noise Deform	`noiseDeform`	shared	Per-vertex noise displacement using 2D simplex.
Offset Path	`offsetPath`	shared	Inflate or deflate a path with cubic-preserving Tiller-Hanson offset.
Path Read	`pathRead`	canvas	Read path geometry from a scene object.
Path Vertex Anim	`pathVertexAnim`	shared	Publishes a path-vertex AttributeBundle consumed by SceneRenderNode (via registerPathVertexAnim). Accepts either per-vertex scalar ports (vertexX_n / vertexY_n / handle ports) or a bulk Float32 vertexBuffer ([x0,y0,x1,y1,...]) for sim-driven flows. Node id convention: `vertex-anim-${objectId}`.
Path Write	`pathWrite`	canvas	Write path geometry back to a scene object.
Pinch / Bloat	`pinch`	shared	Radial pinch or bloat from a center point.
Pucker & Bloat	`puckerBloat`	shared	Move vertices toward/away from centroid.
Repeater	`repeater`	shared	N copies with cumulative transform offset.
Round Corners	`roundCorners`	shared	Round sharp corners with cubic arcs.
Squash & Stretch	`squashStretch`	shared	Non-uniform scale preserving area.
Trim Path	`trimPath`	shared	Output a sub-segment of a path by start/end position.
Wave	`wave`	shared	Sinusoidal displacement along a path.
Wave Deformer	`waveDeformer`	shared	Sine wave displacement along path. Supports pulse mode.
Wiggle Path	`wigglePath`	shared	Noise displacement per path point.
Zig Zag	`zigZag`	shared	Alternating perpendicular peaks and valleys.

Was this guide helpful?