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. |